reduce use of paper-checkbox

This commit is contained in:
Luke Pulverenti 2016-09-09 22:41:29 -04:00
parent d08ee04bdb
commit 3e990981fe
4 changed files with 18 additions and 20 deletions

View File

@ -1,4 +1,4 @@
<div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsetting,emby-select,emby-input,paper-checkbox,emby-button"> <div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsetting,emby-select,emby-input,emby-checkbox,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -8,10 +8,10 @@
<form class="notificationSettingForm"> <form class="notificationSettingForm">
<br /> <br />
<div> <label class="checkboxContainer">
<paper-checkbox id="chkEnabled">${LabelNotificationEnabled}</paper-checkbox> <input type="checkbox" is="emby-checkbox" id="chkEnabled" />
</div> <span>${LabelNotificationEnabled}</span>
<br /> </label>
<br /> <br />
<div class="monitorUsers" style="display: none;"> <div class="monitorUsers" style="display: none;">

View File

@ -1,10 +1,10 @@
define(['jQuery'], function ($) { define(['jQuery', 'emby-checkbox'], function ($) {
var notificationsConfigurationKey = "notifications"; var notificationsConfigurationKey = "notifications";
function fillItems(elem, items, cssClass, idPrefix, currentList, isEnabledList) { function fillItems(elem, items, cssClass, idPrefix, currentList, isEnabledList) {
var html = '<div class="paperCheckboxList paperList" style="padding: .5em 1em;">'; var html = '<div class="checkboxList paperList" style="padding: .5em 1em;">';
html += items.map(function (u) { html += items.map(function (u) {
@ -12,7 +12,7 @@
var checkedHtml = isChecked ? ' checked="checked"' : ''; var checkedHtml = isChecked ? ' checked="checked"' : '';
return '<paper-checkbox class="' + cssClass + '" type="checkbox" data-itemid="' + u.Id + '"' + checkedHtml + '>' + u.Name + '</paper-checkbox>'; return '<label><input is="emby-checkbox" class="' + cssClass + '" type="checkbox" data-itemid="' + u.Id + '"' + checkedHtml + '/><span>' + u.Name + '</span></label>';
}).join(''); }).join('');

View File

@ -1,4 +1,4 @@
define(['jQuery'], function ($) { define(['jQuery', 'fnchecked'], function ($) {
function loadPage(page, config) { function loadPage(page, config) {

View File

@ -1,4 +1,4 @@
<div id="syncSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncsettings,paper-checkbox,emby-input,emby-button,paper-icon-button-light,material-icons"> <div id="syncSettingsPage" data-role="page" class="page type-interior withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/syncsettings,emby-checkbox,emby-input,emby-button,paper-icon-button-light,material-icons">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -24,22 +24,20 @@
${LabelConversionCpuCoreLimitHelp} ${LabelConversionCpuCoreLimitHelp}
</div> </div>
</div> </div>
<div> <div class="checkboxContainer checkboxContainer-withDescription">
<paper-checkbox id="chkEnableFullSpeedConversion">${OptionEnableFullSpeedConversion}</paper-checkbox> <label>
<div class="fieldDescription paperCheckboxFieldDescription"> <input type="checkbox" is="emby-checkbox" id="chkEnableFullSpeedConversion" />
${OptionEnableFullSpeedConversionHelp} <span>${OptionEnableFullSpeedConversion}</span>
</div> </label>
<div class="fieldDescription checkboxFieldDescription">${OptionEnableFullSpeedConversionHelp}</div>
</div> </div>
<br /> <br />
<br />
<div> <div>
<button is="emby-button" type="submit" class="raised submit block"> <button is="emby-button" type="submit" class="raised button-submit block">
<i class="md-icon">check</i>
<span>${ButtonSave}</span> <span>${ButtonSave}</span>
</button> </button>
<button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"> <button is="emby-button" type="button" class="raised button-cancel block btnCancel" onclick="history.back();">
<i class="md-icon">close</i>
<span>${ButtonCancel}</span> <span>${ButtonCancel}</span>
</button> </button>
</div> </div>