From 21a688d6c625f62b9595fb9043db0a95560ec65e Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sat, 10 Jan 2015 00:53:35 -0500
Subject: [PATCH] add options for media in archives

---
 dashboard-ui/css/notifications.css      |   2 +-
 dashboard-ui/librarysettings.html       |  42 +++-
 dashboard-ui/plugins.html               |   4 +-
 dashboard-ui/scripts/librarysettings.js |   6 +
 dashboard-ui/scripts/pluginspage.js     | 290 ++++++++++++++++--------
 dashboard-ui/scripts/useredit.js        |  18 +-
 dashboard-ui/scripts/wizardagreement.js |   6 +
 7 files changed, 252 insertions(+), 116 deletions(-)

diff --git a/dashboard-ui/css/notifications.css b/dashboard-ui/css/notifications.css
index 3c3b52d5d1..a6feb479c0 100644
--- a/dashboard-ui/css/notifications.css
+++ b/dashboard-ui/css/notifications.css
@@ -6,7 +6,7 @@
     text-decoration: none !important;
     vertical-align: middle;
     border-radius: 1000px;
-    padding: 4px 10px 4px;
+    padding: 5px 10px;
     text-align: center;
     text-decoration: none !important;
     -moz-user-select: none;
diff --git a/dashboard-ui/librarysettings.html b/dashboard-ui/librarysettings.html
index b14aa45152..444614915a 100644
--- a/dashboard-ui/librarysettings.html
+++ b/dashboard-ui/librarysettings.html
@@ -27,11 +27,45 @@
                         </li>
                     </ul>
 
+                    <div data-role="collapsible">
+                        <h2>${HeaderAudio}</h2>
+                        <div>
+                            <br />
+                            <div>
+                                <label for="chkEnableAudioArchiveFiles">${OptionDetectArchiveFilesAsMedia}</label>
+                                <input type="checkbox" id="chkEnableAudioArchiveFiles" />
+                                <div class="fieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div>
+                            </div>
+                            <br />
+                        </div>
+                    </div>
+
+                    <div data-role="collapsible">
+                        <h2>${HeaderVideo}</h2>
+                        <div>
+                            <br />
+                            <div>
+                                <label for="chkEnableVideoArchiveFiles">${OptionDetectArchiveFilesAsMedia}</label>
+                                <input type="checkbox" id="chkEnableVideoArchiveFiles" />
+                                <div class="fieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div>
+                            </div>
+                            <br />
+                        </div>
+                    </div>
+
+                    <div data-role="collapsible">
+                        <h2>${HeaderTV}</h2>
+                        <div>
+                            <br />
+                            <div>
+                                <label for="txtSeasonZeroName">${LabelSeasonZeroDisplayName}</label>
+                                <input type="text" id="txtSeasonZeroName" name="txtSeasonZeroName" required="required" />
+                            </div>
+                            <br />
+                        </div>
+                    </div>
+                    <br />
                     <ul data-role="listview" class="ulForm">
-                        <li>
-                            <label for="txtSeasonZeroName">${LabelSeasonZeroDisplayName}</label>
-                            <input type="text" id="txtSeasonZeroName" name="txtSeasonZeroName" required="required" />
-                        </li>
                         <li>
                             <input type="checkbox" id="chkEnableRealtimeMonitor" name="chkEnableRealtimeMonitor" />
                             <label for="chkEnableRealtimeMonitor">${LabelEnableRealtimeMonitor}</label>
diff --git a/dashboard-ui/plugins.html b/dashboard-ui/plugins.html
index 2c4ffa16ee..4f98ebc063 100644
--- a/dashboard-ui/plugins.html
+++ b/dashboard-ui/plugins.html
@@ -14,9 +14,7 @@
                     <a href="channelsettings.html" data-role="button">${TabChannels}</a>
                 </div>
 
-                <div class="readOnlyContent">
-                    <ul id="ulInstalledPlugins" data-role="listview" data-inset="true" data-auto-enhanced="false" data-split-icon="minus"></ul>
-                </div>
+                <div class="installedPlugins"></div>
             </div>
         </div>
     </div>
diff --git a/dashboard-ui/scripts/librarysettings.js b/dashboard-ui/scripts/librarysettings.js
index e1b2275c1c..1096109f85 100644
--- a/dashboard-ui/scripts/librarysettings.js
+++ b/dashboard-ui/scripts/librarysettings.js
@@ -8,6 +8,9 @@
 
         $('#txtItemsByNamePath', page).val(config.ItemsByNamePath || '');
 
+        $('#chkEnableAudioArchiveFiles', page).checked(config.EnableAudioArchiveFiles).checkboxradio("refresh");
+        $('#chkEnableVideoArchiveFiles', page).checked(config.EnableVideoArchiveFiles).checkboxradio("refresh");
+
         Dashboard.hideLoadingMsg();
     }
 
