milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update elements

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-11 11:56:15 -04:00
parent ab2d2eaf94
commit 7b96f75a6c
24 changed files with 500 additions and 459 deletions
Download patch file Download diff file Expand all files Collapse all files

9
dashboard-ui/components/filterdialog/filterdialog.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'events', 'browser', 'jQuery', 'paper-checkbox', 'emby-collapsible', 'css!components/filterdialog/style', 'paper-radio-button', 'paper-radio-group'], function (dialogHelper, events, browser, $) {
define(['dialogHelper', 'events', 'browser', 'jQuery', 'paper-checkbox', 'emby-checkbox', 'emby-collapsible', 'css!components/filterdialog/style', 'paper-radio-button', 'paper-radio-group'], function (dialogHelper, events, browser, $) {
function renderOptions(context, selector, cssClass, items, isCheckedFn) {
@ -15,14 +15,17 @@
var html = '';
// style="margin: -.2em -.8em;"
html += '<div class="paperCheckboxList">';
html += '<div class="checkboxList">';
html += items.map(function (filter) {
var itemHtml = '';
var checkedHtml = isCheckedFn(filter) ? ' checked' : '';
itemHtml += '<paper-checkbox' + checkedHtml + ' data-filter="' + filter + '" class="' + cssClass + '">' + filter + '</paper-checkbox>';
itemHtml += '<label>';
itemHtml += '<input is="emby-checkbox" type="checkbox"' + checkedHtml + ' data-filter="' + filter + '" class="' + cssClass + '"/>';
itemHtml += '<span>' + filter + '</span>';
itemHtml += '</label>';
return itemHtml;

34
dashboard-ui/components/filterdialog/filterdialog.template.html
View file

@ -73,14 +73,34 @@
</emby-collapsible>
<emby-collapsible title="${HeaderVideoTypes}" class="videoTypeFilters hide">
<div class="paperCheckboxList">
<paper-checkbox class="chkVideoTypeFilter chkBluray" data-filter="Bluray">${OptionBluray}</paper-checkbox>
<paper-checkbox class="chkVideoTypeFilter chkDvd" data-filter="Dvd">${OptionDvd}</paper-checkbox>
<paper-checkbox class="chkVideoTypeFilter chkIso" data-filter="Iso">${OptionIso}</paper-checkbox>
<div class="checkboxList">
<label>
<input type="checkbox" is="emby-checkbox" class="chkVideoTypeFilter chkBluray" data-filter="Bluray" />
<span>${OptionBluray}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkVideoTypeFilter chkDvd" data-filter="Dvd" />
<span>${OptionDvd}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkVideoTypeFilter chkIso" data-filter="Iso" />
<span>${OptionIso}</span>
</label>
<paper-checkbox class="chkHDFilter IsHD">${OptionIsHD}</paper-checkbox>
<paper-checkbox class="chkSDFilter IsHD">${OptionIsSD}</paper-checkbox>
<paper-checkbox class="chk3DFilter chk3D">${Option3D}</paper-checkbox>
<label>
<input type="checkbox" is="emby-checkbox" class="chkHDFilter IsHD" />
<span>${OptionIsHD}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkSDFilter IsHD" />
<span>${OptionIsSD}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chk3DFilter chk3D" />
<span>${Option3D}</span>
</label>
</div>
</emby-collapsible>