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 collapsibles

Browse source
This commit is contained in:
Luke Pulverenti 2016-07-11 12:56:16 -04:00
parent c2a85cce55
commit 5df632bdee
10 changed files with 341 additions and 313 deletions
Download patch file Download diff file Expand all files Collapse all files

185
dashboard-ui/autoorganizetv.html
View file

@ -1,4 +1,4 @@
<div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="emby-collapsible,jqmtable,scripts/autoorganizetv,paper-input,paper-checkbox"> <div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage withTabs" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="emby-collapse,jqmtable,scripts/autoorganizetv,paper-input,paper-checkbox,jqmlistview">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -33,98 +33,101 @@
</li> </li>
</ul><br /> </ul><br />
<emby-collapsible title="${HeaderEpisodeFilePattern}"> <div is="emby-collapse" title="${HeaderEpisodeFilePattern}">
<br /> <div class="collapseContent">
<div> <br />
<paper-input type="text" id="txtEpisodePattern" name="txtEpisodePattern" label="${LabelEpisodePattern}" required></paper-input> <div>
<div class="fieldDescription episodePatternDescription"></div> <paper-input type="text" id="txtEpisodePattern" name="txtEpisodePattern" label="${LabelEpisodePattern}" required></paper-input>
</div> <div class="fieldDescription episodePatternDescription"></div>
<br /> </div>
<div> <br />
<paper-input type="text" id="txtMultiEpisodePattern" name="txtMultiEpisodePattern" label="${LabelMultiEpisodePattern}" required></paper-input> <div>
<div class="fieldDescription multiEpisodePatternDescription"></div> <paper-input type="text" id="txtMultiEpisodePattern" name="txtMultiEpisodePattern" label="${LabelMultiEpisodePattern}" required></paper-input>
</div> <div class="fieldDescription multiEpisodePatternDescription"></div>
</div>
<br /> <br />
<p>${HeaderSupportedPatterns}</p> <p>${HeaderSupportedPatterns}</p>
<table data-role="table" id="movie-table" data-mode="reflow" class="ui-responsive">
<thead>
<tr>
<th>${HeaderTerm}</th>
<th>${HeaderPattern}</th>
<th>${HeaderResult}</th>
</tr>
</thead>
<tbody>
<tr>
<td>${LabelSeriesNamePlain}</td>
<td>%sn</td>
<td>${LabelSeriesNamePlain}</td>
</tr>
<tr>
<td>${LabelSeriesNamePlain}</td>
<td>%s.n</td>
<td>${ValueSeriesNamePeriod}</td>
</tr>
<tr>
<td>${LabelSeriesNamePlain}</td>
<td>%s_n</td>
<td>${ValueSeriesNameUnderscore}</td>
</tr>
<tr>
<td>${LabelSeasonNumberPlain}</td>
<td>%s</td>
<td>1</td>
</tr>
<tr>
<td>${LabelSeasonNumberPlain}</td>
<td>%0s</td>
<td>01</td>
</tr>
<tr>
<td>${LabelEpisodeNumberPlain}</td>
<td>%e</td>
<td>4</td>
</tr>
<tr>
<td>${LabelEpisodeNumberPlain}</td>
<td>%0e</td>
<td>04</td>
</tr>
<tr>
<td>${LabelEndingEpisodeNumberPlain}</td>
<td>%ed</td>
<td>5</td>
</tr>
<tr>
<td>${LabelEndingEpisodeNumberPlain}</td>
<td>%0ed</td>
<td>05</td>
</tr>
<tr>
<td>${LabelEpisodeNamePlain}</td>
<td>%en</td>
<td>${LabelEpisodeNamePlain}</td>
</tr>
<tr>
<td>${LabelEpisodeNamePlain}</td>
<td>%e.n</td>
<td>${ValueEpisodeNamePeriod}</td>
</tr>
<tr>
<td>${LabelEpisodeNamePlain}</td>
<td>%e_n</td>
<td>${ValueEpisodeNameUnderscore}</td>
</tr>
<tr>
<td>${FileExtension}</td>
<td>%ext</td>
<td>mkv</td>
</tr>
</tbody>
</table>
</div>
</div>
<table data-role="table" id="movie-table" data-mode="reflow" class="ui-responsive">
<thead>
<tr>
<th>${HeaderTerm}</th>
<th>${HeaderPattern}</th>
<th>${HeaderResult}</th>
</tr>
</thead>
<tbody>
<tr>
<td>${LabelSeriesNamePlain}</td>
<td>%sn</td>
<td>${LabelSeriesNamePlain}</td>
</tr>
<tr>
<td>${LabelSeriesNamePlain}</td>
<td>%s.n</td>
<td>${ValueSeriesNamePeriod}</td>
</tr>
<tr>
<td>${LabelSeriesNamePlain}</td>
<td>%s_n</td>
<td>${ValueSeriesNameUnderscore}</td>
</tr>
<tr>
<td>${LabelSeasonNumberPlain}</td>
<td>%s</td>
<td>1</td>
</tr>
<tr>
<td>${LabelSeasonNumberPlain}</td>
<td>%0s</td>
<td>01</td>
</tr>
<tr>
<td>${LabelEpisodeNumberPlain}</td>
<td>%e</td>
<td>4</td>
</tr>
<tr>
<td>${LabelEpisodeNumberPlain}</td>
<td>%0e</td>
<td>04</td>
</tr>
<tr>
<td>${LabelEndingEpisodeNumberPlain}</td>
<td>%ed</td>
<td>5</td>
</tr>
<tr>
<td>${LabelEndingEpisodeNumberPlain}</td>
<td>%0ed</td>
<td>05</td>
</tr>
<tr>
<td>${LabelEpisodeNamePlain}</td>
<td>%en</td>
<td>${LabelEpisodeNamePlain}</td>
</tr>
<tr>
<td>${LabelEpisodeNamePlain}</td>
<td>%e.n</td>
<td>${ValueEpisodeNamePeriod}</td>
</tr>
<tr>
<td>${LabelEpisodeNamePlain}</td>
<td>%e_n</td>
<td>${ValueEpisodeNameUnderscore}</td>
</tr>
<tr>
<td>${FileExtension}</td>
<td>%ext</td>
<td>mkv</td>
</tr>
</tbody>
</table>
</emby-collapsible>
<br /><br /> <br /><br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>

