From 13096410b08df6ff4a59e47b0fcf87fc30d7138c Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Sun, 11 Sep 2016 11:30:04 -0400
Subject: [PATCH] reduce use of paper-checkbox

---
 dashboard-ui/dashboard/librarysettings.js |  2 +-
 dashboard-ui/librarysettings.html         | 58 +++++++++++++++--------
 dashboard-ui/scripts/site.js              |  2 +-
 3 files changed, 39 insertions(+), 23 deletions(-)

diff --git a/dashboard-ui/dashboard/librarysettings.js b/dashboard-ui/dashboard/librarysettings.js
index bcff55a11c..97e880457a 100644
--- a/dashboard-ui/dashboard/librarysettings.js
+++ b/dashboard-ui/dashboard/librarysettings.js
@@ -1,4 +1,4 @@
-define(['jQuery'], function ($) {
+define(['jQuery', 'fnchecked', 'emby-checkbox'], function ($) {
 
     function loadPage(page, config) {
 
diff --git a/dashboard-ui/librarysettings.html b/dashboard-ui/librarysettings.html
index b4d6b85d0f..3bce2020ca 100644
--- a/dashboard-ui/librarysettings.html
+++ b/dashboard-ui/librarysettings.html
@@ -20,34 +20,50 @@
                     </div>
                     <div class="fieldDescription">${LabelMetadataPathHelp}</div>
                 </div>
-                <div>
-                    <paper-checkbox id="chkSaveMetadataHidden">${OptionSaveMetadataAsHidden}</paper-checkbox>
-                    <div class="fieldDescription paperCheckboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div>
-                    <br />
+                <div class="checkboxContainer checkboxContainer-withDescription">
+                    <label>
+                        <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkSaveMetadataHidden" data-filter="Sunday" />
+                        <span>${OptionSaveMetadataAsHidden}</span>
+                    </label>
+                    <div class="fieldDescription checkboxFieldDescription">${OptionSaveMetadataAsHiddenHelp}</div>
                 </div>
-                <br />
 
                 <div is="emby-collapse" title="${HeaderPeople}">
                     <div class="collapseContent">
                         <br />
                         <div>
-                            <div class="paperListLabel">${HeaderDownloadPeopleMetadataFor}</div>
-                            <div class="paperCheckboxList">
-                                <paper-checkbox id="chkPeopleActors">${OptionActors}</paper-checkbox>
-
-                                <paper-checkbox id="chkPeopleComposers">${OptionComposers}</paper-checkbox>
-
-                                <paper-checkbox id="chkPeopleDirectors">${OptionDirectors}</paper-checkbox>
-
-                                <paper-checkbox id="chkPeopleGuestStars">${OptionGuestStars}</paper-checkbox>
-
-                                <paper-checkbox id="chkPeopleProducers">${OptionProducers}</paper-checkbox>
-
-                                <paper-checkbox id="chkPeopleWriters">${OptionWriters}</paper-checkbox>
-
-                                <paper-checkbox id="chkPeopleOthers">${OptionOthers}</paper-checkbox>
+                            <h3 class="checkboxListLabel">${HeaderDownloadPeopleMetadataFor}</h3>
+                            <div class="checkboxList">
+                                <label>
+                                    <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkPeopleActors" data-filter="Sunday" />
+                                    <span>${OptionActors}</span>
+                                </label>
+                                <label>
+                                    <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkPeopleComposers" data-filter="Sunday" />
+                                    <span>${OptionComposers}</span>
+                                </label>
+                                <label>
+                                    <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkPeopleDirectors" data-filter="Sunday" />
+                                    <span>${OptionDirectors}</span>
+                                </label>
+                                <label>
+                                    <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkPeopleGuestStars" data-filter="Sunday" />
+                                    <span>${OptionGuestStars}</span>
+                                </label>
+                                <label>
+                                    <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkPeopleProducers" data-filter="Sunday" />
+                                    <span>${OptionProducers}</span>
+                                </label>
+                                <label>
+                                    <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkPeopleWriters" data-filter="Sunday" />
+                                    <span>${OptionWriters}</span>
+                                </label>
+                                <label>
+                                    <input type="checkbox" is="emby-checkbox" class="chkAirDays" id="chkPeopleOthers" data-filter="Sunday" />
+                                    <span>${OptionOthers}</span>
+                                </label>
                             </div>
-                            <div class="fieldDescription paperCheckboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div>
+                            <div class="fieldDescription checkboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div>
                         </div>
                     </div>
                 </div>
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 01b30b4514..c32d23fbc9 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -2121,7 +2121,7 @@ var AppInfo = {};
 
         defineRoute({
             path: '/librarysettings.html',
-            dependencies: ['emby-collapse', 'emby-input', 'paper-checkbox', 'emby-button', 'emby-select'],
+            dependencies: ['emby-collapse', 'emby-input', 'emby-button', 'emby-select'],
             autoFocus: false,
             roles: 'admin',
             controller: 'dashboard/librarysettings'