From 763591e547ce3230c3e2dc0a1e5cb4e0e622653a Mon Sep 17 00:00:00 2001
From: cglatot <ciaran@thegallagherclan.co.uk>
Date: Tue, 7 Jul 2020 15:03:43 +0100
Subject: Add support and changes for Movies

---
 index.html | 16 +++++++++---
 js/main.js | 88 +++++++++++++++++++++++++++++++++++++++++---------------------
 2 files changed, 71 insertions(+), 33 deletions(-)

diff --git a/index.html b/index.html
index f744b66..36e4586 100644
--- a/index.html
+++ b/index.html
@@ -391,7 +391,7 @@
                         <!-- SHOWS TABLE -->
                         <div class="row mt-4">
                             <div class="col">
-                                <h3>TV Series</h3>
+                                <h3 id="libraryTypeTitle">TV Series</h3>
                                 <div class="table-responsive">
                                     <table id="tvShowsTable" class="table table-hover mt-3">
                                         <thead>
@@ -411,7 +411,7 @@
                     </div>
                     <div class="tab-pane fade" id="episodes" role="tabpanel" aria-labelledby="episodes-tab">
                         <!-- SEASONS TABLE -->
-                        <div class="row mt-3">
+                        <div id="seasonsTableContainer" class="row mt-3">
                             <div class="col">
                                 <h3>Seasons</h3>
                                 <div class="table-responsive">
@@ -431,7 +431,7 @@
                         <!-- / SHOWS TABLE -->
 
                         <!-- EPISODES TABLE -->
-                        <div class="row mt-4">
+                        <div id="episodesTableContainer" class="row mt-4">
                             <div class="col">
                                 <h3>Episodes</h3>
                                 <div class="table-responsive">
@@ -451,7 +451,7 @@
                         <!-- / EPISODES TABLE -->
 
                         <!-- SWITCH TOGGLE -->
-                        <div class="row mt-4">
+                        <div id="switchToggleContainer" class="row mt-4">
                             <div class="col text-center">
                                 <div id="episodeOrSeriesBtns" class="btn-group btn-group-toggle" data-toggle="buttons">
                                     <label class="btn btn-secondary active">
@@ -471,6 +471,14 @@
                         </div>
                         <!-- / SWITCH TOGGLE -->
 
+                        <!-- MOVIE NAME -->
+                        <div id="movieNamePlaceholder" class="row mt-4">
+                            <div class="col">
+                                <h2>Baby Driver</h2>
+                            </div>
+                        </div>
+                        <!-- / MOVIE NAME -->
+
                         <!-- STREAMS TABLES -->
                         <div class="row mt-4">
                             <div class="col">
diff --git a/js/main.js b/js/main.js
index 0025137..8e441b0 100644
--- a/js/main.js
+++ b/js/main.js
@@ -1,7 +1,7 @@
 // Variables for the Authorised Devices card
 var clientIdentifier; // UID for the device being used
 var plexProduct = "PASTA"; // X-Plex-Product - Application name
-var pastaVersion = "1.2.2"; // X-Plex-Version - Application version
+var pastaVersion = "1.4"; // X-Plex-Version - Application version
 var pastaPlatform; // X-Plex-Platform - Web Browser
 var pastaPlatformVersion; // X-Plex-Platform-Version - Web Browser version
 var deviceInfo; // X-Plex-Device - Operation system?
@@ -17,6 +17,7 @@ var showId = ""; // Stores the Id for the most recently clicked series
 var seasonsList = []; // Stores the Ids for all seasons of the most recently clicked series
 var seasonId = ""; // Store the Id of the most recently clicked season
 var episodeId = ""; // Stores the Id of the most recently clicked episode
