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>

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 currentItemType;

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

@ -30,9 +30,9 @@
<div class="selectedSearchResult"></div>
<br />
<div>
<paper-checkbox id="chkIdentifyReplaceImages" checked>${OptionReplaceExistingImages}</paper-checkbox>
</div>
<br />
<label class="checkboxContainer">
<input type="checkbox" is="emby-checkbox" id="chkIdentifyReplaceImages" />
<span>${OptionReplaceExistingImages}</span>
</label>
<button is="emby-button" type="submit" class="raised submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></button>
</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 metadataEditorInfo;
@ -509,11 +509,11 @@
var labelText = Globalize.translate('LabelDynamicExternalId').replace('{0}', idInfo.Name);
html += '<div>';
html += '<div class="inputContainer">';
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) {
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") {
context.querySelector('#txtProductionYear').label = Globalize.translate('LabelBirthYear');
context.querySelector("#txtPremiereDate").label = Globalize.translate('LabelBirthDate');
context.querySelector("#txtEndDate").label = Globalize.translate('LabelDeathDate');
context.querySelector('#txtProductionYear').label(Globalize.translate('LabelBirthYear'));
context.querySelector("#txtPremiereDate").label(Globalize.translate('LabelBirthDate'));
context.querySelector("#txtEndDate").label(Globalize.translate('LabelDeathDate'));
$('#fldPlaceOfBirth', context).show();
} else {
context.querySelector('#txtProductionYear').label = Globalize.translate('LabelYear');
context.querySelector("#txtPremiereDate").label = Globalize.translate('LabelReleaseDate');
context.querySelector("#txtEndDate").label = Globalize.translate('LabelEndDate');
context.querySelector('#txtProductionYear').label(Globalize.translate('LabelYear'));
context.querySelector("#txtPremiereDate").label(Globalize.translate('LabelReleaseDate'));
context.querySelector("#txtEndDate").label(Globalize.translate('LabelEndDate'));
$('#fldPlaceOfBirth', context).hide();
}
@ -712,13 +712,13 @@
$('#fldIndexNumber', context).show();
if (item.Type == "Episode") {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelEpisodeNumber');
context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelEpisodeNumber'));
} else if (item.Type == "Season") {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelSeasonNumber');
context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelSeasonNumber'));
} else if (item.Type == "Audio") {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelTrackNumber');
context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelTrackNumber'));
} else {
context.querySelector('#txtIndexNumber').label = Globalize.translate('LabelNumber');
context.querySelector('#txtIndexNumber').label(Globalize.translate('LabelNumber'));
}
} else {
$('#fldIndexNumber', context).hide();
@ -728,11 +728,11 @@
$('#fldParentIndexNumber', context).show();
if (item.Type == "Episode") {
context.querySelector('#txtParentIndexNumber').label = Globalize.translate('LabelSeasonNumber');
context.querySelector('#txtParentIndexNumber').label(Globalize.translate('LabelSeasonNumber'));
} else if (item.Type == "Audio") {
context.querySelector('#txtParentIndexNumber').label = Globalize.translate('LabelDiscNumber');
context.querySelector('#txtParentIndexNumber').label(Globalize.translate('LabelDiscNumber'));
} else {
context.querySelector('#txtParentIndexNumber').label = Globalize.translate('LabelParentNumber');
context.querySelector('#txtParentIndexNumber').label(Globalize.translate('LabelParentNumber'));
}
} else {
$('#fldParentIndexNumber', context).hide();
@ -741,7 +741,6 @@
if (item.Type == "BoxSet") {
$('#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>');
} else {
$('#selectDisplayOrder', context).html('');
@ -1049,7 +1048,10 @@
var name = field.name;
var value = field.value || field.name;
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;
}

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

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