Fixing gaps movie issues

Updating readme

README.md

@@ -69,7 +69,7 @@ Click the *Search via Plex* button and move on to the next page.
 
 With your Movie DB key added, now we need to configure the information to connect to Plex.
 
-![Plex Connection](readme_images/plex_configuration.png)
+![Plex Connection](gifs/gaps_plex_movie_list.gif)
 
 On this page, you'll need to configure how you connect to Plex. This includes three main things: the host/ip address of Plex, the port Plex uses, and your personal Plex Token.
 
@@ -97,15 +97,15 @@ Once you have those three, click next.
 
 On the Libraries page, Gaps will try to connect to Plex and if successful it will return the 'Movie' type libraries it found.
 
-![Plex Movie Libraries](readme_images/plex_libraries.png)
+![Plex Movie Libraries](images/plex_libraries.png)
 
 Select any or all of the movie libraries you want to search. You must select at least one.
 
 ### Results
 Once you've started searching, the movies will start populating on the final page.
 
 
-![Plex Movie Libraries](readme_images/plex_libraries.png) 
+![Plex Movie Libraries](gifs/gaps_missing_movies.gif) 
 
 ## Jay add last photo, need to implement three buttons and a cancel option
 

src/main/resources/static/js/plex_libraries.js

@@ -91,7 +91,7 @@ function getLibraries() {
 
     $.ajax({
         type: "GET",
-        url: "http://" + location.hostname + ":" + location.port + "/getPlexLibraries?" + encodeQueryData(data),
+        url: "https://" + location.hostname + ":" + location.port + "/getPlexLibraries?" + encodeQueryData(data),
         contentType: "application/json",
         success: function (data) {
             allLibraries = data;
@@ -150,7 +150,7 @@ function findIfChecked(selectedLibraries, key) {
 }
 
 function updatedSelectedLibraries() {
-    Cookies.set('libraries', findSelectedLibraries());
+    Cookies.set('libraries', JSON.stringify(findSelectedLibraries()));
 }
 
 function findSelectedLibraries() {

src/main/resources/static/js/plex_movie_list.js

@@ -46,7 +46,7 @@ document.addEventListener('DOMContentLoaded', function () {
         //Cancel Search
         $.ajax({
             type: "PUT",
-            url: "http://" + location.hostname + ":" + location.port + "/cancelSearch",
+            url: "https://" + location.hostname + ":" + location.port + "/cancelSearch",
             contentType: "application/json",
         });
 
@@ -79,15 +79,15 @@ function search() {
     searchTitle.text("Searching for Movies...");
     searchDescription.text("Gaps is looking through your Plex libraries. This could take a while so just sit tight and we'll find all the missing movies for you.");
 
-    const libraries = Cookies.get('libraries');
+    const libraries = JSON.parse(Cookies.get('libraries'));
     const address = Cookies.get('address');
     const port = Cookies.get('port');
     const plexToken = Cookies.get('plex_token');
     const movieDbApiKey = Cookies.get('movie_db_api_key');
 
     let plexMovieUrls = [];
 
-    for (let library of libraries) {
+    for (const library of libraries) {
         let data = {
             'X-Plex-Token': plexToken
         };
@@ -105,7 +105,7 @@ function search() {
 
     $.ajax({
         type: "POST",
-        url: "http://" + location.hostname + ":" + location.port + "/submit",
+        url: "https://" + location.hostname + ":" + location.port + "/submit",
         data: JSON.stringify(gaps),
         contentType: "application/json",
         timeout: 0,