@@ -65,6 +68,9 @@
 
                 config.EnableRealtimeMonitor = $('#chkEnableRealtimeMonitor', form).checked();
 
+                config.EnableAudioArchiveFiles = $('#chkEnableAudioArchiveFiles', form).checked();
+                config.EnableVideoArchiveFiles = $('#chkEnableVideoArchiveFiles', form).checked();
+
                 ApiClient.updateServerConfiguration(config).done(Dashboard.processServerConfigurationUpdateResult);
             });
 
diff --git a/dashboard-ui/scripts/pluginspage.js b/dashboard-ui/scripts/pluginspage.js
index 50b21e84a0..7978a537e4 100644
--- a/dashboard-ui/scripts/pluginspage.js
+++ b/dashboard-ui/scripts/pluginspage.js
@@ -1,99 +1,6 @@
-var PluginsPage = {
+(function ($, window) {
 
-    onPageShow: function () {
-        PluginsPage.reloadList(this);
-    },
-
-    reloadList: function (page) {
-
-        Dashboard.showLoadingMsg();
-
-        var promise1 = ApiClient.getInstalledPlugins();
-
-        var promise2 = ApiClient.getJSON(ApiClient.getUrl("dashboard/configurationpages") + "?pageType=PluginConfiguration");
-
-        $.when(promise1, promise2).done(function (response1, response2) {
-
-            PluginsPage.populateList(page, response1[0], response2[0]);
-
-        });
-    },
-
-    showNoConfigurationMessage: function() {
-        Dashboard.alert({
-            message: Globalize.translate('NoPluginConfigurationMessage')
-        });
-    },
-
-    showConnectMessage: function () {
-        Dashboard.alert({
-            message: Globalize.translate('MessagePluginConfigurationRequiresLocalAccess')
-        });
-    },
-
-    populateList: function (page, plugins, pluginConfigurationPages) {
-
-        plugins = plugins.sort(function (plugin1, plugin2) {
-
-            return (plugin1.Name) > (plugin2.Name) ? 1 : -1;
-
-        });
-
-        var html = "";
-
-        for (var i = 0, length = plugins.length; i < length; i++) {
-
-            var plugin = plugins[i];
-
-            var configPage = $.grep(pluginConfigurationPages, function (pluginConfigurationPage) {
-                return pluginConfigurationPage.PluginId == plugin.Id;
-            })[0];
-
-            html += "<li>";
-
-            if (Dashboard.isConnectMode()) {
-                html += "<a onclick='PluginsPage.showConnectMessage();' href='#'>";
-            }
-            else if (configPage) {
-                html += "<a href='" + Dashboard.getConfigurationPageUrl(configPage.Name) + "'>";
-            }
-            else {
-                html += "<a onclick='PluginsPage.showNoConfigurationMessage();' href='#'>";
-            }
-
-            html += "<h3>" + plugin.Name + "</h3>";
-
-            html += "<p>" + plugin.Version + "</p>";
-
-            html += "</a>";
-
-            html += "<a data-id='" + plugin.Id + "' data-pluginname='" + plugin.Name + "' onclick='PluginsPage.deletePlugin(this);' href='#'>" + Globalize.translate('Delete') + "</a>";
-
-            html += "</li>";
-        }
-
-        if (!plugins.length) {
-
-            html += '<li style="padding:5px;">';
-            html += '<p>' + Globalize.translate('MessageNoPluginsInstalled') + '</p>';
-            html += '<p><a href="plugincatalog.html">';
-            html += Globalize.translate('BrowsePluginCatalogMessage');
-            html += '</a></p>';
-            html += '</li>';
-
-            $('#ulInstalledPlugins', page).html(html);
-        } else {
-            $('#ulInstalledPlugins', page).html(html).listview('refresh');
-        }
-
-        Dashboard.hideLoadingMsg();
-    },
-
-    deletePlugin: function (link) {
-
-        var page = $(link).parents('.page');
-        var name = link.getAttribute('data-pluginname');
-        var uniqueid = link.getAttribute('data-id');
+    function deletePlugin(page, uniqueid, name) {
 
         var msg = Globalize.translate('UninstallPluginConfirmation').replace("{0}", name);
 
@@ -104,12 +11,197 @@
 
                 ApiClient.uninstallPlugin(uniqueid).done(function () {
 
-                    PluginsPage.reloadList(page);
+                    reloadList(page);
                 });
             }
         });
-
     }
-};
 