8
dashboard-ui/bower_components/emby-webcomponents/emby-collapse/emby-collapse.js vendored
View file

@ -82,7 +82,13 @@
this.insertAdjacentHTML('afterbegin', html); this.insertAdjacentHTML('afterbegin', html);
this.querySelector('.emby-collapsible-button').addEventListener('click', onButtonClick); var button = this.querySelector('.emby-collapsible-button');
button.addEventListener('click', onButtonClick);
if (this.getAttribute('data-expanded') == 'true') {
onButtonClick.call(button);
}
}; };
document.registerElement('emby-collapse', { document.registerElement('emby-collapse', {

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

@ -1,4 +1,4 @@
define(['dialogHelper', 'jQuery', 'emby-input', 'emby-button', 'emby-collapsible', 'paper-checkbox', 'paper-icon-button-light'], function (dialogHelper, $) { define(['dialogHelper', 'jQuery', 'emby-input', 'emby-button', 'emby-collapse', 'paper-checkbox', 'paper-icon-button-light'], function (dialogHelper, $) {
function renderLibrarySharingList(context, result) { function renderLibrarySharingList(context, result) {

10
dashboard-ui/components/guestinviter/guestinviter.template.html
View file

@ -17,13 +17,13 @@
</div> </div>
</div> </div>
<br /> <div is="emby-collapse" title="${HeaderShareMediaFolders}">
<div class="collapseContent">
<emby-collapsible title="${HeaderShareMediaFolders}"> <div class="librarySharingList">
<div class="librarySharingList">
</div>
</div> </div>
</emby-collapsible> </div>
<p class="fieldDescription" style="margin-top:.5em;">${MessageGuestSharingPermissionsHelp}</p> <p class="fieldDescription" style="margin-top:.5em;">${MessageGuestSharingPermissionsHelp}</p>
<br /> <br />
<button is="emby-button" type="submit" class="raised submit block"> <button is="emby-button" type="submit" class="raised submit block">

6
dashboard-ui/components/navdrawer/navdrawer.css
View file

@ -22,12 +22,6 @@
transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;*/ transition: transform ease-in-out 0.3s, width ease-in-out 0.3s, visibility 0.3s;*/
} }
.touch-menu-la .tmla-handle {
position: absolute;
top: 0;
height: 100%;
}
.scrollContainer { .scrollContainer {
flex-grow: 1; flex-grow: 1;
} }

66
dashboard-ui/dashboard.html
View file

@ -1,4 +1,4 @@
<div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage fullWidthContent" data-require="scripts/dashboardpage,humanedate,buttonenabled,paper-icon-item,paper-item-body,paper-fab,emby-collapsible,emby-button"> <div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage fullWidthContent" data-require="scripts/dashboardpage,humanedate,buttonenabled,paper-icon-item,paper-item-body,paper-fab,emby-collapse,emby-button">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
@ -51,15 +51,17 @@
</p> </p>
<div id="collapsiblePendingInstallations" style="margin-top: 2em; display: none;"> <div id="collapsiblePendingInstallations" style="margin-top: 2em; display: none;">
<emby-collapsible title="${HeaderPendingInstallations}" expanded> <div is="emby-collapse" title="${HeaderPendingInstallations}" data-expanded="true">
<p>${LabelComponentsUpdated}</p> <div class="collapseContent">
<div id="pendingInstallations"> <p>${LabelComponentsUpdated}</p>
<div id="pendingInstallations">
</div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p>
<div class="btnRestartContainer hide">
<button is="emby-button" type="button" class="raised submit" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestartNow}</span></button>
</div>
</div> </div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p> </div>
<div class="btnRestartContainer hide">
<button is="emby-button" type="button" class="raised submit" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestartNow}</span></button>
</div>
</emby-collapsible>
</div> </div>
<div class="healthMonitorSection hide" style="margin-top: 2em;"> <div class="healthMonitorSection hide" style="margin-top: 2em;">
@ -78,31 +80,35 @@
</div> </div>
<div id="runningTasksCollapsible" style="margin-top: 2em; display: none;"> <div id="runningTasksCollapsible" style="margin-top: 2em; display: none;">
<emby-collapsible title="${HeaderRunningTasks}" expanded> <div is="emby-collapse" title="${HeaderRunningTasks}" data-expanded="true">
<div id="divRunningTasks"> <div class="collapseContent">
<div id="divRunningTasks">
</div>
</div> </div>
</emby-collapsible> </div>
</div> </div>
<br /> <br />
<emby-collapsible title="${HeaderPaths}"> <div is="emby-collapse" title="${HeaderPaths}">
<p> <div class="collapseContent">
<b>${LabelCache}</b><br /> <p>
<span id="cachePath"></span> <b>${LabelCache}</b><br />
</p> <span id="cachePath"></span>
<p> </p>
<b>${LabelLogs}</b><br /> <p>
<span id="logPath"></span> <b>${LabelLogs}</b><br />
</p> <span id="logPath"></span>
<p> </p>
<b>${LabelMetadata}</b><br /> <p>
<span id="metadataPath"></span> <b>${LabelMetadata}</b><br />
</p> <span id="metadataPath"></span>
<p> </p>
<b>${LabelTranscodingTemporaryFiles}</b><br /> <p>
<span id="transcodingTemporaryPath"></span> <b>${LabelTranscodingTemporaryFiles}</b><br />
</p> <span id="transcodingTemporaryPath"></span>
</emby-collapsible> </p>
</div>
</div>
</div> </div>
<div class="readOnlyContent dashboardHomeRightColumn firstDashboardHomeRightColumn"> <div class="readOnlyContent dashboardHomeRightColumn firstDashboardHomeRightColumn">

157
dashboard-ui/dashboardgeneral.html
View file

@ -42,83 +42,92 @@
<br /><br /> <br /><br />
</div> </div>
<emby-collapsible title="${HeaderAdvanced}"> <div is="emby-collapse" title="${HeaderAdvanced}">
<br /> <div class="collapseContent">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<paper-input type="text" id="txtCachePath" label="${LabelCachePath}" style="display:inline-block;width:85%;"></paper-input> <paper-input type="text" id="txtCachePath" label="${LabelCachePath}" style="display: inline-block; width: 85%;"></paper-input>
<button type="button" is="paper-icon-button-light" id="btnSelectCachePath" title="${ButtonSelectDirectory}"><iron-icon icon="search"></iron-icon></button> <button type="button" is="paper-icon-button-light" id="btnSelectCachePath" title="${ButtonSelectDirectory}" class="autoSize">
<div class="fieldDescription">${LabelCachePathHelp}</div> <i class="md-icon">search</i>
</li> </button>
</ul> <div class="fieldDescription">${LabelCachePathHelp}</div>
</emby-collapsible> </li>
</ul>
<emby-collapsible title="${HeaderAutomaticUpdates}">
<br />
<ul data-role="listview" class="ulForm">
<li class="fldAutomaticUpdates">
<div data-role="controlgroup">
<input type="checkbox" id="chkEnableAutomaticServerUpdates" data-mini="true" />
<label for="chkEnableAutomaticServerUpdates">${OptionEnableAutomaticServerUpdates}</label>
</div>
</li>
<li>
<label class="lnlAutomaticUpdateLevel selectLabel" for="selectAutomaticUpdateLevel"></label>
<select name="selectAutomaticUpdateLevel" id="selectAutomaticUpdateLevel">
<option value="Release">${OptionRelease}</option>
<option value="Beta">${OptionBeta}</option>
<option value="Dev">${OptionDev}</option>
</select>
<div id="devBuildWarning" class="fieldDescription warningFieldDescription" style="display: none;">
${DevBuildWarning}
</div>
</li>
<li id="fldEnableAutomaticRestart" style="display: none;">
<paper-checkbox id="chkEnableAutomaticRestart">${LabelAllowServerAutoRestart}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">
${LabelAllowServerAutoRestartHelp}
</div>
</li>
</ul>
</emby-collapsible>
<emby-collapsible title="${HeaderBranding}">
<p>${HeaderBrandingHelp}</p>
<br />
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="text" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}"></paper-input>
<div class="fieldDescription">${LabelLoginDisclaimerHelp}</div>
</li>
<li>
<paper-textarea id="txtCustomCss" label="${LabelCustomCss}" class="mono"></paper-textarea>
<div class="fieldDescription">${LabelCustomCssHelp}</div>
</li>
</ul>
</emby-collapsible>
<emby-collapsible title="${HeaderDeveloperOptions}">
<br />
<div>
<paper-checkbox id="chkEnableDashboardResponseCache">${OptionEnableWebClientResponseCache}</paper-checkbox>
</div> </div>
<br /> </div>
<div>
<paper-checkbox id="chkEnableMinification">${OptionEnableWebClientResourceMinification}</paper-checkbox> <div is="emby-collapse" title="${HeaderAutomaticUpdates}">
<div class="collapseContent">
<br />
<ul data-role="listview" class="ulForm">
<li class="fldAutomaticUpdates">
<div data-role="controlgroup">
<input type="checkbox" id="chkEnableAutomaticServerUpdates" data-mini="true" />
<label for="chkEnableAutomaticServerUpdates">${OptionEnableAutomaticServerUpdates}</label>
</div>
</li>
<li>
<label class="lnlAutomaticUpdateLevel selectLabel" for="selectAutomaticUpdateLevel"></label>
<select name="selectAutomaticUpdateLevel" id="selectAutomaticUpdateLevel">
<option value="Release">${OptionRelease}</option>
<option value="Beta">${OptionBeta}</option>
<option value="Dev">${OptionDev}</option>
</select>
<div id="devBuildWarning" class="fieldDescription warningFieldDescription" style="display: none;">
${DevBuildWarning}
</div>
</li>
<li id="fldEnableAutomaticRestart" style="display: none;">
<paper-checkbox id="chkEnableAutomaticRestart">${LabelAllowServerAutoRestart}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">
${LabelAllowServerAutoRestartHelp}
</div>
</li>
</ul>
</div> </div>
<div class="fieldDescription paperCheckboxFieldDescription"> </div>
${OptionDisableForDevelopmentHelp}
<div is="emby-collapse" title="${HeaderBranding}">
<div class="collapseContent">
<p>${HeaderBrandingHelp}</p>
<br />
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="text" id="txtLoginDisclaimer" label="${LabelLoginDisclaimer}"></paper-input>
<div class="fieldDescription">${LabelLoginDisclaimerHelp}</div>
</li>
<li>
<paper-textarea id="txtCustomCss" label="${LabelCustomCss}" class="mono"></paper-textarea>
<div class="fieldDescription">${LabelCustomCssHelp}</div>
</li>
</ul>
</div> </div>
<br /><br /> </div>
<ul data-role="listview" class="ulForm">
<li> <div is="emby-collapse" title="${HeaderDeveloperOptions}">
<paper-input type="text" id="txtDashboardSourcePath" label="${LabelDashboardSourcePath}" style="display: inline-block; width: 80%;"></paper-input> <div class="collapseContent">
<button type="button" is="paper-icon-button-light" id="btnSelectDashboardSourcePath" title="${ButtonSelectDirectory}"><iron-icon icon="search"></iron-icon></button> <br />
<div class="fieldDescription">${LabelDashboardSourcePathHelp}</div> <div>
</li> <paper-checkbox id="chkEnableDashboardResponseCache">${OptionEnableWebClientResponseCache}</paper-checkbox>
</ul> </div>
</emby-collapsible> <br />
<div>
<paper-checkbox id="chkEnableMinification">${OptionEnableWebClientResourceMinification}</paper-checkbox>
</div>
<div class="fieldDescription paperCheckboxFieldDescription">
${OptionDisableForDevelopmentHelp}
</div>
<br /><br />
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="text" id="txtDashboardSourcePath" label="${LabelDashboardSourcePath}" style="display: inline-block; width: 80%;"></paper-input>
<button type="button" is="paper-icon-button-light" id="btnSelectDashboardSourcePath" title="${ButtonSelectDirectory}"><iron-icon icon="search"></iron-icon></button>
<div class="fieldDescription">${LabelDashboardSourcePathHelp}</div>
</li>
</ul>
</div>
</div>
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>

145
dashboard-ui/librarysettings.html
View file

@ -36,90 +36,99 @@
</li> </li>
</ul> </ul>
<emby-collapsible title="${HeaderAudio}"> <div is="emby-collapse" title="${HeaderAudio}">
<br /> <div class="collapseContent">
<div> <br />
<paper-checkbox id="chkEnableAudioArchiveFiles">${OptionDetectArchiveFilesAsMedia}</paper-checkbox> <div>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div> <paper-checkbox id="chkEnableAudioArchiveFiles">${OptionDetectArchiveFilesAsMedia}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div>
</div>
<br />
</div> </div>
<br /> </div>
</emby-collapsible>
<emby-collapsible title="${HeaderVideo}"> <div is="emby-collapse" title="${HeaderVideo}">
<br /> <div class="collapseContent">
<div> <br />
<paper-checkbox id="chkEnableVideoArchiveFiles">${OptionDetectArchiveFilesAsMedia}</paper-checkbox> <div>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div> <paper-checkbox id="chkEnableVideoArchiveFiles">${OptionDetectArchiveFilesAsMedia}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div>
</div>
<br />
</div> </div>
<br /> </div>
</emby-collapsible>
<emby-collapsible title="${HeaderChapters}"> <div is="emby-collapse" title="${HeaderChapters}">
<br /> <div class="collapseContent">
<ul data-role="listview" class="ulForm" style="margin-bottom:0!important;"> <br />
<li> <ul data-role="listview" class="ulForm" style="margin-bottom:0!important;">
<div class="paperListLabel">${HeaderExtractChapterImagesFor}</div> <li>
<div class="paperCheckboxList"> <div class="paperListLabel">${HeaderExtractChapterImagesFor}</div>
<paper-checkbox id="chkChaptersMovies">${OptionMovies}</paper-checkbox> <div class="paperCheckboxList">
<paper-checkbox id="chkChaptersMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox id="chkChaptersEpisodes">${OptionEpisodes}</paper-checkbox> <paper-checkbox id="chkChaptersEpisodes">${OptionEpisodes}</paper-checkbox>
<paper-checkbox id="chkChaptersOtherVideos">${OptionOtherVideos}</paper-checkbox> <paper-checkbox id="chkChaptersOtherVideos">${OptionOtherVideos}</paper-checkbox>
</div> </div>
<div class="fieldDescription paperCheckboxFieldDescription">${ExtractChapterImagesHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${ExtractChapterImagesHelp}</div>
</li> </li>
</ul> </ul>
<br /> <br />
<div> <div>
<paper-checkbox id="chkExtractChaptersDuringLibraryScan">${LabelExtractChaptersDuringLibraryScan}</paper-checkbox> <paper-checkbox id="chkExtractChaptersDuringLibraryScan">${LabelExtractChaptersDuringLibraryScan}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelExtractChaptersDuringLibraryScanHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${LabelExtractChaptersDuringLibraryScanHelp}</div>
</div>
<br />
</div> </div>
<br /> </div>
</emby-collapsible>
<emby-collapsible title="${HeaderPeople}"> <div is="emby-collapse" title="${HeaderPeople}">
<br /> <div class="collapseContent">
<ul data-role="listview" class="ulForm"> <br />
<li> <ul data-role="listview" class="ulForm">
<div class="paperListLabel">${HeaderDownloadPeopleMetadataFor}</div> <li>
<div class="paperCheckboxList"> <div class="paperListLabel">${HeaderDownloadPeopleMetadataFor}</div>
<paper-checkbox id="chkPeopleActors">${OptionActors}</paper-checkbox> <div class="paperCheckboxList">
<paper-checkbox id="chkPeopleActors">${OptionActors}</paper-checkbox>
<paper-checkbox id="chkPeopleComposers">${OptionComposers}</paper-checkbox> <paper-checkbox id="chkPeopleComposers">${OptionComposers}</paper-checkbox>
<paper-checkbox id="chkPeopleDirectors">${OptionDirectors}</paper-checkbox> <paper-checkbox id="chkPeopleDirectors">${OptionDirectors}</paper-checkbox>
<paper-checkbox id="chkPeopleGuestStars">${OptionGuestStars}</paper-checkbox> <paper-checkbox id="chkPeopleGuestStars">${OptionGuestStars}</paper-checkbox>
<paper-checkbox id="chkPeopleProducers">${OptionProducers}</paper-checkbox> <paper-checkbox id="chkPeopleProducers">${OptionProducers}</paper-checkbox>
<paper-checkbox id="chkPeopleWriters">${OptionWriters}</paper-checkbox> <paper-checkbox id="chkPeopleWriters">${OptionWriters}</paper-checkbox>
<paper-checkbox id="chkPeopleOthers">${OptionOthers}</paper-checkbox> <paper-checkbox id="chkPeopleOthers">${OptionOthers}</paper-checkbox>
</div> </div>
<div class="fieldDescription paperCheckboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div>
</li> </li>
</ul> </ul>
</emby-collapsible>
<emby-collapsible title="${HeaderTV}">
<br />
<div>
<label for="txtSeasonZeroName">${LabelSeasonZeroDisplayName}</label>
<paper-input type="text" id="txtSeasonZeroName" required></paper-input>
</div> </div>
<br /> </div>
</emby-collapsible>
<emby-collapsible title="Fanart.tv"> <div is="emby-collapse" title="${HeaderTV}">
<ul data-role="listview" class="ulForm"> <div class="collapseContent">
<li> <div>
<paper-input type="text" id="txtFanartApiKey" label="${LabelFanartApiKey}"></paper-input> <paper-input type="text" id="txtSeasonZeroName" label="${LabelSeasonZeroDisplayName}" required></paper-input>
<div class="fieldDescription">${LabelFanartApiKeyHelp}</div> </div>
<div class="fieldDescription"><a href="https://fanart.tv/2015/01/personal-api-keys" target="_blank">${ButtonLearnMore}</a></div> </div>
</li> </div>
</ul>
</emby-collapsible> <div is="emby-collapse" title="Fanart.tv">
<div class="collapseContent">
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="text" id="txtFanartApiKey" label="${LabelFanartApiKey}"></paper-input>
<div class="fieldDescription">${LabelFanartApiKeyHelp}</div>
<div class="fieldDescription"><a href="https://fanart.tv/2015/01/personal-api-keys" target="_blank">${ButtonLearnMore}</a></div>
</li>
</ul>
</div>
</div>
<br /> <br />
<br /> <br />

71
dashboard-ui/metadataimages.html
View file

@ -1,4 +1,4 @@
<div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="jqmlistview,emby-collapsible,scripts/metadataimagespage,paper-checkbox,paper-input,paper-fab,paper-icon-item,paper-item-body,emby-button"> <div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage withTabs" data-require="jqmlistview,emby-collapse,scripts/metadataimagespage,paper-checkbox,paper-input,paper-fab,paper-icon-item,paper-item-body,emby-button">
<div data-role="content"> <div data-role="content">
@ -21,43 +21,44 @@
<div class="imageFetchers" style="margin-bottom: 2em;"> <div class="imageFetchers" style="margin-bottom: 2em;">
</div> </div>
<emby-collapsible title="${HeaderImageSettings}"> <div is="emby-collapse" title="${HeaderImageSettings}">
<br /> <div class="collapseContent">
<div class="backdropFields" style="margin-bottom: 2em; display: none;"> <div class="backdropFields" style="margin-bottom: 2em; display: none;">
<div> <div>
<paper-input type="number" id="txtMaxBackdrops" pattern="[0-9]*" required="required" min="0" label="${LabelMaxBackdropsPerItem}"></paper-input> <paper-input type="number" id="txtMaxBackdrops" pattern="[0-9]*" required="required" min="0" label="${LabelMaxBackdropsPerItem}"></paper-input>
</div>
<br />
<div>
<paper-input type="number" id="txtMinBackdropDownloadWidth" pattern="[0-9]*" required="required" min="0" label="${LabelMinBackdropDownloadWidth}"></paper-input>
</div>
</div> </div>
<br />
<div> <div class="screenshotFields" style="margin-bottom: 2em; display: none;">
<paper-input type="number" id="txtMinBackdropDownloadWidth" pattern="[0-9]*" required="required" min="0" label="${LabelMinBackdropDownloadWidth}"></paper-input> <div>
<paper-input type="number" id="txtMaxScreenshots" pattern="[0-9]*" required="required" min="0" label="${LabelMaxScreenshotsPerItem}"></paper-input>
</div>
<div>
<paper-input type="number" id="txtMinScreenshotDownloadWidth" pattern="[0-9]*" required="required" min="0" label="${LabelMinScreenshotDownloadWidth}"></paper-input>
</div>
</div>
<div class="paperListLabel">${HeaderFetchImages}</div>
<div class="imageSelections paperCheckboxList">
<paper-checkbox class="imageType hide" data-imagetype="Primary">${OptionDownloadPrimaryImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Art">${OptionDownloadArtImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="BoxRear">${OptionDownloadBackImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Banner">${OptionDownloadBannerImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Box">${OptionDownloadBoxImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Disc">${OptionDownloadDiscImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Logo">${OptionDownloadLogoImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Menu">${OptionDownloadMenuImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Thumb">${OptionDownloadThumbImage}</paper-checkbox>
</div> </div>
</div> </div>
</div>
<div class="screenshotFields" style="margin-bottom: 2em; display: none;">
<div>
<paper-input type="number" id="txtMaxScreenshots" pattern="[0-9]*" required="required" min="0" label="${LabelMaxScreenshotsPerItem}"></paper-input>
</div>
<div>
<paper-input type="number" id="txtMinScreenshotDownloadWidth" pattern="[0-9]*" required="required" min="0" label="${LabelMinScreenshotDownloadWidth}"></paper-input>
</div>
</div>
<div class="paperListLabel">${HeaderFetchImages}</div>
<div class="imageSelections paperCheckboxList">
<paper-checkbox class="imageType hide" data-imagetype="Primary">${OptionDownloadPrimaryImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Art">${OptionDownloadArtImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="BoxRear">${OptionDownloadBackImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Banner">${OptionDownloadBannerImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Box">${OptionDownloadBoxImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Disc">${OptionDownloadDiscImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Logo">${OptionDownloadLogoImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Menu">${OptionDownloadMenuImage}</paper-checkbox>
<paper-checkbox class="imageType hide" data-imagetype="Thumb">${OptionDownloadThumbImage}</paper-checkbox>
</div>
</emby-collapsible>
<br /> <br />
<br /> <br />

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

@ -2423,7 +2423,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/dashboardgeneral.html', path: '/dashboardgeneral.html',
dependencies: ['emby-collapsible', 'paper-textarea', 'paper-input', 'paper-checkbox', 'jqmlistview'], dependencies: ['emby-collapse', 'paper-textarea', 'paper-input', 'paper-checkbox', 'jqmlistview'],
controller: 'scripts/dashboardgeneral', controller: 'scripts/dashboardgeneral',
autoFocus: false, autoFocus: false,
roles: 'admin' roles: 'admin'
@ -2612,7 +2612,7 @@ var AppInfo = {};
defineRoute({ defineRoute({
path: '/librarysettings.html', path: '/librarysettings.html',
dependencies: ['emby-collapsible', 'paper-input', 'paper-checkbox', 'emby-button', 'jqmlistview'], dependencies: ['emby-collapse', 'paper-input', 'paper-checkbox', 'emby-button', 'jqmlistview'],
autoFocus: false, autoFocus: false,
roles: 'admin', roles: 'admin',
controller: 'scripts/librarysettings' controller: 'scripts/librarysettings'