mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code 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

2
dashboard-ui/channelitems.html
View file

@ -1,4 +1,4 @@
<div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage noSecondaryNavPage" data-contextname="${HeaderChannels}" data-require="scripts/channelitems,paper-checkbox" data-backbutton="true" data-menubutton="false"> <div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage noSecondaryNavPage" data-contextname="${HeaderChannels}" data-require="scripts/channelitems" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">

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) { function renderOptions(context, selector, cssClass, items, isCheckedFn) {
@ -15,14 +15,17 @@
var html = ''; var html = '';
// style="margin: -.2em -.8em;" // style="margin: -.2em -.8em;"
html += '<div class="paperCheckboxList">'; html += '<div class="checkboxList">';
html += items.map(function (filter) { html += items.map(function (filter) {
var itemHtml = ''; var itemHtml = '';
var checkedHtml = isCheckedFn(filter) ? ' checked' : ''; 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; return itemHtml;

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

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

2
dashboard-ui/components/itemidentifier/itemidentifier.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'loading', 'jQuery', 'emby-input', 'paper-checkbox', 'paper-icon-button-light'], function (dialogHelper, loading, $) { define(['dialogHelper', 'loading', 'jQuery', 'emby-input', 'emby-checkbox', 'paper-icon-button-light'], function (dialogHelper, loading, $) {
var currentItem; var currentItem;
var currentItemType; var currentItemType;

8
dashboard-ui/components/itemidentifier/itemidentifier.template.html
View file

@ -30,9 +30,9 @@
<div class="selectedSearchResult"></div> <div class="selectedSearchResult"></div>
<br /> <br />
<div> <label class="checkboxContainer">
<paper-checkbox id="chkIdentifyReplaceImages" checked>${OptionReplaceExistingImages}</paper-checkbox> <input type="checkbox" is="emby-checkbox" id="chkIdentifyReplaceImages" />
</div> <span>${OptionReplaceExistingImages}</span>
<br /> </label>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button>
</form> </form>

38
dashboard-ui/components/metadataeditor/metadataeditor.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'datetime', 'jQuery', 'paper-checkbox', 'paper-input', 'paper-item-body', 'paper-icon-item', 'paper-textarea', 'paper-fab', 'paper-icon-button-light'], function (dialogHelper, datetime, $) { define(['dialogHelper', 'datetime', 'jQuery', 'emby-checkbox', 'emby-input', 'emby-select', 'paper-item-body', 'paper-icon-item', 'paper-textarea', 'paper-fab', 'paper-icon-button-light'], function (dialogHelper, datetime, $) {
var currentContext; var currentContext;
var metadataEditorInfo; var metadataEditorInfo;
@ -509,11 +509,11 @@
var labelText = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name); var labelText = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name);
html += '<div>'; html += '<div class="inputContainer">';
var value = providerIds[idInfo.Key] || ''; var value = providerIds[idInfo.Key] || '';
html += '<paper-input style="display:inline-block;width:80%;" class="txtExternalId" value="' + value + '" data-providerkey="' + idInfo.Key + '" data-formatstring="' + formatString + '" data-buttonclass="' + buttonId + '" id="' + id + '" label="' + labelText + '"></paper-input>'; html += '<input is="emby-input" class="txtExternalId" value="' + value + '" data-providerkey="' + idInfo.Key + '" data-formatstring="' + formatString + '" data-buttonclass="' + buttonId + '" id="' + id + '" label="' + labelText + '"/>';
if (formatString) { if (formatString) {
html += '<a class="clearLink ' + buttonId + '" href="#" target="_blank" data-role="none" style="float: none; width: 1.75em"><button type="button" is="paper-icon-button-light"><iron-icon icon="open-in-browser"></iron-icon></button></a>'; html += '<a class="clearLink ' + buttonId + '" href="#" target="_blank" data-role="none" style="float: none; width: 1.75em"><button type="button" is="paper-icon-button-light"><iron-icon icon="open-in-browser"></iron-icon></button></a>';
@ -691,14 +691,14 @@
} }
if (item.Type == "Person") { if (item.Type == "Person") {
context.querySelector('#txtProductionYear').label = Globalize.translate('LabelBirthYear'); context.querySelector('#txtProductionYear').label(Globalize.translate('LabelBirthYear'));
context.querySelector("#txtPremiereDate").label = Globalize.translate('LabelBirthDate'); context.querySelector("#txtPremiereDate").label(Globalize.translate('LabelBirthDate'));
context.querySelector("#txtEndDate").label = Globalize.translate('LabelDeathDate'); context.querySelector("#txtEndDate").label(Globalize.translate('LabelDeathDate'));
$('#fldPlaceOfBirth', context).show(); $('#fldPlaceOfBirth', context).show();
} else { } else {
context.querySelector('#txtProductionYear').label = Globalize.translate('LabelYear'); context.querySelector('#txtProductionYear').label(Globalize.translate('LabelYear'));
context.querySelector("#txtPremiereDate").label = Globalize.translate('LabelReleaseDate'); context.querySelector("#txtPremiereDate").label(Globalize.translate('LabelReleaseDate'));
context.querySelector("#txtEndDate").label = Globalize.translate('LabelEndDate'); context.querySelector("#txtEndDate").label(Globalize.translate('LabelEndDate'));
$('#fldPlaceOfBirth', context).hide(); $('#fldPlaceOfBirth', context).hide();
} }
@ -712,13 +712,13 @@
$('#fldIndexNumber', context).show(); $('#fldIndexNumber', context).show();
if (item.Type == "Episode") { if (item.Type == "Episode") {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelEpisodeNumber'); context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelEpisodeNumber'));
} else if (item.Type == "Season") { } else if (item.Type == "Season") {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelSeasonNumber'); context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelSeasonNumber'));
} else if (item.Type == "Audio") { } else if (item.Type == "Audio") {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelTrackNumber'); context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelTrackNumber'));
} else { } else {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelNumber'); context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelNumber'));
} }
} else { } else {
$('#fldIndexNumber', context).hide(); $('#fldIndexNumber', context).hide();
@ -728,11 +728,11 @@
$('#fldParentIndexNumber', context).show(); $('#fldParentIndexNumber', context).show();
if (item.Type == "Episode") { if (item.Type == "Episode") {
context.querySelector('#txtParentIndexNumber').label = Globalize.translate('LabelSeasonNumber'); context.querySelector('#txtParentIndexNumber').label(Globalize.translate('LabelSeasonNumber'));
} else if (item.Type == "Audio") { } else if (item.Type == "Audio") {
context.querySelector('#txtParentIndexNumber').label = Globalize.translate('LabelDiscNumber'); context.querySelector('#txtParentIndexNumber').label(Globalize.translate('LabelDiscNumber'));
} else { } else {
context.querySelector('#txtParentIndexNumber').label = Globalize.translate('LabelParentNumber'); context.querySelector('#txtParentIndexNumber').label(Globalize.translate('LabelParentNumber'));
} }
} else { } else {
$('#fldParentIndexNumber', context).hide(); $('#fldParentIndexNumber', context).hide();
@ -741,7 +741,6 @@
if (item.Type == "BoxSet") { if (item.Type == "BoxSet") {
$('#fldDisplayOrder', context).show(); $('#fldDisplayOrder', context).show();
$('#labelDisplayOrder', context).html(Globalize.translate('LabelTitleDisplayOrder'));
$('#selectDisplayOrder', context).html('<option value="SortName">' + Globalize.translate('OptionSortName') + '</option><option value="PremiereDate">' + Globalize.translate('OptionReleaseDate') + '</option>'); $('#selectDisplayOrder', context).html('<option value="SortName">' + Globalize.translate('OptionSortName') + '</option><option value="PremiereDate">' + Globalize.translate('OptionReleaseDate') + '</option>');
} else { } else {
$('#selectDisplayOrder', context).html(''); $('#selectDisplayOrder', context).html('');
@ -1049,7 +1048,10 @@
var name = field.name; var name = field.name;
var value = field.value || field.name; var value = field.value || field.name;
var checkedHtml = currentFields.indexOf(value) == -1 ? ' checked' : ''; var checkedHtml = currentFields.indexOf(value) == -1 ? ' checked' : '';
html += '<paper-checkbox class="selectLockedField" data-value="' + value + '" style="display:block;margin:1em 0;"' + checkedHtml + '>' + name + '</paper-checkbox>'; html += '<label>';
html += '<input type="checkbox" is="emby-checkbox" class="selectLockedField" data-value="' + value + '"' + checkedHtml + '/>';
html += '<span>' + name + '</span>';
html += '</label>';
} }
return html; return html;
} }