-$(document).on('pageshow', "#pluginsPage", PluginsPage.onPageShow);
\ No newline at end of file
+    function showNoConfigurationMessage() {
+        Dashboard.alert({
+            message: Globalize.translate('NoPluginConfigurationMessage')
+        });
+    }
+
+    function showConnectMessage() {
+        Dashboard.alert({
+            message: Globalize.translate('MessagePluginConfigurationRequiresLocalAccess')
+        });
+    }
+
+    function getPluginCardHtml(plugin, pluginConfigurationPages) {
+
+        var configPage = $.grep(pluginConfigurationPages, function (pluginConfigurationPage) {
+            return pluginConfigurationPage.PluginId == plugin.Id;
+        })[0];
+
+        var html = '';
+
+        var href = configPage && !Dashboard.isConnectMode() ?
+            Dashboard.getConfigurationPageUrl(configPage.Name) :
+            null;
+
+        html += "<div data-id='" + plugin.Id + "' data-name='" + plugin.Name + "' class='card backdropCard alternateHover bottomPaddedCard'>";
+
+        html += '<div class="cardBox visualCardBox">';
+        html += '<div class="cardScalable">';
+
+        html += '<div class="cardPadder"></div>';
+
+        if (href) {
+            html += '<a class="cardContent" href="' + href + '">';
+        } else {
+            html += '<div class="cardContent">';
+        }
+
+        if (plugin.ImageUrl) {
+            html += '<div class="cardImage" style="background-image:url(\'' + plugin.ImageUrl + '\');">';
+        } else {
+            html += '<div class="cardImage" style="background-image:url(\'css/images/items/list/collection.png\');">';
+        }
+
+        html += "</div>";
+
+        // cardContent
+        if (href) {
+            html += "</a>";
+        } else {
+            html += "</div>";
+        }
+
+        // cardScalable
+        html += "</div>";
+
+        html += '<div class="cardFooter">';
+
+        html += '<div class="cardText" style="text-align:right; float:right;">';
+        html += '<button class="btnCardMenu" type="button" data-inline="true" data-iconpos="notext" data-icon="ellipsis-v" style="margin: 2px 0 0;"></button>';
+        html += "</div>";
+
+        html += "<div class='cardText'>";
+        html += plugin.Name;
+        html += "</div>";
+
+        html += "<div class='cardText'>";
+        html += plugin.Version;
+        html += "</div>";
+
+        // cardFooter
+        html += "</div>";
+
+        // cardBox
+        html += "</div>";
+
+        // card
+        html += "</div>";
+
+        return html;
+    }
+
+    function populateList(page, plugins, pluginConfigurationPages) {
+
+        plugins = plugins.sort(function (plugin1, plugin2) {
+
+            return (plugin1.Name) > (plugin2.Name) ? 1 : -1;
+
+        });
+
+        var html = plugins.map(function (p) {
+            return getPluginCardHtml(p, pluginConfigurationPages);
+
+        }).join('');
+
+        if (!plugins.length) {
+
+            html += '<div style="padding:5px;">';
+            html += '<p>' + Globalize.translate('MessageNoPluginsInstalled') + '</p>';
+            html += '<p><a href="plugincatalog.html">';
+            html += Globalize.translate('BrowsePluginCatalogMessage');
+            html += '</a></p>';
+            html += '</div>';
+
+            $('.installedPlugins', page).html(html).trigger('create');
+        } else {
+
+            var elem = $('.installedPlugins', page).html(html).trigger('create');
+
+            $('.btnNoConfig', elem).on('click', function () {
+                showNoConfigurationMessage();
+            });
+
+            $('.btnConnectPlugin', elem).on('click', function () {
+                showConnectMessage();
+            });
+
+            $('.btnCardMenu', elem).on('click', function () {
+                showPluginMenu(page, this);
+            });
+        }
+
+        Dashboard.hideLoadingMsg();
+    }
+
+    function showPluginMenu(page, elem) {
+
+        var card = $(elem).parents('.card');
+        var id = card.attr('data-id');
+        var name = card.attr('data-name');
+        var configHref = $('.cardContent', card).attr('href');
+
+        $('.cardMenu', page).popup("close").remove();
+
+        var html = '<div data-role="popup" class="cardMenu tapHoldMenu" data-theme="a">';
+
+        html += '<ul data-role="listview" style="min-width: 180px;">';
+        html += '<li data-role="list-divider">' + Globalize.translate('HeaderMenu') + '</li>';
+
+        if (configHref) {
+            html += '<li><a href="' + configHref + '">' + Globalize.translate('ButtonSettings') + '</a></li>';
+        }
+
+        html += '<li><a href="#" class="btnDeletePlugin">' + Globalize.translate('ButtonUninstall') + '</a></li>';
+
+        html += '</ul>';
+
+        html += '</div>';
+
+        $(page).append(html);
+
+        var flyout = $('.cardMenu', page).popup({ positionTo: elem || "window" }).trigger('create').popup("open").on("popupafterclose", function () {
+
+            $(this).off("popupafterclose").remove();
+
+        });
+
+        $('.btnDeletePlugin', flyout).on('click', function () {
+
+            $('.cardMenu', page).popup('close');
+
+            // jqm won't show a popup while another is in the act of closing
+            setTimeout(function () {
+                deletePlugin(page, id, name);
+            }, 300);
+        });
+    }
+
+    function reloadList(page) {
+
+        Dashboard.showLoadingMsg();
+
+        var promise1 = ApiClient.getInstalledPlugins();
+
+        var promise2 = ApiClient.getJSON(ApiClient.getUrl("dashboard/configurationpages") + "?pageType=PluginConfiguration");
+
+        $.when(promise1, promise2).done(function (response1, response2) {
+
+            populateList(page, response1[0], response2[0]);
+
+        });
+    }
+
+    $(document).on('pageshow', "#pluginsPage", function () {
+
+        reloadList(this);
+    });
+
+})(jQuery, window);
\ No newline at end of file
diff --git a/dashboard-ui/scripts/useredit.js b/dashboard-ui/scripts/useredit.js
index 21e016eb51..881a758d53 100644
--- a/dashboard-ui/scripts/useredit.js
+++ b/dashboard-ui/scripts/useredit.js
@@ -21,19 +21,19 @@
         $('#txtUserName', page).val(user.Name);
         $('#txtConnectUserName', page).val(currentUser.ConnectUserName);
 
