From cda277fed5fc2677ac5c96038fa371bbd8cb414a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luis=20Miguel=20Alm=C3=A1nzar?= <ruisu15@gmail.com>
Date: Sat, 15 Jun 2013 01:30:48 -0400
Subject: [PATCH] display metadata fields locks

---
 dashboard-ui/css/site.css                |  4 ++
 dashboard-ui/edititemmetadata.html       | 24 +++++--
 dashboard-ui/scripts/edititemmetadata.js | 84 ++++++++++++++++++++----
 3 files changed, 95 insertions(+), 17 deletions(-)

diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 6ee091471c..6f8140c2f4 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -993,3 +993,7 @@ input[type="range"]::-ms-fill-upper {
 #editItemMetadataPage #txtOverview {
     height: 70px;
 }
+
+#editItemMetadataPage #providerSettingsContainer .ui-slider-switch {
+    width: 8em;
+}
\ No newline at end of file
diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html
index 3a6084865a..cf6244d724 100644
--- a/dashboard-ui/edititemmetadata.html
+++ b/dashboard-ui/edititemmetadata.html
@@ -105,7 +105,7 @@
                                                 <option value='Saturday'>Saturday</option>
                                                 <option value='Sunday'>Sunday</option>
                                             </select>  
-                                            <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus"  onclick="EditItemMetadataPage.AddElementToEditableListview(this,EditItemMetadataPage.sortDaysOfTheWeek)">Add</a>
+                                            <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus"  onclick="EditItemMetadataPage.addElementToEditableListview(this,EditItemMetadataPage.sortDaysOfTheWeek)">Add</a>
                                         </div>
                                         <ul data-role="listview" data-inset="true" data-split-icon="delete" id="listAirDays"></ul>
                                     </div>
@@ -150,7 +150,7 @@
                             <div data-role="editableListviewContainer">
                                 <div data-role="fieldcontain">
                                     <input type="text" data-mini="true" />    
-                                    <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus"  onclick="EditItemMetadataPage.AddElementToEditableListview(this)">Add</a>
+                                    <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus"  onclick="editItemMetadataPage.addElementToEditableListview(this)">Add</a>
                                 </div>
                                 <ul data-role="listview" data-inset="true" data-split-icon="delete" id="listGenres"></ul>
                             </div>
@@ -160,7 +160,7 @@
                             <div data-role="editableListviewContainer">
                                 <div data-role="fieldcontain">
                                     <input type="text" data-mini="true" />    
-                                    <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.AddElementToEditableListview(this)">Add</a>
+                                    <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.addElementToEditableListview(this)">Add</a>
                                 </div>
                                 <ul data-role="listview" data-inset="true" data-split-icon="delete" id="listStudios"></ul>
                             </div>
@@ -170,7 +170,7 @@
                             <div data-role="editableListviewContainer">
                                 <div data-role="fieldcontain">
                                     <input type="text" data-mini="true" />    
-                                    <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.AddElementToEditableListview(this)">Add</a>
+                                    <a data-role="button" data-theme="b" data-inline="true" data-mini="true" data-icon="plus" onclick="EditItemMetadataPage.addElementToEditableListview(this)">Add</a>
                                 </div>
                                 <ul data-role="listview" data-inset="true" data-split-icon="delete" id="listTags"></ul>
                             </div>
@@ -212,7 +212,21 @@
                                 </div>
                             </div>
                         </div>
-
+                        <div data-role="collapsible">
+                            <h3>Internet Provider Settings</h3>
+                            <div>
+                                <div data-role="fieldcontain">
+                                    <label for="enableInternetProviders">Enable internet metadata providers:</label>
+                                    <select name="enableInternetProviders" id="enableInternetProviders" data-role="slider" data-mini="true" onchange="EditItemMetadataPage.setProviderSettingsContainerVisibility(this)">
+                                        <option value="false">Off</option>
+                                        <option value="true">On</option>
+                                    </select>
+                                </div>
+                                <div id="providerSettingsContainer" style="display: none">
+                                    
+                                </div>
+                            </div>
+                        </div>
                         <br />
                         <ul data-role="listview" class="ulForm">
                             <li>
diff --git a/dashboard-ui/scripts/edititemmetadata.js b/dashboard-ui/scripts/edititemmetadata.js
index 86bccf1497..3f1f7152f1 100644
--- a/dashboard-ui/scripts/edititemmetadata.js
+++ b/dashboard-ui/scripts/edititemmetadata.js
@@ -192,6 +192,14 @@
         populateListView($('#listGenres', page), item.Genres);
         populateListView($('#listStudios', page), item.Studios.map(function (element) { return element.Name || ''; }));
         populateListView($('#listTags', page), item.Tags);
+        var enableInternetProviders = (item.EnableInternetProviders || false);
+        $("#enableInternetProviders",page).val('' + enableInternetProviders).slider('refresh');
+        if (enableInternetProviders) {
+            $('#providerSettingsContainer',page).show();
+        } else {
+            $('#providerSettingsContainer',page).hide();
+        }
+        populateInternetProviderSettings(page, item.LockedFields, item.LockedImages);
         
         $('#txtName', page).val(item.Name || "");
         $('#txtOverview', page).val(item.Overview || "");