243
dashboard-ui/components/metadataeditor/metadataeditor.template.html
View file

@ -16,135 +16,147 @@
<div class="metadataFormFields"> <div class="metadataFormFields">
<div style="padding: 0 0 10px;"> <div style="padding: 0 0 10px;">
<div id="fldContentType" style="display:none;"> <div id="fldContentType" style="display:none;" class="selectContainer">
<label for="selectContentType" class="selectLabel">${LabelContentType}</label> <select is="emby-select" id="selectContentType" label="${LabelContentType}"></select>
<select id="selectContentType" data-mini="true"></select>
</div> </div>
<div id="fldPath"> <div id="fldPath" class="inputContainer">
<paper-input id="txtPath" type="text" label="${LabelPath}" readonly></paper-input> <input is="emby-input" id="txtPath" type="text" label="${LabelPath}" readonly />
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtName" type="text" label="${LabelTitle}" required="required"></paper-input> <input is="emby-input" id="txtName" type="text" label="${LabelTitle}" required="required" />
</div> </div>
<div id="fldOriginalName"> <div id="fldOriginalName" class="inputContainer">
<paper-input id="txtOriginalName" type="text" label="${LabelOriginalTitle}"></paper-input> <input is="emby-input" id="txtOriginalName" type="text" label="${LabelOriginalTitle}" />
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtSortName" type="text" label="${LabelSortTitle}"></paper-input> <input is="emby-input" id="txtSortName" type="text" label="${LabelSortTitle}" />
</div> </div>
<div id="fldDateAdded" style="display: none;"> <div id="fldDateAdded" style="display: none;" class="inputContainer">
<paper-input id="txtDateAdded" type="date" label="${LabelDateAdded}"></paper-input> <input is="emby-input" id="txtDateAdded" type="date" label="${LabelDateAdded}" />
<div class="fieldDescription">${ConfigureDateAdded}</div> <div class="fieldDescription">${ConfigureDateAdded}</div>
<br />
</div> </div>
<div id="fldStatus" style="display: none;margin:1em 0;"> <div id="fldStatus" style="display: none;" class="selectContainer">
<label for="selectStatus" class="selectLabel">${LabelStatus}</label> <select is="emby-select" id="selectStatus" label="${LabelStatus}"></select>
<select id="selectStatus" data-mini="true"></select>
</div> </div>
<div id="fldArtist" style="display: none;"> <div id="fldArtist" style="display: none;" class="inputContainer">
<paper-input id="txtArtist" type="text" label="${LabelArtists}" placeholder="${LabelArtistsHelp}"></paper-input> <input is="emby-input" id="txtArtist" type="text" label="${LabelArtists}" placeholder="${LabelArtistsHelp}" />
</div> </div>
<div id="fldAlbumArtist" style="display: none;"> <div id="fldAlbumArtist" style="display: none;" class="inputContainer">
<paper-input id="txtAlbumArtist" type="text" label="${LabelAlbumArtists}" placeholder="${LabelArtistsHelp}"></paper-input> <input is="emby-input" id="txtAlbumArtist" type="text" label="${LabelAlbumArtists}" placeholder="${LabelArtistsHelp}" />
</div> </div>
<div id="fldAlbum" style="display: none;"> <div id="fldAlbum" style="display: none;" class="inputContainer">
<paper-input id="txtAlbum" type="text" label="${LabelAlbum}"></paper-input> <input is="emby-input" id="txtAlbum" type="text" label="${LabelAlbum}" />
</div> </div>
<div id="fldParentIndexNumber" style="display: none;"> <div id="fldParentIndexNumber" style="display: none;" class="inputContainer">
<paper-input id="txtParentIndexNumber" type="number"></paper-input> <input is="emby-input" id="txtParentIndexNumber" type="number" />
</div> </div>
<div id="fldIndexNumber" style="display: none;"> <div id="fldIndexNumber" style="display: none;" class="inputContainer">
<paper-input id="txtIndexNumber" type="number" pattern="[0-9]*"></paper-input> <input is="emby-input" id="txtIndexNumber" type="number" pattern="[0-9]*" />
</div> </div>
<div id="fldCommunityRating" style="display: none;"> <div id="fldCommunityRating" style="display: none;" class="inputContainer">
<paper-input id="txtCommunityRating" type="number" step=".1" min="0" max="10" label="${LabelCommunityRating}"></paper-input> <input is="emby-input" id="txtCommunityRating" type="number" step=".1" min="0" max="10" label="${LabelCommunityRating}" />
</div> </div>
<div id="fldCommunityVoteCount" style="display: none;"> <div id="fldCommunityVoteCount" style="display: none;" class="inputContainer">
<paper-input id="txtCommunityVoteCount" type="number" step="1" label="${LabelVoteCount}"></paper-input> <input is="emby-input" id="txtCommunityVoteCount" type="number" step="1" label="${LabelVoteCount}" />
</div> </div>
<div id="fldMetascore" style="display: none;"> <div id="fldMetascore" style="display: none;" class="inputContainer">
<paper-input id="txtMetascore" type="number" step="1" min="0" max="100" label="${LabelMetascore}"></paper-input> <input is="emby-input" id="txtMetascore" type="number" step="1" min="0" max="100" label="${LabelMetascore}" />
</div> </div>
<div id="fldCriticRating" style="display: none;"> <div id="fldCriticRating" style="display: none;" class="inputContainer">
<paper-input id="txtCriticRating" type="number" step=".1" label="${LabelCriticRating}"></paper-input> <input is="emby-input" id="txtCriticRating" type="number" step=".1" label="${LabelCriticRating}" />
</div> </div>
<div id="fldCriticRatingSummary" style="display: none;"> <div id="fldCriticRatingSummary" style="display: none;" class="inputContainer">
<paper-input id="txtCriticRatingSummary" type="text" label="${LabelCriticRatingSummary}"></paper-input> <input is="emby-input" id="txtCriticRatingSummary" type="text" label="${LabelCriticRatingSummary}" />
</div> </div>
<div id="fldAwardSummary" style="display: none;"> <div id="fldAwardSummary" style="display: none;" class="inputContainer">
<paper-input id="txtAwardSummary" type="text" label="${LabelAwardSummary}"></paper-input> <input is="emby-input" id="txtAwardSummary" type="text" label="${LabelAwardSummary}" />
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtHomePageUrl" type="text" label="${LabelWebsite}"></paper-input> <input is="emby-input" id="txtHomePageUrl" type="text" label="${LabelWebsite}" />
</div> </div>
<div id="fldTagline" style="display: none;"> <div id="fldTagline" style="display: none;" class="inputContainer">
<paper-input id="txtTagline" type="text" label="${LabelTagline}"></paper-input> <input is="emby-input" id="txtTagline" type="text" label="${LabelTagline}" />
</div> </div>
<div> <div class="inputContainer">
<paper-textarea id="txtOverview" label="${LabelOverview}"></paper-textarea> <paper-textarea id="txtOverview" label="${LabelOverview}"></paper-textarea>
</div> </div>
<div id="fldShortOverview" style="display: none;"> <div id="fldShortOverview" style="display: none;" class="inputContainer">
<paper-input id="txtShortOverview" type="text" label="${LabelShortOverview}"></paper-input> <input is="emby-input" id="txtShortOverview" type="text" label="${LabelShortOverview}" />
</div> </div>
<div id="fldPremiereDate"> <div id="fldPremiereDate" class="inputContainer">
<paper-input id="txtPremiereDate" label="${LabelReleaseDate}" type="date"></paper-input> <input is="emby-input" id="txtPremiereDate" label="${LabelReleaseDate}" type="date" />
</div> </div>
<div id="fldYear" style="display: none;"> <div id="fldYear" style="display: none;" class="inputContainer">
<paper-input id="txtProductionYear" type="number" label="${LabelYear}"></paper-input> <input is="emby-input" id="txtProductionYear" type="number" label="${LabelYear}" />
</div> </div>
<div id="fldPlaceOfBirth" style="display: none;"> <div id="fldPlaceOfBirth" style="display: none;" class="inputContainer">
<paper-input id="txtPlaceOfBirth" type="text" label="${LabelPlaceOfBirth}"></paper-input> <input is="emby-input" id="txtPlaceOfBirth" type="text" label="${LabelPlaceOfBirth}" />
</div> </div>
<div id="fldEndDate"> <div id="fldEndDate" class="inputContainer">
<paper-input id="txtEndDate" label="${LabelEndDate}" type="date"></paper-input> <input is="emby-input" id="txtEndDate" label="${LabelEndDate}" type="date" />
</div> </div>
<div id="fldAirDays" style="display: none;"> <div id="fldAirDays" style="display: none;">
<p>${LabelAirDays}</p> <p>${LabelAirDays}</p>
<div> <div class="checkboxList">
<paper-checkbox class="chkAirDay" data-day="Sunday">${OptionSunday}</paper-checkbox> <label>
<paper-checkbox class="chkAirDay" data-day="Monday">${OptionMonday}</paper-checkbox> <input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Sunday" />
<paper-checkbox class="chkAirDay" data-day="Tuesday">${OptionTuesday}</paper-checkbox> <span>${OptionSunday}</span>
<paper-checkbox class="chkAirDay" data-day="Wednesday">${OptionWednesday}</paper-checkbox> </label>
<paper-checkbox class="chkAirDay" data-day="Thursday">${OptionThursday}</paper-checkbox> <label>
<paper-checkbox class="chkAirDay" data-day="Friday">${OptionFriday}</paper-checkbox> <input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Monday" />
<paper-checkbox class="chkAirDay" data-day="Saturday">${OptionSaturday}</paper-checkbox> <span>${OptionMonday}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Tuesday" />
<span>${OptionTuesday}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Wednesday" />
<span>${OptionWednesday}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Thursday" />
<span>${OptionThursday}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Friday" />
<span>${OptionFriday}</span>
</label>
<label>
<input type="checkbox" is="emby-checkbox" class="chkAirDay" data-day="Saturday" />
<span>${OptionSaturday}</span>
</label>
</div> </div>
<br /> <br />
</div> </div>
<div id="fldAirTime" style="display: none;"> <div id="fldAirTime" style="display: none;" class="inputContainer">
<paper-input id="txtAirTime" type="text" label="${LabelAirTime}"></paper-input> <input is="emby-input" id="txtAirTime" type="text" label="${LabelAirTime}" />
</div> </div>
<div id="fldSeriesRuntime" style="display: none;"> <div id="fldSeriesRuntime" style="display: none;" class="inputContainer">
<paper-input id="txtSeriesRuntime" type="number" label="${LabelRuntimeMinutes}"></paper-input> <input is="emby-input" id="txtSeriesRuntime" type="number" label="${LabelRuntimeMinutes}" />
</div> </div>
<div id="fldOfficialRating" style="display: none;"> <div id="fldOfficialRating" style="display: none;" class="selectContainer">
<br /> <select is="emby-select" id="selectOfficialRating" label="${LabelParentalRating}"></select>
<label for="selectOfficialRating" class="selectLabel">${LabelParentalRating}</label>
<select id="selectOfficialRating" data-mini="true"></select>
</div> </div>
<div id="fldCustomRating" style="display: none;"> <div id="fldCustomRating" style="display: none;" class="selectContainer">
<br /> <select is="emby-select" id="selectCustomRating" label="${LabelCustomRating}"></select>
<label for="selectCustomRating" class="selectLabel">${LabelCustomRating}</label>
<select id="selectCustomRating" data-mini="true"></select>
</div> </div>
<div id="fldBudget" style="display: none;"> <div id="fldBudget" style="display: none;" class="inputContainer">
<paper-input id="txtBudget" type="number" label="${LabelBudget}"></paper-input> <input is="emby-input" id="txtBudget" type="number" label="${LabelBudget}" />
</div> </div>
<div id="fldRevenue" style="display: none;"> <div id="fldRevenue" style="display: none;" class="inputContainer">
<paper-input id="txtRevenue" type="number" label="${LabelRevenue}"></paper-input> <input is="emby-input" id="txtRevenue" type="number" label="${LabelRevenue}" />
</div> </div>
<div id="fldOriginalAspectRatio" style="display: none;"> <div id="fldOriginalAspectRatio" style="display: none;" class="inputContainer">
<paper-input id="txtOriginalAspectRatio" type="text" label="${LabelOriginalAspectRatio}"></paper-input> <input is="emby-input" id="txtOriginalAspectRatio" type="text" label="${LabelOriginalAspectRatio}" />
</div> </div>
<div id="fldPlayers" style="display: none;"> <div id="fldPlayers" style="display: none;" class="inputContainer">
<paper-input id="txtPlayers" type="number" pattern="[0-9]*" label="${LabelPlayers}"></paper-input> <input is="emby-input" id="txtPlayers" type="number" pattern="[0-9]*" label="${LabelPlayers}" />
</div> </div>
<div id="fld3dFormat" style="display: none;"> <div id="fld3dFormat" style="display: none;" class="selectContainer">
<br /> <select is="emby-select" id="select3dFormat" label="${Label3DFormat}">
<label for="select3dFormat" class="selectLabel">${Label3DFormat}</label>
<select id="select3dFormat" data-mini="true">
<option value=""></option> <option value=""></option>
<option value="HalfSideBySide">HSBS</option> <option value="HalfSideBySide">HSBS</option>
<option value="HalfTopAndBottom">HTAB</option> <option value="HalfTopAndBottom">HTAB</option>
@ -161,14 +173,14 @@
${HeaderAlternateEpisodeNumbers} ${HeaderAlternateEpisodeNumbers}
</h1> </h1>
<div class="detailSectionContent"> <div class="detailSectionContent">
<div> <div class="inputContainer">
<paper-input id="txtDvdSeasonNumber" type="number" pattern="[0-9]*" label="${LabelDvdSeasonNumber}"></paper-input> <input is="emby-input" id="txtDvdSeasonNumber" type="number" pattern="[0-9]*" label="${LabelDvdSeasonNumber}" />
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtDvdEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelDvdEpisodeNumber}"></paper-input> <input is="emby-input" id="txtDvdEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelDvdEpisodeNumber}" />
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtAbsoluteEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelAbsoluteEpisodeNumber}"></paper-input> <input is="emby-input" id="txtAbsoluteEpisodeNumber" type="number" pattern="[0-9]*" label="${LabelAbsoluteEpisodeNumber}" />
</div> </div>
</div> </div>
</div> </div>
@ -178,14 +190,14 @@
${HeaderSpecialEpisodeInfo} ${HeaderSpecialEpisodeInfo}
</h1> </h1>
<div class="detailSectionContent"> <div class="detailSectionContent">
<div> <div class="inputContainer">
<paper-input id="txtAirsBeforeSeason" type="number" pattern="[0-9]*" label="${LabelAirsBeforeSeason}"></paper-input> <input is="emby-input" id="txtAirsBeforeSeason" type="number" pattern="[0-9]*" label="${LabelAirsBeforeSeason}" />
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtAirsAfterSeason" type="number" pattern="[0-9]*" label="${LabelAirsAfterSeason}"></paper-input> <input is="emby-input" id="txtAirsAfterSeason" type="number" pattern="[0-9]*" label="${LabelAirsAfterSeason}" />
</div> </div>
<div> <div class="inputContainer">
<paper-input id="txtAirsBeforeEpisode" type="number" pattern="[0-9]*" label="${LabelAirsBeforeEpisode}"></paper-input> <input is="emby-input" id="txtAirsBeforeEpisode" type="number" pattern="[0-9]*" label="${LabelAirsBeforeEpisode}" />
</div> </div>
</div> </div>
</div> </div>
@ -205,12 +217,11 @@
${HeaderDisplaySettings} ${HeaderDisplaySettings}
</h1> </h1>
<div class="detailSectionContent"> <div class="detailSectionContent">
<div id="fldSourceType" style="display: none;" class="fldDisplaySetting"> <div id="fldSourceType" style="display: none;" class="fldDisplaySetting inputContainer">
<paper-input id="txtDisplayMediaType" type="text" label="${LabelTreatImageAs}"></paper-input> <input is="emby-input" id="txtDisplayMediaType" type="text" label="${LabelTreatImageAs}" />
</div> </div>
<div id="fldDisplayOrder" class="fldDisplaySetting"> <div id="fldDisplayOrder" class="fldDisplaySetting selectContainer">
<label for="selectDisplayOrder" class="selectLabel" id="labelDisplayOrder">${LabelDisplayOrder}</label> <select is="emby-select" id="selectDisplayOrder" label="${LabelDisplayOrder}"></select>
<select id="selectDisplayOrder" data-mini="true"></select>
</div> </div>
</div> </div>
</div> </div>
@ -239,7 +250,7 @@
<h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;"> <h1 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
${HeaderPeople} ${HeaderPeople}
</h1> </h1>
<button is="emby-button" type="button" raised id="btnAddPerson" class="btnAddPerson submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <button is="emby-button" type="button" id="btnAddPerson" class="raised btnAddPerson submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</button> </button>
@ -279,24 +290,22 @@
<div id="metadataSettingsCollapsible" style="display: none; margin-top: 3em;"> <div id="metadataSettingsCollapsible" style="display: none; margin-top: 3em;">
<h1>${HeaderMetadataSettings}</h1> <h1>${HeaderMetadataSettings}</h1>
<div> <div>
<div> <div class="selectContainer">
<label for="selectLanguage" class="selectLabel">${LabelMetadataDownloadLanguage}</label> <select is="emby-select" id="selectLanguage" label="${LabelMetadataDownloadLanguage}"></select>
<select id="selectLanguage" data-mini="true"></select>
</div>
<div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div> <div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div>
<br /> </div>
<div> <div class="selectContainer">
<label for="selectCountry" class="selectLabel">${LabelCountry}</label> <select is="emby-select" id="selectCountry" label="${LabelCountry}"></select>
<select id="selectCountry" data-mini="true"></select>
</div> </div>
<div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div> <div class="fieldDescription editorfieldDescription">${MessageLeaveEmptyToInherit}</div>
<div>
<br /><br /> <br /><br />
<paper-checkbox id="chkLockData">${LabelLockItemToPreventChanges}</paper-checkbox> <label class="checkboxContainer">
</div> <input type="checkbox" is="emby-checkbox" id="chkLockData" />
<br /> <span>${LabelLockItemToPreventChanges}</span>
<div class="providerSettingsContainer" style="display: none"> </label>
<div class="providerSettingsContainer checkboxList" style="display: none">
</div> </div>
</div> </div>
</div> </div>

