From 3c1648cc6366a0a857e4f3943dc644f985d66abd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luis=20Miguel=20Alm=C3=A1nzar?= <ruisu15@gmail.com>
Date: Wed, 12 Jun 2013 00:09:37 -0400
Subject: [PATCH] change edit item metadata to allow multiple series air days

---
 dashboard-ui/edititemmetadata.html       | 18 +++++++++++-
 dashboard-ui/scripts/edititemmetadata.js | 37 ++++++++++++------------
 2 files changed, 35 insertions(+), 20 deletions(-)

diff --git a/dashboard-ui/edititemmetadata.html b/dashboard-ui/edititemmetadata.html
index e0075d1a1f..3a6084865a 100644
--- a/dashboard-ui/edititemmetadata.html
+++ b/dashboard-ui/edititemmetadata.html
@@ -93,7 +93,23 @@
                                 </div>
                                 <div data-role="fieldcontain" id="fldAirDays" style="display: none;">
                                     <label for="selectAirDays">Air Days:</label>
-                                    <select name="selectAirDays" id="selectAirDays" data-mini="true"></select>
+                                    <div data-role="editableListviewContainer" style="width: 78%; display: inline-block;">
+                                        <div>
+                                            <select name="selectAirDays" Id="selectAirDays" data-mini="true">
+                                                <option value=''></option>
+                                                <option value='Monday'>Monday</option>
+                                                <option value='Tuesday'>Tuesday</option>
+                                                <option value='Wednesday'>Wednesday</option>
+                                                <option value='Thursday'>Thursday</option>
+                                                <option value='Friday'>Friday</option>
+                                                <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>
+                                        </div>
+                                        <ul data-role="listview" data-inset="true" data-split-icon="delete" id="listAirDays"></ul>
+                                    </div>
+                                    
                                 </div>
                                 <div data-role="fieldcontain" id="fldAirTime" style="display: none;">
                                     <label for="txtAirTime">Air Time:</label>
diff --git a/dashboard-ui/scripts/edititemmetadata.js b/dashboard-ui/scripts/edititemmetadata.js
index a08f485953..86bccf1497 100644
--- a/dashboard-ui/scripts/edititemmetadata.js
+++ b/dashboard-ui/scripts/edititemmetadata.js
@@ -187,9 +187,8 @@
         var selectStatus = $('#selectStatus', page);
         populateStatus(selectStatus);
         selectStatus.val(item.Status || "").selectmenu('refresh');
-        var selectAirDays = $('#selectAirDays', page);
-        populateAirDays(selectAirDays);
-        selectAirDays.val(item.AirDays || "").selectmenu('refresh');
+        
+        populateListView($('#listAirDays', page), item.AirDays);
         populateListView($('#listGenres', page), item.Genres);
         populateListView($('#listStudios', page), item.Studios.map(function (element) { return element.Name || ''; }));
         populateListView($('#listTags', page), item.Tags);
@@ -349,19 +348,13 @@
         select.html(html).selectmenu("refresh");
     }
     
-    function populateAirDays(select) {
-        var days = new Array("Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday");
-        var html = "";
-        html += "<option value=''></option>";
-        for (var i = 0; i < days.length; i++) {
-            html += "<option value='" + days[i] + "'>" + days[i] + "</option>";
-        }
-        select.html(html).selectmenu("refresh");
-    }
-
-    function populateListView(list, items) {
+    function populateListView(list, items, sortCallback) {
         items = items || new Array();
-        items.sort(function(a, b) { return a.toLowerCase().localeCompare(b.toLowerCase()); });
+        if (typeof(sortCallback) === 'undefined') {
+            items.sort(function (a, b) { return a.toLowerCase().localeCompare(b.toLowerCase()); });
+        } else {
+            items = sortCallback(items);
+        }
         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>';
@@ -401,7 +394,7 @@
                 Artists: [$('#txtArtist', form).val()],
                 Overview: $('#txtOverview', form).val(),
                 Status: $('#selectStatus', form).val(),
-                AirDays: $('#selectAirDays', form).val(),
+                AirDays: editableListViewValues($("#listAirDays", form)),
                 AirTime: convertTo12HourFormat($('#txtAirTime', form).val()),
                 Genres: editableListViewValues($("#listGenres", form)),
                 Tags: editableListViewValues($("#listTags", form)),
@@ -439,17 +432,23 @@
 
             return false;
         };
-        self.AddElementToEditableListview = function(source) {
-            var input = $(source).parent().find('input[type="text"]');
+        self.AddElementToEditableListview = function(source, sortCallback) {
+            var input = $(source).parent().find('input[type="text"], select');
             var text = input.val();
             input.val('');
             if (text == '') return;
             var list = $(source).parents('[data-role="editableListviewContainer"]').find('ul[data-role="listview"]');
             var items = editableListViewValues(list);
             items.push(text);
-            populateListView(list, items);
+            populateListView(list, items, sortCallback);
         };
 
+        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) {
             var list = $(source).parents('ul[data-role="listview"]');
             $(source).parent().remove();