+var libraryType = "shows"; // Sets whether the library is a show or a movie / other videos
 
 $(document).ready(() => {
     // Check if there is a page refresh, if so we want to push the history without the #
@@ -433,6 +434,18 @@ function getAlphabet(uid, row) {
 
 function displayAlphabet(data, row) {
     const availableAlphabet = data.MediaContainer.Directory;
+    libraryType = data.MediaContainer.thumb.indexOf('show') > -1 ? "shows" : "movie";
+    if (libraryType == "shows") {
+        // Update the tab names to "Series" and "Episodes"
+        $('#series-tab').html("Series");
+        $('#episodes-tab').html("Episodes");
+        $('#libraryTypeTitle').html("TV Series");
+    } else {
+        // Update the tab names to "Movies" and "Tracks"
+        $('#series-tab').html("Movies");
+        $('#episodes-tab').html("Tracks");
+        $('#libraryTypeTitle').html("Movies");
+    }
 
     $("#tvShowsTable tbody").empty();
     $("#seasonsTable tbody").empty();
@@ -495,35 +508,52 @@ function displayTitles(titles) {
 
 function getTitleInfo(uid, row) {
     showId = uid;
-    $.ajax({
-        "url": `${plexUrl}/library/metadata/${uid}/children`,
-        "method": "GET",
-        "headers": {
-            "X-Plex-Token": plexToken,
-            "Accept": "application/json"
-        },
-        "success": (data) => {
-            showTitleInfo(data, row);
-            $('#episodes-tab').tab('show');
-        },
-        "error": (data) => {
-            console.log("ERROR L510");
-            console.log(data);
-            if (data.status == 400) {
-                // This is a "bad request" - this usually means a Movie was selected
-                $('#progressModal #progressModalTitle').empty();
-                $('#progressModal #progressModalTitle').text(`Invalid TV Show`);
-                $('#progressModal #modalBodyText').empty();
-                $('#progressModal #modalBodyText').append(`<div class="alert alert-warning mb-0" role="alert">
-                        <div class="d-flex align-items-center">
-                            This does not appear to be a valid TV Series, or this TV Series does not have any seasons associated with it.<br>
-                            Please choose a valid TV Series; update the TV Series to have at least 1 Season; or go back and choose the proper library for TV Series.
-                        </div>
-                    </div>`);
-                $('#progressModal').modal();
+    if (libraryType == "movie") {
+        getEpisodeInfo(uid, row);
+        // Hide TV shows tables and switches
+        $('#seasonsTableContainer').hide();
+        $('#episodesTableContainer').hide();
+        $('#switchToggleContainer').hide();
+        // Update the name of the Movie in the placeholder
+        $('#movieNamePlaceholder').show();
+        $('#movieNamePlaceholder h2').html(`${$(row).children().first().html()} (${$(row).children().last().html()})`);
+        // Swap to the tab
+        $('#episodes-tab').tab('show');
+    } else {
+        $('#seasonsTableContainer').show();
+        $('#episodesTableContainer').show();
+        $('#switchToggleContainer').show();
+        $('#movieNamePlaceholder').hide();
+        $.ajax({
+            "url": `${plexUrl}/library/metadata/${uid}/children`,
+            "method": "GET",
+            "headers": {
+                "X-Plex-Token": plexToken,
+                "Accept": "application/json"
+            },
+            "success": (data) => {
+                showTitleInfo(data, row);
+                $('#episodes-tab').tab('show');
+            },
+            "error": (data) => {
+                console.log("ERROR L510");
+                console.log(data);
+                if (data.status == 400) {
+                    // This is a "bad request" - this usually means a Movie was selected
+                    $('#progressModal #progressModalTitle').empty();
+                    $('#progressModal #progressModalTitle').text(`Invalid TV Show`);
+                    $('#progressModal #modalBodyText').empty();
+                    $('#progressModal #modalBodyText').append(`<div class="alert alert-warning mb-0" role="alert">
+                            <div class="d-flex align-items-center">
+                                This does not appear to be a valid TV Series, or this TV Series does not have any seasons associated with it.<br>
+                                Please choose a valid TV Series; update the TV Series to have at least 1 Season; or go back and choose the proper library for TV Series.
+                            </div>
+                        </div>`);
+                    $('#progressModal').modal();
+                }
             }
-        }
-    });
+        });
+    }
 }
 
 function showTitleInfo(data, row) {
-- 
cgit v1.2.3