-        $('#chkIsAdmin', page).checked(user.Policy.IsAdministrator || false).checkboxradio("refresh");
+        $('#chkIsAdmin', page).checked(user.Policy.IsAdministrator).checkboxradio("refresh");
 
-        $('#chkDisabled', page).checked(user.Policy.IsDisabled || false).checkboxradio("refresh");
-        $('#chkIsHidden', page).checked(user.Policy.IsHidden || false).checkboxradio("refresh");
-        $('#chkRemoteControlSharedDevices', page).checked(user.Policy.EnableSharedDeviceControl);
+        $('#chkDisabled', page).checked(user.Policy.IsDisabled).checkboxradio("refresh");
+        $('#chkIsHidden', page).checked(user.Policy.IsHidden).checkboxradio("refresh");
+        $('#chkRemoteControlSharedDevices', page).checked(user.Policy.EnableSharedDeviceControl).checkboxradio("refresh");
         $('#chkEnableRemoteControlOtherUsers', page).checked(user.Policy.EnableRemoteControlOfOtherUsers).checkboxradio("refresh");
-        $('#chkEnableMediaPlayback', page).checked(user.Policy.EnableMediaPlayback || false).checkboxradio("refresh");
+        $('#chkEnableMediaPlayback', page).checked(user.Policy.EnableMediaPlayback).checkboxradio("refresh");
 
-        $('#chkManageLiveTv', page).checked(user.Policy.EnableLiveTvManagement || false).checkboxradio("refresh");
-        $('#chkEnableLiveTvAccess', page).checked(user.Policy.EnableLiveTvAccess || false).checkboxradio("refresh");
-        $('#chkEnableContentDeletion', page).checked(user.Policy.EnableContentDeletion || false).checkboxradio("refresh");
+        $('#chkManageLiveTv', page).checked(user.Policy.EnableLiveTvManagement).checkboxradio("refresh");
+        $('#chkEnableLiveTvAccess', page).checked(user.Policy.EnableLiveTvAccess).checkboxradio("refresh");
+        $('#chkEnableContentDeletion', page).checked(user.Policy.EnableContentDeletion).checkboxradio("refresh");
 
-        $('#chkDisableUserPreferences', page).checked((!user.Policy.EnableUserPreferenceAccess) || false).checkboxradio("refresh");
+        $('#chkDisableUserPreferences', page).checked((!user.Policy.EnableUserPreferenceAccess)).checkboxradio("refresh");
 
         $('#chkEnableSync', page).checked(user.Policy.EnableSync).checkboxradio("refresh");
 
diff --git a/dashboard-ui/scripts/wizardagreement.js b/dashboard-ui/scripts/wizardagreement.js
index 781581407b..0919b6c2cb 100644
--- a/dashboard-ui/scripts/wizardagreement.js
+++ b/dashboard-ui/scripts/wizardagreement.js
@@ -4,6 +4,12 @@
 
         if ($('#chkAccept', page).checked()) {
             Dashboard.navigate('wizardfinish.html');
+        } else {
+
+            Dashboard.alert({
+                message: Globalize.translate('MessagePleaseAcceptTermsOfServiceBeforeContinuing'),
+                title: ''
+            });
         }
     }