From 3b62c5d6865cd2c66e9732727bd0532fe6788b9b Mon Sep 17 00:00:00 2001
From: Jason House <jh5975@gmail.com>
Date: Sun, 27 Sep 2020 17:29:13 +0900
Subject: [PATCH] Adding more modal controls

---
 .../static/js/modules/plex-configuration.js   | 11 ++++++-----
 .../resources/templates/configuration.html    | 19 +++++++++----------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/GapsWeb/src/main/resources/static/js/modules/plex-configuration.js b/GapsWeb/src/main/resources/static/js/modules/plex-configuration.js
index c7b56225..5498c5be 100644
--- a/GapsWeb/src/main/resources/static/js/modules/plex-configuration.js
+++ b/GapsWeb/src/main/resources/static/js/modules/plex-configuration.js
@@ -9,16 +9,17 @@
  *
  */
 
-export function openPlexLibraryConfigurationModel(machineIdentifier, key) {
+export function openPlexLibraryConfigurationModel(title, machineIdentifier, key) {
     const obj = {
+        'title':title,
         'machineIdentifier': machineIdentifier,
         'key': key
     }
-    const plexLibraryButtonConfiguration = $("#plexLibraryButtonConfiguration").html();
-    const theTemplate = Handlebars.compile(plexLibraryButtonConfiguration);
+    const plexLibraryModalTemplate = $("#plexLibraryModalTemplate").html();
+    const theTemplate = Handlebars.compile(plexLibraryModalTemplate);
     const theCompiledHtml = theTemplate(obj);
-    const buttonHolder = document.getElementById('buttonHolder');
-    buttonHolder.innerHTML = theCompiledHtml;
+    const plexLibraryConfigurationModal = document.getElementById('plexLibraryConfigurationModal');
+    plexLibraryConfigurationModal.innerHTML = theCompiledHtml;
     $('#plexLibraryConfigurationModal').modal('show');
 }
 
diff --git a/GapsWeb/src/main/resources/templates/configuration.html b/GapsWeb/src/main/resources/templates/configuration.html
index 6dfda7f5..ba996997 100755
--- a/GapsWeb/src/main/resources/templates/configuration.html
+++ b/GapsWeb/src/main/resources/templates/configuration.html
@@ -416,10 +416,13 @@ <h4 class="alert-heading">Success!</h4>
 </div>
 
 <div class="modal fade" tabindex="-1" id="plexLibraryConfigurationModal">
+</div>
+
+<script id="plexLibraryModalTemplate" type="text/x-handlebars-template">
     <div class="modal-dialog">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title">Plex Library Configuration</h5>
+                <h5 class="modal-title">{{title}} Library Configuration</h5>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
@@ -440,14 +443,10 @@ <h5 class="modal-title">Plex Library Configuration</h5>
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-                <div id="buttonHolder"></div>
+                <button type="button" class="btn btn-primary" onclick="savePlexLibraryConfiguration('{{machineIdentifier}}', {{key}})">Save changes</button>
             </div>
         </div>
     </div>
-</div>
-
-<script id="plexLibraryButtonConfiguration" type="text/x-handlebars-template">
-    <button type="button" class="btn btn-primary" onclick="savePlexLibraryConfiguration('{{machineIdentifier}}', {{key}})">Save changes</button>
 </script>
 
 <script id="plexServerCard" type="text/x-handlebars-template">
@@ -458,18 +457,18 @@ <h5 class="modal-title">Plex Library Configuration</h5>
                 <ul class="list-group list-group-flush">
                     {{#each plexLibraries}}
                         {{#if (isEnabled this)}}
-                            <li class="list-group-item" onclick="openPlexLibraryConfigurationModel('{{machineIdentifier}}', {{key}})">{{title}}</li>
+                            <li class="list-group-item" onclick="openPlexLibraryConfigurationModel('{{friendlyName}}', '{{machineIdentifier}}', {{key}})">{{title}}</li>
                         {{/if}}
                         {{#if (isDefaultLibrary this)}}
-                            <li class="list-group-item skip-searching-library" onclick="openPlexLibraryConfigurationModel('{{machineIdentifier}}', {{key}})">{{title}} <i
+                            <li class="list-group-item skip-searching-library" onclick="openPlexLibraryConfigurationModel('{{friendlyName}}', '{{machineIdentifier}}', {{key}})">{{title}} <i
                                     class="material-icons green600">check</i></li>
                         {{/if}}
                         {{#if (isBoth this)}}
-                            <li class="list-group-item" onclick="openPlexLibraryConfigurationModel('{{machineIdentifier}}', {{key}})">{{title}} <i class="material-icons green600">check</i>
+                            <li class="list-group-item" onclick="openPlexLibraryConfigurationModel('{{friendlyName}}', '{{machineIdentifier}}', {{key}})">{{title}} <i class="material-icons green600">check</i>
                             </li>
                         {{/if}}
                         {{#if (isNone this)}}
-                            <li class="list-group-item skip-searching-library" onclick="openPlexLibraryConfigurationModel('{{machineIdentifier}}', {{key}})">{{title}}</li>
+                            <li class="list-group-item skip-searching-library" onclick="openPlexLibraryConfigurationModel('{{friendlyName}}', '{{machineIdentifier}}', {{key}})">{{title}}</li>
                         {{/if}}
                     {{/each}}
                 </ul>