@@ -357,7 +365,7 @@
         }
         var html = '';
         for (var i = 0; i < items.length; i++) {
-            html += '<li><a class="data">' + items[i] + '</a><a onclick="EditItemMetadataPage.RemoveElementFromListview(this)"></a></li>';
+            html += '<li><a class="data">' + items[i] + '</a><a onclick="EditItemMetadataPage.removeElementFromListview(this)"></a></li>';
         }
         list.html(html).listview('refresh');
     }
@@ -365,7 +373,43 @@
     function editableListViewValues(list) {
         return list.find('a.data').map(function () { return $(this).text(); }).get();
     }
-    
+
+    function generateSliders(fields, type) {
+        var html = '';
+        for (var i = 0; i < fields.length; i++) {
+            var field = fields[i];
+            html += '<div data-role="fieldcontain">';
+            html += '<label for="lock' + field + '">' + field + ':</label>';
+            html += '<select name="lock'+ type +'" id="lock' + field + '" data-role="slider" data-mini="true">';
+            html += '<option value="" selected="selected">Off</option>';
+            html += '<option value="' + field + '">Locked</option>';
+            html += '</select>';
+            html += '</div>';
+        }
+        return html;
+    }
+    function populateInternetProviderSettings(page, lockedFields, lockedImages) {
+        var container = $('#providerSettingsContainer', page);
+        lockedFields = lockedFields || new Array();
+        lockedImages= lockedImages|| new Array();
+        var metadatafields = new Array("Name", "Overview", "Cast", "Genres", "ProductionLocations", "Studios", "Tags");
+        var imageTypes = new Array("Primary", "Art", "Backdrop", "Banner", "Logo", "Thumb", "Disc", "Box", "Screenshot", "Menu", "Chapter", "BoxRear");
+        var html = '';
+        html += "<h3>Fields</h3>";
+        html += generateSliders(metadatafields, 'Fields');
+        html += "<h3>Images</h3>";
+        html += generateSliders(imageTypes, 'Images');
+        container.html(html).trigger('create');
+        for (var fieldIndex = 0; fieldIndex < lockedFields.length; fieldIndex++) {
+            var field = lockedFields[fieldIndex];
+            $('#lock' + field).val(field).slider('refresh');
+        }
+        for (var imageIndex = 0; imageIndex < lockedImages.length; imageIndex++) {
+            var image = lockedImages[imageIndex];
+            $('#lock' + image).val(image).slider('refresh');
+        }
+    }
+
     function editItemMetadataPage() {
 
         var self = this;
@@ -375,7 +419,6 @@
             var form = this;
 
             var item = {
-                
                 Id: getParameterByName('id'),
                 Name: $('#txtName', form).val(),
                 SortName: $('#txtSortName', form).val(),
@@ -398,18 +441,27 @@
                 AirTime: convertTo12HourFormat($('#txtAirTime', form).val()),
                 Genres: editableListViewValues($("#listGenres", form)),
                 Tags: editableListViewValues($("#listTags", form)),
-                Studios: editableListViewValues($("#listStudios", form)).map(function (element) { return { Name: element }; }),
-                    
+                Studios: editableListViewValues($("#listStudios", form)).map(function(element) { return { Name: element }; }),
+
                 PremiereDate: $('#txtPremiereDate', form).val(),
                 EndDate: $('#txtEndDate', form).val(),
                 ProductionYear: $('#txtProductionYear', form).val(),
                 AspectRatio: $('#txtOriginalAspectRatio', form).val(),
-                
+
                 Language: $('#selectLanguage', form).val(),
                 OfficialRating: $('#selectOfficialRating', form).val(),
                 CustomRating: $('#selectCustomRating', form).val(),
                 People: currentItem.People,
-                
+                EnableInternetProviders: $("#enableInternetProviders", form).val(),
+                LockedFields: $('select[name="lockFields"]', form).map(function() {
+                    var value = $(this).val();
+                    if (value != '') return value;
+                }).get(),
+                LockedImages: $('select[name="lockImages"]', form).map(function() {
+                    var value = $(this).val();
+                    if (value != '') return value;
+                }).get(),
+
                 ProviderIds:
                 {
                     Gamesdb: $('#txtGamesDb', form).val(),
@@ -421,7 +473,6 @@
                     MusicBrainzReleaseGroupId: $('#txtMusicBrainzReleaseGroupId', form).val(),
                     RottenTomatoes: $('#txtRottenTomatoes', form).val()
                 }
-
             };
 
             ApiClient.updateItem(item).done(function () {
@@ -431,8 +482,9 @@
             });
 
             return false;
-        };
-        self.AddElementToEditableListview = function(source, sortCallback) {
+}
+    
+        self.addElementToEditableListview = function(source, sortCallback) {
             var input = $(source).parent().find('input[type="text"], select');
             var text = input.val();
             input.val('');
@@ -442,14 +494,22 @@
             items.push(text);
             populateListView(list, items, sortCallback);
         };
-
+        
+        self.setProviderSettingsContainerVisibility = function (source) {
+            if ($(source).val() == "true") {
+                $('#providerSettingsContainer').show();
+            } else {
+                $('#providerSettingsContainer').hide();
+            }
+        };
+        
         self.sortDaysOfTheWeek = function(list) {
             var days = new Array("Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday");
             list.sort(function(a, b) { return days.indexOf(a) > days.indexOf(b); });
             return list;
         };
         
-        self.RemoveElementFromListview = function(source) {
+        self.removeElementFromListview = function(source) {
             var list = $(source).parents('ul[data-role="listview"]');
             $(source).parent().remove();
             list.listview('refresh');