2
dashboard-ui/components/metadataeditor/personeditor.js
View file

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'paper-icon-button-light'], function (dialogHelper, $) { define(['dialogHelper', 'jQuery', 'paper-icon-button-light', 'emby-input', 'emby-select'], function (dialogHelper, $) {
return { return {
show: function (person) { show: function (person) {

15
dashboard-ui/components/metadataeditor/personeditor.template.html
View file

@ -7,14 +7,12 @@
<form class="popupEditPersonForm" style="max-width: none;margin:0;"> <form class="popupEditPersonForm" style="max-width: none;margin:0;">
<div> <div class="inputContainer">
<paper-input type="text" class="txtPersonName" required="required" label="${LabelName}"></paper-input> <input type="text" is="emby-input" class="txtPersonName" required="required" label="${LabelName}"/>
</div> </div>
<br /> <div class="selectContainer">
<div> <select is="emby-select" id="selectPersonType" class="selectPersonType" label="${LabelType}">
<label for="selectPersonType" class="selectLabel">${LabelType}</label>
<select id="selectPersonType" class="selectPersonType" data-mini="true">
<option value=""></option> <option value=""></option>
<option value="Actor">${OptionActor}</option> <option value="Actor">${OptionActor}</option>
<option value="Composer">${OptionComposer}</option> <option value="Composer">${OptionComposer}</option>
@ -24,10 +22,9 @@
<option value="Writer">${OptionWriter}</option> <option value="Writer">${OptionWriter}</option>
</select> </select>
</div> </div>
<div> <div class="inputContainer">
<paper-input type="text" class="txtPersonRole" label="${LabelPersonRole}"></paper-input> <input is="emby-input" type="text" class="txtPersonRole" label="${LabelPersonRole}"/>
<div class="fieldDescription">${LabelPersonRoleHelp}</div> <div class="fieldDescription">${LabelPersonRoleHelp}</div>
</div> </div>
<br />
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonOk}</span></button> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonOk}</span></button>
</form> </form>

4
dashboard-ui/css/card.css
View file

@ -64,10 +64,6 @@
} }
} }
.cardImage {
border-radius: 3px;
}
.cardOverlayButtonContainer { .cardOverlayButtonContainer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;

7
dashboard-ui/css/librarybrowser.css
View file

@ -1124,6 +1124,13 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
} }
} }
@media all and (max-height: 530px) {
.alphabetPicker {
font-size: 84%;
}
}
@media all and (min-height: 900px) { @media all and (min-height: 900px) {
.alphabetPicker { .alphabetPicker {

4
dashboard-ui/css/site.css
View file

@ -244,7 +244,7 @@ div[data-role='page'] {
white-space: nowrap; white-space: nowrap;
} }
.checkboxContainer input { .checkboxContainer input:not([is=emby-checkbox]) {
width: 20px; width: 20px;
height: 20px; height: 20px;
vertical-align: middle; vertical-align: middle;
@ -253,7 +253,7 @@ div[data-role='page'] {
padding: 0; padding: 0;
} }
.checkboxContainer label { .checkboxContainer label:not(.mdl-checkbox) {
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
padding: .7em .5em; padding: .7em .5em;

8
dashboard-ui/forgotpassword.html
View file

@ -1,4 +1,4 @@
<div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage" data-theme="b" data-require="scripts/forgotpassword,paper-input,emby-button"> <div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage" data-theme="b" data-require="scripts/forgotpassword,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
@ -7,13 +7,11 @@
<div style="text-align: left;"> <div style="text-align: left;">
<h1>${HeaderForgotPassword}</h1> <h1>${HeaderForgotPassword}</h1>
<div> <div class="inputContainer">
<paper-input type="text" id="txtName" label="${LabelUser}" autocomplete="off"></paper-input> <input is="emby-input" type="text" id="txtName" label="${LabelUser}" autocomplete="off"/>
<div class="fieldDescription">${LabelForgotPasswordUsernameHelp}</div> <div class="fieldDescription">${LabelForgotPasswordUsernameHelp}</div>
</div> </div>
<br />
<div> <div>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button>

8
dashboard-ui/forgotpasswordpin.html
View file

@ -1,4 +1,4 @@
<div data-role="page" class="page standalonePage forgotPasswordPinPage" data-theme="b" data-require="scripts/forgotpasswordpin,paper-input,emby-button"> <div data-role="page" class="page standalonePage forgotPasswordPinPage" data-theme="b" data-require="scripts/forgotpasswordpin,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
@ -7,12 +7,10 @@
<div style="text-align: left;"> <div style="text-align: left;">
<h2>${HeaderPasswordReset}</h2> <h2>${HeaderPasswordReset}</h2>
<div> <div class="inputContainer">
<paper-input type="text" id="txtPin" label="${LabelPasswordRecoveryPinCode}" autocomplete="off" required="required"></paper-input> <input is="emby-input" type="text" id="txtPin" label="${LabelPasswordRecoveryPinCode}" autocomplete="off" required="required"/>
</div> </div>
<br />
<div> <div>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button>

23
dashboard-ui/mypreferencesdisplay.html
View file

@ -1,11 +1,10 @@
<div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,paper-checkbox,emby-button,emby-select" data-backbutton="true" data-menubutton="false"> <div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,emby-checkbox,emby-button,emby-select" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="displayPreferencesForm userProfileSettingsForm" style="margin: 0 auto;"> <form class="displayPreferencesForm userProfileSettingsForm" style="margin: 0 auto;">
<div class="detailSection languageSection hide"> <div class="detailSection languageSection hide">
<h1> <h1>
${HeaderLanguage} ${HeaderLanguage}
</h1> </h1>
<div class="detailSectionContent">
<br /> <br />
<div class="selectContainer"> <div class="selectContainer">
<select id="selectLanguage" is="emby-select" label="${LabelPreferredDisplayLanguage}"> <select id="selectLanguage" is="emby-select" label="${LabelPreferredDisplayLanguage}">
@ -51,12 +50,10 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="detailSection"> <div class="detailSection">
<h1> <h1>
${HeaderNavigation} ${HeaderNavigation}
</h1> </h1>
<div class="detailSectionContent">
<br /> <br />
<div class="selectContainer"> <div class="selectContainer">
<select id="selectThemeSong" is="emby-select" label="${LabelEnableThemeSongs}"> <select id="selectThemeSong" is="emby-select" label="${LabelEnableThemeSongs}">
@ -76,20 +73,20 @@
<div class="fieldDescription">${LabelEnableBackdropsHelp}</div> <div class="fieldDescription">${LabelEnableBackdropsHelp}</div>
</div> </div>
</div> </div>
</div>
<div class="detailSection requiresUserPreferences"> <div class="detailSection requiresUserPreferences">
<h1> <h1>
${HeaderDisplay} ${HeaderDisplay}
</h1> </h1>
<div class="detailSectionContent">
<br/> <br/>
<div> <div class="checkboxList">
<paper-checkbox class="chkDisplayMissingEpisodes">${LabelDisplayMissingEpisodesWithinSeasons}</paper-checkbox> <label>
</div> <input type="checkbox" is="emby-checkbox" class="chkDisplayMissingEpisodes" />
<br /> <span>${LabelDisplayMissingEpisodesWithinSeasons}</span>
<div> </label>
<paper-checkbox class="chkDisplayUnairedEpisodes">${LabelUnairedMissingEpisodesWithinSeasons}</paper-checkbox> <label>
</div> <input type="checkbox" is="emby-checkbox" class="chkDisplayUnairedEpisodes" />
<span>${LabelUnairedMissingEpisodesWithinSeasons}</span>
</label>
</div> </div>
</div> </div>
<button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>

41
dashboard-ui/mypreferenceslanguages.html
View file

@ -1,4 +1,4 @@
<div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderPlaybackSettings}" data-require="scripts/mypreferenceslanguages,paper-checkbox,emby-button" data-backbutton="true" data-menubutton="false"> <div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderPlaybackSettings}" data-require="scripts/mypreferenceslanguages,emby-checkbox,emby-button" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
@ -9,21 +9,21 @@
<h1> <h1>
${HeaderAudioSettings} ${HeaderAudioSettings}
</h1> </h1>
<div class="detailSectionContent">
<br /> <br />
<div> <div>
<label for="selectAudioLanguage" class="selectLabel">${LabelAudioLanguagePreference}</label> <label for="selectAudioLanguage" class="selectLabel">${LabelAudioLanguagePreference}</label>
<select id="selectAudioLanguage" data-mini="true"></select> <select id="selectAudioLanguage" data-mini="true"></select>
</div> </div>
<br /> <br />
<paper-checkbox class="chkPlayDefaultAudioTrack">${LabelPlayDefaultAudioTrack}</paper-checkbox> <label class="checkboxContainer">
</div> <input type="checkbox" is="emby-checkbox" class="chkPlayDefaultAudioTrack" />
<span>${LabelPlayDefaultAudioTrack}</span>
</label>
</div> </div>
<div class="detailSection"> <div class="detailSection">
<h1> <h1>
${HeaderSubtitleSettings} ${HeaderSubtitleSettings}
</h1> </h1>
<div class="detailSectionContent">
<br /> <br />
<div> <div>
<label for="selectSubtitleLanguage" class="selectLabel">${LabelSubtitleLanguagePreference}</label> <label for="selectSubtitleLanguage" class="selectLabel">${LabelSubtitleLanguagePreference}</label>
@ -45,18 +45,19 @@
<div class="fieldDescription subtitlesAlwaysHelp subtitlesHelp" style="display: none;">${OptionAlwaysPlaySubtitlesHelp}</div> <div class="fieldDescription subtitlesAlwaysHelp subtitlesHelp" style="display: none;">${OptionAlwaysPlaySubtitlesHelp}</div>
<div class="fieldDescription subtitlesOnlyForcedHelp subtitlesHelp" style="display: none;">${OptionOnlyForcedSubtitlesHelp}</div> <div class="fieldDescription subtitlesOnlyForcedHelp subtitlesHelp" style="display: none;">${OptionOnlyForcedSubtitlesHelp}</div>
<div class="fieldDescription subtitlesNoneHelp subtitlesHelp" style="display: none;">${OptionNoSubtitlesHelp}</div> <div class="fieldDescription subtitlesNoneHelp subtitlesHelp" style="display: none;">${OptionNoSubtitlesHelp}</div>
</div>
</div> </div>
<div class="detailSection cinemaModeOptions" style="display:none;"> <div class="detailSection cinemaModeOptions" style="display:none;">
<h1> <h1>
${HeaderCinemaMode} ${HeaderCinemaMode}
</h1> </h1>
<div class="detailSectionContent">
<br/> <br/>
<paper-checkbox class="chkEnableCinemaMode">${LabelEnableCinemaMode}</paper-checkbox> <div class="checkboxContainer">
<label>
<div class="fieldDescription paperCheckboxFieldDescription">${CinemaModeConfigurationHelp}</div> <input type="checkbox" is="emby-checkbox" class="chkEnableCinemaMode" />
<span>${LabelEnableCinemaMode}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${CinemaModeConfigurationHelp}</div>
</div> </div>
</div> </div>
@ -65,7 +66,6 @@
<h1> <h1>
${HeaderAdvanced} ${HeaderAdvanced}
</h1> </h1>
<div class="detailSectionContent">
<br /> <br />
<div> <div>
<label for="selectMaxBitrate" class="selectLabel">${LabelMaxStreamingBitrate}</label> <label for="selectMaxBitrate" class="selectLabel">${LabelMaxStreamingBitrate}</label>
@ -76,18 +76,23 @@
<label for="selectMaxChromecastBitrate" class="selectLabel">${LabelMaxChromecastBitrate}</label> <label for="selectMaxChromecastBitrate" class="selectLabel">${LabelMaxChromecastBitrate}</label>
<select id="selectMaxChromecastBitrate" data-mini="true"></select> <select id="selectMaxChromecastBitrate" data-mini="true"></select>
</div> </div>
<div style="margin-top:2em;"> <br />
<paper-checkbox class="chkEpisodeAutoPlay">${OptionPlayNextEpisodeAutomatically}</paper-checkbox> <label class="checkboxContainer">
</div> <input type="checkbox" is="emby-checkbox" class="chkEpisodeAutoPlay" />
<div class="fldExternalPlayer" style="margin-top:2em;display: none;"> <span>${OptionPlayNextEpisodeAutomatically}</span>
<paper-checkbox class="chkExternalVideoPlayer">${OptionEnableExternalVideoPlayers}</paper-checkbox> </label>
<div class="fieldDescription paperCheckboxFieldDescription">
<div class="checkboxContainer fldExternalPlayer">
<label>
<input type="checkbox" is="emby-checkbox" class="chkExternalVideoPlayer" />
<span>${OptionEnableExternalVideoPlayers}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">
<div style="display:none;" class="labelGenericExternalPlayers">${LabelExternalPlayersHelp}</div> <div style="display:none;" class="labelGenericExternalPlayers">${LabelExternalPlayersHelp}</div>
<div style="display:none;" class="labelNativeExternalPlayers">${LabelNativeExternalPlayersHelp}</div> <div style="display:none;" class="labelNativeExternalPlayers">${LabelNativeExternalPlayersHelp}</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block btnSave hide"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
</form> </form>

37
dashboard-ui/myprofile.html
View file

@ -1,4 +1,4 @@
<div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="emby-collapsible,scripts/myprofile,paper-checkbox,paper-input,emby-button" data-backbutton="true" data-menubutton="false"> <div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="emby-collapsible,scripts/myprofile,emby-checkbox,emby-input,emby-button" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<br /> <br />
@ -45,19 +45,16 @@
<h1> <h1>
${HeaderPassword} ${HeaderPassword}
</h1> </h1>
<div class="detailSectionContent">
<div id="fldCurrentPassword" style="display: none;">
<paper-input type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off"></paper-input>
</div>
<br /> <br />
<div> <div id="fldCurrentPassword" style="display: none;" class="inputContainer">
<paper-input type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off"></paper-input> <input is="emby-input" type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off" />
</div> </div>
<br /> <div class="inputContainer">
<div> <input is="emby-input" type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off" />
<paper-input type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off"></paper-input> </div>
<div class="inputContainer">
<input is="emby-input" type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off" />
</div> </div>
<br />
<div> <div>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<div id="btnResetPassword" style="display: none;"> <div id="btnResetPassword" style="display: none;">
@ -65,32 +62,30 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</form> </form>
<form class="localAccessForm localAccessSection userProfileSettingsForm" style="margin: 0 auto;display:none;"> <form class="localAccessForm localAccessSection userProfileSettingsForm" style="margin: 0 auto;display:none;">
<div class="detailSection"> <div class="detailSection">
<h1> <h1>
${HeaderEasyPinCode} ${HeaderEasyPinCode}
</h1> </h1>
<div class="detailSectionContent">
<br /> <br />
<div>${EasyPasswordHelp}</div> <div>${EasyPasswordHelp}</div>
<br /> <br />
<div> <div class="inputContainer">
<paper-input type="number" id="txtEasyPassword" label="${LabelEasyPinCode}" autocomplete="off" pattern="[0-9]*" step="1" maxlength="5"></paper-input> <input is="emby-input" type="number" id="txtEasyPassword" label="${LabelEasyPinCode}" autocomplete="off" pattern="[0-9]*" step="1" maxlength="5" />
</div> </div>
<br /> <div class="checkboxContainer">
<div> <label>
<paper-checkbox class="chkEnableLocalEasyPassword">${LabelInNetworkSignInWithEasyPassword}</paper-checkbox> <input type="checkbox" is="emby-checkbox" class="chkEnableLocalEasyPassword" />
<div class="fieldDescription paperCheckboxFieldDescription">${LabelInNetworkSignInWithEasyPasswordHelp}</div> <span>${LabelInNetworkSignInWithEasyPassword}</span>
</label>
<div class="fieldDescription checkboxFieldDescription">${LabelInNetworkSignInWithEasyPasswordHelp}</div>
</div> </div>
<br /><br />
<div> <div>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button>
<button is="emby-button" type="button" id="btnResetEasyPassword" class="raised cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></button> <button is="emby-button" type="button" id="btnResetEasyPassword" class="raised cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></button>
</div> </div>
</div> </div>
</div>
</form> </form>
</div> </div>
</div> </div>

20
dashboard-ui/mysyncsettings.html
View file

@ -1,4 +1,4 @@
<div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,paper-checkbox,paper-input,emby-button,paper-icon-button-light" data-backbutton="true" data-menubutton="false"> <div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,paper-checkbox,emby-input,emby-button,paper-icon-button-light" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="userProfileSettingsForm" style="margin: 0 auto;"> <form class="userProfileSettingsForm" style="margin: 0 auto;">
@ -6,31 +6,31 @@
<h1> <h1>
${HeaderSync} ${HeaderSync}
</h1> </h1>
<div class="detailSectionContent">
<div class="fldSyncPath hide">
<paper-input type="text" id="txtSyncPath" label="${LabelSyncPath}" style="display:inline-block;width:80%;"></paper-input>
<button type="button" is="paper-icon-button-light" class="btnSelectSyncPath"><iron-icon icon="search"></iron-icon></button>
</div>
<br /> <br />
<div class="inputContainer fldSyncPath hide">
<div style="display: flex; align-items: center;">
<div style="flex-grow:1;">
<input is="emby-input" id="txtSyncPath" class="txtSyncPath" label="${LabelSyncPath}" autocomplete="off" />
</div>
<button type="button" is="paper-icon-button-light" id="btnSelectSyncPath"><iron-icon icon="search"></iron-icon></button>
</div>
</div>
<div> <div>
<paper-checkbox id="chkWifi">${OptionSyncOnlyOnWifi}</paper-checkbox> <paper-checkbox id="chkWifi">${OptionSyncOnlyOnWifi}</paper-checkbox>
</div> </div>
</div>
<br /> <br />
<h1> <h1>
${HeaderCameraUpload} ${HeaderCameraUpload}
</h1> </h1>
<div class="detailSectionContent">
<p>${SelectCameraUploadServers}</p> <p>${SelectCameraUploadServers}</p>
<br /> <br />
<div class="paperCheckboxList uploadServerList"> <div class="paperCheckboxList uploadServerList">
</div> </div>
</div>
<br /> <br />
<br /> <br />

24
dashboard-ui/playbackconfiguration.html
View file

@ -1,31 +1,29 @@
<div id="playbackConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-require="scripts/playbackconfiguration,paper-input,emby-button"> <div id="playbackConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage withTabs" data-require="scripts/playbackconfiguration,emby-input,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<form class="playbackConfigurationForm"> <form class="playbackConfigurationForm">
<div> <div class="inputContainer">
<ul data-role="listview" class="ulForm"> <input is="emby-input" type="number" id="txtMinResumePct" name="txtMinResumePct" pattern="[0-9]*" required min="0" max="100" label="${LabelMinResumePercentage}"></input>
<li>
<paper-input type="number" id="txtMinResumePct" name="txtMinResumePct" pattern="[0-9]*" required min="0" max="100" label="${LabelMinResumePercentage}"></paper-input>
<div class="fieldDescription"> <div class="fieldDescription">
${LabelMinResumePercentageHelp} ${LabelMinResumePercentageHelp}
</div> </div>
</li> </div>
<li> <div class="inputContainer">
<paper-input type="number" id="txtMaxResumePct" name="txtMaxResumePct" pattern="[0-9]*" required min="1" max="100" label="${LabelMaxResumePercentage}"></paper-input> <input is="emby-input" type="number" id="txtMaxResumePct" name="txtMaxResumePct" pattern="[0-9]*" required min="1" max="100" label="${LabelMaxResumePercentage}"></input>
<div class="fieldDescription"> <div class="fieldDescription">
${LabelMaxResumePercentageHelp} ${LabelMaxResumePercentageHelp}
</div> </div>
</li> </div>
<li> <div class="inputContainer">
<paper-input type="number" id="txtMinResumeDuration" name="txtMinResumeDuration" pattern="[0-9]*" required min="0" label="${LabelMinResumeDuration}"></paper-input> <input is="emby-input" type="number" id="txtMinResumeDuration" name="txtMinResumeDuration" pattern="[0-9]*" required min="0" label="${LabelMinResumeDuration}"></input>
<div class="fieldDescription"> <div class="fieldDescription">
${LabelMinResumeDurationHelp} ${LabelMinResumeDurationHelp}
</div> </div>
</li>
</ul>
</div> </div>
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>

59
dashboard-ui/scripts/itemdetailpage.js
View file

@ -260,36 +260,6 @@
LibraryBrowser.refreshDetailImageUserData(page.querySelector('.detailImageContainer'), item); LibraryBrowser.refreshDetailImageUserData(page.querySelector('.detailImageContainer'), item);
} }
function onWebSocketMessage(e, data) {
var msg = data;
var page = $($.mobile.activePage)[0];
if (msg.MessageType === "UserDataChanged") {
if (currentItem && msg.Data.UserId == Dashboard.getCurrentUserId()) {
var key = currentItem.UserData.Key;
var userData = msg.Data.UserDataList.filter(function (u) {
return u.Key == key;
})[0];
if (userData) {
currentItem.UserData = userData;
Dashboard.getCurrentUser().then(function (user) {
refreshImage(page, currentItem, user);
});
}
}
}
}
function setPeopleHeader(page, item) { function setPeopleHeader(page, item) {
if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.MediaType == "Book" || item.MediaType == "Photo") { if (item.MediaType == "Audio" || item.Type == "MusicAlbum" || item.MediaType == "Book" || item.MediaType == "Photo") {
@ -2127,6 +2097,35 @@
// btnMore[i].icon = AppInfo.moreIcon; // btnMore[i].icon = AppInfo.moreIcon;
//} //}
function onWebSocketMessage(e, data) {
var msg = data;
if (msg.MessageType === "UserDataChanged") {
if (currentItem && msg.Data.UserId == Dashboard.getCurrentUserId()) {
var key = currentItem.UserData.Key;
var userData = msg.Data.UserDataList.filter(function (u) {
return u.Key == key;
})[0];
if (userData) {
currentItem.UserData = userData;
Dashboard.getCurrentUser().then(function (user) {
refreshImage(view, currentItem, user);
});
}
}
}
}
view.addEventListener('viewbeforeshow', function () { view.addEventListener('viewbeforeshow', function () {
var page = this; var page = this;

6
dashboard-ui/scripts/myprofile.js
View file

@ -349,7 +349,8 @@
self.onSubmit = function () { self.onSubmit = function () {
var page = $($.mobile.activePage)[0]; var form = this;
var page = $(form).parents('.page')[0];
if ($('#txtNewPassword', page).val() != $('#txtNewPasswordConfirm', page).val()) { if ($('#txtNewPassword', page).val() != $('#txtNewPasswordConfirm', page).val()) {
@ -370,7 +371,8 @@
self.onLocalAccessSubmit = function () { self.onLocalAccessSubmit = function () {
var page = $($.mobile.activePage)[0]; var form = this;
var page = $(form).parents('.page')[0];
Dashboard.showLoadingMsg(); Dashboard.showLoadingMsg();

7
dashboard-ui/scripts/site.js
View file

@ -1798,6 +1798,7 @@ var AppInfo = {};
define("emby-input", [embyWebComponentsBowerPath + "/emby-input/emby-input"], returnFirstDependency); define("emby-input", [embyWebComponentsBowerPath + "/emby-input/emby-input"], returnFirstDependency);
define("emby-select", [embyWebComponentsBowerPath + "/emby-select/emby-select"], returnFirstDependency); define("emby-select", [embyWebComponentsBowerPath + "/emby-select/emby-select"], returnFirstDependency);
define("emby-checkbox", [embyWebComponentsBowerPath + "/emby-checkbox/emby-checkbox"], returnFirstDependency);
define("collectionEditor", [embyWebComponentsBowerPath + "/collectioneditor/collectioneditor"], returnFirstDependency); define("collectionEditor", [embyWebComponentsBowerPath + "/collectioneditor/collectioneditor"], returnFirstDependency);
define("playlistEditor", [embyWebComponentsBowerPath + "/playlisteditor/playlisteditor"], returnFirstDependency); define("playlistEditor", [embyWebComponentsBowerPath + "/playlisteditor/playlisteditor"], returnFirstDependency);
define("recordingCreator", [embyWebComponentsBowerPath + "/recordingcreator/recordingcreator"], returnFirstDependency); define("recordingCreator", [embyWebComponentsBowerPath + "/recordingcreator/recordingcreator"], returnFirstDependency);
@ -2592,7 +2593,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/itemlist.html', path: '/itemlist.html',
dependencies: ['paper-checkbox'], dependencies: [],
autoFocus: false, autoFocus: false,
controller: 'scripts/itemlistpage', controller: 'scripts/itemlistpage',
transition: 'fade' transition: 'fade'
@ -2754,7 +2755,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/movies.html', path: '/movies.html',
dependencies: ['paper-checkbox', 'emby-button'], dependencies: ['emby-button'],
autoFocus: false, autoFocus: false,
controller: 'scripts/moviesrecommended', controller: 'scripts/moviesrecommended',
transition: 'fade' transition: 'fade'
@ -2983,7 +2984,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/tv.html', path: '/tv.html',
dependencies: ['paper-checkbox', 'paper-icon-button-light', 'emby-button'], dependencies: ['paper-icon-button-light', 'emby-button'],
autoFocus: false, autoFocus: false,
controller: 'scripts/tvrecommended', controller: 'scripts/tvrecommended',
transition: 'fade' transition: 'fade'

40
dashboard-ui/scripts/sync.js
View file

@ -81,7 +81,7 @@
return new Promise(function (resolve, reject) { return new Promise(function (resolve, reject) {
require(['paper-checkbox', 'paper-input', 'emby-collapsible'], function () { require(['emby-checkbox', 'emby-input', 'emby-collapsible'], function () {
appHost.appInfo().then(function (appInfo) { appHost.appInfo().then(function (appInfo) {
renderFormInternal(options, appInfo, resolve); renderFormInternal(options, appInfo, resolve);
@ -101,15 +101,17 @@
if (options.showName || dialogOptions.Options.indexOf('Name') != -1) { if (options.showName || dialogOptions.Options.indexOf('Name') != -1) {
html += '<div>'; html += '<div class="inputContainer">';
html += '<paper-input type="text" id="txtSyncJobName" class="txtSyncJobName" required="required" label="' + Globalize.translate('LabelSyncJobName') + '"></paper-input>'; html += '<input is="emby-input" type="text" id="txtSyncJobName" class="txtSyncJobName" required="required" label="' + Globalize.translate('LabelSyncJobName') + '"/>';
html += '</div>'; html += '</div>';
html += '<br/>'; html += '<br/>';
} }
html += '<div>'; html += '<div>';
if (options.readOnlySyncTarget) { if (options.readOnlySyncTarget) {
html += '<paper-input type="text" id="selectSyncTarget" readonly label="' + Globalize.translate('LabelSyncTo') + '"></paper-input>'; html += '<div class="inputContainer">';
html += '<input is="emby-input" type="text" id="selectSyncTarget" readonly label="' + Globalize.translate('LabelSyncTo') + '"/>';
html += '</div>';
} else { } else {
html += '<label for="selectSyncTarget" class="selectLabel">' + Globalize.translate('LabelSyncTo') + '</label>'; html += '<label for="selectSyncTarget" class="selectLabel">' + Globalize.translate('LabelSyncTo') + '</label>';
html += '<select id="selectSyncTarget" required="required" data-mini="true">'; html += '<select id="selectSyncTarget" required="required" data-mini="true">';
@ -147,41 +149,47 @@
html += '<div class="fldBitrate" style="display:none;">'; html += '<div class="fldBitrate" style="display:none;">';
html += '<br/>'; html += '<br/>';
html += '<div>'; html += '<div class="inputContainer">';
html += '<paper-input type="number" step=".1" min=".1" id="txtBitrate" label="' + Globalize.translate('LabelBitrateMbps') + '"></paper-input>'; html += '<input is="emby-input" type="number" step=".1" min=".1" id="txtBitrate" label="' + Globalize.translate('LabelBitrateMbps') + '"/>';
html += '</div>'; html += '</div>';
html += '</div>'; html += '</div>';
if (dialogOptions.Options.indexOf('UnwatchedOnly') != -1) { if (dialogOptions.Options.indexOf('UnwatchedOnly') != -1) {
html += '<br/>'; html += '<br/>';
html += '<div>'; html += '<div class="checkboxContainer">';
html += '<paper-checkbox id="chkUnwatchedOnly">' + Globalize.translate('OptionSyncUnwatchedVideosOnly') + '</paper-checkbox>'; html += '<label>';
html += '<div class="fieldDescription paperCheckboxFieldDescription">' + Globalize.translate('OptionSyncUnwatchedVideosOnlyHelp') + '</div>'; html += '<input is="emby-checkbox" type="checkbox" id="chkUnwatchedOnly"/>';
html += '<span>' + Globalize.translate('OptionSyncUnwatchedVideosOnly') + '</span>';
html += '</label>';
html += '<div class="fieldDescription checkboxFieldDescription">' + Globalize.translate('OptionSyncUnwatchedVideosOnlyHelp') + '</div>';
html += '</div>'; html += '</div>';
} }
if (dialogOptions.Options.indexOf('SyncNewContent') != -1 || if (dialogOptions.Options.indexOf('SyncNewContent') != -1 ||
dialogOptions.Options.indexOf('ItemLimit') != -1) { dialogOptions.Options.indexOf('ItemLimit') != -1) {
html += '<br/>';
html += '<emby-collapsible title="' + Globalize.translate('HeaderAdvanced') + '">'; html += '<emby-collapsible title="' + Globalize.translate('HeaderAdvanced') + '">';
html += '<div style="padding:0 0 1em;">'; html += '<div style="padding:0 0 1em;">';
if (dialogOptions.Options.indexOf('SyncNewContent') != -1) { if (dialogOptions.Options.indexOf('SyncNewContent') != -1) {
html += '<br/>'; html += '<br/>';
html += '<div>'; html += '<div class="checkboxContainer">';
html += '<paper-checkbox id="chkSyncNewContent" checked>' + Globalize.translate('OptionAutomaticallySyncNewContent') + '</paper-checkbox>'; html += '<label>';
html += '<div class="fieldDescription paperCheckboxFieldDescription">' + Globalize.translate('OptionAutomaticallySyncNewContentHelp') + '</div>'; html += '<input is="emby-checkbox" type="checkbox" id="chkSyncNewContent"/>';
html += '<span>' + Globalize.translate('OptionAutomaticallySyncNewContent') + '</span>';
html += '</label>';
html += '<div class="fieldDescription checkboxFieldDescription">' + Globalize.translate('OptionAutomaticallySyncNewContentHelp') + '</div>';
html += '</div>'; html += '</div>';
} }
if (dialogOptions.Options.indexOf('ItemLimit') != -1) { if (dialogOptions.Options.indexOf('ItemLimit') != -1) {
html += '<div>'; html += '<div class="inputContainer">';
html += '<paper-input type="number" step="1" min="1" id="txtItemLimit" label="' + Globalize.translate('LabelItemLimit') + '"></paper-input>'; html += '<input is="emby-input" type="number" step="1" min="1" id="txtItemLimit" label="' + Globalize.translate('LabelItemLimit') + '"/>';
html += '<div class="fieldDescription">' + Globalize.translate('LabelItemLimitHelp') + '</div>'; html += '<div class="fieldDescription">' + Globalize.translate('LabelItemLimitHelp') + '</div>';
html += '</div>'; html += '</div>';
} }
html += '</emby-collapsible>';
html += '</div>'; html += '</div>';
html += '</emby-collapsible>';
html += '<br/>';
} }
//html += '</div>'; //html += '</div>';

54
dashboard-ui/syncsettings.html
View file

@ -1,42 +1,48 @@
<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,paper-input,emby-button,paper-icon-button-light"> <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 data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<form class="syncSettingsForm"> <form class="syncSettingsForm">
<ul data-role="listview" class="ulForm"> <div class="inputContainer">
<li> <div style="display: flex; align-items: center;">
<paper-input type="text" id="txtSyncTempPath" label="${LabelSyncTempPath}" style="display: inline-block; width: 84%;"></paper-input> <div style="flex-grow:1;">
<button type="button" is="paper-icon-button-light" id="btnSelectSyncTempPath" title="${ButtonSelectDirectory}"><iron-icon icon="search"></iron-icon></button> <input is="emby-input" type="text" id="txtSyncTempPath" label="${LabelSyncTempPath}" />
<div class="fieldDescription">
${LabelSyncTempPathHelp}
</div> </div>
</li> <button type="button" is="paper-icon-button-light" id="btnSelectSyncTempPath" title="${ButtonSelectDirectory}" class="autoSize"><i class="md-icon">search</i></button>
<li> </div>
<paper-input type="number" min="0" step=".5" id="txtUploadSpeedLimit" label="${LabelUploadSpeedLimit}"></paper-input> <div class="fieldDescription">${LabelSyncTempPathHelp}</div>
</li> </div>
<li>
<paper-input type="number" min="0" max="8" step="1" id="txtCpuCoreLimit" label="${LabelConversionCpuCoreLimit}" required="required"></paper-input> <div class="inputContainer">
<input is="emby-input" type="number" min="0" step=".5" id="txtUploadSpeedLimit" label="${LabelUploadSpeedLimit}" />
</div>
<div class="inputContainer">
<input is="emby-input" type="number" min="0" max="8" step="1" id="txtCpuCoreLimit" label="${LabelConversionCpuCoreLimit}" required="required" />
<div class="fieldDescription"> <div class="fieldDescription">
${LabelConversionCpuCoreLimitHelp} ${LabelConversionCpuCoreLimitHelp}
</div> </div>
</li> </div>
<li> <div>
<paper-checkbox id="chkEnableFullSpeedConversion">${OptionEnableFullSpeedConversion}</paper-checkbox> <paper-checkbox id="chkEnableFullSpeedConversion">${OptionEnableFullSpeedConversion}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription"> <div class="fieldDescription paperCheckboxFieldDescription">
${OptionEnableFullSpeedConversionHelp} ${OptionEnableFullSpeedConversionHelp}
</div> </div>
</li> </div>
</ul> <br />
<br />
<div>
<button is="emby-button" type="submit" class="raised submit block">
<i class="md-icon">check</i>
<span>${ButtonSave}</span>
</button>
<ul data-role="listview" class="ulForm"> <button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();">
<li> <i class="md-icon">close</i>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></button> <span>${ButtonCancel}</span>
</button>
<button is="emby-button" type="button" class="raised cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></button> </div>
</li>
</ul>
</form> </form>
</div> </div>
</div> </div>