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

enable unified routing

Browse source
This commit is contained in:
Luke Pulverenti 2016-03-16 01:33:31 -04:00
parent 2360213901
commit 154f6b5fd8
133 changed files with 6988 additions and 7112 deletions
Download patch file Download diff file Expand all files Collapse all files

100
dashboard-ui/about.html
View file

@ -1,59 +1,51 @@
<!DOCTYPE html> <div id="aboutPage" data-role="page" class="page type-interior">
<html>
<head>
<title>${TitleSupport}</title>
</head>
<body>
<div id="aboutPage" data-role="page" class="page type-interior" data-require="scripts/aboutpage">
<div data-role="content">
<div class="content-primary">
<div class="readOnlyContent">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="support.html" data-role="button">${TabGeneral}</a>
<a href="log.html" data-role="button">${TabLogs}</a>
<a href="supporterkey.html" data-role="button" class="tabSupporterMembership">${TabEmbyPremiere}</a>
<a href="about.html" data-role="button" class="ui-btn-active">${TabAbout}</a>
</div>
<h1>
<img class="imgLogoIcon" src="css/images/mblogoicon.png" /><span class="logoLibraryMenuButtonText">EMBY</span>
</h1>
<br />
<br />
<div id="appVersionNumber">${VersionNumber}</div>
<br />
<div class="detailSectionHeader">${HeaderCredits}</div>
<div style="padding: 0 .5em;">
<p>
<a href="http://www.pismotechnic.com/pfm/" target="_blank">${PismoMessage}</a>
</p>
<p>
<a href="http://www.tangiblesoftwaresolutions.com/" target="_blank">${TangibleSoftwareMessage}</a>
</p>
<br />
<p>${PleaseSupportOtherProduces}</p>
<p>
<a href="http://fanart.tv" target="_blank">FanArt.tv</a>
</p>
<p>
<a href="http://musicbrainz.org" target="_blank">MusicBrainz</a>
</p>
<p>
<a href="http://www.themoviedb.org" target="_blank">TheMovieDb.org</a>
</p>
<p>
<a href="http://www.omdbapi.com" target="_blank">The Open Movie Database</a>
</p>
<p>
<a href="http://thetvdb.com" target="_blank">TheTVDB.com</a>
</p>
</div>
<div data-role="content">
<div class="content-primary">
<div class="readOnlyContent">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="support.html" data-role="button">${TabGeneral}</a>
<a href="log.html" data-role="button">${TabLogs}</a>
<a href="supporterkey.html" data-role="button" class="tabSupporterMembership">${TabEmbyPremiere}</a>
<a href="about.html" data-role="button" class="ui-btn-active">${TabAbout}</a>
</div> </div>
<h1>
<img class="imgLogoIcon" src="css/images/mblogoicon.png" /><span class="logoLibraryMenuButtonText">EMBY</span>
</h1>
<br />
<br />
<div id="appVersionNumber">${VersionNumber}</div>
<br />
<div class="detailSectionHeader">${HeaderCredits}</div>
<div style="padding: 0 .5em;">
<p>
<a href="http://www.pismotechnic.com/pfm/" target="_blank">${PismoMessage}</a>
</p>
<p>
<a href="http://www.tangiblesoftwaresolutions.com/" target="_blank">${TangibleSoftwareMessage}</a>
</p>
<br />
<p>${PleaseSupportOtherProduces}</p>
<p>
<a href="http://fanart.tv" target="_blank">FanArt.tv</a>
</p>
<p>
<a href="http://musicbrainz.org" target="_blank">MusicBrainz</a>
</p>
<p>
<a href="http://www.themoviedb.org" target="_blank">TheMovieDb.org</a>
</p>
<p>
<a href="http://www.omdbapi.com" target="_blank">The Open Movie Database</a>
</p>
<p>
<a href="http://thetvdb.com" target="_blank">TheTVDB.com</a>
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

206
dashboard-ui/addplugin.html
View file

@ -1,130 +1,122 @@
<!DOCTYPE html> <div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="jqmcollapsible,registrationservices,scripts/ratingdialog,scripts/addpluginpage">
<html>
<head>
<title>${TitlePlugins}</title>
</head>
<body>
<div id="addPluginPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="jqmcollapsible,registrationservices,scripts/ratingdialog,scripts/addpluginpage">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav pluginTabs" data-mini="true" style="display:none;"> <div data-role="controlgroup" data-type="horizontal" class="localnav pluginTabs" data-mini="true" style="display:none;">
<a href="plugins.html" data-role="button">${TabMyPlugins}</a> <a href="plugins.html" data-role="button">${TabMyPlugins}</a>
<a href="plugincatalog.html" data-role="button" class="ui-btn-active">${TabCatalog}</a> <a href="plugincatalog.html" data-role="button" class="ui-btn-active">${TabCatalog}</a>
<a href="channelsettings.html" data-role="button">${TabChannels}</a> <a href="channelsettings.html" data-role="button">${TabChannels}</a>
</div> </div>
<div data-role="controlgroup" data-type="horizontal" class="localnav syncTabs" data-mini="true" style="display:none;"> <div data-role="controlgroup" data-type="horizontal" class="localnav syncTabs" data-mini="true" style="display:none;">
<a href="syncactivity.html" data-role="button">${TabActivity}</a> <a href="syncactivity.html" data-role="button">${TabActivity}</a>
<a href="appservices.html?context=sync" data-role="button" class="ui-btn-active">${TabServices}</a> <a href="appservices.html?context=sync" data-role="button" class="ui-btn-active">${TabServices}</a>
<a href="syncsettings.html" data-role="button">${TabSettings}</a> <a href="syncsettings.html" data-role="button">${TabSettings}</a>
</div> </div>
<div data-role="controlgroup" data-type="horizontal" class="localnav livetvTabs" data-mini="true" style="display:none;"> <div data-role="controlgroup" data-type="horizontal" class="localnav livetvTabs" data-mini="true" style="display:none;">
<a href="livetvstatus.html" data-role="button">${TabTuners}</a> <a href="livetvstatus.html" data-role="button">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a> <a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabExternalServices}</a> <a href="#" data-role="button" class="ui-btn-active">${TabExternalServices}</a>
</div> </div>
<div data-role="controlgroup" data-type="horizontal" class="localnav notificationsTabs" data-mini="true" style="display:none;"> <div data-role="controlgroup" data-type="horizontal" class="localnav notificationsTabs" data-mini="true" style="display:none;">
<a href="notificationsettings.html" data-role="button">${TabNotifications}</a> <a href="notificationsettings.html" data-role="button">${TabNotifications}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabServices}</a> <a href="#" data-role="button" class="ui-btn-active">${TabServices}</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<h2 class="pluginName"></h2> <h2 class="pluginName"></h2>
<p id="tagline" style="font-style: italic;"></p> <p id="tagline" style="font-style: italic;"></p>
<p id="pPreviewImage"></p> <p id="pPreviewImage"></p>
<p id="overview"></p> <p id="overview"></p>
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;"> <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
<h3>${HeaderInstall}</h3> <h3>${HeaderInstall}</h3>
<div> <div>
<form class="addPluginForm"> <form class="addPluginForm">
<p id="pCurrentVersion"></p> <p id="pCurrentVersion"></p>
<p id="pSelectVersion" class="hide"> <p id="pSelectVersion" class="hide">
<label for="selectVersion">${LabelSelectVersionToInstall}</label> <label for="selectVersion">${LabelSelectVersionToInstall}</label>
<select id="selectVersion" name="selectVersion"></select> <select id="selectVersion" name="selectVersion"></select>
</p> </p>
<p id="btnInstallDiv" class="hide"> <p id="btnInstallDiv" class="hide">
<button id="btnInstall" type="submit" data-icon="arrow-d" data-theme="b">Install</button> <button id="btnInstall" type="submit" data-icon="arrow-d" data-theme="b">Install</button>
</p> </p>
<p id="nonServerMsg"></p> <p id="nonServerMsg"></p>
</form> </form>
<div class="premiumPackage" style="display: none; margin-top: 1.5em;"> <div class="premiumPackage" style="display: none; margin-top: 1.5em;">
<div> <div>
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post"> <form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<p id="regStatus"> <p id="regStatus">
</p>
<p id="regInfo">
</p>
<div class="supporterDescription">
<p>${MessagePluginRequiresSubscription}</p>
<p><a href="http://emby.media/premiere" target="_blank">${LinkLearnMoreAboutSubscription}</a></p>
</div>
<div class="premiumDescription">
<p>${MessagePremiumPluginRequiresMembership}</p>
<p><a href="http://emby.media/premiere" target="_blank">${LinkLearnMoreAboutSubscription}</a></p>
</div>
<div class="premiumHasPrice" style="display: none">
<p id="regPrice">
</p> </p>
<p id="regInfo"> <input type="hidden" name="cmd" value="_xclick">
</p> <input type="hidden" id="payPalEmail" name="business" value="mb_1358534950_biz@reedsplace.com">
<div class="supporterDescription"> <input type="hidden" name="currency_code" value="USD">
<input type="hidden" id="featureName" name="item_name" value="">
<input type="hidden" id="amount" name="amount" value="10">
<input type="hidden" id="featureId" name="item_number" value="">
<input type="hidden" name="notify_url" value="https://mb3admin.com/admin/service/services/ppipn.php">
<input type="hidden" name="return" id="paypalReturnUrl" value="#">
<button type="submit" id="ppButton" class="clearButton">
<paper-button raised class="block" style="background-color: #179BD7;color:#fff;">
<iron-icon icon="check"></iron-icon>
<span>${RegisterWithPayPal}</span>
</paper-button>
</button>
<p>${MessagePluginRequiresSubscription}</p> </div>
</form>
<p><a href="http://emby.media/premiere" target="_blank">${LinkLearnMoreAboutSubscription}</a></p>
</div>
<div class="premiumDescription">
<p>${MessagePremiumPluginRequiresMembership}</p>
<p><a href="http://emby.media/premiere" target="_blank">${LinkLearnMoreAboutSubscription}</a></p>
</div>
<div class="premiumHasPrice" style="display: none">
<p id="regPrice">
</p>
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" id="payPalEmail" name="business" value="mb_1358534950_biz@reedsplace.com">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" id="featureName" name="item_name" value="">
<input type="hidden" id="amount" name="amount" value="10">
<input type="hidden" id="featureId" name="item_number" value="">
<input type="hidden" name="notify_url" value="https://mb3admin.com/admin/service/services/ppipn.php">
<input type="hidden" name="return" id="paypalReturnUrl" value="#">
<button type="submit" id="ppButton" class="clearButton">
<paper-button raised class="block" style="background-color: #179BD7;color:#fff;">
<iron-icon icon="check"></iron-icon>
<span>${RegisterWithPayPal}</span>
</paper-button>
</button>
</div>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;"> <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
<h3>${HeaderReviews}</h3> <h3>${HeaderReviews}</h3>
<div> <div>
<br /> <br />
<div id="ratingLine"></div> <div id="ratingLine"></div>
<div id="latestReviews"></div> <div id="latestReviews"></div>
</div>
</div> </div>
</div>
<div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;"> <div data-role="collapsible" data-collapsed="false" style="margin-top: 2em;">
<h3>${HeaderDeveloperInfo}</h3> <h3>${HeaderDeveloperInfo}</h3>
<p id="developer"></p> <p id="developer"></p>
<p id="pViewWebsite" style="display: none;"> <p id="pViewWebsite" style="display: none;">
<a href="#" data-rel="external" target="_blank">${ButtonViewWebsite}</a> <a href="#" data-rel="external" target="_blank">${ButtonViewWebsite}</a>
</p> </p>
</div> </div>
<div data-role="collapsible" style="margin-top: 2em;"> <div data-role="collapsible" style="margin-top: 2em;">
<h3>${HeaderRevisionHistory}</h3> <h3>${HeaderRevisionHistory}</h3>
<div id="revisionHistory"></div> <div id="revisionHistory"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

176
dashboard-ui/advanced.html
View file

@ -1,105 +1,97 @@
<!DOCTYPE html> <div id="advancedConfigurationPage" data-role="page" class="page type-interior advancedConfigurationPage" data-require="emby-collapsible,scripts/advancedconfigurationpage,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleAdvanced}</title>
</head>
<body>
<div id="advancedConfigurationPage" data-role="page" class="page type-interior advancedConfigurationPage" data-require="emby-collapsible,scripts/advancedconfigurationpage,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabGeneral}</a> <a href="#" data-role="button" class="ui-btn-active">${TabGeneral}</a>
<a href="dashboardhosting.html" data-role="button">${TabHosting}</a> <a href="dashboardhosting.html" data-role="button">${TabHosting}</a>
<a href="serversecurity.html" data-role="button">${TabSecurity}</a> <a href="serversecurity.html" data-role="button">${TabSecurity}</a>
</div> </div>
<form class="advancedConfigurationForm"> <form class="advancedConfigurationForm">
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li id="fldRunAtStartup" style="display: none;"> <li id="fldRunAtStartup" style="display: none;">
<paper-checkbox id="chkRunAtStartup">${LabelRunServerAtStartup}</paper-checkbox> <paper-checkbox id="chkRunAtStartup">${LabelRunServerAtStartup}</paper-checkbox>
<div id="windowsStartupDescription" class="fieldDescription paperCheckboxFieldDescription" style="display: none;"> <div id="windowsStartupDescription" class="fieldDescription paperCheckboxFieldDescription" style="display: none;">
${LabelRunServerAtStartupHelp} ${LabelRunServerAtStartupHelp}
</div>
</li>
<li>
<paper-checkbox id="chkDebugLog">${LabelEnableDebugLogging}</paper-checkbox>
</li>
<li>
<paper-checkbox id="chkUsageData">${OptionEnableAnonymousUsageReporting}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">
${OptionEnableAnonymousUsageReportingHelp}
<div style="margin-top:.5em;">
<a target="_blank" href="https://emby.media/privacy">${ButtonLearnMore}</a>
</div>
</div>
</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="${HeaderDeveloperOptions}">
<br />
<div>
<paper-checkbox id="chkEnableDashboardResponseCache">${OptionEnableWebClientResponseCache}</paper-checkbox>
</div>
<br />
<div>
<paper-checkbox id="chkEnableMinification">${OptionEnableWebClientResourceMinification}</paper-checkbox>
</div> </div>
</li>
<li>
<paper-checkbox id="chkDebugLog">${LabelEnableDebugLogging}</paper-checkbox>
</li>
<li>
<paper-checkbox id="chkUsageData">${OptionEnableAnonymousUsageReporting}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription"> <div class="fieldDescription paperCheckboxFieldDescription">
${OptionDisableForDevelopmentHelp} ${OptionEnableAnonymousUsageReportingHelp}
<div style="margin-top:.5em;">
<a target="_blank" href="https://emby.media/privacy">${ButtonLearnMore}</a>
</div>
</div> </div>
<br /><br /> </li>
<ul data-role="listview" class="ulForm"> </ul>
<li>
<paper-input type="text" id="txtDashboardSourcePath" label="${LabelDashboardSourcePath}" style="display: inline-block; width: 80%;"></paper-input>
<paper-icon-button id="btnSelectDashboardSourcePath" icon="search" title="${ButtonSelectDirectory}"></paper-icon-button>
<div class="fieldDescription">${LabelDashboardSourcePathHelp}</div>
</li>
</ul>
</emby-collapsible>
<emby-collapsible title="${HeaderAutomaticUpdates}">
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li class="fldAutomaticUpdates">
<button type="submit" data-role="none" class="clearButton"> <div data-role="controlgroup">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <input type="checkbox" id="chkEnableAutomaticServerUpdates" data-mini="true" />
</button> <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> </li>
</ul> </ul>
</form> </emby-collapsible>
</div>
<emby-collapsible title="${HeaderDeveloperOptions}">
<br />
<div>
<paper-checkbox id="chkEnableDashboardResponseCache">${OptionEnableWebClientResponseCache}</paper-checkbox>
</div>
<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>
<paper-icon-button id="btnSelectDashboardSourcePath" icon="search" title="${ButtonSelectDirectory}"></paper-icon-button>
<div class="fieldDescription">${LabelDashboardSourcePathHelp}</div>
</li>
</ul>
</emby-collapsible>
<br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

72
dashboard-ui/appservices.html
View file

@ -1,46 +1,38 @@
<!DOCTYPE html> <div id="appServicesPage" data-role="page" class="page type-interior appServicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/appservices">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="appServicesPage" data-role="page" class="page type-interior appServicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Sync" data-require="scripts/appservices">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div class="sectionTabs syncSectionTabs" style="display:none;"> <div class="sectionTabs syncSectionTabs" style="display:none;">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="syncactivity.html" data-role="button">${TabActivity}</a> <a href="syncactivity.html" data-role="button">${TabActivity}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabServices}</a> <a href="#" data-role="button" class="ui-btn-active">${TabServices}</a>
<a href="syncsettings.html" data-role="button">${TabSettings}</a> <a href="syncsettings.html" data-role="button">${TabSettings}</a>
</div>
</div> </div>
<div class="sectionTabs livetvSectionTabs" style="display:none;">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="livetvstatus.html" data-role="button">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabExternalServices}</a>
</div>
</div>
<div class="sectionTabs notificationsSectionTabs" style="display:none;">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="notificationsettings.html" data-role="button">${TabNotifications}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabServices}</a>
</div>
</div>
<div class="detailSectionHeader">${HeaderInstalledServices}</div>
<div class="installedPlugins"></div>
<br />
<br />
<br />
<div class="detailSectionHeader">${HeaderAvailableServices}</div>
<div class="catalog"></div>
</div> </div>
<div class="sectionTabs livetvSectionTabs" style="display:none;">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="livetvstatus.html" data-role="button">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabExternalServices}</a>
</div>
</div>
<div class="sectionTabs notificationsSectionTabs" style="display:none;">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="notificationsettings.html" data-role="button">${TabNotifications}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabServices}</a>
</div>
</div>
<div class="detailSectionHeader">${HeaderInstalledServices}</div>
<div class="installedPlugins"></div>
<br />
<br />
<br />
<div class="detailSectionHeader">${HeaderAvailableServices}</div>
<div class="catalog"></div>
</div> </div>
</div> </div>
</body> </div>
</html>

89
dashboard-ui/autoorganizelog.html
View file

@ -1,57 +1,48 @@
<!DOCTYPE html> <div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="jqmtable,scripts/autoorganizelog,scripts/taskbutton,detailtablecss">
<html> <div data-role="content">
<head> <div class="content-primary">
<link rel="stylesheet" type="text/css" href="css/metadataeditor.css">
<title>${TitleAutoOrganize}</title>
</head>
<body>
<div id="libraryFileOrganizerLogPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="jqmtable,scripts/autoorganizelog,scripts/taskbutton,detailtablecss">
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabActivityLog}</a> <a href="#" data-role="button" class="ui-btn-active">${TabActivityLog}</a>
<a href="autoorganizetv.html" data-role="button">${TabTV}</a> <a href="autoorganizetv.html" data-role="button">${TabTV}</a>
<a href="autoorganizesmart.html" data-role="button">${TabSmartMatches}</a> <a href="autoorganizesmart.html" data-role="button">${TabSmartMatches}</a>
</div>
<div style="margin: -25px 0 1em; text-align: right;">
<div class="listTopPaging" style="float: left; position: relative; top: 15px;">
</div> </div>
<div style="margin: -25px 0 1em; text-align: right;"> <div style="float: right; position: relative; top: 15px;margin-top: -5px;display:none;" class="organizeTaskPanel">
<div class="listTopPaging" style="float: left; position: relative; top: 15px;"> <paper-button type="button" class="btnClearLog" raised style="display: inline-block;"><iron-icon icon="clear-all"></iron-icon><span>${ButtonClear}</span></paper-button>
</div> <paper-button type="button" class="btnOrganize" raised><iron-icon icon="check"></iron-icon><span>${ButtonOrganize}</span></paper-button>
<progress max="100" min="0" style="width:100px;display:none;" class="organizeProgress"></progress>
<div style="float: right; position: relative; top: 15px;margin-top: -5px;display:none;" class="organizeTaskPanel">
<paper-button type="button" class="btnClearLog" raised style="display: inline-block;"><iron-icon icon="clear-all"></iron-icon><span>${ButtonClear}</span></paper-button>
<paper-button type="button" class="btnOrganize" raised><iron-icon icon="check"></iron-icon><span>${ButtonOrganize}</span></paper-button>
<progress max="100" min="0" style="width:100px;display:none;" class="organizeProgress"></progress>
</div>
<br />
<div style="clear: both;"></div>
</div> </div>
<table data-role="table" data-mode="reflow" class="tblOrganizationResults stripedTable ui-responsive table-stroke">
<thead>
<tr>
<th data-priority="2">${HeaderDate}</th>
<th data-priority="1">${HeaderSource}</th>
<th data-priority="3">${HeaderDestination}</th>
<th data-priority="1"></th>
</tr>
</thead>
<tbody class="resultBody"></tbody>
</table>
<br /> <br />
<div style="text-align: right;vertical-align:middle;" class="legend">
<div style="display: inline-block; height: 10px; width: 10px; background: green;margin-right:1px;"></div> <div style="clear: both;"></div>
<span>${LabelCompleted}</span> </div>
<div style="display: inline-block; height: 10px; width: 10px; background: red; margin-left: 1em;margin-right:1px;"></div> <table data-role="table" data-mode="reflow" class="tblOrganizationResults stripedTable ui-responsive table-stroke">
<span>${LabelFailed}</span> <thead>
<div style="display: inline-block; height: 10px; width: 10px; background: blue; margin-left: 1em;margin-right:1px;"></div> <tr>
<span>${LabelSkipped}</span> <th data-priority="2">${HeaderDate}</th>
</div> <th data-priority="1">${HeaderSource}</th>
<div class="listBottomPaging"> <th data-priority="3">${HeaderDestination}</th>
</div> <th data-priority="1"></th>
</tr>
</thead>
<tbody class="resultBody"></tbody>
</table>
<br />
<div style="text-align: right;vertical-align:middle;" class="legend">
<div style="display: inline-block; height: 10px; width: 10px; background: green;margin-right:1px;"></div>
<span>${LabelCompleted}</span>
<div style="display: inline-block; height: 10px; width: 10px; background: red; margin-left: 1em;margin-right:1px;"></div>
<span>${LabelFailed}</span>
<div style="display: inline-block; height: 10px; width: 10px; background: blue; margin-left: 1em;margin-right:1px;"></div>
<span>${LabelSkipped}</span>
</div>
<div class="listBottomPaging">
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

32
dashboard-ui/autoorganizesmart.html
View file

@ -1,26 +1,18 @@
<!DOCTYPE html> <div id="libraryFileOrganizerSmartMatchPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="scripts/autoorganizesmart,paper-icon-item,paper-fab,paper-item-body">
<html>
<head>
<title>${TitleAutoOrganize}</title>
</head>
<body>
<div id="libraryFileOrganizerSmartMatchPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="scripts/autoorganizesmart,paper-icon-item,paper-fab,paper-item-body">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="autoorganizelog.html" data-role="button">${TabActivityLog}</a> <a href="autoorganizelog.html" data-role="button">${TabActivityLog}</a>
<a href="autoorganizetv.html" data-role="button">${TabTV}</a> <a href="autoorganizetv.html" data-role="button">${TabTV}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabSmartMatches}</a> <a href="#" data-role="button" class="ui-btn-active">${TabSmartMatches}</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<p>${TabSmartMatchInfo}</p> <p>${TabSmartMatchInfo}</p>
<div class="divMatchInfos"></div> <div class="divMatchInfos"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

338
dashboard-ui/autoorganizetv.html
View file

@ -1,177 +1,169 @@
<!DOCTYPE html> <div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="emby-collapsible,jqmtable,scripts/autoorganizetv,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleAutoOrganize}</title>
</head>
<body>
<div id="libraryFileOrganizerPage" data-role="page" class="page type-interior organizePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Auto-Organize" data-require="emby-collapsible,jqmtable,scripts/autoorganizetv,paper-input,paper-checkbox">
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="autoorganizelog.html" data-role="button">${TabActivityLog}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabTV}</a>
<a href="autoorganizesmart.html" data-role="button">${TabSmartMatches}</a>
</div>
<form class="libraryFileOrganizerForm">
<p>${AutoOrganizeHelp}</p>
<p>${AutoOrganizeTvHelp}</p>
<ul data-role="listview" class="ulForm" style="margin-bottom: 0!important;">
<li>
<br />
<paper-checkbox id="chkEnableTvSorting">${OptionEnableEpisodeOrganization}</paper-checkbox>
</li>
<li>
<paper-input id="txtWatchFolder" label="${LabelWatchFolder}" style="width:85%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectWatchFolder" icon="search"></paper-icon-button>
<div class="fieldDescription">
<div>${LabelWatchFolderHelp}</div>
</div>
</li>
<li>
<paper-input type="number" id="txtMinFileSize" name="txtMinFileSize" label="${LabelMinFileSizeForOrganize}" pattern="[0-9]*" min="0" required></paper-input>
<div class="fieldDescription">${LabelMinFileSizeForOrganizeHelp}</div>
</li>
<li>
<paper-input type="text" id="txtSeasonFolderPattern" name="txtSeasonFolderPattern" label="${LabelSeasonFolderPattern}" required></paper-input>
<div class="fieldDescription seasonFolderFieldDescription"></div>
</li>
<li>
<paper-input type="text" id="txtSeasonZeroName" name="txtSeasonZeroName" label="${LabelSeasonZeroFolderName}" required></paper-input>
</li>
</ul><br />
<emby-collapsible title="${HeaderEpisodeFilePattern}">
<br />
<div>
<paper-input type="text" id="txtEpisodePattern" name="txtEpisodePattern" label="${LabelEpisodePattern}" required></paper-input>
<div class="fieldDescription episodePatternDescription"></div>
</div>
<br />
<div>
<paper-input type="text" id="txtMultiEpisodePattern" name="txtMultiEpisodePattern" label="${LabelMultiEpisodePattern}" required></paper-input>
<div class="fieldDescription multiEpisodePatternDescription"></div>
</div>
<br />
<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>
</emby-collapsible>
<br /><br />
<ul data-role="listview" class="ulForm">
<li>
<label for="copyOrMoveFile" class="selectLabel">${LabelTransferMethod}</label>
<select id="copyOrMoveFile" data-mini="true">
<option value="true">${OptionCopy}</option>
<option value="false">${OptionMove}</option>
</select>
<div class="fieldDescription">${LabelTransferMethodHelp}</div>
</li>
<li>
<br />
<paper-checkbox type="checkbox" id="chkOverwriteExistingEpisodes">${OptionOverwriteExistingEpisodes}</paper-checkbox>
</li>
<li>
<paper-input type="text" id="txtDeleteLeftOverFiles" name="txtDeleteLeftOverFiles" label="${LabelDeleteLeftOverFiles}"></paper-input>
<div class="fieldDescription">${LabelDeleteLeftOverFilesHelp}</div>
</li>
<li>
<paper-checkbox id="chkDeleteEmptyFolders">${LabelDeleteEmptyFolders}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDeleteEmptyFoldersHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="autoorganizelog.html" data-role="button">${TabActivityLog}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabTV}</a>
<a href="autoorganizesmart.html" data-role="button">${TabSmartMatches}</a>
</div> </div>
<form class="libraryFileOrganizerForm">
<p>${AutoOrganizeHelp}</p>
<p>${AutoOrganizeTvHelp}</p>
<ul data-role="listview" class="ulForm" style="margin-bottom: 0!important;">
<li>
<br />
<paper-checkbox id="chkEnableTvSorting">${OptionEnableEpisodeOrganization}</paper-checkbox>
</li>
<li>
<paper-input id="txtWatchFolder" label="${LabelWatchFolder}" style="width:85%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectWatchFolder" icon="search"></paper-icon-button>
<div class="fieldDescription">
<div>${LabelWatchFolderHelp}</div>
</div>
</li>
<li>
<paper-input type="number" id="txtMinFileSize" name="txtMinFileSize" label="${LabelMinFileSizeForOrganize}" pattern="[0-9]*" min="0" required></paper-input>
<div class="fieldDescription">${LabelMinFileSizeForOrganizeHelp}</div>
</li>
<li>
<paper-input type="text" id="txtSeasonFolderPattern" name="txtSeasonFolderPattern" label="${LabelSeasonFolderPattern}" required></paper-input>
<div class="fieldDescription seasonFolderFieldDescription"></div>
</li>
<li>
<paper-input type="text" id="txtSeasonZeroName" name="txtSeasonZeroName" label="${LabelSeasonZeroFolderName}" required></paper-input>
</li>
</ul><br />
<emby-collapsible title="${HeaderEpisodeFilePattern}">
<br />
<div>
<paper-input type="text" id="txtEpisodePattern" name="txtEpisodePattern" label="${LabelEpisodePattern}" required></paper-input>
<div class="fieldDescription episodePatternDescription"></div>
</div>
<br />
<div>
<paper-input type="text" id="txtMultiEpisodePattern" name="txtMultiEpisodePattern" label="${LabelMultiEpisodePattern}" required></paper-input>
<div class="fieldDescription multiEpisodePatternDescription"></div>
</div>
<br />
<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>
</emby-collapsible>
<br /><br />
<ul data-role="listview" class="ulForm">
<li>
<label for="copyOrMoveFile" class="selectLabel">${LabelTransferMethod}</label>
<select id="copyOrMoveFile" data-mini="true">
<option value="true">${OptionCopy}</option>
<option value="false">${OptionMove}</option>
</select>
<div class="fieldDescription">${LabelTransferMethodHelp}</div>
</li>
<li>
<br />
<paper-checkbox type="checkbox" id="chkOverwriteExistingEpisodes">${OptionOverwriteExistingEpisodes}</paper-checkbox>
</li>
<li>
<paper-input type="text" id="txtDeleteLeftOverFiles" name="txtDeleteLeftOverFiles" label="${LabelDeleteLeftOverFiles}"></paper-input>
<div class="fieldDescription">${LabelDeleteLeftOverFilesHelp}</div>
</li>
<li>
<paper-checkbox id="chkDeleteEmptyFolders">${LabelDeleteEmptyFolders}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDeleteEmptyFoldersHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

8
dashboard-ui/bower_components/emby-webcomponents/.bower.json vendored
View file

@ -16,12 +16,12 @@
}, },
"devDependencies": {}, "devDependencies": {},
"ignore": [], "ignore": [],
"version": "1.1.64", "version": "1.1.65",
"_release": "1.1.64", "_release": "1.1.65",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "1.1.64", "tag": "1.1.65",
"commit": "09ad84b364cc201acfa1c7700142e2043bf23db9" "commit": "0d838fa5972c686099cf85e830e9c7470972fb2f"
}, },
"_source": "git://github.com/MediaBrowser/emby-webcomponents.git", "_source": "git://github.com/MediaBrowser/emby-webcomponents.git",
"_target": "~1.1.5", "_target": "~1.1.5",

19
dashboard-ui/bower_components/emby-webcomponents/router.js vendored
View file

@ -77,6 +77,7 @@ define(['loading', 'viewManager', 'skinManager', 'pluginManager', 'backdrop', 'b
} }
} }
var htmlCache = {};
var cacheParam = new Date().getTime(); var cacheParam = new Date().getTime();
function loadContentUrl(ctx, next, route, request) { function loadContentUrl(ctx, next, route, request) {
@ -93,13 +94,29 @@ define(['loading', 'viewManager', 'skinManager', 'pluginManager', 'backdrop', 'b
url = baseUrl() + url; url = baseUrl() + url;
} }
if (ctx.querystring && route.enableContentQueryString) {
url += '?' + ctx.querystring;
}
if (route.enableCache !== false) {
var cachedHtml = htmlCache[url];
if (cachedHtml) {
loadContent(ctx, route, cachedHtml, request);
return;
}
}
url += url.indexOf('?') == -1 ? '?' : '&'; url += url.indexOf('?') == -1 ? '?' : '&';
url += 'v=' + cacheParam; url += 'v=' + cacheParam;
var xhr = new XMLHttpRequest(); var xhr = new XMLHttpRequest();
xhr.onload = xhr.onerror = function () { xhr.onload = xhr.onerror = function () {
if (this.status < 400) { if (this.status < 400) {
loadContent(ctx, route, this.response, request); var html = this.response;
if (route.enableCache !== false) {
htmlCache[url.split('?')[0]] = html;
}
loadContent(ctx, route, html, request);
} else { } else {
next(); next();
} }

4
dashboard-ui/bower_components/emby-webcomponents/viewmanager.js vendored
View file

@ -19,7 +19,9 @@ define(['viewcontainer', 'focusManager', 'queryString', 'connectionManager', 'ev
// Use controller method // Use controller method
var controller = new options.controllerFactory(newView, eventDetail.detail.params); var controller = new options.controllerFactory(newView, eventDetail.detail.params);
} else if (dispatchPageEvents) { }
if (!options.controllerFactory || dispatchPageEvents) {
dispatchViewEvent(newView, 'viewinit'); dispatchViewEvent(newView, 'viewinit');
} }
} }

6
dashboard-ui/bower_components/iron-icon/.bower.json vendored
View file

@ -32,14 +32,14 @@
"web-component-tester": "^4.0.0", "web-component-tester": "^4.0.0",
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
}, },
"homepage": "https://github.com/polymerelements/iron-icon", "homepage": "https://github.com/PolymerElements/iron-icon",
"_release": "1.0.8", "_release": "1.0.8",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.8", "tag": "v1.0.8",
"commit": "f36b38928849ef3853db727faa8c9ef104d611eb" "commit": "f36b38928849ef3853db727faa8c9ef104d611eb"
}, },
"_source": "git://github.com/polymerelements/iron-icon.git", "_source": "git://github.com/PolymerElements/iron-icon.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "polymerelements/iron-icon" "_originalSource": "PolymerElements/iron-icon"
} }

4
dashboard-ui/bower_components/iron-selector/.bower.json vendored
View file

@ -36,7 +36,7 @@
"tag": "v1.3.0", "tag": "v1.3.0",
"commit": "1662093611cda3fd29125cdab94a61d3d88093da" "commit": "1662093611cda3fd29125cdab94a61d3d88093da"
}, },
"_source": "git://github.com/PolymerElements/iron-selector.git", "_source": "git://github.com/polymerelements/iron-selector.git",
"_target": "^1.0.0", "_target": "^1.0.0",
"_originalSource": "PolymerElements/iron-selector" "_originalSource": "polymerelements/iron-selector"
} }

20
dashboard-ui/channelitems.html
View file

@ -1,19 +1,11 @@
<!DOCTYPE html> <div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage noSecondaryNavPage" data-contextname="${HeaderChannels}" data-require="scripts/channelitems,paper-checkbox,scripts/alphapicker" data-backbutton="true" data-menubutton="false">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="channelItemsPage" data-role="page" class="page libraryPage channelsPage noSecondaryNavPage" data-contextname="${HeaderChannels}" data-require="scripts/channelitems,paper-checkbox,scripts/alphapicker" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">
<div class="listTopPaging"> <div class="listTopPaging">
</div>
</div> </div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div> </div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div> </div>
</body> </div>
</html>

66
dashboard-ui/channels.html
View file

@ -1,40 +1,32 @@
<!DOCTYPE html> <div id="channelsPage" data-role="page" data-dom-cache="true" class="page libraryPage channelsPage pageWithAbsoluteTabs" data-contextname="${HeaderChannels}" data-require="scripts/channels,scripts/channelslatest,scripts/sections,paper-tabs,neon-animated-pages">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="channelsPage" data-role="page" data-dom-cache="true" class="page libraryPage channelsPage pageWithAbsoluteTabs" data-contextname="${HeaderChannels}" data-require="scripts/channels,scripts/channelslatest,scripts/sections,paper-tabs,neon-animated-pages">
<div class="libraryViewNav scopedLibraryViewNav libraryViewNavWithMinHeight"> <div class="libraryViewNav scopedLibraryViewNav libraryViewNavWithMinHeight">
<paper-tabs hidescrollbuttons noink> <paper-tabs hidescrollbuttons noink>
<paper-tab>${TabLatest}</paper-tab> <paper-tab>${TabLatest}</paper-tab>
<paper-tab>${TabChannels}</paper-tab> <paper-tab>${TabChannels}</paper-tab>
</paper-tabs> </paper-tabs>
<div class="legacyTabs"> <div class="legacyTabs">
<a href="channels.html">${TabLatest}</a> <a href="channels.html">${TabLatest}</a>
<a href="channels.html?tab=1">${TabChannels}</a> <a href="channels.html?tab=1">${TabChannels}</a>
</div>
</div>
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent latestContent">
<div class="latestItems"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent channelsContent">
<div class="viewSettings">
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div> </div>
</div> </div>
</body> <div class="ehsContent fullWidth">
</html> <neon-animated-pages>
<neon-animatable>
<div class="pageTabContent latestContent">
<div class="latestItems"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent channelsContent">
<div class="viewSettings">
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div>
</div>

74
dashboard-ui/channelsettings.html
View file

@ -1,45 +1,37 @@
<!DOCTYPE html> <div id="channelSettingsPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Channels" data-require="scripts/channelsettings">
<html>
<head>
<title>${TitlePlugins}</title>
</head>
<body>
<div id="channelSettingsPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Channels" data-require="scripts/channelsettings">
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="plugins.html" data-role="button">${TabMyPlugins}</a>
<a href="plugincatalog.html" data-role="button">${TabCatalog}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabChannels}</a>
</div>
<form class="channelSettingsForm">
<p class="noChannelsHeader" style="display: none;">${ChannelSettingsFormHelp}</p>
<br />
<ul data-role="listview" class="ulForm">
<li>
<label for="selectChannelResolution" class="selectLabel">${LabelChannelStreamQuality}</label>
<select id="selectChannelResolution" data-mini="true">
<option value="">${OptionBestAvailableStreamQuality}</option>
<option value="1920">1080p</option>
<option value="1280">720p</option>
<option value="720">480p</option>
</select>
<div class="fieldDescription">${LabelChannelStreamQualityHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="plugins.html" data-role="button">${TabMyPlugins}</a>
<a href="plugincatalog.html" data-role="button">${TabCatalog}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabChannels}</a>
</div> </div>
<form class="channelSettingsForm">
<p class="noChannelsHeader" style="display: none;">${ChannelSettingsFormHelp}</p>
<br />
<ul data-role="listview" class="ulForm">
<li>
<label for="selectChannelResolution" class="selectLabel">${LabelChannelStreamQuality}</label>
<select id="selectChannelResolution" data-mini="true">
<option value="">${OptionBestAvailableStreamQuality}</option>
<option value="1920">1080p</option>
<option value="1280">720p</option>
<option value="720">480p</option>
</select>
<div class="fieldDescription">${LabelChannelStreamQualityHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

166
dashboard-ui/cinemamodeconfiguration.html
View file

@ -1,92 +1,84 @@
<!DOCTYPE html> <div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="scripts/cinemamodeconfiguration,paper-checkbox,paper-input">
<html>
<head>
<title>${TitlePlayback}</title>
</head>
<body>
<div id="cinemaModeConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" data-require="scripts/cinemamodeconfiguration,paper-checkbox,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="playbackconfiguration.html" data-role="button">${TabGeneral}</a> <a href="playbackconfiguration.html" data-role="button">${TabGeneral}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabCinemaMode}</a> <a href="#" data-role="button" class="ui-btn-active">${TabCinemaMode}</a>
<a href="streamingsettings.html" data-role="button">${TabStreaming}</a> <a href="streamingsettings.html" data-role="button">${TabStreaming}</a>
<a href="encodingsettings.html" data-role="button">${TabTranscoding}</a> <a href="encodingsettings.html" data-role="button">${TabTranscoding}</a>
</div>
<form class="cinemaModeConfigurationForm">
<p>${CinemaModeConfigurationHelp}</p>
<div style="margin-top: 2em;">
<h3 style="margin-bottom:.5em;">${LabelEnableCinemaModeFor}</h3>
<div class="paperCheckboxList">
<paper-checkbox class="chkMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox class="chkEpisodes">${OptionEpisodes}</paper-checkbox>
</div>
</div>
<br />
<div>
<h3 style="margin-bottom:.5em;">${LabelSelectInternetTrailersForCinemaMode}</h3>
<div class="paperCheckboxList">
<paper-checkbox class="chkUpcomingTheaterTrailers">${OptionUpcomingMoviesInTheaters}</paper-checkbox>
<paper-checkbox class="chkUpcomingDvdTrailers">${OptionUpcomingDvdMovies}</paper-checkbox>
<paper-checkbox class="chkUpcomingStreamingTrailers">${OptionUpcomingStreamingMovies}</paper-checkbox>
<paper-checkbox class="chkOtherTrailers">${OptionOtherTrailers}</paper-checkbox>
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelTheseFeaturesRequireSubscriptionHelpAndTrailers}</div>
<div class="fieldDescription paperCheckboxFieldDescription"><a class="lnkSupporterLearnMore" href="http://emby.media/premiere" target="_blank" style="display:none;">${ButtonLearnMore}</a></div>
</div>
<br />
<div>
<paper-checkbox class="chkMyMovieTrailers">${OptionTrailersFromMyMovies}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionTrailersFromMyMoviesHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription">
<a href="http://emby.media/community/index.php?/topic/674-media-files-folders-structure/" target="_blank">${ButtonLearnMore}</a>
</div>
</div>
<br />
<div>
<paper-input type="number" id="txtNumTrailers" min="1" max="10" step="1" label="${LabelNumberTrailerToPlay}"></paper-input>
</div>
<br />
<div>
<paper-checkbox class="chkEnableParentalControl">${LabelEnableIntroParentalControl}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableIntroParentalControlHelp}</div>
</div>
<br />
<div>
<paper-checkbox class="chkUnwatchedOnly">${LabelLimitIntrosToUnwatchedContent}</paper-checkbox>
</div>
<br />
<div>
<div>
<paper-input type="text" label="${LabelCustomIntrosPath}" id="txtCustomIntrosPath" style="display: inline-block; width: 85%;"></paper-input>
<paper-icon-button id="btnSelectCustomIntrosPath" icon="search"></paper-icon-button>
</div>
<div class="fieldDescription">${LabelCustomIntrosPathHelp}</div>
</div>
<br />
<div>
<div>
<paper-input type="text" label="${LabelCodecIntrosPath}" id="txtCodecIntrosPath" style="display: inline-block; width: 85%;"></paper-input>
<paper-icon-button id="btnSelectCodecIntrosPath" icon="search"></paper-icon-button>
</div>
<div class="fieldDescription">
<div>${LabelCodecIntrosPathHelp}</div>
<div style="margin-top:.5em;"><a href="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" target="_blank">${ButtonLearnMore}</a></div>
</div>
</div>
<br />
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<p>${CinemaModeConfigurationHelp2}</p>
</form>
</div> </div>
<form class="cinemaModeConfigurationForm">
<p>${CinemaModeConfigurationHelp}</p>
<div style="margin-top: 2em;">
<h3 style="margin-bottom:.5em;">${LabelEnableCinemaModeFor}</h3>
<div class="paperCheckboxList">
<paper-checkbox class="chkMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox class="chkEpisodes">${OptionEpisodes}</paper-checkbox>
</div>
</div>
<br />
<div>
<h3 style="margin-bottom:.5em;">${LabelSelectInternetTrailersForCinemaMode}</h3>
<div class="paperCheckboxList">
<paper-checkbox class="chkUpcomingTheaterTrailers">${OptionUpcomingMoviesInTheaters}</paper-checkbox>
<paper-checkbox class="chkUpcomingDvdTrailers">${OptionUpcomingDvdMovies}</paper-checkbox>
<paper-checkbox class="chkUpcomingStreamingTrailers">${OptionUpcomingStreamingMovies}</paper-checkbox>
<paper-checkbox class="chkOtherTrailers">${OptionOtherTrailers}</paper-checkbox>
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelTheseFeaturesRequireSubscriptionHelpAndTrailers}</div>
<div class="fieldDescription paperCheckboxFieldDescription"><a class="lnkSupporterLearnMore" href="http://emby.media/premiere" target="_blank" style="display:none;">${ButtonLearnMore}</a></div>
</div>
<br />
<div>
<paper-checkbox class="chkMyMovieTrailers">${OptionTrailersFromMyMovies}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionTrailersFromMyMoviesHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription">
<a href="http://emby.media/community/index.php?/topic/674-media-files-folders-structure/" target="_blank">${ButtonLearnMore}</a>
</div>
</div>
<br />
<div>
<paper-input type="number" id="txtNumTrailers" min="1" max="10" step="1" label="${LabelNumberTrailerToPlay}"></paper-input>
</div>
<br />
<div>
<paper-checkbox class="chkEnableParentalControl">${LabelEnableIntroParentalControl}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableIntroParentalControlHelp}</div>
</div>
<br />
<div>
<paper-checkbox class="chkUnwatchedOnly">${LabelLimitIntrosToUnwatchedContent}</paper-checkbox>
</div>
<br />
<div>
<div>
<paper-input type="text" label="${LabelCustomIntrosPath}" id="txtCustomIntrosPath" style="display: inline-block; width: 85%;"></paper-input>
<paper-icon-button id="btnSelectCustomIntrosPath" icon="search"></paper-icon-button>
</div>
<div class="fieldDescription">${LabelCustomIntrosPathHelp}</div>
</div>
<br />
<div>
<div>
<paper-input type="text" label="${LabelCodecIntrosPath}" id="txtCodecIntrosPath" style="display: inline-block; width: 85%;"></paper-input>
<paper-icon-button id="btnSelectCodecIntrosPath" icon="search"></paper-icon-button>
</div>
<div class="fieldDescription">
<div>${LabelCodecIntrosPathHelp}</div>
<div style="margin-top:.5em;"><a href="https://github.com/MediaBrowser/Wiki/wiki/Cinema-Mode" target="_blank">${ButtonLearnMore}</a></div>
</div>
</div>
<br />
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<p>${CinemaModeConfigurationHelp2}</p>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

32
dashboard-ui/collections.html
View file

@ -1,25 +1,17 @@
<!DOCTYPE html> <div id="boxsetsPage" data-role="page" class="page libraryPage backdropPage collectionEditorPage noSecondaryNavPage" data-backdroptype="movie,boxset" data-require="scripts/moviecollections,paper-fab">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="boxsetsPage" data-role="page" class="page libraryPage backdropPage collectionEditorPage noSecondaryNavPage" data-backdroptype="movie,boxset" data-require="scripts/moviecollections,paper-fab">
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">
<div class="listTopPaging"> <div class="listTopPaging">
&nbsp; &nbsp;
</div>
</div> </div>
<div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
<div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoCollectionsAvailable}</p>
</div>
<paper-fab class="btnNewCollection bottomFab" icon="add" style="position:fixed;right:20px;background-color:#db4437;"></paper-fab>
</div> </div>
<div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
<div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoCollectionsAvailable}</p>
</div>
<paper-fab class="btnNewCollection bottomFab" icon="add" style="position:fixed;right:20px;background-color:#db4437;"></paper-fab>
</div> </div>
</body> </div>
</html>

28
dashboard-ui/components/viewcontainer-lite.js
View file

@ -20,7 +20,8 @@ define([], function () {
pageIndex = 0; pageIndex = 0;
} }
var newView = normalizeNewView(options); var newViewInfo = normalizeNewView(options);
var newView = newViewInfo.elem;
var dependencies = typeof (newView) == 'string' ? null : newView.getAttribute('data-require'); var dependencies = typeof (newView) == 'string' ? null : newView.getAttribute('data-require');
dependencies = dependencies ? dependencies.split(',') : []; dependencies = dependencies ? dependencies.split(',') : [];
@ -62,7 +63,12 @@ define([], function () {
animatable.innerHTML = newView; animatable.innerHTML = newView;
} else { } else {
animatable.innerHTML = ''; animatable.innerHTML = '';
animatable.appendChild(newView); if (newViewInfo.hasScript) {
// TODO: figure this out without jQuery
$(newView).appendTo(animatable);
} else {
animatable.appendChild(newView);
}
enhanceNewView(dependencies, newView); enhanceNewView(dependencies, newView);
} }
@ -96,6 +102,13 @@ define([], function () {
} }
} }
function parseHtml(html) {
var wrapper = document.createElement('div');
wrapper.innerHTML = html;
return wrapper.querySelector('div[data-role="page"]');
}
function normalizeNewView(options) { function normalizeNewView(options) {
if (options.view.indexOf('data-role="page"') == -1) { if (options.view.indexOf('data-role="page"') == -1) {
@ -105,15 +118,14 @@ define([], function () {
return html; return html;
} }
// TODO: This won't be able to support executing embedded script tags var elem = parseHtml(options.view);
var wrapper = document.createElement('div');
wrapper.innerHTML = options.view;
var elem = wrapper.querySelector('div[data-role="page"]');
elem.classList.add('page-view'); elem.classList.add('page-view');
elem.setAttribute('data-type', options.type || ''); elem.setAttribute('data-type', options.type || '');
elem.setAttribute('data-url', options.url); elem.setAttribute('data-url', options.url);
return elem; return {
elem: elem,
hasScript: options.view.indexOf('<script') != -1
};
} }
var onBeforeChange; var onBeforeChange;

182
dashboard-ui/connectlogin.html
View file

@ -1,116 +1,108 @@
<!DOCTYPE html> <div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,paper-input">
<html>
<head>
<title>${TitleSignIn}</title>
</head>
<body>
<div id="connectLoginPage" data-role="page" class="page standalonePage connectLoginPage" data-theme="b" data-require="scripts/connectlogin,paper-input">
<div data-role="content"> <div data-role="content">
<form class="connectLoginForm" style="margin: 0 auto;display:none;"> <form class="connectLoginForm" style="margin: 0 auto;display:none;">
<div style="display: none;"> <div style="display: none;">
<input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" /> <input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div> </div>
<h1 style="text-align: left;">${HeaderSignInWithConnect}</h1> <h1 style="text-align: left;">${HeaderSignInWithConnect}</h1>
<div> <div>
<paper-input type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"></paper-input> <paper-input type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"></paper-input>
<div class="fieldDescription" style="text-align:left;">${LabelEnterConnectUserNameHelp}</div> <div class="fieldDescription" style="text-align:left;">${LabelEnterConnectUserNameHelp}</div>
</div> </div>
<div> <div>
<paper-input type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off"></paper-input> <paper-input type="password" id="txtManualPassword" required="required" label="${LabelPassword}" autocomplete="off"></paper-input>
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></paper-button> <paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></paper-button>
</button> </button>
<div class="forgotPassword"> <div class="forgotPassword">
<a href="https://emby.media/community/index.php?app=core&module=global&section=lostpass" target="_blank" class="clearLink"> <a href="https://emby.media/community/index.php?app=core&module=global&section=lostpass" target="_blank" class="clearLink">
<paper-button raised class="cancel block"><iron-icon icon="close"></iron-icon><span>${ButtonForgotPassword}</span></paper-button> <paper-button raised class="cancel block"><iron-icon icon="close"></iron-icon><span>${ButtonForgotPassword}</span></paper-button>
</a> </a>
</div> </div>
<div class="skip"> <div class="skip">
<paper-button raised class="cancel block btnSkipConnect"><iron-icon icon="close"></iron-icon><span>${ButtonSkip}</span></paper-button> <paper-button raised class="cancel block btnSkipConnect"><iron-icon icon="close"></iron-icon><span>${ButtonSkip}</span></paper-button>
<div class="fieldDescription" style="text-align:center;">${TextConnectToServerManually}</div> <div class="fieldDescription" style="text-align:center;">${TextConnectToServerManually}</div>
</div> </div>
<div class="newUsers" style="margin-top: 2em;"> <div class="newUsers" style="margin-top: 2em;">
<h2 style="text-align: left;">${HeaderNewUsers}</h2> <h2 style="text-align: left;">${HeaderNewUsers}</h2>
<a href="https://emby.media/community/index.php?app=core&module=global&section=register" target="_blank" class="clearLink"> <a href="https://emby.media/community/index.php?app=core&module=global&section=register" target="_blank" class="clearLink">
<paper-button raised class="submit block btnSignupForConnect"><iron-icon icon="add"></iron-icon><span>${ButtonSignUp}</span></paper-button> <paper-button raised class="submit block btnSignupForConnect"><iron-icon icon="add"></iron-icon><span>${ButtonSignUp}</span></paper-button>
</a> </a>
</div> </div>
<div class="terms hide fieldDescription" style="margin-top: 2em; color: #ccc;"></div> <div class="terms hide fieldDescription" style="margin-top: 2em; color: #ccc;"></div>
<div class="hide tvAppInfo"><br/><br/><iron-icon icon="new-releases" style="color: #52B54B"></iron-icon> Try the new <a href="//tv.emby.media" target="_blank">Emby Theater at tv.emby.media</a>, a remote-friendly app designed for your TV or large screen monitor.</div> <div class="hide tvAppInfo"><br /><br /><iron-icon icon="new-releases" style="color: #52B54B"></iron-icon> Try the new <a href="//tv.emby.media" target="_blank">Emby Theater at tv.emby.media</a>, a remote-friendly app designed for your TV or large screen monitor.</div>
</form> </form>
<form class="manualServerForm" style="margin: 0 auto;display:none;"> <form class="manualServerForm" style="margin: 0 auto;display:none;">
<div style="display: none;"> <div style="display: none;">
<input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" /> <input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div> </div>
<h1 style="text-align: left;">${HeaderConnectToServer}</h1> <h1 style="text-align: left;">${HeaderConnectToServer}</h1>
<div> <div>
<paper-input type="text" id="txtServerHost" required="required" label="${LabelServerHost}"></paper-input> <paper-input type="text" id="txtServerHost" required="required" label="${LabelServerHost}"></paper-input>
<div class="fieldDescription" style="text-align:left;">${LabelServerHostHelp}</div> <div class="fieldDescription" style="text-align:left;">${LabelServerHostHelp}</div>
</div> </div>
<br /> <br />
<div> <div>
<paper-input type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}"></paper-input> <paper-input type="number" id="txtServerPort" step="1" min="0" value="8096" label="${LabelServerPort}"></paper-input>
</div> </div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonConnect}</span></paper-button> <paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonConnect}</span></paper-button>
</button> </button>
<paper-button raised class="cancel block btnCancelManualServer"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <paper-button raised class="cancel block btnCancelManualServer"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</form> </form>
<form class="signupForm" style="margin: 0 auto;display:none;"> <form class="signupForm" style="margin: 0 auto;display:none;">
<div style="display: none;"> <div style="display: none;">
<input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" /> <input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div> </div>
<h1 style="text-align: left;">${HeaderSignUp}</h1> <h1 style="text-align: left;">${HeaderSignUp}</h1>
<br /> <br />
<div> <div>
<paper-input type="text" id="txtSignupEmail" required="required" label="${LabelEmail}"></paper-input> <paper-input type="text" id="txtSignupEmail" required="required" label="${LabelEmail}"></paper-input>
</div> </div>
<div> <div>
<paper-input type="text" id="txtSignupUsername" required="required" label="${LabelUsername}"></paper-input> <paper-input type="text" id="txtSignupUsername" required="required" label="${LabelUsername}"></paper-input>
</div> </div>
<div> <div>
<paper-input type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off"></paper-input> <paper-input type="password" id="txtSignupPassword" required="required" label="${LabelPassword}" autocomplete="off"></paper-input>
</div> </div>
<div> <div>
<paper-input type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off"></paper-input> <paper-input type="password" id="txtSignupPasswordConfirm" required="required" label="${LabelPasswordConfirm}" autocomplete="off"></paper-input>
</div> </div>
<div class="g-recaptcha" id="recaptchaWidget" data-sitekey="6Le2LAgTAAAAAK06Wvttt_yUnbISTy6q3Azqp9po" data-theme="dark"></div> <div class="g-recaptcha" id="recaptchaWidget" data-sitekey="6Le2LAgTAAAAAK06Wvttt_yUnbISTy6q3Azqp9po" data-theme="dark"></div>
<br /> <br />
<button type="submit" data-role="none" class="clearButton"> <button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignUp}</span></paper-button> <paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignUp}</span></paper-button>
</button> </button>
<paper-button raised class="cancel block btnCancelSignup"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <paper-button raised class="cancel block btnCancelSignup"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</form> </form>
<div class="welcomeContainer readOnlyContent" style="text-align: center; margin: 0 auto; display: none;"> <div class="welcomeContainer readOnlyContent" style="text-align: center; margin: 0 auto; display: none;">
<div style="text-align: left;"> <div style="text-align: left;">
<h1>${HeaderWelcomeToEmby}</h1> <h1>${HeaderWelcomeToEmby}</h1>
<p style="margin: 2em 0;">${EmbyIntroMessage}</p> <p style="margin: 2em 0;">${EmbyIntroMessage}</p>
<p style="margin: 2em 0;" class="embyIntroDownloadMessage"></p> <p style="margin: 2em 0;" class="embyIntroDownloadMessage"></p>
<paper-button raised class="accent block btnWelcomeNext iconRight"><iron-icon icon="arrow-forward"></iron-icon><span>${ButtonNext}</span></paper-button> <paper-button raised class="accent block btnWelcomeNext iconRight"><iron-icon icon="arrow-forward"></iron-icon><span>${ButtonNext}</span></paper-button>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

220
dashboard-ui/dashboard.html
View file

@ -1,136 +1,128 @@
<!DOCTYPE html> <div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage" data-require="scripts/dashboardpage,humanedate,buttonenabled,paper-icon-item,paper-item-body,paper-fab,emby-collapsible">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage" data-require="scripts/dashboardpage,humanedate,buttonenabled,paper-icon-item,paper-item-body,paper-fab,emby-collapsible">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabDashboard}</a> <a href="#" data-role="button" class="ui-btn-active">${TabDashboard}</a>
<a href="dashboardgeneral.html" data-role="button">${TabSettings}</a> <a href="dashboardgeneral.html" data-role="button">${TabSettings}</a>
</div>
<div class="dashboardContent">
<div class="ui-bar-a welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em 0; font-weight: normal; max-width: 800px;">
<h1 style="margin-top: 0;" class="tourHeader"></h1>
<p>
<button class="btnTakeTour" type="button" data-icon="arrow-r" data-iconpos="right"><span class="tourButtonText"></span></button>
</p>
</div> </div>
<div class="dashboardContent">
<div class="ui-bar-a welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em 0; font-weight: normal; max-width: 800px;"> <div class="readOnlyContent dashboardHomeLeftColumn">
<h1 style="margin-top: 0;" class="tourHeader"></h1>
<p> <div>
<button class="btnTakeTour" type="button" data-icon="arrow-r" data-iconpos="right"><span class="tourButtonText"></span></button> </div>
</p> <div>
<h1>${HeaderServerInformation}</h1>
<div class="paperList" style="padding:1em;">
<p id="appVersionNumber">
</p>
<p id="pUpToDate" style="display: none;">
<img src="css/images/checkmarkgreen.png" style="height: 20px; margin-right: 3px; position: relative; top: 5px; border-radius: 3px;" />
${ServerUpToDate}
</p>
<div id="pUpdateNow" style="display: none;">
<p><strong>${NewServerVersionAvailable}</strong></p>
<p id="newVersionNumber"></p>
<div id="btnUpdateApplicationContainer">
<button id="btnUpdateApplication" type="button" data-icon="arrow-d" data-theme="b" onclick="DashboardPage.updateApplication();">${ButtonUpdateNow}</button>
</div>
<div id="btnManualUpdateContainer">
<a href="http://emby.media/download" target="_blank">${PleaseUpdateManually}</a>
</div>
</div>
<p id="ports"></p>
<div id="pPluginUpdates"></div>
<p class="localUrl"></p>
<p class="externalUrl"></p>
<div style="margin-top: 1em;">
<paper-button raised class="subdued btnRestartContainer hide" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestart}</span></paper-button>
<paper-button id="btnShutdown" raised class="subdued" onclick="DashboardPage.shutdown();"><iron-icon icon="close"></iron-icon><span>${ButtonShutdown}</span></paper-button>
</div>
</div>
</div> </div>
<div class="readOnlyContent dashboardHomeLeftColumn"> <p class="supporterIconContainer" style="padding-left: .5em;margin: 1em 0 0;">
</p>
<div> <div id="collapsiblePendingInstallations" style="margin-top: 2em; display: none;">
</div> <emby-collapsible title="${HeaderPendingInstallations}" expanded>
<div> <p>${LabelComponentsUpdated}</p>
<h1>${HeaderServerInformation}</h1> <div id="pendingInstallations">
<div class="paperList" style="padding:1em;">
<p id="appVersionNumber">
</p>
<p id="pUpToDate" style="display: none;">
<img src="css/images/checkmarkgreen.png" style="height: 20px; margin-right: 3px; position: relative; top: 5px; border-radius: 3px;" />
${ServerUpToDate}
</p>
<div id="pUpdateNow" style="display: none;">
<p><strong>${NewServerVersionAvailable}</strong></p>
<p id="newVersionNumber"></p>
<div id="btnUpdateApplicationContainer">
<button id="btnUpdateApplication" type="button" data-icon="arrow-d" data-theme="b" onclick="DashboardPage.updateApplication();">${ButtonUpdateNow}</button>
</div>
<div id="btnManualUpdateContainer">
<a href="http://emby.media/download" target="_blank">${PleaseUpdateManually}</a>
</div>
</div>
<p id="ports"></p>
<div id="pPluginUpdates"></div>
<p class="localUrl"></p>
<p class="externalUrl"></p>
<div style="margin-top: 1em;">
<paper-button raised class="subdued btnRestartContainer hide" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestart}</span></paper-button>
<paper-button id="btnShutdown" raised class="subdued" onclick="DashboardPage.shutdown();"><iron-icon icon="close"></iron-icon><span>${ButtonShutdown}</span></paper-button>
</div>
</div> </div>
</div> <p>${MessagePleaseRestartServerToFinishUpdating}</p>
<div class="btnRestartContainer hide">
<p class="supporterIconContainer" style="padding-left: .5em;margin: 1em 0 0;"> <paper-button raised class="submit" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestartNow}</span></paper-button>
</p>
<div id="collapsiblePendingInstallations" style="margin-top: 2em; display: none;">
<emby-collapsible title="${HeaderPendingInstallations}" expanded>
<p>${LabelComponentsUpdated}</p>
<div id="pendingInstallations">
</div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p>
<div class="btnRestartContainer hide">
<paper-button raised class="submit" onclick="DashboardPage.restart();"><iron-icon icon="refresh"></iron-icon><span>${ButtonRestartNow}</span></paper-button>
</div>
</emby-collapsible>
</div>
<div class="activeDevicesCollapsible" style="margin-top: 2em;">
<h1>${HeaderActiveDevices}</h1>
<div class="activeDevices">
</div> </div>
</div>
<div id="runningTasksCollapsible" style="margin-top: 2em; display: none;">
<emby-collapsible title="${HeaderRunningTasks}" expanded>
<div id="divRunningTasks">
</div>
</emby-collapsible>
</div>
<br />
<emby-collapsible title="${HeaderPaths}">
<p>
<b>${LabelCache}</b><br />
<span id="cachePath"></span>
</p>
<p>
<b>${LabelLogs}</b><br />
<span id="logPath"></span>
</p>
<p>
<b>${LabelMetadata}</b><br />
<span id="metadataPath"></span>
</p>
<p>
<b>${LabelTranscodingTemporaryFiles}</b><br />
<span id="transcodingTemporaryPath"></span>
</p>
</emby-collapsible> </emby-collapsible>
</div> </div>
<div class="readOnlyContent dashboardHomeRightColumn firstDashboardHomeRightColumn"> <div class="activeDevicesCollapsible" style="margin-top: 2em;">
<h1>${HeaderRecentActivity}</h1> <h1>${HeaderActiveDevices}</h1>
<div class="paperList activityItems"> <div class="activeDevices">
</div> </div>
</div> </div>
<div class="readOnlyContent dashboardHomeRightColumn"> <div id="runningTasksCollapsible" style="margin-top: 2em; display: none;">
<h1>${HeaderLatestNews}</h1> <emby-collapsible title="${HeaderRunningTasks}" expanded>
<div class="paperList latestNewsItems"> <div id="divRunningTasks">
</div> </div>
</emby-collapsible>
</div> </div>
<div class="dashboardFooter"> <br />
<div style="height:1px;" class="ui-bar-inherit"></div> <emby-collapsible title="${HeaderPaths}">
<div style="margin-top:1em;"> <p>
<a href="http://emby.media" target="_blank">Emby</a> <b>${LabelCache}</b><br />
<a href="http://emby.media/community" target="_blank">${LinkCommunity}</a> <span id="cachePath"></span>
<a href="https://github.com/MediaBrowser" target="_blank">${LinkGithub}</a> </p>
<a class="swaggerLink" target="_blank" href="#">${LinkApi}</a> <p>
</div> <b>${LabelLogs}</b><br />
<span id="logPath"></span>
</p>
<p>
<b>${LabelMetadata}</b><br />
<span id="metadataPath"></span>
</p>
<p>
<b>${LabelTranscodingTemporaryFiles}</b><br />
<span id="transcodingTemporaryPath"></span>
</p>
</emby-collapsible>
</div>
<div class="readOnlyContent dashboardHomeRightColumn firstDashboardHomeRightColumn">
<h1>${HeaderRecentActivity}</h1>
<div class="paperList activityItems">
</div> </div>
</div> </div>
<div class="readOnlyContent dashboardHomeRightColumn">
<h1>${HeaderLatestNews}</h1>
<div class="paperList latestNewsItems">
</div>
</div>
<div class="dashboardFooter">
<div style="height:1px;" class="ui-bar-inherit"></div>
<div style="margin-top:1em;">
<a href="http://emby.media" target="_blank">Emby</a>
<a href="http://emby.media/community" target="_blank">${LinkCommunity}</a>
<a href="https://github.com/MediaBrowser" target="_blank">${LinkGithub}</a>
<a class="swaggerLink" target="_blank" href="#">${LinkApi}</a>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

120
dashboard-ui/dashboardgeneral.html
View file

@ -1,78 +1,70 @@
<!DOCTYPE html> <div id="dashboardGeneralPage" data-role="page" class="page type-interior dashboardHomePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Server%20Settings" data-require="emby-collapsible,scripts/dashboardgeneral,paper-textarea,paper-input">
<html>
<head>
<title>${TitleServer}</title>
</head>
<body>
<div id="dashboardGeneralPage" data-role="page" class="page type-interior dashboardHomePage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Server%20Settings" data-require="emby-collapsible,scripts/dashboardgeneral,paper-textarea,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="dashboard.html" data-role="button">${TabDashboard}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabSettings}</a>
</div>
<form class="dashboardGeneralForm">
<div>
<paper-input type="text" id="txtServerName" label="${LabelFriendlyServerName}"></paper-input>
<div class="fieldDescription">${LabelFriendlyServerNameHelp}</div>
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="dashboard.html" data-role="button">${TabDashboard}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabSettings}</a>
</div> </div>
<br /><br />
<form class="dashboardGeneralForm"> <div>
<label for="selectLocalizationLanguage" class="selectLabel">${LabelPreferredDisplayLanguage}</label>
<div> <select id="selectLocalizationLanguage" data-mini="true"></select>
<paper-input type="text" id="txtServerName" label="${LabelFriendlyServerName}"></paper-input> <div class="fieldDescription">
<div class="fieldDescription">${LabelFriendlyServerNameHelp}</div> <div>${LabelPreferredDisplayLanguageHelp}</div>
<div style="margin-top: .25em;">
</div> <a href="http://emby.media/community/index.php?/topic/5727-join-our-translation-team/" target="_blank">${LabelReadHowYouCanContribute}</a>
<br /><br />
<div>
<label for="selectLocalizationLanguage" class="selectLabel">${LabelPreferredDisplayLanguage}</label>
<select id="selectLocalizationLanguage" data-mini="true"></select>
<div class="fieldDescription">
<div>${LabelPreferredDisplayLanguageHelp}</div>
<div style="margin-top: .25em;">
<a href="http://emby.media/community/index.php?/topic/5727-join-our-translation-team/" target="_blank">${LabelReadHowYouCanContribute}</a>
</div>
</div> </div>
</div> </div>
<br /><br /> </div>
<br /><br />
<emby-collapsible title="${HeaderAdvanced}"> <emby-collapsible title="${HeaderAdvanced}">
<br />
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="text" id="txtCachePath" label="${LabelCachePath}" style="display:inline-block;width:85%;"></paper-input>
<paper-icon-button id="btnSelectCachePath" icon="search">${ButtonSelectDirectory}</paper-icon-button>
<div class="fieldDescription">${LabelCachePathHelp}</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>
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <paper-input type="text" id="txtCachePath" label="${LabelCachePath}" style="display:inline-block;width:85%;"></paper-input>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <paper-icon-button id="btnSelectCachePath" icon="search">${ButtonSelectDirectory}</paper-icon-button>
</button> <div class="fieldDescription">${LabelCachePathHelp}</div>
</li> </li>
</ul> </ul>
</form> </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>
<br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div>
</div> </div>
</div> </div>
</body> </div>
</html>

122
dashboard-ui/dashboardhosting.html
View file

@ -1,70 +1,62 @@
<!DOCTYPE html> <div id="dashboardHostingPage" data-role="page" class="page type-interior advancedConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Hosting%20Settings" data-require="scripts/dashboardhosting,paper-checkbox,paper-input">
<html>
<head>
<title>${TitleAdvanced}</title>
</head>
<body>
<div id="dashboardHostingPage" data-role="page" class="page type-interior advancedConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Hosting%20Settings" data-require="scripts/dashboardhosting,paper-checkbox,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="advanced.html" data-role="button">${TabGeneral}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabHosting}</a>
<a href="serversecurity.html" data-role="button">${TabSecurity}</a>
</div>
<form class="dashboardHostingForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="number" id="txtPortNumber" label="${LabelLocalHttpServerPortNumber}" pattern="[0-9]*" required="required" min="1"></paper-input>
<div class="fieldDescription">${LabelLocalHttpServerPortNumberHelp}</div>
</li>
<li>
<paper-input type="number" label="${LabelPublicHttpPort}" id="txtPublicPort" pattern="[0-9]*" required="required" min="1"></paper-input>
<div class="fieldDescription">${LabelPublicHttpPortHelp}</div>
</li>
<li>
<paper-input id="txtDdns" type="text" label="${LabelExternalDDNS}"></paper-input>
<div class="fieldDescription">${LabelExternalDDNSHelp}</div>
</li>
<li>
<paper-input type="number" id="txtHttpsPort" pattern="[0-9]*" required="required" min="1" label="${LabelHttpsPort}"></paper-input>
<div class="fieldDescription">${LabelHttpsPortHelp}</div>
</li>
<li>
<paper-input type="number" id="txtPublicHttpsPort" pattern="[0-9]*" required="required" min="1" label="${LabelPublicHttpsPort}"></paper-input>
<div class="fieldDescription">${LabelPublicHttpsPortHelp}</div>
</li>
<li>
<paper-input type="text" id="txtCertificatePath" label="${LabelCustomCertificatePath}" style="display: inline-block; width: 80%;"></paper-input>
<paper-icon-button id="btnSelectCertPath" icon="search" title="${ButtonSelectDirectory}"></paper-icon-button>
<div class="fieldDescription">${LabelCustomCertificatePathHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableHttps">${LabelEnableHttps}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableHttpsHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableUpnp">${LabelEnableAutomaticPortMap}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableAutomaticPortMapHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="advanced.html" data-role="button">${TabGeneral}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabHosting}</a>
<a href="serversecurity.html" data-role="button">${TabSecurity}</a>
</div> </div>
<form class="dashboardHostingForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="number" id="txtPortNumber" label="${LabelLocalHttpServerPortNumber}" pattern="[0-9]*" required="required" min="1"></paper-input>
<div class="fieldDescription">${LabelLocalHttpServerPortNumberHelp}</div>
</li>
<li>
<paper-input type="number" label="${LabelPublicHttpPort}" id="txtPublicPort" pattern="[0-9]*" required="required" min="1"></paper-input>
<div class="fieldDescription">${LabelPublicHttpPortHelp}</div>
</li>
<li>
<paper-input id="txtDdns" type="text" label="${LabelExternalDDNS}"></paper-input>
<div class="fieldDescription">${LabelExternalDDNSHelp}</div>
</li>
<li>
<paper-input type="number" id="txtHttpsPort" pattern="[0-9]*" required="required" min="1" label="${LabelHttpsPort}"></paper-input>
<div class="fieldDescription">${LabelHttpsPortHelp}</div>
</li>
<li>
<paper-input type="number" id="txtPublicHttpsPort" pattern="[0-9]*" required="required" min="1" label="${LabelPublicHttpsPort}"></paper-input>
<div class="fieldDescription">${LabelPublicHttpsPortHelp}</div>
</li>
<li>
<paper-input type="text" id="txtCertificatePath" label="${LabelCustomCertificatePath}" style="display: inline-block; width: 80%;"></paper-input>
<paper-icon-button id="btnSelectCertPath" icon="search" title="${ButtonSelectDirectory}"></paper-icon-button>
<div class="fieldDescription">${LabelCustomCertificatePathHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableHttps">${LabelEnableHttps}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableHttpsHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableUpnp">${LabelEnableAutomaticPortMap}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableAutomaticPortMapHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

70
dashboard-ui/device.html
View file

@ -1,51 +1,43 @@
<!DOCTYPE html> <div id="devicePage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="scripts/device,paper-input">
<html>
<head>
<title>${TitleDevices}</title>
</head>
<body>
<div id="devicePage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="scripts/device,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="devices.html" data-role="button" class="ui-btn-active">${TabDevices}</a> <a href="devices.html" data-role="button" class="ui-btn-active">${TabDevices}</a>
<a href="devicesupload.html" data-role="button">${TabCameraUpload}</a> <a href="devicesupload.html" data-role="button">${TabCameraUpload}</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<form class="deviceForm"> <form class="deviceForm">
<p class="reportedName"> <p class="reportedName">
</p> </p>
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<paper-input type="text" id="txtCustomName" label="${LabelCustomDeviceDisplayName}"></paper-input> <paper-input type="text" id="txtCustomName" label="${LabelCustomDeviceDisplayName}"></paper-input>
<div class="fieldDescription">${LabelCustomDeviceDisplayNameHelp}</div> <div class="fieldDescription">${LabelCustomDeviceDisplayNameHelp}</div>
</li> </li>
<li id="fldCameraUploadPath" style="display:none;"> <li id="fldCameraUploadPath" style="display:none;">
<paper-input id="txtUploadPath" label="${LabelCameraUploadPath}" style="width:85%;display:inline-block;"></paper-input> <paper-input id="txtUploadPath" label="${LabelCameraUploadPath}" style="width:85%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectUploadPath" icon="search"></paper-icon-button> <paper-icon-button id="btnSelectUploadPath" icon="search"></paper-icon-button>
<div class="fieldDescription">${LabelCameraUploadPathHelp}</div> <div class="fieldDescription">${LabelCameraUploadPathHelp}</div>
</li> </li>
</ul><br /> </ul><br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button> </button>
</li> </li>
</ul> </ul>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

28
dashboard-ui/devices.html
View file

@ -1,28 +1,20 @@
<!DOCTYPE html> <div id="devicesPage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="scripts/devices">
<html>
<head>
<title>${TitleDevices}</title>
</head>
<body>
<div id="devicesPage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Devices" data-require="scripts/devices">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabDevices}</a> <a href="#" data-role="button" class="ui-btn-active">${TabDevices}</a>
<a href="devicesupload.html" data-role="button">${TabCameraUpload}</a> <a href="devicesupload.html" data-role="button">${TabCameraUpload}</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<div class="devicesList"> <div class="devicesList">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

86
dashboard-ui/devicesupload.html
View file

@ -1,59 +1,51 @@
<!DOCTYPE html> <div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="scripts/devicesupload,paper-input,jqmcheckbox">
<html>
<head>
<title>${TitleDevices}</title>
</head>
<body>
<div id="devicesUploadPage" data-role="page" class="page type-interior devicesPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Camera%20upload" data-require="scripts/devicesupload,paper-input,jqmcheckbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="devices.html" data-role="button">${TabDevices}</a> <a href="devices.html" data-role="button">${TabDevices}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabCameraUpload}</a> <a href="#" data-role="button" class="ui-btn-active">${TabCameraUpload}</a>
<!--<a href="dashboardsync.html" data-role="button">${TabSync}</a>--> <!--<a href="dashboardsync.html" data-role="button">${TabSync}</a>-->
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<p>${HeaderCameraUploadHelp}</p> <p>${HeaderCameraUploadHelp}</p>
<p class="noDevices" style="display:none;color:red;">${MessageNoDevicesSupportCameraUpload}</p> <p class="noDevices" style="display:none;color:red;">${MessageNoDevicesSupportCameraUpload}</p>
<br />
<form class="devicesUploadForm" style="display:none;">
<div class="devicesList">
</div>
<br /> <br />
<form class="devicesUploadForm" style="display:none;"> <ul data-role="listview" class="ulForm">
<li>
<paper-input id="txtUploadPath" label="${LabelCameraUploadPath}" style="width:84%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectUploadPath" icon="search"></paper-icon-button>
<div class="fieldDescription">${LabelCameraUploadPathHelp}</div>
</li>
<li>
<label for="chkSubfolder">${LabelCreateCameraUploadSubfolder}</label>
<input type="checkbox" id="chkSubfolder" data-mini="true" />
<div class="fieldDescription">${LabelCreateCameraUploadSubfolderHelp}</div>
</li>
<div class="devicesList"> </ul><br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</div> </form>
<br />
<ul data-role="listview" class="ulForm">
<li>
<paper-input id="txtUploadPath" label="${LabelCameraUploadPath}" style="width:84%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectUploadPath" icon="search"></paper-icon-button>
<div class="fieldDescription">${LabelCameraUploadPathHelp}</div>
</li>
<li>
<label for="chkSubfolder">${LabelCreateCameraUploadSubfolder}</label>
<input type="checkbox" id="chkSubfolder" data-mini="true" />
<div class="fieldDescription">${LabelCreateCameraUploadSubfolderHelp}</div>
</li>
</ul><br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

1384
dashboard-ui/dlnaprofile.html
View file

File diff suppressed because it is too large Load diff

68
dashboard-ui/dlnaprofiles.html
View file

@ -1,47 +1,39 @@
<!DOCTYPE html> <div id="dlnaProfilesPage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="scripts/dlnaprofiles">
<html>
<head>
<title>${TitleDlna}</title>
</head>
<body>
<div id="dlnaProfilesPage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20profiles" data-require="scripts/dlnaprofiles">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="dlnasettings.html" data-role="button">${TabPlayTo}</a> <a href="dlnasettings.html" data-role="button">${TabPlayTo}</a>
<a href="dlnaserversettings.html" data-role="button">${TabServer}</a> <a href="dlnaserversettings.html" data-role="button">${TabServer}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabProfiles}</a> <a href="#" data-role="button" class="ui-btn-active">${TabProfiles}</a>
</div> </div>
<div class="readOnlyContent"> <div class="readOnlyContent">
<div style="position: relative;"> <div style="position: relative;">
<h2>${HeaderCustomDlnaProfiles}</h2> <h2>${HeaderCustomDlnaProfiles}</h2>
<div style="position: absolute; right: 0; top: -12px;"> <div style="position: absolute; right: 0; top: -12px;">
<a class="clearLink" href="dlnaprofile.html"> <a class="clearLink" href="dlnaprofile.html">
<paper-button raised class="submit mini"> <paper-button raised class="submit mini">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonNew}</span> <span>${ButtonNew}</span>
</paper-button> </paper-button>
</a> </a>
</div>
</div> </div>
<p>${CustomDlnaProfilesHelp}</p>
<div class="customProfiles"></div>
<br />
<h2>${HeaderSystemDlnaProfiles}</h2>
<p>${SystemDlnaProfilesHelp}</p>
<div class="systemProfiles"></div>
</div> </div>
<p>${CustomDlnaProfilesHelp}</p>
<div class="customProfiles"></div>
<br />
<h2>${HeaderSystemDlnaProfiles}</h2>
<p>${SystemDlnaProfilesHelp}</p>
<div class="systemProfiles"></div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

94
dashboard-ui/dlnaserversettings.html
View file

@ -1,56 +1,48 @@
<!DOCTYPE html> <div id="dlnaServerSettingsPage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20server" data-require="scripts/dlnaserversettings,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleDlna}</title>
</head>
<body>
<div id="dlnaServerSettingsPage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Dlna%20server" data-require="scripts/dlnaserversettings,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="dlnasettings.html" data-role="button">${TabPlayTo}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabServer}</a>
<a href="dlnaprofiles.html" data-role="button">${TabProfiles}</a>
</div>
<form class="dlnaServerSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkEnableServer">${LabelEnableDlnaServer}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableDlnaServerHelp}</div>
</li>
<li>
<paper-checkbox id="chkBlastAliveMessages">${LabelEnableBlastAliveMessages}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableBlastAliveMessagesHelp}</div>
</li>
<li>
<paper-input type="number" id="txtBlastInterval" min="1" max="300" label="${LabelBlastMessageInterval}"></paper-input>
<div class="fieldDescription">${LabelBlastMessageIntervalHelp}</div>
</li>
<li>
<label for="selectUser" class="selectLabel">${LabelDefaultUser}</label>
<select id="selectUser" data-mini="true"></select>
<div class="fieldDescription">${LabelDefaultUserHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableMovieFolders">${LabelEnableEnhancedMovies}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableEnhancedMoviesHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="dlnasettings.html" data-role="button">${TabPlayTo}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabServer}</a>
<a href="dlnaprofiles.html" data-role="button">${TabProfiles}</a>
</div> </div>
<form class="dlnaServerSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkEnableServer">${LabelEnableDlnaServer}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableDlnaServerHelp}</div>
</li>
<li>
<paper-checkbox id="chkBlastAliveMessages">${LabelEnableBlastAliveMessages}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableBlastAliveMessagesHelp}</div>
</li>
<li>
<paper-input type="number" id="txtBlastInterval" min="1" max="300" label="${LabelBlastMessageInterval}"></paper-input>
<div class="fieldDescription">${LabelBlastMessageIntervalHelp}</div>
</li>
<li>
<label for="selectUser" class="selectLabel">${LabelDefaultUser}</label>
<select id="selectUser" data-mini="true"></select>
<div class="fieldDescription">${LabelDefaultUserHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableMovieFolders">${LabelEnableEnhancedMovies}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableEnhancedMoviesHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

76
dashboard-ui/dlnasettings.html
View file

@ -1,47 +1,39 @@
<!DOCTYPE html> <div id="dlnaSettingsPage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Play%20to" data-require="scripts/dlnasettings,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleDlna}</title>
</head>
<body>
<div id="dlnaSettingsPage" data-role="page" class="page type-interior dlnaPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Play%20to" data-require="scripts/dlnasettings,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabPlayTo}</a>
<a href="dlnaserversettings.html" data-role="button">${TabServer}</a>
<a href="dlnaprofiles.html" data-role="button">${TabProfiles}</a>
</div>
<form class="dlnaSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox type="checkbox" id="chkEnablePlayTo">${LabelEnableDlnaPlayTo}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableDlnaPlayToHelp}</div>
</li>
<li>
<paper-checkbox type="checkbox" id="chkEnableDlnaDebugLogging">${LabelEnableDlnaDebugLogging}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableDlnaDebugLoggingHelp}</div>
</li>
<li>
<paper-input type="number" id="txtClientDiscoveryInterval" min="1" max="300" label="${LabelEnableDlnaClientDiscoveryInterval}"></paper-input>
<div class="fieldDescription">${LabelEnableDlnaClientDiscoveryIntervalHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabPlayTo}</a>
<a href="dlnaserversettings.html" data-role="button">${TabServer}</a>
<a href="dlnaprofiles.html" data-role="button">${TabProfiles}</a>
</div> </div>
<form class="dlnaSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox type="checkbox" id="chkEnablePlayTo">${LabelEnableDlnaPlayTo}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableDlnaPlayToHelp}</div>
</li>
<li>
<paper-checkbox type="checkbox" id="chkEnableDlnaDebugLogging">${LabelEnableDlnaDebugLogging}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableDlnaDebugLoggingHelp}</div>
</li>
<li>
<paper-input type="number" id="txtClientDiscoveryInterval" min="1" max="300" label="${LabelEnableDlnaClientDiscoveryInterval}"></paper-input>
<div class="fieldDescription">${LabelEnableDlnaClientDiscoveryIntervalHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

26
dashboard-ui/edititemmetadata.html
View file

@ -1,19 +1,11 @@
<!DOCTYPE html> <div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage noSecondaryNavPage" data-contextname="${HeaderMetadataManager}" data-require="scripts/editorsidebar,scripts/edititemmetadata">
<html> <div class="editPageSidebar" style="overflow:auto;">
<head> <div class="libraryTree">
<title>Emby</title> <ul></ul>
</head>
<body>
<div id="editItemMetadataPage" data-role="page" class="page libraryPage metadataEditorPage noSecondaryNavPage" data-contextname="${HeaderMetadataManager}" data-require="scripts/editorsidebar,scripts/edititemmetadata">
<div class="editPageSidebar" style="overflow:auto;">
<div class="libraryTree">
<ul></ul>
</div>
</div>
<div data-role="content">
<div class="editPageInnerContent">
</div>
</div> </div>
</div> </div>
</body> <div data-role="content">
</html> <div class="editPageInnerContent">
</div>
</div>
</div>

144
dashboard-ui/encodingsettings.html
View file

@ -1,81 +1,73 @@
<!DOCTYPE html> <div id="encodingSettingsPage" data-role="page" class="page type-interior playbackConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Transcoding" data-require="scripts/encodingsettings,paper-input,paper-checkbox">
<html>
<head>
<title>${TitlePlayback}</title>
</head>
<body>
<div id="encodingSettingsPage" data-role="page" class="page type-interior playbackConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Transcoding" data-require="scripts/encodingsettings,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="playbackconfiguration.html" data-role="button">${TabGeneral}</a> <a href="playbackconfiguration.html" data-role="button">${TabGeneral}</a>
<a href="cinemamodeconfiguration.html" data-role="button">${TabCinemaMode}</a> <a href="cinemamodeconfiguration.html" data-role="button">${TabCinemaMode}</a>
<a href="streamingsettings.html" data-role="button">${TabStreaming}</a> <a href="streamingsettings.html" data-role="button">${TabStreaming}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabTranscoding}</a> <a href="#" data-role="button" class="ui-btn-active">${TabTranscoding}</a>
</div>
<form class="encodingSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<label for="selectVideoDecoder" class="selectLabel">${LabelHardwareAccelerationType}</label>
<select id="selectVideoDecoder" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="qsv">Intel Quick Sync</option>
</select>
<div class="fieldDescription">${LabelHardwareAccelerationTypeHelp}</div>
</li>
<li>
<label for="selectThreadCount" class="selectLabel">${LabelTranscodingThreadCount}</label>
<select id="selectThreadCount" data-mini="true">
<option value="-1">${OptionAuto}</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="0">${OptionMax}</option>
</select>
<div class="fieldDescription">${LabelTranscodingThreadCountHelp}</div>
</li>
<li>
<br />
<paper-checkbox id="chkEnableThrottle">${OptionEnableTranscodingThrottle}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionEnableTranscodingThrottleHelp}</div>
</li>
<li>
<paper-input id="txtTranscodingTempPath" label="${LabelTranscodingTempPath}" style="width:80%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectTranscodingTempPath" icon="search"></paper-icon-button>
<div class="fieldDescription">
${LabelTranscodingTempPathHelp}
</div>
</li>
<li>
<paper-input type="number" id="txtDownMixAudioBoost" pattern="[0-9]*" required="required" min=".5" max="3" step=".1" label="${LabelDownMixAudioScale}"></paper-input>
<div class="fieldDescription">${LabelDownMixAudioScaleHelp}</div>
</li>
<li style="display:none;">
<input type="checkbox" id="chkEnableDebugEncodingLogging" name="chkEnableDebugEncodingLogging" data-mini="true" />
<label for="chkEnableDebugEncodingLogging">${OptionEnableDebugTranscodingLogging}</label>
<div class="fieldDescription">${OptionEnableDebugTranscodingLoggingHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
<form class="encodingSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<label for="selectVideoDecoder" class="selectLabel">${LabelHardwareAccelerationType}</label>
<select id="selectVideoDecoder" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="qsv">Intel Quick Sync</option>
</select>
<div class="fieldDescription">${LabelHardwareAccelerationTypeHelp}</div>
</li>
<li>
<label for="selectThreadCount" class="selectLabel">${LabelTranscodingThreadCount}</label>
<select id="selectThreadCount" data-mini="true">
<option value="-1">${OptionAuto}</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="0">${OptionMax}</option>
</select>
<div class="fieldDescription">${LabelTranscodingThreadCountHelp}</div>
</li>
<li>
<br />
<paper-checkbox id="chkEnableThrottle">${OptionEnableTranscodingThrottle}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionEnableTranscodingThrottleHelp}</div>
</li>
<li>
<paper-input id="txtTranscodingTempPath" label="${LabelTranscodingTempPath}" style="width:80%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectTranscodingTempPath" icon="search"></paper-icon-button>
<div class="fieldDescription">
${LabelTranscodingTempPathHelp}
</div>
</li>
<li>
<paper-input type="number" id="txtDownMixAudioBoost" pattern="[0-9]*" required="required" min=".5" max="3" step=".1" label="${LabelDownMixAudioScale}"></paper-input>
<div class="fieldDescription">${LabelDownMixAudioScaleHelp}</div>
</li>
<li style="display:none;">
<input type="checkbox" id="chkEnableDebugEncodingLogging" name="chkEnableDebugEncodingLogging" data-mini="true" />
<label for="chkEnableDebugEncodingLogging">${OptionEnableDebugTranscodingLogging}</label>
<div class="fieldDescription">${OptionEnableDebugTranscodingLoggingHelp}</div>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

16
dashboard-ui/favorites.html
View file

@ -1,15 +1,7 @@
<!DOCTYPE html> <div id="favoritesPage" data-role="page" class="page homePage libraryPage allLibraryPage noSecondaryNavPage" data-title="${TabFavorites}" data-require="scripts/favorites">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="favoritesPage" data-role="page" class="page homePage libraryPage allLibraryPage noSecondaryNavPage" data-title="${TabFavorites}" data-require="scripts/favorites">
<div data-role="content"> <div data-role="content">
<div class="sections favoriteSections"></div> <div class="sections favoriteSections"></div>
</div>
</div> </div>
</body> </div>
</html>

50
dashboard-ui/forgotpassword.html
View file

@ -1,36 +1,28 @@
<!DOCTYPE html> <div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage" data-theme="b" data-require="scripts/forgotpassword,paper-input">
<html>
<head>
<title>${TitleForgotPassword}</title>
</head>
<body>
<div data-role="page" id="forgotPasswordPage" class="page standalonePage forgotPasswordPage" data-theme="b" data-require="scripts/forgotpassword,paper-input">
<div data-role="content"> <div data-role="content">
<form class="forgotPasswordForm" style="text-align: center; margin: 0 auto;"> <form class="forgotPasswordForm" style="text-align: center; margin: 0 auto;">
<div style="text-align: left;"> <div style="text-align: left;">
<h1>${HeaderForgotPassword}</h1> <h1>${HeaderForgotPassword}</h1>
<div> <div>
<paper-input type="text" id="txtName" label="${LabelUser}" autocomplete="off"></paper-input> <paper-input type="text" id="txtName" label="${LabelUser}" autocomplete="off"></paper-input>
<div class="fieldDescription">${LabelForgotPasswordUsernameHelp}</div> <div class="fieldDescription">${LabelForgotPasswordUsernameHelp}</div>
</div>
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div> </div>
</form>
</div> <br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div>
</form>
</div> </div>
</body> </div>
</html>

48
dashboard-ui/forgotpasswordpin.html
View file

@ -1,35 +1,27 @@
<!DOCTYPE html> <div data-role="page" class="page standalonePage forgotPasswordPinPage" data-theme="b" data-require="scripts/forgotpasswordpin,paper-input">
<html>
<head>
<title>${TitlePasswordReset}</title>
</head>
<body>
<div data-role="page" class="page standalonePage forgotPasswordPinPage" data-theme="b" data-require="scripts/forgotpasswordpin,paper-input">
<div data-role="content"> <div data-role="content">
<form class="forgotPasswordPinForm" style="text-align: center; margin: 0 auto;"> <form class="forgotPasswordPinForm" style="text-align: center; margin: 0 auto;">
<div style="text-align: left;"> <div style="text-align: left;">
<h2>${HeaderPasswordReset}</h2> <h2>${HeaderPasswordReset}</h2>
<div> <div>
<paper-input type="text" id="txtPin" label="${LabelPasswordRecoveryPinCode}" autocomplete="off" required="required"></paper-input> <paper-input type="text" id="txtPin" label="${LabelPasswordRecoveryPinCode}" autocomplete="off" required="required"></paper-input>
</div>
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div> </div>
</form>
</div> <br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSubmit}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div>
</form>
</div> </div>
</body> </div>
</html>

40
dashboard-ui/gamegenres.html
View file

@ -1,25 +1,17 @@
<!DOCTYPE html> <div id="gameGenresPage" data-role="page" class="page libraryPage listPage" data-require="scripts/gamegenrepage">
<html> <div class="libraryViewNav scopedLibraryViewNav">
<head> <a href="gamesrecommended.html">${TabSuggestions}</a>
<title>Emby</title> <a href="games.html">${TabGames}</a>
</head> <a href="gamesystems.html">${TabGameSystems}</a>
<body> <a href="#" class="ui-btn-active">${TabGenres}</a>
<div id="gameGenresPage" data-role="page" class="page libraryPage listPage" data-require="scripts/gamegenrepage"> <a href="gamestudios.html">${TabStudios}</a>
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggestions}</a>
<a href="games.html">${TabGames}</a>
<a href="gamesystems.html">${TabGameSystems}</a>
<a href="#" class="ui-btn-active">${TabGenres}</a>
<a href="gamestudios.html">${TabStudios}</a>
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer"></div>
</div>
</div> </div>
</body> <div data-role="content">
</html> <div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer"></div>
</div>
</div>

46
dashboard-ui/games.html
View file

@ -1,28 +1,20 @@
<!DOCTYPE html> <div id="gamesPage" data-role="page" class="page libraryPage listPage" data-require="scripts/gamespage,scripts/alphapicker">
<html> <div class="libraryViewNav scopedLibraryViewNav">
<head> <a href="gamesrecommended.html">${TabSuggestions}</a>
<title>Emby</title> <a href="#" class="ui-btn-active">${TabGames}</a>
</head> <a href="gamesystems.html">${TabGameSystems}</a>
<body> <a href="gamegenres.html">${TabGenres}</a>
<div id="gamesPage" data-role="page" class="page libraryPage listPage" data-require="scripts/gamespage,scripts/alphapicker"> <a href="gamestudios.html">${TabStudios}</a>
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggestions}</a>
<a href="#" class="ui-btn-active">${TabGames}</a>
<a href="gamesystems.html">${TabGameSystems}</a>
<a href="gamegenres.html">${TabGenres}</a>
<a href="gamestudios.html">${TabStudios}</a>
</div>
<div class="alphabetPicker">
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer"></div>
</div>
</div> </div>
</body> <div class="alphabetPicker">
</html> </div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer"></div>
</div>
</div>

42
dashboard-ui/gamesrecommended.html
View file

@ -1,32 +1,24 @@
<!DOCTYPE html> <div id="gamesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="game" data-require="scripts/gamesrecommendedpage">
<html> <div class="libraryViewNav scopedLibraryViewNav">
<head> <a href="#" class="ui-btn-active">${TabSuggestions}</a>
<title>Emby</title> <a href="games.html">${TabGames}</a>
</head> <a href="gamesystems.html">Game Systems</a>
<body> <a href="gamegenres.html">${TabGenres}</a>
<div id="gamesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="game" data-require="scripts/gamesrecommendedpage"> <a href="gamestudios.html">${TabStudios}</a>
<div class="libraryViewNav scopedLibraryViewNav"> </div>
<a href="#" class="ui-btn-active">${TabSuggestions}</a> <div data-role="content">
<a href="games.html">${TabGames}</a> <div class="ehsContent">
<a href="gamesystems.html">Game Systems</a> <h1 class="listHeader">${HeaderLatestGames}</h1>
<a href="gamegenres.html">${TabGenres}</a>
<a href="gamestudios.html">${TabStudios}</a>
</div>
<div data-role="content">
<div class="ehsContent">
<h1 class="listHeader">${HeaderLatestGames}</h1>
<div id="recentlyAddedItems"> <div id="recentlyAddedItems">
</div> </div>
<div id="recentlyPlayedSection" style="display: none;"> <div id="recentlyPlayedSection" style="display: none;">
<h1 class="listHeader">${HeaderRecentlyPlayedGames}</h1> <h1 class="listHeader">${HeaderRecentlyPlayedGames}</h1>
<div id="recentlyPlayedItems" class="itemsContainer"> <div id="recentlyPlayedItems" class="itemsContainer">
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

38
dashboard-ui/gamestudios.html
View file

@ -1,24 +1,16 @@
<!DOCTYPE html> <div id="gameStudiosPage" data-role="page" class="page libraryPage listPage" data-require="jqmcontrolgroup,scripts/gamestudiospage">
<html> <div class="libraryViewNav scopedLibraryViewNav">
<head> <a href="gamesrecommended.html">${TabSuggestions}</a>
<title>Emby</title> <a href="games.html">${TabGames}</a>
</head> <a href="gamesystems.html">${TabGameSystems}</a>
<body> <a href="gamegenres.html">${TabGenres}</a>
<div id="gameStudiosPage" data-role="page" class="page libraryPage listPage" data-require="jqmcontrolgroup,scripts/gamestudiospage"> <a href="#" class="ui-btn-active">${TabStudios}</a>
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggestions}</a>
<a href="games.html">${TabGames}</a>
<a href="gamesystems.html">${TabGameSystems}</a>
<a href="gamegenres.html">${TabGenres}</a>
<a href="#" class="ui-btn-active">${TabStudios}</a>
</div>
<div data-role="content">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer"></div>
</div>
</div> </div>
</body> <div data-role="content">
</html> <div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer"></div>
</div>
</div>

32
dashboard-ui/gamesystems.html
View file

@ -1,21 +1,13 @@
<!DOCTYPE html> <div id="gamesystemsPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="gamesystem" data-require="scripts/gamesystemspage">
<html> <div class="libraryViewNav scopedLibraryViewNav">
<head> <a href="gamesrecommended.html">${TabSuggestions}</a>
<title>Emby</title> <a href="games.html">${TabGames}</a>
</head> <a href="#" class="ui-btn-active">${TabGameSystems}</a>
<body> <a href="gamegenres.html">${TabGenres}</a>
<div id="gamesystemsPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="gamesystem" data-require="scripts/gamesystemspage"> <a href="gamestudios.html">${TabStudios}</a>
<div class="libraryViewNav scopedLibraryViewNav">
<a href="gamesrecommended.html">${TabSuggestions}</a>
<a href="games.html">${TabGames}</a>
<a href="#" class="ui-btn-active">${TabGameSystems}</a>
<a href="gamegenres.html">${TabGenres}</a>
<a href="gamestudios.html">${TabStudios}</a>
</div>
<div data-role="content">
<br />
<div id="items" class="itemsContainer"></div>
</div>
</div> </div>
</body> <div data-role="content">
</html> <br />
<div id="items" class="itemsContainer"></div>
</div>
</div>

16
dashboard-ui/home.html
View file

@ -8,10 +8,10 @@
<paper-tab>${TabUpcoming}</paper-tab> <paper-tab>${TabUpcoming}</paper-tab>
</paper-tabs> </paper-tabs>
<div class="legacyTabs"> <div class="legacyTabs">
<a href="index.html">${TabHome}</a> <a href="home.html">${TabHome}</a>
<a href="index.html?tab=1">${TabNextUp}</a> <a href="home.html?tab=1">${TabNextUp}</a>
<a href="index.html?tab=2" class="homeFavoritesTab">${TabFavorites}</a> <a href="home.html?tab=2" class="homeFavoritesTab">${TabFavorites}</a>
<a href="index.html?tab=3">${TabUpcoming}</a> <a href="home.html?tab=3">${TabUpcoming}</a>
</div> </div>
</div> </div>
@ -33,7 +33,7 @@
<div class="pageTabContent homeNextUpTabContent" data-index="1"> <div class="pageTabContent homeNextUpTabContent" data-index="1">
<div class="homePageSection"> <div class="homePageSection">
<div> <div>
<h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1> <h1 class="listHeader nextUpHeader" style="display: inline-block; vertical-align: middle;">${HeaderNextUp}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <paper-button raised class="submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div> </div>
<div id="nextUpItems" class="itemsContainer"> <div id="nextUpItems" class="itemsContainer">
@ -53,7 +53,9 @@
</div> </div>
<div class="noItemsMessage" style="display: none;"> <div class="noItemsMessage" style="display: none;">
<p>${MessageNothingHere}</p> <p>${MessageNothingHere}</p>
<p><a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a></p> <p>
<a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a>
</p>
</div> </div>
</div> </div>
</neon-animatable> </neon-animatable>
@ -63,4 +65,4 @@
<div data-role="content"> <div data-role="content">
</div> </div>
</div> </div>

78
dashboard-ui/index.html
View file

@ -1,74 +1,22 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html class="preload" lang="en">
<head> <head>
<title>Emby</title> <title>Emby</title>
</head> </head>
<body> <body>
<div id="indexPage" style="outline: none;" data-role="page" data-dom-cache="true" class="page homePage libraryPage allLibraryPage backdropPage pageWithAbsoluteTabs" data-title="${ButtonHome}" data-backdroptype="movie,series,game,book" data-require="scripts/indexpage,paper-tabs,neon-animated-pages"> <div class="backdropContainer"></div>
<div class="libraryViewNav libraryViewNavWithMinHeight hide"> <div class="skinContainer">
<paper-tabs hidescrollbuttons noink> <div class="skinHeader"></div>
<paper-tab>${TabHome}</paper-tab> <paper-drawer-panel class="mainDrawerPanel mainDrawerPanelPreInit" forcenarrow>
<paper-tab>${TabNextUp}</paper-tab> <div class="mainDrawer" drawer></div>
<paper-tab class="homeFavoritesTab">${TabFavorites}</paper-tab> <div class="mainDrawerPanelContent" main>
<paper-tab>${TabUpcoming}</paper-tab> <div class="pageBackground"></div>
</paper-tabs> <div class="mainAnimatedPages skinBody">
<div class="legacyTabs"> <div class="mainAnimatedPage hide"></div><div class="mainAnimatedPage hide"></div><div class="mainAnimatedPage hide"></div>
<a href="index.html">${TabHome}</a> </div>
<a href="index.html?tab=1">${TabNextUp}</a>
<a href="index.html?tab=2" class="homeFavoritesTab">${TabFavorites}</a>
<a href="index.html?tab=3">${TabUpcoming}</a>
</div> </div>
</div> </paper-drawer-panel>
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent homeTabContent" data-index="0">
<div class="ui-bar-b readOnlyContent welcomeMessage" style="display: none; padding: 2em; border-radius: 10px; margin: 2em auto; font-weight: normal;">
<h1 style="margin-top: 0;" class="tourHeader"></h1>
<p>
<paper-button raised class="submit block btnTakeTour"><iron-icon icon="check"></iron-icon><span class="tourButtonText"></span></paper-button>
</p>
</div>
<div class="sections"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent homeNextUpTabContent" data-index="1">
<div class="homePageSection">
<div>
<h1 class="listHeader nextUpHeader" style="display:inline-block;vertical-align:middle;">${HeaderNextUp}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="NextUp"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="nextUpItems" class="itemsContainer">
</div>
</div>
<p class="noNextUpItems" style="display: none;">${NoNextUpItemsMessage}</p>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent homeFavoritesTabContent" data-index="2">
<div class="favoriteSections"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent homeUpcomingTabContent" data-index="3">
<div id="upcomingItems" class="itemsContainer">
</div>
<div class="noItemsMessage" style="display: none;">
<p>${MessageNothingHere}</p>
<p><a href="metadata.html">${MessagePleaseEnsureInternetMetadata}</a></p>
</div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div>
</div> </div>
</body> </body>
</html> </html>

390
dashboard-ui/itemdetails.html
View file

@ -1,216 +1,208 @@
<!DOCTYPE html> <div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-theme="b" data-require="scripts/itemdetailpage,tileitemcss,scripts/livetvcomponents,paper-fab,paper-item-body,paper-icon-item">
<html>
<head>
<title></title>
</head>
<body>
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-theme="b" data-require="scripts/itemdetailpage,tileitemcss,scripts/livetvcomponents,paper-fab,paper-item-body,paper-icon-item">
<div id="tvShowsTabs" class="itemTabs" style="display: none;"> <div id="tvShowsTabs" class="itemTabs" style="display: none;">
<div class="libraryViewNav scopedLibraryViewNav"> <div class="libraryViewNav scopedLibraryViewNav">
<a href="tv.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a> <a href="tv.html"><iron-icon icon="info"></iron-icon>${TabSuggestions}</a>
<a href="tv.html?tab=1"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a> <a href="tv.html?tab=1"><iron-icon icon="new-releases"></iron-icon>${TabLatest}</a>
<a href="tv.html?tab=2"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a> <a href="tv.html?tab=2"><iron-icon icon="schedule"></iron-icon>${TabUpcoming}</a>
<a href="tv.html?tab=3" class="ui-btn-active"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a> <a href="tv.html?tab=3" class="ui-btn-active"><iron-icon icon="live-tv"></iron-icon>${TabShows}</a>
<a href="tv.html?tab=4" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a> <a href="tv.html?tab=4" class="tvEpisodesTab"><iron-icon icon="slideshow"></iron-icon>${TabEpisodes}</a>
<a href="tv.html?tab=5"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a> <a href="tv.html?tab=5"><iron-icon icon="video-library"></iron-icon>${TabGenres}</a>
<a href="tv.html?tab=6" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a> <a href="tv.html?tab=6" class="tvStudiosTab"><iron-icon icon="account-box"></iron-icon>${TabNetworks}</a>
</div>
</div> </div>
</div>
<div id="itemBackdrop" class="itemBackdrop noBackdrop"> <div id="itemBackdrop" class="itemBackdrop noBackdrop">
<div class="itemBackdropContent"> <div class="itemBackdropContent">
</div>
<a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-back"></iron-icon></paper-button></a>
<a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-forward"></iron-icon></paper-button></a>
</div> </div>
<a href="#" id="lnkPreviousItem" class="lnkPreviousItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-back"></iron-icon></paper-button></a>
<a href="#" id="lnkNextItem" class="lnkNextItem lnkSibling hide clearLink"><paper-button raised class="subdued notext"><iron-icon icon="arrow-forward"></iron-icon></paper-button></a>
</div>
<div class="detailPageContent" style="position:relative;"> <div class="detailPageContent" style="position:relative;">
<paper-fab class="btnPlay detailFloatingButton hide" icon="play-arrow" title="${ButtonPlay}"></paper-fab> <paper-fab class="btnPlay detailFloatingButton hide" icon="play-arrow" title="${ButtonPlay}"></paper-fab>
<paper-fab class="btnFloatingRecord detailFloatingButton hide" icon="videocam" title="${ButtonRecord}"></paper-fab> <paper-fab class="btnFloatingRecord detailFloatingButton hide" icon="videocam" title="${ButtonRecord}"></paper-fab>
<div class="detailImageContainer"> <div class="detailImageContainer">
</div> </div>
<div class="primaryDetailsContainer"> <div class="primaryDetailsContainer">
<div class="detailNameContainer"> <div class="detailNameContainer">
<div><span class="parentName"></span><span class="itemName inlineItemName"></span></div> <div><span class="parentName"></span><span class="itemName inlineItemName"></span></div>
<div class="desktopDetails" style="margin-top:1em;"> <div class="desktopDetails" style="margin-top:1em;">
<span class="itemMiscInfo"></span> <span class="itemMiscInfo"></span>
<span class="itemCommunityRating" style="margin-left:1em;"></span> <span class="itemCommunityRating" style="margin-left:1em;"></span>
</div>
</div> </div>
<div class="desktopDetails" style="padding-top:5px;"> </div>
<div class="desktopDetails" style="padding-top:5px;">
<p class="artist"></p>
<p class="itemGenres"></p>
<div class="detailButtonsContainer">
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button></a>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button>
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
<div class="detailUserDataIcons userDataIcons"></div>
</div>
</div>
</div>
</div>
<div class="mobileDetails" style="text-align:center;clear:both;">
<div style="height:10px;"></div>
<div>
<span class="itemMiscInfo"></span>
<span class="itemCommunityRating" style="margin-left:1em;"></span>
</div>
<div class="detailButtonsContainer">
<br />
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button></a>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button>
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
<div class="detailUserDataIcons userDataIcons"></div>
</div>
</div>
<div data-role="content" style="padding-top:0;clear:both;">
<div class="detailPageContent">
<div class="detailSection">
<div class="mobileDetails">
<p class="artist"></p> <p class="artist"></p>
<p class="itemGenres"></p> <p class="itemGenres"></p>
<div class="detailButtonsContainer"> </div>
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button> <div class="desktopDetails" style="height:10px;"></div>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button></a> <h2 class="tagline"></h2>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button> <p id="itemBirthday"></p>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button> <p id="itemBirthLocation"></p>
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button> <p id="itemDeathDate"></p>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button> <p id="seriesAirTime"></p>
<div class="detailUserDataIcons userDataIcons"></div> <p class="airDate"></p>
<p class="itemOverview topOverview"></p>
</div>
<div class="collectionItems"></div>
<div class="nextUpSection detailSection hide">
<h1>
${HeaderNextUp}
</h1>
<div class="smallItemsContainer nextUpItems"></div>
</div>
<div id="childrenCollapsible" class="hide detailSection">
<h1 class="childrenSectionHeader">
<span id="childrenTitle"></span>
</h1>
<div id="childrenContent">
<div class="childrenItemsContainer itemsContainer noautoinit" style="text-align:left;"></div>
</div>
</div>
<div id="additionalPartsCollapsible" class="detailSection hide">
<h1>
${HeaderAdditionalParts}
</h1>
<div id="additionalPartsContent" class="smallItemsContainer"></div>
</div>
<div id="castCollapsible" style="display: none;" class="detailSection">
<h1 id="peopleHeader">
${HeaderCastCrew}
</h1>
<div id="castContent"></div>
</div>
<div class="detailSection photoInfo hide">
<h1>
${HeaderPhotoInfo}
</h1>
<div>
<div class="photoInfoContent"></div>
</div>
</div>
<div id="specialsCollapsible" class="detailSection hide">
<h1>
${HeaderSpecialFeatures}
</h1>
<div id="specialsContent" class="smallItemsContainer"></div>
</div>
<div id="musicVideosCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderMusicVideos}
</h1>
<div id="musicVideosContent" class="smallItemsContainer"></div>
</div>
<div id="similarCollapsible" style="display: none;" class="detailSection">
<h1 class="similiarHeader"></h1>
<div id="similarContent"></div>
</div>
<div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderAwardsAndReviews}
</h1>
<div>
<p id="awardSummary"></p>
<div class="paperList" id="criticRatingSummary">
<paper-icon-item>
<paper-fab mini style="background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);" item-icon></paper-fab>
<paper-item-body three-line>
<div>TOMATOMETER®</div>
<div class="criticRatingScore"></div>
<div class="criticRatingSummaryText" style="white-space: normal;" secondary></div>
</paper-item-body>
</paper-icon-item>
</div> </div>
<div id="criticReviewsContent"></div>
</div>
</div>
<div id="scenesCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderScenes}
<a class="detailSectionHeaderButton chapterSettingsButton clearLink" style="margin-top:-8px;display:inline-block;" href="metadataadvanced.html" title="${ButtonSettings}" style="display:none;"><paper-icon-button icon="settings"></paper-icon-button></a>
</h1>
<div id="scenesContent" class="smallItemsContainer"></div>
</div>
<div id="themeSongsCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderThemeSongs}
</h1>
<div id="themeSongsContent"></div>
</div>
<div class="detailSection detailsSection">
<h1>
${HeaderDetails}
</h1>
<div>
<div class="tabDetails">
<p class="itemOverview bottomOverview"></p>
<p id="players"></p>
<p class="itemExternalLinks"></p>
<p class="itemStudios"></p>
<p class="itemTags"></p>
</div>
</div>
</div>
<div id="themeVideosCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderThemeVideos}
</h1>
<div id="themeVideosContent" class="smallItemsContainer"></div>
</div>
<div class="detailSection audioVideoMediaInfo hide">
<h1>${HeaderMediaInfo}</h1>
<div>
<div class="splitVersionContainer" style="border-bottom: 1px solid #444;padding:1em 0;">
<paper-button raised class="btnSplitVersions subdued">${ButtonSplitVersionsApart}</paper-button>
</div>
<div id="mediaInfoContent" class="mediaInfoContent"></div>
</div> </div>
</div> </div>
</div> </div>
<div class="mobileDetails" style="text-align:center;clear:both;">
<div style="height:10px;"></div>
<div>
<span class="itemMiscInfo"></span>
<span class="itemCommunityRating" style="margin-left:1em;"></span>
</div>
<div class="detailButtonsContainer">
<br />
<paper-button raised class="subdued btnPlayTrailer hide"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button>
<a class="btnPlayExternalTrailer hide clearLink" href="#" target="_blank"><paper-button raised class="subdued"><iron-icon icon="play-arrow"></iron-icon><span>${ButtonTrailer}</span></paper-button></a>
<paper-button raised class="subdued btnRecord hide"><iron-icon icon="videocam"></iron-icon><span>${ButtonRecord}</span></paper-button>
<paper-button raised class="subdued hide btnCancelRecording"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button>
<paper-button raised class="subdued btnSync hide"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
<paper-button raised class="subdued btnMoreCommands hide notext"><iron-icon icon="more-vert"></iron-icon></paper-button>
<div class="detailUserDataIcons userDataIcons"></div>
</div>
</div>
<div data-role="content" style="padding-top:0;clear:both;">
<div class="detailPageContent">
<div class="detailSection">
<div class="mobileDetails">
<p class="artist"></p>
<p class="itemGenres"></p>
</div>
<div class="desktopDetails" style="height:10px;"></div>
<h2 class="tagline"></h2>
<p id="itemBirthday"></p>
<p id="itemBirthLocation"></p>
<p id="itemDeathDate"></p>
<p id="seriesAirTime"></p>
<p class="airDate"></p>
<p class="itemOverview topOverview"></p>
</div>
<div class="collectionItems"></div>
<div class="nextUpSection detailSection hide">
<h1>
${HeaderNextUp}
</h1>
<div class="smallItemsContainer nextUpItems"></div>
</div>
<div id="childrenCollapsible" class="hide detailSection">
<h1 class="childrenSectionHeader">
<span id="childrenTitle"></span>
</h1>
<div id="childrenContent">
<div class="childrenItemsContainer itemsContainer noautoinit" style="text-align:left;"></div>
</div>
</div>
<div id="additionalPartsCollapsible" class="detailSection hide">
<h1>
${HeaderAdditionalParts}
</h1>
<div id="additionalPartsContent" class="smallItemsContainer"></div>
</div>
<div id="castCollapsible" style="display: none;" class="detailSection">
<h1 id="peopleHeader">
${HeaderCastCrew}
</h1>
<div id="castContent"></div>
</div>
<div class="detailSection photoInfo hide">
<h1>
${HeaderPhotoInfo}
</h1>
<div>
<div class="photoInfoContent"></div>
</div>
</div>
<div id="specialsCollapsible" class="detailSection hide">
<h1>
${HeaderSpecialFeatures}
</h1>
<div id="specialsContent" class="smallItemsContainer"></div>
</div>
<div id="musicVideosCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderMusicVideos}
</h1>
<div id="musicVideosContent" class="smallItemsContainer"></div>
</div>
<div id="similarCollapsible" style="display: none;" class="detailSection">
<h1 class="similiarHeader"></h1>
<div id="similarContent"></div>
</div>
<div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderAwardsAndReviews}
</h1>
<div>
<p id="awardSummary"></p>
<div class="paperList" id="criticRatingSummary">
<paper-icon-item>
<paper-fab mini style="background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; background-image: url(css/images/fresh.png);" item-icon></paper-fab>
<paper-item-body three-line>
<div>TOMATOMETER®</div>
<div class="criticRatingScore"></div>
<div class="criticRatingSummaryText" style="white-space: normal;" secondary></div>
</paper-item-body>
</paper-icon-item>
</div>
<div id="criticReviewsContent"></div>
</div>
</div>
<div id="scenesCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderScenes}
<a class="detailSectionHeaderButton chapterSettingsButton clearLink" style="margin-top:-8px;display:inline-block;" href="metadataadvanced.html" title="${ButtonSettings}" style="display:none;"><paper-icon-button icon="settings"></paper-icon-button></a>
</h1>
<div id="scenesContent" class="smallItemsContainer"></div>
</div>
<div id="themeSongsCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderThemeSongs}
</h1>
<div id="themeSongsContent"></div>
</div>
<div class="detailSection detailsSection">
<h1>
${HeaderDetails}
</h1>
<div>
<div class="tabDetails">
<p class="itemOverview bottomOverview"></p>
<p id="players"></p>
<p class="itemExternalLinks"></p>
<p class="itemStudios"></p>
<p class="itemTags"></p>
</div>
</div>
</div>
<div id="themeVideosCollapsible" style="display: none;" class="detailSection">
<h1>
${HeaderThemeVideos}
</h1>
<div id="themeVideosContent" class="smallItemsContainer"></div>
</div>
<div class="detailSection audioVideoMediaInfo hide">
<h1>${HeaderMediaInfo}</h1>
<div>
<div class="splitVersionContainer" style="border-bottom: 1px solid #444;padding:1em 0;">
<paper-button raised class="btnSplitVersions subdued">${ButtonSplitVersionsApart}</paper-button>
</div>
<div id="mediaInfoContent" class="mediaInfoContent"></div>
</div>
</div>
</div>
</div>
</div> </div>
</body>
</html> </div>

30
dashboard-ui/itemlist.html
View file

@ -1,20 +1,12 @@
<!DOCTYPE html> <div id="itemListPage" data-role="page" class="page libraryPage folderListPage noSecondaryNavPage" data-require="scripts/itemlistpage,paper-checkbox,scripts/alphapicker">
<html> <div class="alphabetPicker">
<head>
<title></title>
</head>
<body>
<div id="itemListPage" data-role="page" class="page libraryPage folderListPage noSecondaryNavPage" data-require="scripts/itemlistpage,paper-checkbox,scripts/alphapicker">
<div class="alphabetPicker">
</div>
<div data-role="content" class="itemListContent">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</div> </div>
</body> <div data-role="content" class="itemListContent">
</html>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</div>

36
dashboard-ui/library.html
View file

@ -1,28 +1,20 @@
<!DOCTYPE html> <div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage librarySectionPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="scripts/medialibrarypage,scripts/taskbutton">
<html>
<head>
<title>${TitleMediaLibrary}</title>
</head>
<body>
<div id="mediaLibraryPage" data-role="page" class="page type-interior mediaLibraryPage librarySectionPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="scripts/medialibrarypage,scripts/taskbutton">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabFolders}</a> <a href="#" data-role="button" class="ui-btn-active">${TabFolders}</a>
<a href="librarypathmapping.html" data-role="button">${TabPathSubstitution}</a> <a href="librarypathmapping.html" data-role="button">${TabPathSubstitution}</a>
<a href="librarysettings.html" data-role="button">${TabAdvanced}</a> <a href="librarysettings.html" data-role="button">${TabAdvanced}</a>
</div> </div>
<div id="divVirtualFolders"></div> <div id="divVirtualFolders"></div>
<br /> <br />
<div> <div>
<paper-button raised class="btnRefresh"><iron-icon icon="refresh"></iron-icon><span>${ButtonScanLibrary}</span></paper-button> <paper-button raised class="btnRefresh"><iron-icon icon="refresh"></iron-icon><span>${ButtonScanLibrary}</span></paper-button>
<progress max="100" min="0" style="display: inline-block; vertical-align: middle;" class="refreshProgress"></progress> <progress max="100" min="0" style="display: inline-block; vertical-align: middle;" class="refreshProgress"></progress>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

88
dashboard-ui/librarypathmapping.html
View file

@ -1,52 +1,44 @@
<!DOCTYPE html> <div id="libraryPathMappingPage" data-role="page" class="page type-interior librarySectionPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="scripts/librarypathmapping">
<html>
<head>
<title>${TitleMediaLibrary}</title>
</head>
<body>
<div id="libraryPathMappingPage" data-role="page" class="page type-interior librarySectionPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Library%20setup" data-require="scripts/librarypathmapping">
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="library.html" data-role="button">${TabFolders}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabPathSubstitution}</a>
<a href="librarysettings.html" data-role="button">${TabAdvanced}</a>
</div>
<div class="readOnlyContent">
<p>${PathSubstitutionHelp}</p>
<div class="pathSubstitutions"></div>
</div>
<br />
<form class="libraryPathMappingForm">
<div>
<h3 class="detailSectionHeader">${ButtonAddPathSubstitution}</h3>
<div>
<label for="txtFrom">${LabelFrom}</label>
<input id="txtFrom" type="text" required="required" data-mini="true" />
<div class="fieldDescription labelFromHelp"></div>
</div>
<br />
<div>
<label for="txtTo">${LabelTo}</label>
<input id="txtTo" type="text" required="required" data-mini="true" />
<div class="fieldDescription">${LabelToHelp}</div>
</div>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="add"></iron-icon><span>${ButtonAdd}</span></paper-button>
</button>
</div>
</form>
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="library.html" data-role="button">${TabFolders}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabPathSubstitution}</a>
<a href="librarysettings.html" data-role="button">${TabAdvanced}</a>
</div> </div>
<div class="readOnlyContent">
<p>${PathSubstitutionHelp}</p>
<div class="pathSubstitutions"></div>
</div>
<br />
<form class="libraryPathMappingForm">
<div>
<h3 class="detailSectionHeader">${ButtonAddPathSubstitution}</h3>
<div>
<label for="txtFrom">${LabelFrom}</label>
<input id="txtFrom" type="text" required="required" data-mini="true" />
<div class="fieldDescription labelFromHelp"></div>
</div>
<br />
<div>
<label for="txtTo">${LabelTo}</label>
<input id="txtTo" type="text" required="required" data-mini="true" />
<div class="fieldDescription">${LabelToHelp}</div>
</div>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="add"></iron-icon><span>${ButtonAdd}</span></paper-button>
</button>
</div>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

124
dashboard-ui/librarysettings.html
View file

@ -1,81 +1,73 @@
<!DOCTYPE html> <div id="librarySettingsPage" data-role="page" class="page type-interior librarySectionPage" data-require="jqmcollapsible,scripts/librarysettings,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleMediaLibrary}</title>
</head>
<body>
<div id="librarySettingsPage" data-role="page" class="page type-interior librarySectionPage" data-require="jqmcollapsible,scripts/librarysettings,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="library.html" data-role="button">${TabFolders}</a> <a href="library.html" data-role="button">${TabFolders}</a>
<a href="librarypathmapping.html" data-role="button">${TabPathSubstitution}</a> <a href="librarypathmapping.html" data-role="button">${TabPathSubstitution}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabAdvanced}</a> <a href="#" data-role="button" class="ui-btn-active">${TabAdvanced}</a>
</div>
<form class="librarySettingsForm">
<div data-role="collapsible">
<h2>${HeaderAudio}</h2>
<div>
<br />
<div>
<paper-checkbox id="chkEnableAudioArchiveFiles">${OptionDetectArchiveFilesAsMedia}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div>
</div>
<br />
</div>
</div> </div>
<form class="librarySettingsForm"> <div data-role="collapsible">
<h2>${HeaderVideo}</h2>
<div data-role="collapsible"> <div>
<h2>${HeaderAudio}</h2> <br />
<div> <div>
<br /> <paper-checkbox id="chkEnableVideoArchiveFiles">${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> </div>
</div>
<div data-role="collapsible"> <div data-role="collapsible">
<h2>${HeaderVideo}</h2> <h2>${HeaderTV}</h2>
<div>
<br />
<div> <div>
<br /> <label for="txtSeasonZeroName">${LabelSeasonZeroDisplayName}</label>
<div> <paper-input type="text" id="txtSeasonZeroName" required></paper-input>
<paper-checkbox id="chkEnableVideoArchiveFiles">${OptionDetectArchiveFilesAsMedia}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDetectArchiveFilesAsMediaHelp}</div>
</div>
<br />
</div> </div>
<br />
</div> </div>
</div>
<div data-role="collapsible"> <br />
<h2>${HeaderTV}</h2> <br />
<div> <ul data-role="listview" class="ulForm">
<br /> <li class="fldLibraryMonitor hide">
<div> <label for="selectEnableRealtimeMonitor" class="selectLabel">${LabelEnableRealtimeMonitor}</label>
<label for="txtSeasonZeroName">${LabelSeasonZeroDisplayName}</label> <select id="selectEnableRealtimeMonitor" data-mini="true">
<paper-input type="text" id="txtSeasonZeroName" required></paper-input> <option value="Auto">${OptionAuto}</option>
</div> <option value="Enabled">${OptionYes}</option>
<br /> <option value="Disabled">${OptionNo}</option>
</select>
<div class="fieldDescription">
${LabelEnableRealtimeMonitorHelp}
</div> </div>
</div> </li>
<br /> <li>
<br /> <button type="submit" data-role="none" class="clearButton">
<ul data-role="listview" class="ulForm"> <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
<li class="fldLibraryMonitor hide"> </button>
<label for="selectEnableRealtimeMonitor" class="selectLabel">${LabelEnableRealtimeMonitor}</label> </li>
<select id="selectEnableRealtimeMonitor" data-mini="true"> </ul>
<option value="Auto">${OptionAuto}</option>
<option value="Enabled">${OptionYes}</option>
<option value="Disabled">${OptionNo}</option>
</select>
<div class="fieldDescription">
${LabelEnableRealtimeMonitorHelp}
</div>
</li>
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form> </form>
</div>
</div> </div>
</div> </div>
</body> </div>
</html>

232
dashboard-ui/livetv.html
View file

@ -1,123 +1,115 @@
<!DOCTYPE html> <div id="liveTvSuggestedPage" data-dom-cache="true" data-role="page" class="page libraryPage liveTvPage pageWithAbsoluteTabs" data-contextname="${HeaderLiveTv}" data-backdroptype="series,movie" data-require="scripts/livetvsuggested,livetvcss,scripts/livetvcomponents,paper-tabs,neon-animated-pages,paper-checkbox">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="liveTvSuggestedPage" data-dom-cache="true" data-role="page" class="page libraryPage liveTvPage pageWithAbsoluteTabs" data-contextname="${HeaderLiveTv}" data-backdroptype="series,movie" data-require="scripts/livetvsuggested,livetvcss,scripts/livetvcomponents,paper-tabs,neon-animated-pages,paper-checkbox">
<div class="libraryViewNav libraryViewNavWithMinHeight"> <div class="libraryViewNav libraryViewNavWithMinHeight">
<paper-tabs hidescrollbuttons noink> <paper-tabs hidescrollbuttons noink>
<paper-tab>${TabSuggestions}</paper-tab> <paper-tab>${TabSuggestions}</paper-tab>
<paper-tab>${TabGuide}</paper-tab> <paper-tab>${TabGuide}</paper-tab>
<paper-tab>${TabChannels}</paper-tab> <paper-tab>${TabChannels}</paper-tab>
<paper-tab>${TabRecordings}</paper-tab> <paper-tab>${TabRecordings}</paper-tab>
<paper-tab>${TabScheduled}</paper-tab> <paper-tab>${TabScheduled}</paper-tab>
<paper-tab>${TabSeries}</paper-tab> <paper-tab>${TabSeries}</paper-tab>
</paper-tabs> </paper-tabs>
<div class="legacyTabs"> <div class="legacyTabs">
<a href="livetv.html">${TabSuggestions}</a> <a href="livetv.html">${TabSuggestions}</a>
<a href="livetv.html?tab=1">${TabGuide}</a> <a href="livetv.html?tab=1">${TabGuide}</a>
<a href="livetv.html?tab=2">${TabChannels}</a> <a href="livetv.html?tab=2">${TabChannels}</a>
<a href="livetv.html?tab=3">${TabRecordings}</a> <a href="livetv.html?tab=3">${TabRecordings}</a>
<a href="livetv.html?tab=4">${TabScheduled}</a> <a href="livetv.html?tab=4">${TabScheduled}</a>
<a href="livetv.html?tab=5">${TabSeries}</a> <a href="livetv.html?tab=5">${TabSeries}</a>
</div>
</div>
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent suggestedTabContent" data-index="0">
<div id="activePrograms" class="homePageSection">
<h1 class="listHeader">${HeaderWhatsOnTV}</h1>
<div class="activeProgramItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingPrograms" class="homePageSection" style="margin-top: 1em;">
<h1 class="listHeader">${HeaderUpcomingPrograms}</h1>
<div class="upcomingProgramItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingTvMovies" class="homePageSection" style="margin-top: 1em;">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingMovies}</h1>
<a href="livetvitems.html?type=movies" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a>
</div>
<div class="upcomingTvMovieItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingSports" class="homePageSection" style="margin-top: 1em;">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingSports}</h1>
<a href="livetvitems.html?type=sports" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a>
</div>
<div class="upcomingSportsItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingKids" class="homePageSection" style="margin-top: 1em;">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingForKids}</h1>
<a href="livetvitems.html?type=kids" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a>
</div>
<div class="upcomingKidsItems itemsContainer noautoinit"></div>
<br />
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent guideTabContent" style="width: auto;" data-index="1">
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent channelsTabContent" data-index="2">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer" style="max-width: 800px; margin: 0 auto;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent recordingsTabContent" data-index="3">
<div id="activeRecordings" class="homePageSection hide">
<h1 class="listHeader">${HeaderActiveRecordings}</h1>
<div class="recordingItems itemsContainer"></div>
<br />
</div>
<div id="latestRecordings" class="homePageSection hide">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestRecordings}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div class="recordingItems itemsContainer"></div>
<br />
</div>
<div id="recordingGroups" style="display: none;" class="homePageSection">
<h1 class="listHeader">
<a href="livetvrecordinglist.html">${HeaderAllRecordings}<img src="css/images/rightarrow.png" class="headerArrowImage" /></a>
</h1>
<div id="recordingGroupItems"></div>
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent timersTabContent" data-index="4">
<div style="max-width: 700px; margin: 0 auto;" id="items">
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent seriesTimersTabContent" data-index="5">
<div style="max-width: 700px; margin: 0 auto;" id="items">
</div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div> </div>
</div> </div>
</body>
</html> <div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent suggestedTabContent" data-index="0">
<div id="activePrograms" class="homePageSection">
<h1 class="listHeader">${HeaderWhatsOnTV}</h1>
<div class="activeProgramItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingPrograms" class="homePageSection" style="margin-top: 1em;">
<h1 class="listHeader">${HeaderUpcomingPrograms}</h1>
<div class="upcomingProgramItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingTvMovies" class="homePageSection" style="margin-top: 1em;">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingMovies}</h1>
<a href="livetvitems.html?type=movies" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a>
</div>
<div class="upcomingTvMovieItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingSports" class="homePageSection" style="margin-top: 1em;">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingSports}</h1>
<a href="livetvitems.html?type=sports" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a>
</div>
<div class="upcomingSportsItems itemsContainer noautoinit"></div>
<br />
</div>
<div id="upcomingKids" class="homePageSection" style="margin-top: 1em;">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderUpcomingForKids}</h1>
<a href="livetvitems.html?type=kids" class="clearLink" style="margin-left: 1em; vertical-align: middle;"><paper-button raised class="more mini noIcon">${ButtonMoreItems}</paper-button></a>
</div>
<div class="upcomingKidsItems itemsContainer noautoinit"></div>
<br />
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent guideTabContent" style="width: auto;" data-index="1">
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent channelsTabContent" data-index="2">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer" style="max-width: 800px; margin: 0 auto;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent recordingsTabContent" data-index="3">
<div id="activeRecordings" class="homePageSection hide">
<h1 class="listHeader">${HeaderActiveRecordings}</h1>
<div class="recordingItems itemsContainer"></div>
<br />
</div>
<div id="latestRecordings" class="homePageSection hide">
<div>
<h1 class="listHeader" style="display: inline-block; vertical-align: middle;">${HeaderLatestRecordings}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div class="recordingItems itemsContainer"></div>
<br />
</div>
<div id="recordingGroups" style="display: none;" class="homePageSection">
<h1 class="listHeader">
<a href="livetvrecordinglist.html">${HeaderAllRecordings}<img src="css/images/rightarrow.png" class="headerArrowImage" /></a>
</h1>
<div id="recordingGroupItems"></div>
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent timersTabContent" data-index="4">
<div style="max-width: 700px; margin: 0 auto;" id="items">
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent seriesTimersTabContent" data-index="5">
<div style="max-width: 700px; margin: 0 auto;" id="items">
</div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div>
</div>

28
dashboard-ui/livetvguideprovider.html
View file

@ -1,25 +1,17 @@
<!DOCTYPE html> <div id="liveTvGuideProviderPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvguideprovider">
<html>
<head>
<title>${TitleLiveTV}</title>
</head>
<body>
<div id="liveTvGuideProviderPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvguideprovider">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a> <a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a> <a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a> <a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a>
</div> </div>
<div class="readOnlyContent providerTemplate" style="margin-top: 2em;"> <div class="readOnlyContent providerTemplate" style="margin-top: 2em;">
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

22
dashboard-ui/livetvitems.html
View file

@ -1,18 +1,10 @@
<!DOCTYPE html> <div id="liveTvItemsPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvitems,livetvcss" data-backbutton="true" data-menubutton="false">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="liveTvItemsPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvitems,livetvcss" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">
<div class="listTopPaging"></div> <div class="listTopPaging"></div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div> </div>
</body>
</html> </div>

26
dashboard-ui/livetvrecordinglist.html
View file

@ -1,23 +1,15 @@
<!DOCTYPE html> <div id="liveTvRecordingListPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvrecordinglist,livetvcss" data-backbutton="true" data-menubutton="false">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="liveTvRecordingListPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="scripts/livetvrecordinglist,livetvcss" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<div class="viewSettings" style="margin:.5em 0;"> <div class="viewSettings" style="margin:.5em 0;">
<h1 class="listName" style="margin: 0 1em 0 0; display: inline-block; vertical-align: middle;"></h1> <h1 class="listName" style="margin: 0 1em 0 0; display: inline-block; vertical-align: middle;"></h1>
<div class="viewControls"> <div class="viewControls">
</div> </div>
<div class="listTopPaging"> <div class="listTopPaging">
</div>
</div> </div>
<div id="items" class="itemsContainer" style="text-align:center;"></div>
</div> </div>
<div id="items" class="itemsContainer" style="text-align:center;"></div>
</div> </div>
</body> </div>
</html>

124
dashboard-ui/livetvseriestimer.html
View file

@ -1,78 +1,70 @@
<!DOCTYPE html> <div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcheckbox,jqmcontrolgroup,jqmcollapsible,scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="liveTvSeriesTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcheckbox,jqmcontrolgroup,jqmcollapsible,scripts/livetvcomponents,scripts/livetvseriestimer,livetvcss,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<form class="liveTvSeriesTimerForm" style="margin: 0 auto; max-width: 720px;"> <form class="liveTvSeriesTimerForm" style="margin: 0 auto; max-width: 720px;">
<p><span class="itemName inlineItemName"></span></p> <p><span class="itemName inlineItemName"></span></p>
<p class="channel" style="margin-top: 2em;"></p> <p class="channel" style="margin-top: 2em;"></p>
<p class="time"></p> <p class="time"></p>
<br /> <br />
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="seriesTimerTabs"> <div data-role="controlgroup" data-type="horizontal" data-mini="true" class="seriesTimerTabs">
<input type="radio" name="radioSeriesTimerTab" class="radioSeriesTimerTab" id="radioSettings" value="settings"> <input type="radio" name="radioSeriesTimerTab" class="radioSeriesTimerTab" id="radioSettings" value="settings">
<label for="radioSettings">${TabSettings}</label> <label for="radioSettings">${TabSettings}</label>
<input type="radio" name="radioSeriesTimerTab" class="radioSeriesTimerTab" id="radioRecordings" value="recordings"> <input type="radio" name="radioSeriesTimerTab" class="radioSeriesTimerTab" id="radioRecordings" value="recordings">
<label for="radioRecordings">${TabRecordings}</label> <label for="radioRecordings">${TabRecordings}</label>
<input type="radio" name="radioSeriesTimerTab" class="radioSeriesTimerTab" id="radioScheduled" value="schedule"> <input type="radio" name="radioSeriesTimerTab" class="radioSeriesTimerTab" id="radioScheduled" value="schedule">
<label for="radioScheduled">${TabScheduled}</label> <label for="radioScheduled">${TabScheduled}</label>
</div>
<br />
<div class="settingsTab tab">
<div>
<h1>${HeaderDays}</h1>
</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkSunday">${OptionSunday}</paper-checkbox>
<paper-checkbox id="chkMonday">${OptionMonday}</paper-checkbox>
<paper-checkbox id="chkTuesday">${OptionTuesday}</paper-checkbox>
<paper-checkbox id="chkWednesday">${OptionWednesday}</paper-checkbox>
<paper-checkbox id="chkThursday">${OptionThursday}</paper-checkbox>
<paper-checkbox id="chkFriday">${OptionFriday}</paper-checkbox>
<paper-checkbox id="chkSaturday">${OptionSaturday}</paper-checkbox>
</div>
<div>
<h1>${HeaderRepeatingOptions}</h1>
</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkNewOnly">${OptionRecordOnlyNewEpisodes}</paper-checkbox>
<paper-checkbox id="chkAnyTime">${OptionRecordAnytime}</paper-checkbox>
<paper-checkbox id="chkAllChannels">${OptionRecordOnAllChannels}</paper-checkbox>
</div> </div>
<br /> <br />
<div class="settingsTab tab"> <div data-role="collapsible" data-mini="true">
<h3>${HeaderAdvanced}</h3>
<div> <div>
<h1>${HeaderDays}</h1> <br />
</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkSunday">${OptionSunday}</paper-checkbox>
<paper-checkbox id="chkMonday">${OptionMonday}</paper-checkbox>
<paper-checkbox id="chkTuesday">${OptionTuesday}</paper-checkbox>
<paper-checkbox id="chkWednesday">${OptionWednesday}</paper-checkbox>
<paper-checkbox id="chkThursday">${OptionThursday}</paper-checkbox>
<paper-checkbox id="chkFriday">${OptionFriday}</paper-checkbox>
<paper-checkbox id="chkSaturday">${OptionSaturday}</paper-checkbox>
</div>
<div>
<h1>${HeaderRepeatingOptions}</h1>
</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkNewOnly">${OptionRecordOnlyNewEpisodes}</paper-checkbox>
<paper-checkbox id="chkAnyTime">${OptionRecordAnytime}</paper-checkbox>
<paper-checkbox id="chkAllChannels">${OptionRecordOnAllChannels}</paper-checkbox>
</div>
<br />
<div data-role="collapsible" data-mini="true">
<h3>${HeaderAdvanced}</h3>
<div> <div>
<br /> <paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
<div>
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
</div>
<br />
<div>
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
</div>
<br />
</div> </div>
</div> <br />
<br /> <div>
<div> <paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
<button type="submit" data-role="none" class="clearButton"> </div>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <br />
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div> </div>
</div> </div>
<div class="recordingsTab tab"></div> <br />
<div class="scheduleTab tab"></div> <div>
</form> <button type="submit" data-role="none" class="clearButton">
</div> <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div>
<div class="recordingsTab tab"></div>
<div class="scheduleTab tab"></div>
</form>
</div> </div>
</body>
</html> </div>

168
dashboard-ui/livetvsettings.html
View file

@ -1,93 +1,85 @@
<!DOCTYPE html> <div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvSettingsPage liveTvPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvsettings,paper-checkbox,paper-input">
<html>
<head>
<title>${TitleLiveTV}</title>
</head>
<body>
<div id="liveTvSettingsPage" data-role="page" class="page type-interior liveTvSettingsPage liveTvPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvsettings,paper-checkbox,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="livetvstatus.html" data-role="button">${TabTuners}</a> <a href="livetvstatus.html" data-role="button">${TabTuners}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabSettings}</a> <a href="#" data-role="button" class="ui-btn-active">${TabSettings}</a>
<a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a> <a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a>
</div>
<form class="liveTvSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<label for="selectGuideDays" class="selectLabel">${LabelNumberOfGuideDays}</label>
<select id="selectGuideDays" data-mini="true">
<option value="">${OptionAutomatic}</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
</select>
<div class="fieldDescription">${LabelNumberOfGuideDaysHelp}</div>
</li>
</ul>
<div class="paperCheckboxList">
<label>${LabelEnableInternetMetadataForTvPrograms}</label>
<paper-checkbox id="chkMovies">${OptionTVMovies}</paper-checkbox>
</div>
<div>
<br />
<paper-input id="txtRecordingPath" label="${LabelRecordingPath}" style="width:84%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectRecordingPath" icon="search"></paper-icon-button>
<div class="fieldDescription">${LabelRecordingPathHelp}</div>
</div>
<br />
<br />
<div>
<paper-checkbox id="chkConvertRecordings">${OptionConvertRecordingsToStreamingFormat}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionConvertRecordingsToStreamingFormatHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription btnSupporterForConverting"><a href="https://emby.media/premiere" target="_blank" class="accent">${FeatureRequiresEmbyPremiere}</a></div>
</div>
<br />
<br />
<div>
<paper-checkbox id="chkOrganize">${OptionSendRecordingsToAutoOrganize}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionSendRecordingsToAutoOrganizeHelp}</div>
</div>
<br />
<br />
<div>
<h1>${HeaderDefaultPadding}</h1>
<div>
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
</div>
<div>
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
</div>
</div>
<br />
<br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
<form class="liveTvSettingsForm">
<ul data-role="listview" class="ulForm">
<li>
<label for="selectGuideDays" class="selectLabel">${LabelNumberOfGuideDays}</label>
<select id="selectGuideDays" data-mini="true">
<option value="">${OptionAutomatic}</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
</select>
<div class="fieldDescription">${LabelNumberOfGuideDaysHelp}</div>
</li>
</ul>
<div class="paperCheckboxList">
<label>${LabelEnableInternetMetadataForTvPrograms}</label>
<paper-checkbox id="chkMovies">${OptionTVMovies}</paper-checkbox>
</div>
<div>
<br />
<paper-input id="txtRecordingPath" label="${LabelRecordingPath}" style="width:84%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectRecordingPath" icon="search"></paper-icon-button>
<div class="fieldDescription">${LabelRecordingPathHelp}</div>
</div>
<br />
<br />
<div>
<paper-checkbox id="chkConvertRecordings">${OptionConvertRecordingsToStreamingFormat}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionConvertRecordingsToStreamingFormatHelp}</div>
<div class="fieldDescription paperCheckboxFieldDescription btnSupporterForConverting"><a href="https://emby.media/premiere" target="_blank" class="accent">${FeatureRequiresEmbyPremiere}</a></div>
</div>
<br />
<br />
<div>
<paper-checkbox id="chkOrganize">${OptionSendRecordingsToAutoOrganize}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionSendRecordingsToAutoOrganizeHelp}</div>
</div>
<br />
<br />
<div>
<h1>${HeaderDefaultPadding}</h1>
<div>
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
</div>
<div>
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
</div>
</div>
<br />
<br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

88
dashboard-ui/livetvstatus.html
View file

@ -1,70 +1,62 @@
<!DOCTYPE html> <div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvstatus,scripts/taskbutton,paper-fab,paper-item-body,paper-icon-item,paper-checkbox">
<html>
<head>
<title>${TitleLiveTV}</title>
</head>
<body>
<div id="liveTvStatusPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvstatus,scripts/taskbutton,paper-fab,paper-item-body,paper-icon-item,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabTuners}</a> <a href="#" data-role="button" class="ui-btn-active">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a> <a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a> <a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a>
</div> </div>
<div class="readOnlyContent" style="margin-top: 2em;"> <div class="readOnlyContent" style="margin-top: 2em;">
<div class="liveTvStatusContent" style="display: none;"> <div class="liveTvStatusContent" style="display: none;">
<div>
<h1 style="display:inline-block;vertical-align:middle;">${HeaderTunerDevices}</h1>
<paper-button raised class="btnAddDevice submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span>
</paper-button>
</div>
<div class="devicesList">
</div>
<div>
<br />
<div> <div>
<h1 style="display:inline-block;vertical-align:middle;">${HeaderTunerDevices}</h1> <h1 style="display:inline-block;vertical-align:middle;">${HeaderGuideProviders}</h1>
<paper-button raised class="btnAddDevice submit mini" style="margin-left:1em;" title="${ButtonAdd}"> <paper-button raised class="btnAddProvider 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>
</paper-button> </paper-button>
</div> </div>
<div class="devicesList"> <p>${AddGuideProviderHelp}</p>
<div class="providerList">
</div> </div>
<div> <div>
<br />
<div>
<h1 style="display:inline-block;vertical-align:middle;">${HeaderGuideProviders}</h1>
<paper-button raised class="btnAddProvider submit mini" style="margin-left:1em;" title="${ButtonAdd}">
<iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span>
</paper-button>
</div>
<p>${AddGuideProviderHelp}</p>
<div class="providerList">
</div>
<div>
<paper-button raised class="btnRefresh block"><iron-icon icon="refresh"></iron-icon><span>${ButtonRefreshGuideData}</span></paper-button> <paper-button raised class="btnRefresh block"><iron-icon icon="refresh"></iron-icon><span>${ButtonRefreshGuideData}</span></paper-button>
<progress max="100" min="0" style="width: 100%;" class="refreshGuideProgress"></progress> <progress max="100" min="0" style="width: 100%;" class="refreshGuideProgress"></progress>
</div>
</div>
<br />
<div class="tunerSection hide">
<h1>${HeaderTvTuners}</h1>
<div class="tunerList">
</div>
</div> </div>
</div> </div>
<br />
<div class="tunerSection hide">
<h1>${HeaderTvTuners}</h1>
<div class="servicesSection" style="display:none;"> <div class="tunerList">
<br />
<h1>${HeaderExternalServices}</h1>
<div class="servicesList">
</div> </div>
</div> </div>
</div> </div>
<div class="servicesSection" style="display:none;">
<br />
<h1>${HeaderExternalServices}</h1>
<div class="servicesList">
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

102
dashboard-ui/livetvtimer.html
View file

@ -1,65 +1,57 @@
<!DOCTYPE html> <div id="liveTvTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcollapsible,scripts/livetvcomponents,scripts/livetvtimer,livetvcss,paper-input" data-backbutton="true" data-menubutton="false">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="liveTvTimerPage" data-role="page" class="page libraryPage liveTvPage noSecondaryNavPage" data-contextname="${HeaderLiveTv}" data-require="jqmcollapsible,scripts/livetvcomponents,scripts/livetvtimer,livetvcss,paper-input" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<div class="readOnlyContent" style="margin: 0 auto;"> <div class="readOnlyContent" style="margin: 0 auto;">
<div> <div>
<div style="display: none; vertical-align: top; margin-right: 1em; padding-top: 1em;" class="timerPageImageContainer"> <div style="display: none; vertical-align: top; margin-right: 1em; padding-top: 1em;" class="timerPageImageContainer">
</div>
<div style="display: inline-block; vertical-align: middle;">
<p><span class="itemName inlineItemName"></span></p>
<p class="itemEpisodeName"></p>
<p class="itemMiscInfo miscTvProgramInfo"></p>
<p>
<span class="itemCommunityRating"></span>
</p>
<p class="itemGenres"></p>
</div>
</div> </div>
<p class="itemOverview smoothScrollY"></p> <div style="display: inline-block; vertical-align: middle;">
<p><span class="itemName inlineItemName"></span></p>
<p class="itemEpisodeName"></p>
<p class="itemMiscInfo miscTvProgramInfo"></p>
<p>
<span class="itemCommunityRating"></span>
</p>
<p class="itemGenres"></p>
</div>
</div>
<p class="itemOverview smoothScrollY"></p>
<p style="margin-top: 2em;" class="timerStatus"> <p style="margin-top: 2em;" class="timerStatus">
</p> </p>
<div style="margin-top: 2em;"> <div style="margin-top: 2em;">
<paper-button class="subdued" raised id="btnCancelTimer"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button> <paper-button class="subdued" raised id="btnCancelTimer"><iron-icon icon="delete"></iron-icon><span>${ButtonCancelRecording}</span></paper-button>
</div>
</div>
<br />
<form class="liveTvTimerForm" style="margin: 0 auto;">
<h1>${HeaderRecordingOptions}</h1>
<div data-role="collapsible" data-mini="true">
<h3>${HeaderAdvanced}</h3>
<div>
<br />
<div>
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
</div>
<br />
<div>
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
</div>
<br />
</div> </div>
</div> </div>
<br /> <br />
<form class="liveTvTimerForm" style="margin: 0 auto;"> <br />
<h1>${HeaderRecordingOptions}</h1> <div>
<div data-role="collapsible" data-mini="true"> <button type="submit" data-role="none" class="clearButton">
<h3>${HeaderAdvanced}</h3> <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
<div> </button>
<br />
<div>
<paper-input type="number" id="txtPrePaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPrePaddingMinutes}"></paper-input>
</div>
<br />
<div>
<paper-input type="number" id="txtPostPaddingMinutes" pattern="[0-9]*" required="required" min="0" step="1" label="${LabelPostPaddingMinutes}"></paper-input>
</div>
<br />
</div>
</div>
<br />
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div> </div>
</form> </form>
</div>
</div> </div>
</body>
</html> </div>

74
dashboard-ui/livetvtunerprovider-hdhomerun.html
View file

@ -1,51 +1,43 @@
<!DOCTYPE html> <div id="liveTvTunerProviderHdHomerunPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-hdhomerun,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleLiveTV}</title>
</head>
<body>
<div id="liveTvTunerProviderHdHomerunPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-hdhomerun,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a> <a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a> <a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a> <a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a>
</div> </div>
<div class="readOnlyContent" style="margin-top: 2em;"> <div class="readOnlyContent" style="margin-top: 2em;">
<h1>HD Homerun</h1> <h1>HD Homerun</h1>
<form> <form>
<div>
<div> <div>
<div> <paper-input class="txtDevicePath" label="${LabelTunerIpAddress}" required="required"></paper-input>
<paper-input class="txtDevicePath" label="${LabelTunerIpAddress}" required="required"></paper-input>
</div>
<div>
<br />
<paper-checkbox class="chkEnabled" checked>${LabelEnableThisTuner}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableThisTunerHelp}</div>
</div>
<div>
<br />
<paper-checkbox class="chkFavorite">${LabelImportOnlyFavoriteChannels}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${ImportFavoriteChannelsHelp}</div>
</div>
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div> </div>
</form> <div>
</div> <br />
<paper-checkbox class="chkEnabled" checked>${LabelEnableThisTuner}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableThisTunerHelp}</div>
</div>
<div>
<br />
<paper-checkbox class="chkFavorite">${LabelImportOnlyFavoriteChannels}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${ImportFavoriteChannelsHelp}</div>
</div>
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div>
</form>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

56
dashboard-ui/livetvtunerprovider-m3u.html
View file

@ -1,42 +1,34 @@
<!DOCTYPE html> <div id="liveTvTunerProviderM3UPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-m3u,paper-input">
<html>
<head>
<title>${TitleLiveTV}</title>
</head>
<body>
<div id="liveTvTunerProviderM3UPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-m3u,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a> <a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a> <a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a> <a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a>
</div> </div>
<div class="readOnlyContent" style="margin-top: 2em;"> <div class="readOnlyContent" style="margin-top: 2em;">
<h1>M3U Setup</h1> <h1>M3U Setup</h1>
<form> <form>
<div>
<div> <div>
<div> <paper-input class="txtDevicePath" label="${LabelFileOrUrl}" required="required" style="width:85%;display:inline-block;"></paper-input>
<paper-input class="txtDevicePath" label="${LabelFileOrUrl}" required="required" style="width:85%;display:inline-block;"></paper-input> <paper-icon-button id="btnSelectPath" icon="search"></paper-icon-button>
<paper-icon-button id="btnSelectPath" icon="search"></paper-icon-button>
</div>
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div> </div>
</form> <br />
</div> <div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div>
</form>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

138
dashboard-ui/livetvtunerprovider-satip.html
View file

@ -1,83 +1,75 @@
<!DOCTYPE html> <div id="liveTvTunerProviderSatPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-satip,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleLiveTV}</title>
</head>
<body>
<div id="liveTvTunerProviderSatPage" data-role="page" class="page type-interior liveTvSettingsPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Live%20TV" data-require="scripts/livetvtunerprovider-satip,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a> <a href="livetvstatus.html" data-role="button" class="ui-btn-active">${TabTuners}</a>
<a href="livetvsettings.html" data-role="button">${TabSettings}</a> <a href="livetvsettings.html" data-role="button">${TabSettings}</a>
<a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a> <a href="appservices.html?context=livetv" data-role="button">${TabExternalServices}</a>
</div> </div>
<div class="readOnlyContent" style="margin-top: 2em;"> <div class="readOnlyContent" style="margin-top: 2em;">
<h1>DVB</h1> <h1>DVB</h1>
<form> <form>
<div>
<div> <div>
<div> <paper-input class="txtDevicePath" label="${LabelTunerIpAddress}" required="required"></paper-input>
<paper-input class="txtDevicePath" label="${LabelTunerIpAddress}" required="required"></paper-input>
</div>
<div>
<br />
<label class="selectLabel">Diseq C</label>
<select class="selectDiseqC">
<option value="">${OptionNone}</option>
<option value="tone">22 KHz (Tone Switch)</option>
<option value="diseqc1">Diseq c 1.x (A/B/C/D)</option>
</select>
</div>
<div>
<br />
<label class="selectLabel">Source A</label>
<select class="selectSourceA">
<option value="">${OptionNone}</option>
</select>
</div>
<div class="fldSourceB hide">
<br />
<label class="selectLabel">Source B</label>
<select class="selectSourceB">
<option value="">${OptionNone}</option>
</select>
</div>
<div class="fldSourceC hide">
<br />
<label class="selectLabel">Source C</label>
<select class="selectSourceC">
<option value="">${OptionNone}</option>
</select>
</div>
<div class="fldSourceD hide">
<br />
<label class="selectLabel">Source D</label>
<select class="selectSourceD">
<option value="">${OptionNone}</option>
</select>
</div>
<div>
<br />
<paper-checkbox class="chkEnabled" checked>${LabelEnableThisTuner}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableThisTunerHelp}</div>
</div>
<br /><br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div> </div>
</form> <div>
</div> <br />
<label class="selectLabel">Diseq C</label>
<select class="selectDiseqC">
<option value="">${OptionNone}</option>
<option value="tone">22 KHz (Tone Switch)</option>
<option value="diseqc1">Diseq c 1.x (A/B/C/D)</option>
</select>
</div>
<div>
<br />
<label class="selectLabel">Source A</label>
<select class="selectSourceA">
<option value="">${OptionNone}</option>
</select>
</div>
<div class="fldSourceB hide">
<br />
<label class="selectLabel">Source B</label>
<select class="selectSourceB">
<option value="">${OptionNone}</option>
</select>
</div>
<div class="fldSourceC hide">
<br />
<label class="selectLabel">Source C</label>
<select class="selectSourceC">
<option value="">${OptionNone}</option>
</select>
</div>
<div class="fldSourceD hide">
<br />
<label class="selectLabel">Source D</label>
<select class="selectSourceD">
<option value="">${OptionNone}</option>
</select>
</div>
<div>
<br />
<paper-checkbox class="chkEnabled" checked>${LabelEnableThisTuner}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelEnableThisTunerHelp}</div>
</div>
<br /><br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
</div>
</form>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

32
dashboard-ui/log.html
View file

@ -1,26 +1,18 @@
<!DOCTYPE html> <div id="logPage" data-role="page" class="page type-interior" data-require="scripts/logpage">
<html>
<head>
<title>${TitleSupport}</title>
</head>
<body>
<div id="logPage" data-role="page" class="page type-interior" data-require="scripts/logpage">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="support.html" data-role="button">${TabGeneral}</a> <a href="support.html" data-role="button">${TabGeneral}</a>
<a href="log.html" data-role="button" class="ui-btn-active">${TabLogs}</a> <a href="log.html" data-role="button" class="ui-btn-active">${TabLogs}</a>
<a href="supporterkey.html" data-role="button" class="tabSupporterMembership">${TabEmbyPremiere}</a> <a href="supporterkey.html" data-role="button" class="tabSupporterMembership">${TabEmbyPremiere}</a>
<a href="about.html" data-role="button">${TabAbout}</a> <a href="about.html" data-role="button">${TabAbout}</a>
</div> </div>
<p>${HeaderServerLogFiles}</p> <p>${HeaderServerLogFiles}</p>
<div class="serverLogs readOnlyContent"> <div class="serverLogs readOnlyContent">
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

88
dashboard-ui/login.html
View file

@ -1,60 +1,52 @@
<!DOCTYPE html> <div id="loginPage" data-role="page" class="page standalonePage" data-theme="b" data-require="scripts/loginpage,humanedate,paper-input">
<html>
<head>
<title>${TitleSignIn}</title>
</head>
<body>
<div id="loginPage" data-role="page" class="page standalonePage" data-theme="b" data-require="scripts/loginpage,humanedate,paper-input">
<div data-role="content"> <div data-role="content">
<form class="manualLoginForm" style="display: none; margin: 0 auto;"> <form class="manualLoginForm" style="display: none; margin: 0 auto;">
<h1 style="text-align: left;">${HeaderPleaseSignIn}</h1> <h1 style="text-align: left;">${HeaderPleaseSignIn}</h1>
<div style="display: none;"> <div style="display: none;">
<input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" /> <input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div>
<paper-input type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"></paper-input>
<paper-input id="txtManualPassword" type="password" label="${LabelPassword}" autocomplete="off"></paper-input>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></paper-button>
</button>
<div style="margin-top:.5em;">
<paper-button raised class="cancel block btnCancel" onclick="LoginPage.cancelLogin();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div>
<br />
<br />
</form>
<div class="visualLoginForm" style="text-align: center;">
<br />
<div id="divUsers" class="itemsContainer"></div>
<br />
<div class="readOnlyContent" style="margin: 2em auto 0;">
<paper-button raised class="cancel block" onclick="LoginPage.showManualForm(jQuery.mobile.activePage, true);"><iron-icon icon="lock"></iron-icon><span>${ButtonManualLogin}</span></paper-button>
</div>
</div> </div>
<div class="readOnlyContent" style="margin: .5em auto 1em;"> <paper-input type="text" id="txtManualName" required="required" label="${LabelUser}" autocomplete="off"></paper-input>
<paper-button raised class="cancel block btnForgotPassword" onclick="LoginPage.cancelLogin();"><iron-icon icon="info"></iron-icon><span>${ButtonForgotPassword}</span></paper-button>
<div class="connectButtons" style="display:none;"> <paper-input id="txtManualPassword" type="password" label="${LabelPassword}" autocomplete="off"></paper-input>
<a href="selectserver.html" class="clearLink">
<paper-button raised class="cancel block"><iron-icon icon="settings"></iron-icon><span>${ButtonChangeServer}</span></paper-button>
</a>
</div>
<p class="disclaimer" style="text-align: center; margin-top: 2em;"></p> <br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="accent block"><iron-icon icon="check"></iron-icon><span>${ButtonSignIn}</span></paper-button>
</button>
<div style="margin-top:.5em;">
<paper-button raised class="cancel block btnCancel" onclick="LoginPage.cancelLogin();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</div> </div>
<br />
<br />
</form>
<div class="visualLoginForm" style="text-align: center;">
<br />
<div id="divUsers" class="itemsContainer"></div>
<br />
<div class="readOnlyContent" style="margin: 2em auto 0;">
<paper-button raised class="cancel block" onclick="LoginPage.showManualForm(jQuery.mobile.activePage, true);"><iron-icon icon="lock"></iron-icon><span>${ButtonManualLogin}</span></paper-button>
</div>
</div> </div>
<div class="readOnlyContent" style="margin: .5em auto 1em;">
<paper-button raised class="cancel block btnForgotPassword" onclick="LoginPage.cancelLogin();"><iron-icon icon="info"></iron-icon><span>${ButtonForgotPassword}</span></paper-button>
<div class="connectButtons" style="display:none;">
<a href="selectserver.html" class="clearLink">
<paper-button raised class="cancel block"><iron-icon icon="settings"></iron-icon><span>${ButtonChangeServer}</span></paper-button>
</a>
</div>
<p class="disclaimer" style="text-align: center; margin-top: 2em;"></p>
</div>
</div> </div>
</body> </div>
</html>

84
dashboard-ui/metadata.html
View file

@ -1,52 +1,44 @@
<!DOCTYPE html> <div id="metadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadataconfigurationpage,paper-checkbox">
<html>
<head>
<title>${TitleMetadata}</title>
</head>
<body>
<div id="metadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadataconfigurationpage,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabBasics}</a> <a href="#" data-role="button" class="ui-btn-active">${TabBasics}</a>
<a href="metadataimages.html" data-role="button">${TabServices}</a> <a href="metadataimages.html" data-role="button">${TabServices}</a>
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a> <a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
<a href="metadatanfo.html" data-role="button">${TabNfo}</a> <a href="metadatanfo.html" data-role="button">${TabNfo}</a>
<a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a> <a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a>
</div>
<form class="metadataConfigurationForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkEnableInternetProviders">${LabelDownloadInternetMetadata}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDownloadInternetMetadataHelp}</div>
</li>
<li>
<paper-checkbox id="chkSaveLocal">${LabelSaveLocalMetadata}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSaveLocalMetadataHelp}</div>
<br/>
</li>
<li>
<label for="selectLanguage" class="selectLabel">${LabelMetadataDownloadLanguage}</label>
<select name="selectLanguage" id="selectLanguage" data-mini="true" required="required"></select>
</li>
<li>
<label for="selectCountry" class="selectLabel">${LabelCountry}</label>
<select name="selectCountry" id="selectCountry" data-mini="true" required="required"></select>
</li>
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
<form class="metadataConfigurationForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkEnableInternetProviders">${LabelDownloadInternetMetadata}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDownloadInternetMetadataHelp}</div>
</li>
<li>
<paper-checkbox id="chkSaveLocal">${LabelSaveLocalMetadata}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSaveLocalMetadataHelp}</div>
<br />
</li>
<li>
<label for="selectLanguage" class="selectLabel">${LabelMetadataDownloadLanguage}</label>
<select name="selectLanguage" id="selectLanguage" data-mini="true" required="required"></select>
</li>
<li>
<label for="selectCountry" class="selectLabel">${LabelCountry}</label>
<select name="selectCountry" id="selectCountry" data-mini="true" required="required"></select>
</li>
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

264
dashboard-ui/metadataadvanced.html
View file

@ -1,142 +1,134 @@
<!DOCTYPE html> <div id="advancedMetadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="emby-collapsible,scripts/metadataadvanced,paper-checkbox,paper-input">
<html>
<head>
<title>${TitleMetadata}</title>
</head>
<body>
<div id="advancedMetadataConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="emby-collapsible,scripts/metadataadvanced,paper-checkbox,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="metadata.html" data-role="button">${TabBasics}</a> <a href="metadata.html" data-role="button">${TabBasics}</a>
<a href="metadataimages.html" data-role="button">${TabServices}</a> <a href="metadataimages.html" data-role="button">${TabServices}</a>
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a> <a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
<a href="metadatanfo.html" data-role="button">${TabNfo}</a> <a href="metadatanfo.html" data-role="button">${TabNfo}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabAdvanced}</a> <a href="#" data-role="button" class="ui-btn-active">${TabAdvanced}</a>
</div>
<form class="advancedMetadataConfigurationForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-input id="txtMetadataPath" label="${LabelMetadataPath}" style="width:85%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectMetadataPath" icon="search"></paper-icon-button>
<div class="fieldDescription">${LabelMetadataPathHelp}</div>
<br />
</li>
<li>
<paper-checkbox id="chkSaveMetadataHidden">${OptionSaveMetadataAsHidden}</paper-checkbox>
<br /><br />
</li>
<li>
<label for="selectDateAdded" class="selectLabel">${LabelDateAddedBehavior}</label>
<select id="selectDateAdded" data-mini="true">
<option value="0">${OptionDateAddedImportTime}</option>
<option value="1">${OptionDateAddedFileTime}</option>
</select>
<div class="fieldDescription">${LabelDateAddedBehaviorHelp}</div>
</li>
</ul>
<emby-collapsible title="${HeaderAutomaticUpdates}" class="hide">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkEnableTmdbUpdates">${LabelAutomaticUpdatesTmdb}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelAutomaticUpdatesTmdbHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableTvdbUpdates">${LabelAutomaticUpdatesTvdb}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelAutomaticUpdatesTvdbHelp}</div>
</li>
</ul>
</emby-collapsible>
<emby-collapsible title="${HeaderChapters}">
<br />
<ul data-role="listview" class="ulForm" style="margin-bottom:0!important;">
<li>
<div class="paperCheckboxListLabel">${HeaderExtractChapterImagesFor}</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkChaptersMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox id="chkChaptersEpisodes">${OptionEpisodes}</paper-checkbox>
<paper-checkbox id="chkChaptersOtherVideos">${OptionOtherVideos}</paper-checkbox>
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${ExtractChapterImagesHelp}</div>
</li>
</ul>
<br />
<div>
<paper-checkbox id="chkExtractChaptersDuringLibraryScan">${LabelExtractChaptersDuringLibraryScan}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelExtractChaptersDuringLibraryScanHelp}</div>
</div>
<br />
</emby-collapsible>
<emby-collapsible title="Fanart.tv">
<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>
<li style="display:none;">
<input type="checkbox" id="chkEnableFanartUpdates" data-mini="true" />
<label for="chkEnableFanartUpdates">${LabelAutomaticUpdates}</label>
<div class="fieldDescription">${LabelAutomaticUpdatesFanartHelp}</div>
</li>
</ul>
</emby-collapsible>
<emby-collapsible title="${HeaderImages}">
<br />
<div>
<paper-checkbox id="chkDownloadImagesInAdvance">${OptionDownloadImagesInAdvance}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDownloadImagesInAdvanceHelp}</div>
</div>
<br />
</emby-collapsible>
<emby-collapsible title="${HeaderPeople}">
<br />
<ul data-role="listview" class="ulForm">
<li>
<div class="paperCheckboxListLabel">${HeaderDownloadPeopleMetadataFor}</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkPeopleActors">${OptionActors}</paper-checkbox>
<paper-checkbox id="chkPeopleComposers">${OptionComposers}</paper-checkbox>
<paper-checkbox id="chkPeopleDirectors">${OptionDirectors}</paper-checkbox>
<paper-checkbox id="chkPeopleGuestStars">${OptionGuestStars}</paper-checkbox>
<paper-checkbox id="chkPeopleProducers">${OptionProducers}</paper-checkbox>
<paper-checkbox id="chkPeopleWriters">${OptionWriters}</paper-checkbox>
<paper-checkbox id="chkPeopleOthers">${OptionOthers}</paper-checkbox>
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div>
</li>
</ul>
</emby-collapsible>
<br /><br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
<form class="advancedMetadataConfigurationForm">
<ul data-role="listview" class="ulForm">
<li>
<paper-input id="txtMetadataPath" label="${LabelMetadataPath}" style="width:85%;display:inline-block;"></paper-input>
<paper-icon-button id="btnSelectMetadataPath" icon="search"></paper-icon-button>
<div class="fieldDescription">${LabelMetadataPathHelp}</div>
<br />
</li>
<li>
<paper-checkbox id="chkSaveMetadataHidden">${OptionSaveMetadataAsHidden}</paper-checkbox>
<br /><br />
</li>
<li>
<label for="selectDateAdded" class="selectLabel">${LabelDateAddedBehavior}</label>
<select id="selectDateAdded" data-mini="true">
<option value="0">${OptionDateAddedImportTime}</option>
<option value="1">${OptionDateAddedFileTime}</option>
</select>
<div class="fieldDescription">${LabelDateAddedBehaviorHelp}</div>
</li>
</ul>
<emby-collapsible title="${HeaderAutomaticUpdates}" class="hide">
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkEnableTmdbUpdates">${LabelAutomaticUpdatesTmdb}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelAutomaticUpdatesTmdbHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnableTvdbUpdates">${LabelAutomaticUpdatesTvdb}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelAutomaticUpdatesTvdbHelp}</div>
</li>
</ul>
</emby-collapsible>
<emby-collapsible title="${HeaderChapters}">
<br />
<ul data-role="listview" class="ulForm" style="margin-bottom:0!important;">
<li>
<div class="paperCheckboxListLabel">${HeaderExtractChapterImagesFor}</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkChaptersMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox id="chkChaptersEpisodes">${OptionEpisodes}</paper-checkbox>
<paper-checkbox id="chkChaptersOtherVideos">${OptionOtherVideos}</paper-checkbox>
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${ExtractChapterImagesHelp}</div>
</li>
</ul>
<br />
<div>
<paper-checkbox id="chkExtractChaptersDuringLibraryScan">${LabelExtractChaptersDuringLibraryScan}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelExtractChaptersDuringLibraryScanHelp}</div>
</div>
<br />
</emby-collapsible>
<emby-collapsible title="Fanart.tv">
<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>
<li style="display:none;">
<input type="checkbox" id="chkEnableFanartUpdates" data-mini="true" />
<label for="chkEnableFanartUpdates">${LabelAutomaticUpdates}</label>
<div class="fieldDescription">${LabelAutomaticUpdatesFanartHelp}</div>
</li>
</ul>
</emby-collapsible>
<emby-collapsible title="${HeaderImages}">
<br />
<div>
<paper-checkbox id="chkDownloadImagesInAdvance">${OptionDownloadImagesInAdvance}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDownloadImagesInAdvanceHelp}</div>
</div>
<br />
</emby-collapsible>
<emby-collapsible title="${HeaderPeople}">
<br />
<ul data-role="listview" class="ulForm">
<li>
<div class="paperCheckboxListLabel">${HeaderDownloadPeopleMetadataFor}</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkPeopleActors">${OptionActors}</paper-checkbox>
<paper-checkbox id="chkPeopleComposers">${OptionComposers}</paper-checkbox>
<paper-checkbox id="chkPeopleDirectors">${OptionDirectors}</paper-checkbox>
<paper-checkbox id="chkPeopleGuestStars">${OptionGuestStars}</paper-checkbox>
<paper-checkbox id="chkPeopleProducers">${OptionProducers}</paper-checkbox>
<paper-checkbox id="chkPeopleWriters">${OptionWriters}</paper-checkbox>
<paper-checkbox id="chkPeopleOthers">${OptionOthers}</paper-checkbox>
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${HeaderDownloadPeopleMetadataForHelp}</div>
</li>
</ul>
</emby-collapsible>
<br /><br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

158
dashboard-ui/metadataimages.html
View file

@ -1,96 +1,88 @@
<!DOCTYPE html> <div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="jqmcollapsible,scripts/metadataimagespage,jqmcheckbox,paper-checkbox,paper-input">
<html>
<head>
<title>${TitleMetadata}</title>
</head>
<body>
<div id="metadataImagesConfigurationPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="jqmcollapsible,scripts/metadataimagespage,jqmcheckbox,paper-checkbox,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true" style="margin-bottom: 20px!important;"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true" style="margin-bottom: 20px!important;">
<a href="metadata.html" data-role="button">${TabBasics}</a> <a href="metadata.html" data-role="button">${TabBasics}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabServices}</a> <a href="#" data-role="button" class="ui-btn-active">${TabServices}</a>
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a> <a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
<a href="metadatanfo.html" data-role="button">${TabNfo}</a> <a href="metadatanfo.html" data-role="button">${TabNfo}</a>
<a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a> <a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a>
</div> </div>
<div class="tabContent"> <div class="tabContent">
<form class="metadataImagesConfigurationForm" style="margin-top: 10px; max-width: 800px;"> <form class="metadataImagesConfigurationForm" style="margin-top: 10px; max-width: 800px;">
<br /> <br />
<div style="width: 75%;"> <div style="width: 75%;">
<label for="selectItemType" class="selectLabel">${LabelCustomizeOptionsPerMediaType}</label> <label for="selectItemType" class="selectLabel">${LabelCustomizeOptionsPerMediaType}</label>
<select id="selectItemType" data-mini="true"></select> <select id="selectItemType" data-mini="true"></select>
</div> </div>
<br /> <br />
<br /> <br />
<div class="metadataReaders" style="margin-bottom: 2em; width: 75%;"> <div class="metadataReaders" style="margin-bottom: 2em; width: 75%;">
</div> </div>
<div class="metadataSavers" style="margin-bottom: 2em; width: 75%;"> <div class="metadataSavers" style="margin-bottom: 2em; width: 75%;">
</div> </div>
<div class="metadataFetchers" style="margin-bottom: 2em;"> <div class="metadataFetchers" style="margin-bottom: 2em;">
</div> </div>
<div class="imageFetchers" style="margin-bottom: 2em;"> <div class="imageFetchers" style="margin-bottom: 2em;">
</div> </div>
<div data-role="collapsible"> <div data-role="collapsible">
<h2>${HeaderImageSettings}</h2> <h2>${HeaderImageSettings}</h2>
<div> <div>
<br />
<div class="backdropFields" style="margin-bottom: 2em; display: none;">
<div>
<paper-input type="number" id="txtMaxBackdrops" pattern="[0-9]*" required="required" min="0" label="${LabelMaxBackdropsPerItem}"></paper-input>
</div>
<br /> <br />
<div class="backdropFields" style="margin-bottom: 2em; display: none;"> <div>
<div> <paper-input type="number" id="txtMinBackdropDownloadWidth" pattern="[0-9]*" required="required" min="0" label="${LabelMinBackdropDownloadWidth}"></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 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="paperCheckboxListLabel">${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 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="paperCheckboxListLabel">${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>
<br /> <br />
<br /> <br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button> </button>
</li> </li>
</ul> </ul>
</form> </form>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

120
dashboard-ui/metadatanfo.html
View file

@ -1,70 +1,62 @@
<!DOCTYPE html> <div id="metadataNfoPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadatanfo,paper-checkbox">
<html>
<head>
<title>${TitleMetadata}</title>
</head>
<body>
<div id="metadataNfoPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadatanfo,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="metadata.html" data-role="button">${TabBasics}</a> <a href="metadata.html" data-role="button">${TabBasics}</a>
<a href="metadataimages.html" data-role="button">${TabServices}</a> <a href="metadataimages.html" data-role="button">${TabServices}</a>
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a> <a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
<a href="#" class="ui-btn-active" data-role="button">${TabNfo}</a> <a href="#" class="ui-btn-active" data-role="button">${TabNfo}</a>
<a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a> <a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a>
</div>
<form class="metadataNfoForm">
<p>${HeaderKodiMetadataHelp}</p>
<br />
<ul class="ulForm" data-role="listview">
<li>
<label for="selectUser" class="selectLabel">${LabelKodiMetadataUser}</label>
<select name="selectUser" id="selectUser" data-mini="true"></select>
<div class="fieldDescription">${LabelKodiMetadataUserHelp}</div>
</li>
<li>
<label for="selectReleaseDateFormat" class="selectLabel">${LabelKodiMetadataDateFormat}</label>
<select name="selectReleaseDateFormat" id="selectReleaseDateFormat" data-mini="true">
<option value="yyyy-MM-dd">yyyy-MM-dd</option>
</select>
<div class="fieldDescription">${LabelKodiMetadataDateFormatHelp}</div>
</li>
<li>
<br/>
<paper-checkbox id="chkSaveImagePaths">${LabelKodiMetadataSaveImagePaths}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelKodiMetadataSaveImagePathsHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnablePathSubstitution">${LabelKodiMetadataEnablePathSubstitution}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">
<div>${LabelKodiMetadataEnablePathSubstitutionHelp}</div>
<div style="margin-top: .5em;"><a href="librarypathmapping.html">${LabelKodiMetadataEnablePathSubstitutionHelp2}</a></div>
</div>
</li>
<li>
<paper-checkbox id="chkEnableExtraThumbs">${LabelKodiMetadataEnableExtraThumbs}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelKodiMetadataEnableExtraThumbsHelp}</div>
</li>
</ul>
<br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
<form class="metadataNfoForm">
<p>${HeaderKodiMetadataHelp}</p>
<br />
<ul class="ulForm" data-role="listview">
<li>
<label for="selectUser" class="selectLabel">${LabelKodiMetadataUser}</label>
<select name="selectUser" id="selectUser" data-mini="true"></select>
<div class="fieldDescription">${LabelKodiMetadataUserHelp}</div>
</li>
<li>
<label for="selectReleaseDateFormat" class="selectLabel">${LabelKodiMetadataDateFormat}</label>
<select name="selectReleaseDateFormat" id="selectReleaseDateFormat" data-mini="true">
<option value="yyyy-MM-dd">yyyy-MM-dd</option>
</select>
<div class="fieldDescription">${LabelKodiMetadataDateFormatHelp}</div>
</li>
<li>
<br />
<paper-checkbox id="chkSaveImagePaths">${LabelKodiMetadataSaveImagePaths}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelKodiMetadataSaveImagePathsHelp}</div>
</li>
<li>
<paper-checkbox id="chkEnablePathSubstitution">${LabelKodiMetadataEnablePathSubstitution}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">
<div>${LabelKodiMetadataEnablePathSubstitutionHelp}</div>
<div style="margin-top: .5em;"><a href="librarypathmapping.html">${LabelKodiMetadataEnablePathSubstitutionHelp2}</a></div>
</div>
</li>
<li>
<paper-checkbox id="chkEnableExtraThumbs">${LabelKodiMetadataEnableExtraThumbs}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelKodiMetadataEnableExtraThumbsHelp}</div>
</li>
</ul>
<br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

122
dashboard-ui/metadatasubtitles.html
View file

@ -1,71 +1,63 @@
<!DOCTYPE html> <div id="metadataSubtitlesPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadatasubtitles,paper-input,paper-checkbox">
<html>
<head>
<title>${TitleMetadata}</title>
</head>
<body>
<div id="metadataSubtitlesPage" data-role="page" class="page type-interior metadataConfigurationPage" data-require="scripts/metadatasubtitles,paper-input,paper-checkbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="metadata.html" data-role="button">${TabBasics}</a> <a href="metadata.html" data-role="button">${TabBasics}</a>
<a href="metadataimages.html" data-role="button">${TabServices}</a> <a href="metadataimages.html" data-role="button">${TabServices}</a>
<a href="#" class="ui-btn-active" data-role="button">${TabSubtitles}</a> <a href="#" class="ui-btn-active" data-role="button">${TabSubtitles}</a>
<a href="metadatanfo.html" data-role="button">${TabNfo}</a> <a href="metadatanfo.html" data-role="button">${TabNfo}</a>
<a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a> <a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a>
</div>
<form class="metadataSubtitlesForm">
<div style="display: none;">
<input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div>
<p>${HeaderSubtitleDownloadingHelp}</p>
<br />
<div class="paperCheckboxListLabel">${HeaderDownloadSubtitlesFor}</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkSubtitlesMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox id="chkSubtitlesEpisodes">${OptionEpisodes}</paper-checkbox>
</div>
<br />
<div>
<div class="paperCheckboxListLabel">${LabelDownloadLanguages}</div>
<div class="downloadLanguages paperList paperCheckboxList" style="max-height: 150px; overflow-y: auto; padding: .5em 1em;">
</div>
</div>
<br /><br />
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkSkipIfAudioTrackPresent">${LabelSkipIfAudioTrackPresent}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSkipIfAudioTrackPresentHelp}</div>
</li>
<li>
<paper-checkbox id="chkSkipIfGraphicalSubsPresent">${LabelSkipIfGraphicalSubsPresent}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSkipIfGraphicalSubsPresentHelp}</div>
</li>
<li>
<paper-input type="text" id="txtOpenSubtitleUsername" autocomplete="off" required label="${LabelOpenSubtitlesUsername}"></paper-input>
<div class="fieldDescription"><a target="_blank" href="http://www.opensubtitles.org/">${ButtonRegister}</a></div>
</li>
<li>
<paper-input type="password" id="txtOpenSubtitlePassword" autocomplete="off" label="${LabelOpenSubtitlesPassword}"></paper-input>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
<form class="metadataSubtitlesForm">
<div style="display: none;">
<input type="text" id="PreventChromeAutocomplete" name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div>
<p>${HeaderSubtitleDownloadingHelp}</p>
<br />
<div class="paperCheckboxListLabel">${HeaderDownloadSubtitlesFor}</div>
<div class="paperCheckboxList">
<paper-checkbox id="chkSubtitlesMovies">${OptionMovies}</paper-checkbox>
<paper-checkbox id="chkSubtitlesEpisodes">${OptionEpisodes}</paper-checkbox>
</div>
<br />
<div>
<div class="paperCheckboxListLabel">${LabelDownloadLanguages}</div>
<div class="downloadLanguages paperList paperCheckboxList" style="max-height: 150px; overflow-y: auto; padding: .5em 1em;">
</div>
</div>
<br /><br />
<ul data-role="listview" class="ulForm">
<li>
<paper-checkbox id="chkSkipIfAudioTrackPresent">${LabelSkipIfAudioTrackPresent}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSkipIfAudioTrackPresentHelp}</div>
</li>
<li>
<paper-checkbox id="chkSkipIfGraphicalSubsPresent">${LabelSkipIfGraphicalSubsPresent}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSkipIfGraphicalSubsPresentHelp}</div>
</li>
<li>
<paper-input type="text" id="txtOpenSubtitleUsername" autocomplete="off" required label="${LabelOpenSubtitlesUsername}"></paper-input>
<div class="fieldDescription"><a target="_blank" href="http://www.opensubtitles.org/">${ButtonRegister}</a></div>
</li>
<li>
<paper-input type="password" id="txtOpenSubtitlePassword" autocomplete="off" label="${LabelOpenSubtitlesPassword}"></paper-input>
</li>
</ul>
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

236
dashboard-ui/movies.html
View file

@ -1,125 +1,117 @@
<!DOCTYPE html> <div id="moviesPage" data-role="page" data-dom-cache="true" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie" data-require="scripts/moviesrecommended,paper-tabs,neon-animated-pages,paper-checkbox,paper-fab,scripts/alphapicker">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="moviesPage" data-role="page" data-dom-cache="true" class="page libraryPage backdropPage pageWithAbsoluteTabs collectionEditorPage" data-backdroptype="movie" data-require="scripts/moviesrecommended,paper-tabs,neon-animated-pages,paper-checkbox,paper-fab,scripts/alphapicker">
<div class="libraryViewNav libraryViewNavWithMinHeight">
<paper-tabs hidescrollbuttons noink>
<paper-tab>${TabSuggestions}</paper-tab>
<paper-tab>${TabMovies}</paper-tab>
<paper-tab class="movieTrailersTab">${TabTrailers}</paper-tab>
<paper-tab>${TabCollections}</paper-tab>
<paper-tab>${TabGenres}</paper-tab>
<paper-tab class="movieStudiosTab">${TabStudios}</paper-tab>
</paper-tabs>
<div class="legacyTabs scopedLibraryViewNav">
<a href="movies.html">${TabSuggestions}</a>
<a href="movies.html?tab=1">${TabMovies}</a>
<a href="movies.html?tab=2" class="movieTrailersTab">${TabTrailers}</a>
<a href="movies.html?tab=3">${TabCollections}</a>
<a href="movies.html?tab=4">${TabGenres}</a>
<a href="movies.html?tab=5" class="movieStudiosTab">${TabStudios}</a>
</div>
</div>
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent" data-index="0">
<div id="resumableSection" style="display: none;" class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="resumableItems" class="itemsContainer noautoinit">
</div>
</div>
<div class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestMovies}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="recentlyAddedItems" class="itemsContainer noautoinit">
</div>
</div>
<div class="recommendations homePageSection">
</div>
<div class="noItemsMessage" style="display: none;">
<br />
<p>${MessageNoMovieSuggestionsAvailable}</p>
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="1">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="2">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
<p class="noItemsMessage" style="display:none;text-align:center;">${MessageNoTrailersFound}</p>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="3">
<div class="viewSettings">
<div class="listTopPaging">
&nbsp;
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
<div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoCollectionsAvailable}</p>
</div>
<paper-fab class="btnNewCollection bottomFab" icon="add" style="position:fixed;right:20px;background-color:#db4437;"></paper-fab>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
<div class="libraryViewNav libraryViewNavWithMinHeight">
<paper-tabs hidescrollbuttons noink>
<paper-tab>${TabSuggestions}</paper-tab>
<paper-tab>${TabMovies}</paper-tab>
<paper-tab class="movieTrailersTab">${TabTrailers}</paper-tab>
<paper-tab>${TabCollections}</paper-tab>
<paper-tab>${TabGenres}</paper-tab>
<paper-tab class="movieStudiosTab">${TabStudios}</paper-tab>
</paper-tabs>
<div class="legacyTabs scopedLibraryViewNav">
<a href="movies.html">${TabSuggestions}</a>
<a href="movies.html?tab=1">${TabMovies}</a>
<a href="movies.html?tab=2" class="movieTrailersTab">${TabTrailers}</a>
<a href="movies.html?tab=3">${TabCollections}</a>
<a href="movies.html?tab=4">${TabGenres}</a>
<a href="movies.html?tab=5" class="movieStudiosTab">${TabStudios}</a>
</div> </div>
</div> </div>
</body>
</html> <div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent" data-index="0">
<div id="resumableSection" style="display: none;" class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderResume}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Resume"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="resumableItems" class="itemsContainer noautoinit">
</div>
</div>
<div class="homePageSection">
<div>
<h1 class="listHeader" style="display:inline-block;vertical-align:middle;">${HeaderLatestMovies}</h1>
<paper-button raised class="submit mini categorySyncButton" data-category="Latest"><iron-icon icon="sync"></iron-icon><span>${ButtonSync}</span></paper-button>
</div>
<div id="recentlyAddedItems" class="itemsContainer noautoinit">
</div>
</div>
<div class="recommendations homePageSection">
</div>
<div class="noItemsMessage" style="display: none;">
<br />
<p>${MessageNoMovieSuggestionsAvailable}</p>
</div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="1">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="2">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
<p class="noItemsMessage" style="display:none;text-align:center;">${MessageNoTrailersFound}</p>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="3">
<div class="viewSettings">
<div class="listTopPaging">
&nbsp;
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
<div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoCollectionsAvailable}</p>
</div>
<paper-fab class="btnNewCollection bottomFab" icon="add" style="position:fixed;right:20px;background-color:#db4437;"></paper-fab>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div>
</div>

252
dashboard-ui/music.html
View file

@ -1,132 +1,124 @@
<!DOCTYPE html> <div id="musicRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="musicartist" data-require="scripts/musicrecommended,paper-tabs,neon-animated-pages,paper-checkbox,scripts/alphapicker">
<html> <div class="libraryViewNav libraryViewNavWithMinHeight">
<head> <paper-tabs hidescrollbuttons noink>
<title>Emby</title> <paper-tab>${TabSuggestions}</paper-tab>
</head> <paper-tab>${TabAlbums}</paper-tab>
<body> <paper-tab>${TabAlbumArtists}</paper-tab>
<div id="musicRecommendedPage" data-dom-cache="true" data-role="page" class="page libraryPage backdropPage pageWithAbsoluteTabs" data-backdroptype="musicartist" data-require="scripts/musicrecommended,paper-tabs,neon-animated-pages,paper-checkbox,scripts/alphapicker"> <paper-tab>${TabArtists}</paper-tab>
<div class="libraryViewNav libraryViewNavWithMinHeight"> <paper-tab>${TabSongs}</paper-tab>
<paper-tabs hidescrollbuttons noink> <paper-tab>${TabGenres}</paper-tab>
<paper-tab>${TabSuggestions}</paper-tab> <paper-tab>${TabFolders}</paper-tab>
<paper-tab>${TabAlbums}</paper-tab> </paper-tabs>
<paper-tab>${TabAlbumArtists}</paper-tab> <div class="legacyTabs scopedLibraryViewNav">
<paper-tab>${TabArtists}</paper-tab> <a href="music.html">${TabSuggestions}</a>
<paper-tab>${TabSongs}</paper-tab> <a href="music.html?tab=1">${TabAlbums}</a>
<paper-tab>${TabGenres}</paper-tab> <a href="music.html?tab=2">${TabAlbumArtists}</a>
<paper-tab>${TabFolders}</paper-tab> <a href="music.html?tab=3">${TabArtists}</a>
</paper-tabs> <a href="music.html?tab=4">${TabSongs}</a>
<div class="legacyTabs scopedLibraryViewNav"> <a href="music.html?tab=5">${TabGenres}</a>
<a href="music.html">${TabSuggestions}</a> <a href="music.html?tab=6">${TabFolders}</a>
<a href="music.html?tab=1">${TabAlbums}</a>
<a href="music.html?tab=2">${TabAlbumArtists}</a>
<a href="music.html?tab=3">${TabArtists}</a>
<a href="music.html?tab=4">${TabSongs}</a>
<a href="music.html?tab=5">${TabGenres}</a>
<a href="music.html?tab=6">${TabFolders}</a>
</div>
</div>
<div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent" data-index="0">
<div class="homePageSection">
<h1 class="listHeader">${HeaderLatestMusic}</h1>
<div id="recentlyAddedSongs" class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="playlists" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderPlaylists}</h1>
<div class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="recentlyPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderRecentlyPlayed}</h1>
<div id="recentlyPlayedSongs" class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="topPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderFrequentlyPlayed}</h1>
<div id="topPlayedSongs" class="itemsContainer noautoinit" style="text-align: left;">
</div>
</div>
<div class="favoriteSections homePageSection"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="1">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="2">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="3">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer" style="max-width:1000px;margin: 0 auto;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="6">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div> </div>
</div> </div>
</body>
</html> <div class="ehsContent fullWidth">
<neon-animated-pages>
<neon-animatable>
<div class="pageTabContent" data-index="0">
<div class="homePageSection">
<h1 class="listHeader">${HeaderLatestMusic}</h1>
<div id="recentlyAddedSongs" class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="playlists" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderPlaylists}</h1>
<div class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="recentlyPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderRecentlyPlayed}</h1>
<div id="recentlyPlayedSongs" class="itemsContainer noautoinit" style="text-align:left;">
</div>
</div>
<div id="topPlayed" style="display: none;" class="homePageSection">
<h1 class="listHeader">${HeaderFrequentlyPlayed}</h1>
<div id="topPlayedSongs" class="itemsContainer noautoinit" style="text-align: left;">
</div>
</div>
<div class="favoriteSections homePageSection"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="1">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="2">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="3">
<div class="alphabetPicker">
</div>
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="4">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer" style="max-width:1000px;margin: 0 auto;"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="5">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent" data-index="6">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer"></div>
</div>
</neon-animatable>
</neon-animated-pages>
</div>
<div data-role="content">
</div>
</div>

216
dashboard-ui/mypreferencesdisplay.html
View file

@ -1,126 +1,108 @@
<!DOCTYPE html> <div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,paper-checkbox" data-backbutton="true" data-menubutton="false">
<div data-role="content">
<html> <form class="displayPreferencesForm userProfileSettingsForm" style="margin: 0 auto;">
<head> <div class="detailSection languageSection">
<title>Emby</title> <h1>
</head> ${HeaderLanguage}
<body> </h1>
<div id="displayPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderDisplaySettings}" data-require="scripts/mypreferencesdisplay,paper-checkbox" data-backbutton="true" data-menubutton="false"> <div class="detailSectionContent">
<br />
<div data-role="content"> <div>
<form class="displayPreferencesForm userProfileSettingsForm" style="margin: 0 auto;"> <label for="selectLanguage" class="selectLabel">${LabelPreferredDisplayLanguage}</label>
<select id="selectLanguage" data-mini="true">
<div class="detailSection languageSection"> <option value="">${OptionAuto}</option>
<h1> <option value="ar">Arabic</option>
${HeaderLanguage} <option value="bg-BG">Bulgarian (Bulgaria)</option>
</h1> <option value="ca">Catalan</option>
<option value="zh-CN">Chinese Simplified</option>
<div class="detailSectionContent"> <option value="zh-TW">Chinese Traditional</option>
<br /> <option value="hr">Croatian</option>
<div> <option value="cs">Czech</option>
<label for="selectLanguage" class="selectLabel">${LabelPreferredDisplayLanguage}</label> <option value="da">Danish</option>
<select id="selectLanguage" data-mini="true"> <option value="nl">Dutch</option>
<option value="">${OptionAuto}</option> <option value="en-GB">English (United Kingdom)</option>
<option value="ar">Arabic</option> <option value="en-US">English (United States)</option>
<option value="bg-BG">Bulgarian (Bulgaria)</option> <option value="fi">Finnish</option>
<option value="ca">Catalan</option> <option value="fr">French</option>
<option value="zh-CN">Chinese Simplified</option> <option value="de">German</option>
<option value="zh-TW">Chinese Traditional</option> <option value="el">Greek</option>
<option value="hr">Croatian</option> <option value="he">Hebrew</option>
<option value="cs">Czech</option> <option value="hu">Hungarian</option>
<option value="da">Danish</option> <option value="id">Indonesian</option>
<option value="nl">Dutch</option> <option value="it">Italian</option>
<option value="en-GB">English (United Kingdom)</option> <option value="kk">Kazakh</option>
<option value="en-US">English (United States)</option> <option value="nb">Norwegian Bokmål</option>
<option value="fi">Finnish</option> <option value="pl">Polish</option>
<option value="fr">French</option> <option value="pt-BR">Portuguese (Brazil)</option>
<option value="de">German</option> <option value="pt-PT">Portuguese (Portugal)</option>
<option value="el">Greek</option> <option value="ru">Russian</option>
<option value="he">Hebrew</option> <option value="sl-SI">Slovenian (Slovenia)</option>
<option value="hu">Hungarian</option> <option value="es-ES">Spanish</option>
<option value="id">Indonesian</option> <option value="es-MX">Spanish (Mexico)</option>
<option value="it">Italian</option> <option value="sv">Swedish</option>
<option value="kk">Kazakh</option> <option value="tr">Turkish</option>
<option value="nb">Norwegian Bokmål</option> <option value="uk">Ukrainian</option>
<option value="pl">Polish</option> <option value="vi">Vietnamese</option>
<option value="pt-BR">Portuguese (Brazil)</option> </select>
<option value="pt-PT">Portuguese (Portugal)</option> <div class="fieldDescription">
<option value="ru">Russian</option> <div>${LabelPreferredDisplayLanguageHelp}</div>
<option value="sl-SI">Slovenian (Slovenia)</option> <div style="margin-top: .25em;">
<option value="es-ES">Spanish</option> <a href="http://emby.media/community/index.php?/topic/5727-join-our-translation-team/" target="_blank">${LabelReadHowYouCanContribute}</a>
<option value="es-MX">Spanish (Mexico)</option>
<option value="sv">Swedish</option>
<option value="tr">Turkish</option>
<option value="uk">Ukrainian</option>
<option value="vi">Vietnamese</option>
</select>
<div class="fieldDescription">
<div>${LabelPreferredDisplayLanguageHelp}</div>
<div style="margin-top: .25em;">
<a href="http://emby.media/community/index.php?/topic/5727-join-our-translation-team/" target="_blank">${LabelReadHowYouCanContribute}</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="detailSection"> <div class="detailSection">
<h1> <h1>
${HeaderNavigation} ${HeaderNavigation}
</h1> </h1>
<div class="detailSectionContent">
<div class="detailSectionContent"> <br />
<br /> <div>
<div> <label for="selectThemeSong" class="selectLabel">${LabelEnableThemeSongs}</label>
<label for="selectThemeSong" class="selectLabel">${LabelEnableThemeSongs}</label> <select id="selectThemeSong" data-mini="true">
<select id="selectThemeSong" data-mini="true"> <option value="">${OptionAuto}</option>
<option value="">${OptionAuto}</option> <option value="1">${OptionYes}</option>
<option value="1">${OptionYes}</option> <option value="0">${OptionNo}</option>
<option value="0">${OptionNo}</option> </select>
</select> <div class="fieldDescription">${LabelEnableThemeSongsHelp}</div>
<div class="fieldDescription">${LabelEnableThemeSongsHelp}</div> </div>
</div> <br />
<br /> <div class="fldEnableBackdrops" style="display:none;">
<div class="fldEnableBackdrops" style="display:none;"> <label for="selectBackdrop" class="selectLabel">${LabelEnableBackdrops}</label>
<label for="selectBackdrop" class="selectLabel">${LabelEnableBackdrops}</label> <select id="selectBackdrop" data-mini="true">
<select id="selectBackdrop" data-mini="true"> <option value="">${OptionAuto}</option>
<option value="">${OptionAuto}</option> <option value="1">${OptionYes}</option>
<option value="1">${OptionYes}</option> <option value="0">${OptionNo}</option>
<option value="0">${OptionNo}</option> </select>
</select> <div class="fieldDescription">${LabelEnableBackdropsHelp}</div>
<div class="fieldDescription">${LabelEnableBackdropsHelp}</div>
</div>
</div> </div>
</div> </div>
</div>
<div class="detailSection requiresUserPreferences"> <div class="detailSection requiresUserPreferences">
<h1> <h1>
${HeaderDisplay} ${HeaderDisplay}
</h1> </h1>
<div class="detailSectionContent"> <div class="detailSectionContent">
<br /> <br />
<div> <div>
<paper-checkbox class="chkDisplayMissingEpisodes">${LabelDisplayMissingEpisodesWithinSeasons}</paper-checkbox> <paper-checkbox class="chkDisplayMissingEpisodes">${LabelDisplayMissingEpisodesWithinSeasons}</paper-checkbox>
</div> </div>
<br /> <br />
<div> <div>
<paper-checkbox class="chkDisplayUnairedEpisodes">${LabelUnairedMissingEpisodesWithinSeasons}</paper-checkbox> <paper-checkbox class="chkDisplayUnairedEpisodes">${LabelUnairedMissingEpisodesWithinSeasons}</paper-checkbox>
</div> </div>
<br /> <br />
<div> <div>
<paper-checkbox class="chkGroupMoviesIntoCollections">${LabelGroupMoviesIntoCollections}</paper-checkbox> <paper-checkbox class="chkGroupMoviesIntoCollections">${LabelGroupMoviesIntoCollections}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelGroupMoviesIntoCollectionsHelp}</div> <div class="fieldDescription paperCheckboxFieldDescription">${LabelGroupMoviesIntoCollectionsHelp}</div>
</div>
</div> </div>
</div> </div>
<button type="submit" data-role="none" class="clearButton block btnSave hide"> </div>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <button type="submit" data-role="none" class="clearButton block btnSave hide">
</button> <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</form> </button>
</div> </form>
</div> </div>
</body> </div>
</html>

269
dashboard-ui/mypreferenceshome.html
View file

@ -1,153 +1,144 @@
<!DOCTYPE html> <div id="homeScreenPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderHomeScreenSettings}" data-require="scripts/mypreferenceshome,paper-checkbox,paper-fab,paper-item-body,paper-icon-item" data-backbutton="true" data-menubutton="false">
<html> <div data-role="content">
<head> <form class="homeScreenPreferencesForm userProfileSettingsForm" style="margin: 0 auto;">
<title>Emby</title>
</head>
<body>
<div id="homeScreenPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderHomeScreenSettings}" data-require="scripts/mypreferenceshome,paper-checkbox,paper-fab,paper-item-body,paper-icon-item" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div class="detailSection homeSections">
<form class="homeScreenPreferencesForm userProfileSettingsForm" style="margin: 0 auto;"> <h1>
${HeaderHomePage}
</h1>
<div class="detailSection homeSections"> <div class="detailSectionContent">
<h1> <br />
${HeaderHomePage} <div>
</h1> <label for="selectHomeSection1" class="selectLabel">${LabelHomePageSection1}</label>
<select id="selectHomeSection1" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
</select>
</div>
<br />
<div>
<label for="selectHomeSection2" class="selectLabel">${LabelHomePageSection2}</label>
<select id="selectHomeSection2" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="none">${OptionNone}</option>
</select>
</div>
<br />
<div>
<label for="selectHomeSection3" class="selectLabel">${LabelHomePageSection3}</label>
<select id="selectHomeSection3" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="none">${OptionNone}</option>
</select>
</div>
<br />
<div>
<label for="selectHomeSection4" class="selectLabel">${LabelHomePageSection4}</label>
<select id="selectHomeSection4" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="none">${OptionNone}</option>
</select>
</div>
</div>
</div>
<div class="detailSection">
<h1>
${HeaderMyViews}
</h1>
<div class="detailSectionContent">
<div>
<p>${LabelSelectFolderGroups}</p>
<div class="folderGroupList"></div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSelectFolderGroupsHelp}</div>
</div>
<br />
<div>
<paper-checkbox class="chkDisplayChannelsInline">${OptionDisplayChannelsInline}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDisplayChannelsInlineHelp}</div>
</div>
<br />
<div>
<paper-checkbox class="chkDisplayCollectionView">${LabelDisplayCollectionsView}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDisplayCollectionsViewHelp}</div>
</div>
</div>
</div>
<div class="detailSection viewStylesSection" style="display:none;">
<h1>
${HeaderViewStyles}
</h1>
<div class="detailSectionContent">
<p>${LabelSelectViewStyles}</p>
<div class="viewStylesList">
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSelectViewStylesHelp}</div>
</div>
</div>
<div class="detailSection">
<h1>
${HeaderViewOrder}
</h1>
<div class="detailSectionContent">
<p>${LabelSelectUserViewOrder}</p>
<div class="paperList viewOrderList">
<div class="detailSectionContent">
<br />
<div>
<label for="selectHomeSection1" class="selectLabel">${LabelHomePageSection1}</label>
<select id="selectHomeSection1" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
</select>
</div>
<br />
<div>
<label for="selectHomeSection2" class="selectLabel">${LabelHomePageSection2}</label>
<select id="selectHomeSection2" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="none">${OptionNone}</option>
</select>
</div>
<br />
<div>
<label for="selectHomeSection3" class="selectLabel">${LabelHomePageSection3}</label>
<select id="selectHomeSection3" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="none">${OptionNone}</option>
</select>
</div>
<br />
<div>
<label for="selectHomeSection4" class="selectLabel">${LabelHomePageSection4}</label>
<select id="selectHomeSection4" data-mini="true">
<option value="">${OptionAuto}</option>
<option value="latestmedia">${OptionLatestMedia}</option>
<option value="latestchannelmedia">${OptionLatestChannelMedia}</option>
<option value="latesttvrecordings">${OptionLatestTvRecordings}</option>
<option value="librarytiles">${OptionMyMedia}</option>
<option value="smalllibrarytiles">${OptionMyMediaSmall}</option>
<option value="librarybuttons">${OptionMyMediaButtons}</option>
<option value="resume">${OptionResumablemedia}</option>
<option value="none">${OptionNone}</option>
</select>
</div>
</div> </div>
</div> </div>
<div class="detailSection"> </div>
<h1>
${HeaderMyViews}
</h1>
<div class="detailSectionContent">
<div>
<p>${LabelSelectFolderGroups}</p>
<div class="folderGroupList"></div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSelectFolderGroupsHelp}</div>
</div>
<br />
<div>
<paper-checkbox class="chkDisplayChannelsInline">${OptionDisplayChannelsInline}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${OptionDisplayChannelsInlineHelp}</div>
</div>
<br />
<div> <div class="detailSection">
<paper-checkbox class="chkDisplayCollectionView">${LabelDisplayCollectionsView}</paper-checkbox> <h1>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelDisplayCollectionsViewHelp}</div> ${HeaderLatestItems}
</div> </h1>
</div> <div class="detailSectionContent">
</div> <p>${LabelSelectLastestItemsFolders}</p>
<div class="latestItemsList">
<div class="detailSection viewStylesSection" style="display:none;">
<h1>
${HeaderViewStyles}
</h1>
<div class="detailSectionContent">
<p>${LabelSelectViewStyles}</p>
<div class="viewStylesList">
</div>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelSelectViewStylesHelp}</div>
</div>
</div>
<div class="detailSection">
<h1>
${HeaderViewOrder}
</h1>
<div class="detailSectionContent">
<p>${LabelSelectUserViewOrder}</p>
<div class="paperList viewOrderList">
</div>
</div> </div>
<br />
<paper-checkbox class="chkHidePlayedFromLatest">${OptionHideWatchedContentFromLatestMedia}</paper-checkbox>
</div> </div>
<div class="detailSection"> </div>
<h1> <button type="submit" data-role="none" class="clearButton block btnSave hide">
${HeaderLatestItems} <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</h1> </button>
<div class="detailSectionContent"> </form>
<p>${LabelSelectLastestItemsFolders}</p>
<div class="latestItemsList">
</div>
<br />
<paper-checkbox class="chkHidePlayedFromLatest">${OptionHideWatchedContentFromLatestMedia}</paper-checkbox>
</div>
</div>
<button type="submit" data-role="none" class="clearButton block btnSave hide">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form>
</div>
</div> </div>
</body> </div>
</html>

175
dashboard-ui/mypreferenceslanguages.html
View file

@ -1,106 +1,97 @@
<!DOCTYPE html> <div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderPlaybackSettings}" data-require="scripts/mypreferenceslanguages,paper-checkbox" data-backbutton="true" data-menubutton="false">
<html> <div data-role="content">
<head>
<title>Emby</title>
</head>
<body>
<div id="languagePreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${HeaderPlaybackSettings}" data-require="scripts/mypreferenceslanguages,paper-checkbox" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <form style="margin: 0 auto;" class="languagePreferencesForm userProfileSettingsForm">
<form style="margin: 0 auto;" class="languagePreferencesForm userProfileSettingsForm">
<div class="detailSection"> <div class="detailSection">
<h1> <h1>
${HeaderAudioSettings} ${HeaderAudioSettings}
</h1> </h1>
<div class="detailSectionContent"> <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>
<br />
<paper-checkbox class="chkPlayDefaultAudioTrack">${LabelPlayDefaultAudioTrack}</paper-checkbox>
</div> </div>
<br />
<paper-checkbox class="chkPlayDefaultAudioTrack">${LabelPlayDefaultAudioTrack}</paper-checkbox>
</div> </div>
<div class="detailSection"> </div>
<h1> <div class="detailSection">
${HeaderSubtitleSettings} <h1>
</h1> ${HeaderSubtitleSettings}
<div class="detailSectionContent"> </h1>
<br /> <div class="detailSectionContent">
<div> <br />
<label for="selectSubtitleLanguage" class="selectLabel">${LabelSubtitleLanguagePreference}</label> <div>
<select id="selectSubtitleLanguage" data-mini="true"></select> <label for="selectSubtitleLanguage" class="selectLabel">${LabelSubtitleLanguagePreference}</label>
</div> <select id="selectSubtitleLanguage" data-mini="true"></select>
<br />
<div>
</div> <br />
<label for="selectSubtitlePlaybackMode" class="selectLabel">${LabelSubtitlePlaybackMode}</label>
<select id="selectSubtitlePlaybackMode" data-mini="true">
<option value="Default">${OptionDefaultSubtitles}</option>
<option value="Smart">${OptionSmartSubtitles}</option>
<option value="OnlyForced">${OptionOnlyForcedSubtitles}</option>
<option value="Always">${OptionAlwaysPlaySubtitles}</option>
<option value="None">${OptionNoSubtitles}</option>
</select>
<div class="fieldDescription subtitlesDefaultHelp subtitlesHelp" style="display: none;">${OptionDefaultSubtitlesHelp}</div>
<div class="fieldDescription subtitlesSmartHelp subtitlesHelp" style="display: none;">${OptionSmartSubtitlesHelp}</div>
<div class="fieldDescription subtitlesAlwaysHelp subtitlesHelp" style="display: none;">${OptionAlwaysPlaySubtitlesHelp}</div>
<div class="fieldDescription subtitlesOnlyForcedHelp subtitlesHelp" style="display: none;">${OptionOnlyForcedSubtitlesHelp}</div>
<div class="fieldDescription subtitlesNoneHelp subtitlesHelp" style="display: none;">${OptionNoSubtitlesHelp}</div>
</div> </div>
<br />
</div> <div>
<div class="detailSection cinemaModeOptions" style="display:none;"> </div> <br />
<h1> <label for="selectSubtitlePlaybackMode" class="selectLabel">${LabelSubtitlePlaybackMode}</label>
${HeaderCinemaMode} <select id="selectSubtitlePlaybackMode" data-mini="true">
</h1> <option value="Default">${OptionDefaultSubtitles}</option>
<div class="detailSectionContent"> <option value="Smart">${OptionSmartSubtitles}</option>
<br /> <option value="OnlyForced">${OptionOnlyForcedSubtitles}</option>
<paper-checkbox class="chkEnableCinemaMode">${LabelEnableCinemaMode}</paper-checkbox> <option value="Always">${OptionAlwaysPlaySubtitles}</option>
<option value="None">${OptionNoSubtitles}</option>
<div class="fieldDescription paperCheckboxFieldDescription">${CinemaModeConfigurationHelp}</div> </select>
</div> <div class="fieldDescription subtitlesDefaultHelp subtitlesHelp" style="display: none;">${OptionDefaultSubtitlesHelp}</div>
<div class="fieldDescription subtitlesSmartHelp subtitlesHelp" style="display: none;">${OptionSmartSubtitlesHelp}</div>
<div class="fieldDescription subtitlesAlwaysHelp subtitlesHelp" style="display: none;">${OptionAlwaysPlaySubtitlesHelp}</div>
<div class="fieldDescription subtitlesOnlyForcedHelp subtitlesHelp" style="display: none;">${OptionOnlyForcedSubtitlesHelp}</div>
<div class="fieldDescription subtitlesNoneHelp subtitlesHelp" style="display: none;">${OptionNoSubtitlesHelp}</div>
</div> </div>
<div class="detailSection"> </div>
<h1> <div class="detailSection cinemaModeOptions" style="display:none;">
${HeaderAdvanced} <h1>
</h1> ${HeaderCinemaMode}
<div class="detailSectionContent"> </h1>
<br /> <div class="detailSectionContent">
<div> <br />
<label for="selectMaxBitrate" class="selectLabel">${LabelMaxStreamingBitrate}</label> <paper-checkbox class="chkEnableCinemaMode">${LabelEnableCinemaMode}</paper-checkbox>
<select id="selectMaxBitrate" data-mini="true"></select>
</div> <div class="fieldDescription paperCheckboxFieldDescription">${CinemaModeConfigurationHelp}</div>
<br /> </div>
<div>
<label for="selectMaxChromecastBitrate" class="selectLabel">${LabelMaxChromecastBitrate}</label> </div>
<select id="selectMaxChromecastBitrate" data-mini="true"></select>
</div> <div class="detailSection">
<div style="margin-top:2em;"> <h1>
<paper-checkbox class="chkEpisodeAutoPlay">${OptionPlayNextEpisodeAutomatically}</paper-checkbox> ${HeaderAdvanced}
</div> </h1>
<div class="fldExternalPlayer" style="margin-top:2em;display: none;"> <div class="detailSectionContent">
<paper-checkbox class="chkExternalVideoPlayer">${OptionEnableExternalVideoPlayers}</paper-checkbox> <br />
<div class="fieldDescription paperCheckboxFieldDescription"> <div>
<div style="display:none;" class="labelGenericExternalPlayers">${LabelExternalPlayersHelp}</div> <label for="selectMaxBitrate" class="selectLabel">${LabelMaxStreamingBitrate}</label>
<div style="display:none;" class="labelNativeExternalPlayers">${LabelNativeExternalPlayersHelp}</div> <select id="selectMaxBitrate" data-mini="true"></select>
</div> </div>
<br />
<div>
<label for="selectMaxChromecastBitrate" class="selectLabel">${LabelMaxChromecastBitrate}</label>
<select id="selectMaxChromecastBitrate" data-mini="true"></select>
</div>
<div style="margin-top:2em;">
<paper-checkbox class="chkEpisodeAutoPlay">${OptionPlayNextEpisodeAutomatically}</paper-checkbox>
</div>
<div class="fldExternalPlayer" style="margin-top:2em;display: none;">
<paper-checkbox class="chkExternalVideoPlayer">${OptionEnableExternalVideoPlayers}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">
<div style="display:none;" class="labelGenericExternalPlayers">${LabelExternalPlayersHelp}</div>
<div style="display:none;" class="labelNativeExternalPlayers">${LabelNativeExternalPlayersHelp}</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<button type="submit" data-role="none" class="clearButton block btnSave hide"> <button type="submit" data-role="none" class="clearButton block btnSave hide">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button> </button>
</form> </form>
</div>
</div> </div>
</body> </div>
</html>

163
dashboard-ui/mypreferencesmenu.html
View file

@ -1,103 +1,94 @@
<!DOCTYPE html> <div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,paper-fab,paper-item-body,paper-icon-item">
<html> <div data-role="content">
<head> <div class="readOnlyContent" style="margin: 0 auto;">
<title>Emby</title> <h1 class="settingsMenuHeader">${HeaderSettings}</h1>
</head> <div>
<body> <a href="#" class="clearLink lnkDisplayPreferences">
<div id="myPreferencesMenuPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-contextname="${HeaderSettings}" data-require="scripts/mypreferencescommon,paper-fab,paper-item-body,paper-icon-item"> <paper-icon-item>
<paper-fab mini class="blue" icon="tv" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonDisplaySettings}</div>
<div secondary>${ButtonDisplaySettingsHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<div data-role="content"> <a href="#" class="clearLink lnkHomeScreenPreferences">
<div class="readOnlyContent" style="margin: 0 auto;"> <paper-icon-item>
<h1 class="settingsMenuHeader">${HeaderSettings}</h1> <paper-fab mini class="red" icon="home" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonHomeScreenSettings}</div>
<div secondary>${ButtonHomeScreenSettingsHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<a href="#" class="clearLink lnkLanguagePreferences">
<paper-icon-item>
<paper-fab mini class="green" icon="play-circle-filled" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonPlaybackSettings}</div>
<div secondary>${ButtonPlaybackSettingsHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<a href="#" class="clearLink lnkMyProfile">
<paper-icon-item>
<paper-fab mini class="orange" icon="person" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonProfile}</div>
<div secondary>${ButtonProfileHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<a href="#" class="clearLink lnkSync hide">
<paper-icon-item>
<paper-fab mini icon="sync" style="background-color: #673AB7;" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonSyncSettings}</div>
<div secondary>${ButtonSyncSettingsHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
</div>
<div>
<br />
<h1 class="headerUser"></h1>
<div> <div>
<a href="#" class="clearLink lnkDisplayPreferences"> <a href="selectserver.html" class="clearLink selectServer hide">
<paper-icon-item> <paper-icon-item>
<paper-fab mini class="blue" icon="tv" item-icon></paper-fab> <paper-fab mini icon="wifi" style="background-color: #444;" item-icon></paper-fab>
<paper-item-body two-line> <paper-item-body two-line>
<div>${ButtonDisplaySettings}</div> <div>${HeaderSelectServer}</div>
<div secondary>${ButtonDisplaySettingsHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<a href="#" class="clearLink lnkHomeScreenPreferences">
<paper-icon-item>
<paper-fab mini class="red" icon="home" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonHomeScreenSettings}</div>
<div secondary>${ButtonHomeScreenSettingsHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<a href="#" class="clearLink lnkLanguagePreferences">
<paper-icon-item>
<paper-fab mini class="green" icon="play-circle-filled" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonPlaybackSettings}</div>
<div secondary>${ButtonPlaybackSettingsHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<a href="#" class="clearLink lnkMyProfile">
<paper-icon-item>
<paper-fab mini class="orange" icon="person" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonProfile}</div>
<div secondary>${ButtonProfileHelp}</div>
</paper-item-body>
</paper-icon-item>
</a>
<a href="#" class="clearLink lnkSync hide">
<paper-icon-item>
<paper-fab mini icon="sync" style="background-color: #673AB7;" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonSyncSettings}</div>
<div secondary>${ButtonSyncSettingsHelp}</div>
</paper-item-body> </paper-item-body>
</paper-icon-item> </paper-icon-item>
</a> </a>
<paper-icon-item class="btnLogout">
<paper-fab mini icon="lock" style="background-color: #444;" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonSignOut}</div>
</paper-item-body>
</paper-icon-item>
</div> </div>
</div>
<div class="adminSection hide">
<br />
<h1>${HeaderAdmin}</h1>
<div> <div>
<br /> <a href="dashboard.html" class="clearLink">
<h1 class="headerUser"></h1> <paper-icon-item>
<div> <paper-fab mini icon="settings" style="background-color: #444;" item-icon></paper-fab>
<a href="selectserver.html" class="clearLink selectServer hide">
<paper-icon-item>
<paper-fab mini icon="wifi" style="background-color: #444;" item-icon></paper-fab>
<paper-item-body two-line>
<div>${HeaderSelectServer}</div>
</paper-item-body>
</paper-icon-item>
</a>
<paper-icon-item class="btnLogout">
<paper-fab mini icon="lock" style="background-color: #444;" item-icon></paper-fab>
<paper-item-body two-line> <paper-item-body two-line>
<div>${ButtonSignOut}</div> <div>${ButtonServerDashboard}</div>
</paper-item-body> </paper-item-body>
</paper-icon-item> </paper-icon-item>
</div> </a>
</div>
<div class="adminSection hide">
<br />
<h1>${HeaderAdmin}</h1>
<div>
<a href="dashboard.html" class="clearLink">
<paper-icon-item>
<paper-fab mini icon="settings" style="background-color: #444;" item-icon></paper-fab>
<paper-item-body two-line>
<div>${ButtonServerDashboard}</div>
</paper-item-body>
</paper-icon-item>
</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

204
dashboard-ui/myprofile.html
View file

@ -1,111 +1,103 @@
<!DOCTYPE html> <div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="jqmcollapsible,scripts/myprofile,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="userImagePage" data-role="page" class="page libraryPage userPreferencesPage userPasswordPage noSecondaryNavPage" data-title="${HeaderProfile}" data-require="jqmcollapsible,scripts/myprofile,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<br /> <br />
<div class="readOnlyContent" style="margin: 0 auto; padding: 0 1em;"> <div class="readOnlyContent" style="margin: 0 auto; padding: 0 1em;">
<div id="fldImage" style="display:inline-block;"></div> <div id="fldImage" style="display:inline-block;"></div>
<div style="vertical-align:top;margin: .5em 0 0 1em;display:inline-block;"> <div style="vertical-align:top;margin: .5em 0 0 1em;display:inline-block;">
<h2 class="username" style="margin: 0;"></h2> <h2 class="username" style="margin: 0;"></h2>
<br /> <br />
<paper-button raised class="cancel hide" id="btnDeleteImage"><iron-icon icon="delete"></iron-icon><span>${ButtonDeleteImage}</span></paper-button> <paper-button raised class="cancel hide" id="btnDeleteImage"><iron-icon icon="delete"></iron-icon><span>${ButtonDeleteImage}</span></paper-button>
</div>
</div> </div>
<div class="connectMessage readOnlyContent" style="display:none;margin: 0 auto; padding: 0 1em; text-align:center;">
<p>${MessageProfileInfoSynced}</p>
<div style="margin-top: .75em;"><a href="http://emby.media/connect" target="_blank">${ButtonLearnMoreAboutEmbyConnect}</a></div>
</div>
<form class="newImageForm userProfileSettingsForm" style="display:none;margin: 1em auto 0;">
<div data-role="collapsible">
<h2 id="headerUploadNewImage" style="display: none;">${HeaderUploadNewImage}</h2>
<div>
<div id="fldNewImage">
<p>${ImageUploadAspectRatioHelp}</p>
<input type="file" accept="image/*" id="uploadUserImage" name="uploadUserImage" />
<div id="userImageDropZone" class="imageDropZone">
<h3>${LabelDropImageHere}</h3>
<output id="userImageOutput"></output>
</div>
</div>
<div id="fldNewImagePreview"></div>
<div id="fldUpload" style="display: none;">
<button type="submit" data-icon="check" data-theme="a">${ButtonUpload}</button>
</div>
</div>
</div>
</form>
<br />
<form class="updatePasswordForm passwordSection userProfileSettingsForm" style="display:none;margin: 0 auto 2em;">
<div class="detailSection">
<h1>
${HeaderPassword}
</h1>
<div class="detailSectionContent">
<div id="fldCurrentPassword" style="display: none;">
<paper-input type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off"></paper-input>
</div>
<br />
<div>
<paper-input type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off"></paper-input>
</div>
<br />
<div>
<paper-input type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off"></paper-input>
</div>
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<div id="btnResetPassword" style="display: none;">
<paper-button raised class="cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></paper-button>
</div>
</div>
</div>
</div>
</form>
<form class="localAccessForm localAccessSection userProfileSettingsForm" style="margin: 0 auto;display:none;">
<div class="detailSection">
<h1>
${HeaderEasyPinCode}
</h1>
<div class="detailSectionContent">
<br />
<div>${EasyPasswordHelp}</div>
<br />
<div>
<paper-input type="number" id="txtEasyPassword" label="${LabelEasyPinCode}" autocomplete="off" pattern="[0-9]*" step="1" maxlength="5"></paper-input>
</div>
<br />
<div>
<paper-checkbox class="chkEnableLocalEasyPassword">${LabelInNetworkSignInWithEasyPassword}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelInNetworkSignInWithEasyPasswordHelp}</div>
</div>
<br /><br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button id="btnResetEasyPassword" raised class="cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></paper-button>
</div>
</div>
</div>
</form>
</div> </div>
<div class="connectMessage readOnlyContent" style="display:none;margin: 0 auto; padding: 0 1em; text-align:center;">
<p>${MessageProfileInfoSynced}</p>
<div style="margin-top: .75em;"><a href="http://emby.media/connect" target="_blank">${ButtonLearnMoreAboutEmbyConnect}</a></div>
</div>
<form class="newImageForm userProfileSettingsForm" style="display:none;margin: 1em auto 0;">
<div data-role="collapsible">
<h2 id="headerUploadNewImage" style="display: none;">${HeaderUploadNewImage}</h2>
<div>
<div id="fldNewImage">
<p>${ImageUploadAspectRatioHelp}</p>
<input type="file" accept="image/*" id="uploadUserImage" name="uploadUserImage" />
<div id="userImageDropZone" class="imageDropZone">
<h3>${LabelDropImageHere}</h3>
<output id="userImageOutput"></output>
</div>
</div>
<div id="fldNewImagePreview"></div>
<div id="fldUpload" style="display: none;">
<button type="submit" data-icon="check" data-theme="a">${ButtonUpload}</button>
</div>
</div>
</div>
</form>
<br />
<form class="updatePasswordForm passwordSection userProfileSettingsForm" style="display:none;margin: 0 auto 2em;">
<div class="detailSection">
<h1>
${HeaderPassword}
</h1>
<div class="detailSectionContent">
<div id="fldCurrentPassword" style="display: none;">
<paper-input type="password" id="txtCurrentPassword" label="${LabelCurrentPassword}" autocomplete="off"></paper-input>
</div>
<br />
<div>
<paper-input type="password" id="txtNewPassword" label="${LabelNewPassword}" autocomplete="off"></paper-input>
</div>
<br />
<div>
<paper-input type="password" id="txtNewPasswordConfirm" label="${LabelNewPasswordConfirm}" autocomplete="off"></paper-input>
</div>
<br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<div id="btnResetPassword" style="display: none;">
<paper-button raised class="cancel block" onclick="UpdatePasswordPage.resetPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetPassword}</span></paper-button>
</div>
</div>
</div>
</div>
</form>
<form class="localAccessForm localAccessSection userProfileSettingsForm" style="margin: 0 auto;display:none;">
<div class="detailSection">
<h1>
${HeaderEasyPinCode}
</h1>
<div class="detailSectionContent">
<br />
<div>${EasyPasswordHelp}</div>
<br />
<div>
<paper-input type="number" id="txtEasyPassword" label="${LabelEasyPinCode}" autocomplete="off" pattern="[0-9]*" step="1" maxlength="5"></paper-input>
</div>
<br />
<div>
<paper-checkbox class="chkEnableLocalEasyPassword">${LabelInNetworkSignInWithEasyPassword}</paper-checkbox>
<div class="fieldDescription paperCheckboxFieldDescription">${LabelInNetworkSignInWithEasyPasswordHelp}</div>
</div>
<br /><br />
<div>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button id="btnResetEasyPassword" raised class="cancel block hide" onclick="UpdatePasswordPage.resetEasyPassword();"><iron-icon icon="lock"></iron-icon><span>${ButtonResetEasyPassword}</span></paper-button>
</div>
</div>
</div>
</form>
</div> </div>
</body> </div>
</html>

50
dashboard-ui/mysync.html
View file

@ -1,36 +1,28 @@
<!DOCTYPE html> <div id="mySyncActivityPage" data-role="page" class="page libraryPage syncActivityPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="scripts/syncactivity,scripts/taskbutton,scripts/mysync,paper-spinner,paper-fab">
<html>
<head>
<title>${TitleSync}</title>
</head>
<body>
<div id="mySyncActivityPage" data-role="page" class="page libraryPage syncActivityPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="scripts/syncactivity,scripts/taskbutton,scripts/mysync,paper-spinner,paper-fab">
<div data-role="content"> <div data-role="content">
<div class="supporterPromotionContainer" style="display:none;text-align: right;"> <div class="supporterPromotionContainer" style="display:none;text-align: right;">
<div class="customSupporterPromotion supporterPromotion inlineSupporterPromotion"> <div class="customSupporterPromotion supporterPromotion inlineSupporterPromotion">
<paper-button raised class="accent block btnSyncSupporter"> <paper-button raised class="accent block btnSyncSupporter">
<div class="mainText"> <div class="mainText">
</div> </div>
<div class="btnLearnMore" style="font-weight: normal; margin-top: .25em;"> <div class="btnLearnMore" style="font-weight: normal; margin-top: .25em;">
${ButtonLearnMore} ${ButtonLearnMore}
</div> </div>
</paper-button> </paper-button>
</div>
</div> </div>
<div class="ehsContent" style="clear:both;"> </div>
<br /> <div class="ehsContent" style="clear:both;">
<div class="localSyncStatus hide" style="text-align:right;margin:0 0 1em;"> <br />
<span style="vertical-align: middle;margin-right:.5em;" class="labelSyncStatus"></span> <div class="localSyncStatus hide" style="text-align:right;margin:0 0 1em;">
<paper-spinner class="syncSpinner" active style="vertical-align: middle;"></paper-spinner> <span style="vertical-align: middle;margin-right:.5em;" class="labelSyncStatus"></span>
<paper-fab class="btnSyncNow mini accent" icon="sync" style="margin-right:.5em;"></paper-fab> <paper-spinner class="syncSpinner" active style="vertical-align: middle;"></paper-spinner>
</div> <paper-fab class="btnSyncNow mini accent" icon="sync" style="margin-right:.5em;"></paper-fab>
<div class="syncActivity"> </div>
<div class="syncActivity">
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

26
dashboard-ui/mysyncjob.html
View file

@ -1,21 +1,13 @@
<!DOCTYPE html> <div id="mySyncJobPage" data-role="page" class="page libraryPage syncJobPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="jqmcollapsible,scripts/syncjob,paper-fab,paper-item-body,paper-icon-item" data-backbutton="true" data-menubutton="false">
<html>
<head>
<title>${TitleSync}</title>
</head>
<body>
<div id="mySyncJobPage" data-role="page" class="page libraryPage syncJobPage mySyncPage noSecondaryNavPage" data-contextname="${TitleSync}" data-require="jqmcollapsible,scripts/syncjob,paper-fab,paper-item-body,paper-icon-item" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <div data-role="content">
<div class="readOnlyContent" style="margin: 0 auto;"> <div class="readOnlyContent" style="margin: 0 auto;">
<h1>${HeaderSyncJobInfo}</h1> <h1>${HeaderSyncJobInfo}</h1>
<form class="syncJobForm"></form> <form class="syncJobForm"></form>
<br /> <br />
<br /> <br />
<div class="jobItems"></div> <div class="jobItems"></div>
</div>
</div> </div>
</div> </div>
</body> </div>
</html>

73
dashboard-ui/mysyncsettings.html
View file

@ -1,51 +1,42 @@
<!DOCTYPE html> <div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
<html> <div data-role="content">
<head> <form class="userProfileSettingsForm" style="margin: 0 auto;">
<title>Emby</title>
</head>
<body>
<div id="syncPreferencesPage" data-role="page" class="page libraryPage userPreferencesPage noSecondaryNavPage" data-title="${ButtonSyncSettings}" data-require="scripts/mysyncsettings,paper-checkbox,paper-input" data-backbutton="true" data-menubutton="false">
<div data-role="content"> <h1>
<form class="userProfileSettingsForm" style="margin: 0 auto;"> ${HeaderSync}
</h1>
<div class="detailSectionContent">
<h1> <div class="fldSyncPath hide">
${HeaderSync} <paper-input type="text" id="txtSyncPath" label="${LabelSyncPath}" style="display:inline-block;width:80%;" readonly></paper-input>
</h1> <paper-icon-button class="btnSelectSyncPath" icon="search"></paper-icon-button>
<div class="detailSectionContent">
<div class="fldSyncPath hide">
<paper-input type="text" id="txtSyncPath" label="${LabelSyncPath}" style="display:inline-block;width:80%;" readonly></paper-input>
<paper-icon-button class="btnSelectSyncPath" icon="search"></paper-icon-button>
</div>
<br />
<div>
<paper-checkbox id="chkWifi">${OptionSyncOnlyOnWifi}</paper-checkbox>
</div>
</div> </div>
<br /> <br />
<h1> <div>
${HeaderCameraUpload} <paper-checkbox id="chkWifi">${OptionSyncOnlyOnWifi}</paper-checkbox>
</h1>
<div class="detailSectionContent">
<p>${SelectCameraUploadServers}</p>
<br />
<div class="paperCheckboxList uploadServerList">
</div>
</div> </div>
</div>
<br />
<h1>
${HeaderCameraUpload}
</h1>
<div class="detailSectionContent">
<p>${SelectCameraUploadServers}</p>
<br /> <br />
<br /> <div class="paperCheckboxList uploadServerList">
<button type="submit" data-role="none" class="clearButton"> </div>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> </div>
</button>
</form> <br />
</div> <br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</form>
</div> </div>
</body> </div>
</html>

22
dashboard-ui/notificationlist.html
View file

@ -1,22 +1,14 @@
<!DOCTYPE html> <div id="notificationsPage" data-role="page" class="page type-interior" data-require="scripts/notificationlist">
<html>
<head>
<title>${TitleNotifications}</title>
</head>
<body>
<div id="notificationsPage" data-role="page" class="page type-interior" data-require="scripts/notificationlist">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div class="readOnlyContent" style="max-width:900px;"> <div class="readOnlyContent" style="max-width:900px;">
<div class="notificationsList paperList" style="margin-top: 1em;">
</div>
<div class="notificationsList paperList" style="margin-top: 1em;">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

140
dashboard-ui/notificationsetting.html
View file

@ -1,88 +1,80 @@
<!DOCTYPE html> <div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsetting,paper-input,jqmcheckbox">
<html>
<head>
<title>${TitleNotifications}</title>
</head>
<body>
<div id="notificationSettingPage" data-role="page" class="page type-interior notificationConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsetting,paper-input,jqmcheckbox">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="notificationsettings.html" data-role="button" class="ui-btn-active">${TabNotifications}</a> <a href="notificationsettings.html" data-role="button" class="ui-btn-active">${TabNotifications}</a>
<a href="appservices.html?context=notifications" data-role="button">${TabServices}</a> <a href="appservices.html?context=notifications" data-role="button">${TabServices}</a>
</div>
<h2 class="notificationType" style="margin-bottom: 0;"></h2>
<form class="notificationSettingForm">
<ul data-role="listview" class="ulForm">
<li>
<input type="checkbox" id="chkEnabled" data-mini="true" />
<label for="chkEnabled">${LabelNotificationEnabled}</label>
</li>
</ul>
<div class="monitorUsers" style="display: none;">
<label>${LabelMonitorUsers}</label>
<div class="monitorUsersList">
</div>
<br />
<br />
</div> </div>
<h2 class="notificationType" style="margin-bottom: 0;"></h2> <div>
<form class="notificationSettingForm">
<ul data-role="listview" class="ulForm">
<li>
<input type="checkbox" id="chkEnabled" data-mini="true" />
<label for="chkEnabled">${LabelNotificationEnabled}</label>
</li>
</ul>
<div class="monitorUsers" style="display: none;">
<label>${LabelMonitorUsers}</label>
<div class="monitorUsersList">
</div>
<br />
<br />
</div>
<div> <div>
<div> <label for="selectUsers" class="selectLabel">${LabelSendNotificationToUsers}</label>
<label for="selectUsers" class="selectLabel">${LabelSendNotificationToUsers}</label> <select id="selectUsers">
<select id="selectUsers"> <option value="All">${OptionAllUsers}</option>
<option value="All">${OptionAllUsers}</option> <option value="Admins">${OptionAdminUsers}</option>
<option value="Admins">${OptionAdminUsers}</option> <option value="Custom">${OptionCustomUsers}</option>
<option value="Custom">${OptionCustomUsers}</option> </select>
</select>
</div>
<div class="selectCustomUsers" style="display: none;">
<br />
<label>${LabelSelectUsers}</label>
<div class="sendToUsersList">
</div>
</div>
<br />
<br />
</div> </div>
<div class="selectCustomUsers" style="display: none;">
<div>
<label>${LabelUseNotificationServices}</label>
<div class="servicesList">
</div>
<div class="fieldDescription">${AdditionalNotificationServices}</div>
<br /> <br />
<label>${LabelSelectUsers}</label>
<div class="sendToUsersList">
</div>
</div> </div>
<br /> <br />
<ul data-role="listview" class="ulForm"> <br />
<li> </div>
<paper-input id="txtTitle" type="text" required label="${LabelMessageTitle}"></paper-input>
<div class="fieldDescription tokenHelp">
<div>${LabelAvailableTokens}</div>
<div class="tokenList" style="margin-top: .5em;"></div>
</div>
</li>
<li>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button> <div>
</li> <label>${LabelUseNotificationServices}</label>
<div class="servicesList">
</div>
<div class="fieldDescription">${AdditionalNotificationServices}</div>
<br />
</div>
</ul> <br />
</form> <ul data-role="listview" class="ulForm">
<li>
<paper-input id="txtTitle" type="text" required label="${LabelMessageTitle}"></paper-input>
<div class="fieldDescription tokenHelp">
<div>${LabelAvailableTokens}</div>
<div class="tokenList" style="margin-top: .5em;"></div>
</div>
</li>
<li>
<br />
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
<paper-button raised class="cancel block btnCancel" onclick="history.back();"><iron-icon icon="close"></iron-icon><span>${ButtonCancel}</span></paper-button>
</li>
</ul>
</form>
</div>
</div> </div>
</div> </div>
</body> </div>
</html>

36
dashboard-ui/notificationsettings.html
View file

@ -1,29 +1,21 @@
<!DOCTYPE html> <div id="notificationSettingsPage" data-role="page" class="page type-interior notificationConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsettings">
<html>
<head>
<title>${TitleNotifications}</title>
</head>
<body>
<div id="notificationSettingsPage" data-role="page" class="page type-interior notificationConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Notifications" data-require="scripts/notificationsettings">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabNotifications}</a> <a href="#" data-role="button" class="ui-btn-active">${TabNotifications}</a>
<a href="appservices.html?context=notifications" data-role="button">${TabServices}</a> <a href="appservices.html?context=notifications" data-role="button">${TabServices}</a>
</div>
<div class="readOnlyContent">
<p>${HeaderNotificationList}</p>
<p>${HeaderSendNotificationHelp}</p>
<div class="notificationList" style="margin-top: 2em;">
</div> </div>
<div class="readOnlyContent">
<p>${HeaderNotificationList}</p>
<p>${HeaderSendNotificationHelp}</p>
<div class="notificationList" style="margin-top: 2em;">
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

248
dashboard-ui/nowplaying.html
View file

@ -1,145 +1,137 @@
<!DOCTYPE html> <div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage noSecondaryNavPage selfBackdropPage" data-contextname="${TitleRemoteControl}" data-theme="b" data-require="scripts/nowplayingpage,paper-tabs,paper-icon-button,paper-slider">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage noSecondaryNavPage selfBackdropPage" data-contextname="${TitleRemoteControl}" data-theme="b" data-require="scripts/nowplayingpage,paper-tabs,paper-icon-button,paper-slider">
<div class="remoteControlContent"> <div class="remoteControlContent">
<div style="background: #080808;"> <div style="background: #080808;">
<paper-icon-button icon="arrow-back" class="btnExitRemoteControl" style="position: absolute; top: .5em; left: .5em; z-index: 1;" tabindex="-1"></paper-icon-button> <paper-icon-button icon="arrow-back" class="btnExitRemoteControl" style="position: absolute; top: .5em; left: .5em; z-index: 1;" tabindex="-1"></paper-icon-button>
<div style="float: right; position: absolute; top: .5em; right: .5em; text-align: right;" class="topRightContainer"> <div style="float: right; position: absolute; top: .5em; right: .5em; text-align: right;" class="topRightContainer">
<span class="nowPlayingSelectedPlayer"></span> <span class="nowPlayingSelectedPlayer"></span>
<paper-icon-button icon="cast" class="nowPlayingCastIcon" style="vertical-align:middle;z-index:1;" tabindex="-1"></paper-icon-button> <paper-icon-button icon="cast" class="nowPlayingCastIcon" style="vertical-align:middle;z-index:1;" tabindex="-1"></paper-icon-button>
</div>
</div>
<div class="libraryViewNav hide" style="position: static;">
<div>
<a href="#" data-index="0">${TabNowPlaying}</a>
<a href="#" data-index="1">${TabControls}</a>
<a href="#" data-index="2">${TabPlaylist}</a>
</div>
</div>
<div class="nowPlayingPageTab hide" data-tab="0">
<div style="text-align:center;">
<div class="nowPlayingPageTitle" style="line-height: normal;">
</div>
<div class="nowPlayingInfoMetadata">
<div class="nowPlayingPageImage" style="margin: 1em auto;"></div>
<div class="nowPlayingPageTimeContainer">
<div>
<paper-slider pin step="1" min="0" max="100" value="0" class="nowPlayingPositionSlider" style="width: 100%;"></paper-slider>
</div>
<div style="text-align:left;">
<div class="positionTime" style="float:left;"></div>
<div class="runtime" style="float: right;"></div>
</div>
</div>
</div>
<div class="nowPlayingInfoButtons">
<div>
<paper-fab icon="skip-previous" class="btnPreviousTrack btnPlayStateCommand subdued" title="${ButtonPreviousTrack}"></paper-fab>
<paper-fab icon="pause" class="btnPause btnPlayStateCommand subdued" title="${ButtonPause}"></paper-fab>
<paper-fab icon="play-arrow" class="btnPlay btnPlayStateCommand subdued" title="${ButtonPlay}"></paper-fab>
<paper-fab icon="stop" class="btnPlayStateCommand btnStop subdued" title="${ButtonStop}"></paper-fab>
<paper-fab icon="skip-next" class="btnPlayStateCommand btnNextTrack subdued" title="${ButtonNextTrack}"></paper-fab>
</div>
<div class="buttonsRow2">
<paper-fab icon="audiotrack" class="btnAudioTracks videoButton btnPlayStateCommand subdued" title="${ButtonAudioTracks}" data-command="GoToSearch"></paper-fab>
<paper-fab icon="closed-caption" class="btnSubtitles videoButton btnPlayStateCommand subdued" title="${ButtonSubtitles}" data-command="GoToSearch"></paper-fab>
<paper-fab icon="movie" class="btnChapters videoButton btnPlayStateCommand subdued" title="${ButtonScenes}" data-command="GoToSearch"></paper-fab>
<paper-fab icon="fullscreen" class="btnToggleFullscreen videoButton btnPlayStateCommand subdued" title="${ButtonFullscreen}" data-command="ToggleFullscreen"></paper-fab>
</div>
<div>
<paper-fab icon="repeat" class="btnCommand subdued repeatToggleButton" title="${ButtonRepeat}" data-command="SetRepeatMode"></paper-fab>
<paper-fab icon="volume-off" class="btnCommand subdued volumeButton" title="${ButtonMute}" data-command="ToggleMute"></paper-fab>
<paper-fab icon="volume-down" class="btnCommand subdued volumeButton" title="${ButtonVolumeDown}" data-command="VolumeDown"></paper-fab>
<paper-fab icon="volume-up" class="btnCommand subdued volumeButton" title="${ButtonVolumeUp}" data-command="VolumeUp"></paper-fab>
</div>
<div class="nowPlayingPageUserDataButtons" style="margin-top:1em;">
</div>
</div> </div>
</div> </div>
<div class="libraryViewNav hide" style="position: static;"> </div>
<div class="nowPlayingPageTab hide" data-tab="1">
<div style="text-align:center;">
<div> <div>
<a href="#" data-index="0">${TabNowPlaying}</a> <paper-fab icon="keyboard-arrow-up" class="btnArrowUp btnCommand subdued" title="${ButtonArrowUp}" data-command="MoveUp"></paper-fab>
<a href="#" data-index="1">${TabControls}</a> </div>
<a href="#" data-index="2">${TabPlaylist}</a> <div>
<paper-fab icon="keyboard-arrow-left" class="btnArrowLeft btnCommand subdued" title="${ButtonArrowLeft}" data-command="MoveLeft"></paper-fab>
<paper-fab icon="check" class="btnOk btnCommand subdued" title="${ButtonOk}" data-command="Select"></paper-fab>
<paper-fab icon="keyboard-arrow-right" class="btnArrowRight btnCommand subdued" title="${ButtonArrowRight}" data-command="MoveRight"></paper-fab>
</div>
<div>
<paper-fab icon="keyboard-arrow-down" class="btnArrowDown btnCommand subdued" title="${ButtonArrowDown}" data-command="MoveDown"></paper-fab>
</div>
<div>
<paper-fab icon="arrow-back" class="btnBack btnCommand subdued" title="${ButtonBack}" data-command="Back"></paper-fab>
<paper-fab icon="info" class="btnInfo btnCommand subdued" title="${ButtonInfo}" data-command="ToggleContextMenu"></paper-fab>
</div>
<br />
<div>
<paper-fab icon="home" class="btnGoHome btnCommand subdued" title="${ButtonHome}" data-command="GoHome"></paper-fab>
<paper-fab icon="search" class="btnShowSearch btnCommand subdued" title="${ButtonSearch}" data-command="GoToSearch"></paper-fab>
</div>
<div>
<paper-fab icon="settings" class="bthShowSettings btnCommand subdued" title="${ButtonSettings}" data-command="GoToSettings"></paper-fab>
<paper-fab icon="videocam" class="btnScreenshot btnCommand subdued" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot"></paper-fab>
</div> </div>
</div> </div>
<div class="readOnlyContent" style="margin: 2em auto 0; padding: 0 1em 100px;">
<div class="nowPlayingPageTab hide" data-tab="0"> <div class="sendMessageSection">
<div style="text-align:center;"> <br /><h1>${HeaderSendMessage}</h1>
<div class="nowPlayingPageTitle" style="line-height: normal;"> <div style="text-align: left;">
</div> <form class="sendMessageForm">
<div class="nowPlayingInfoMetadata">
<div class="nowPlayingPageImage" style="margin: 1em auto;"></div>
<div class="nowPlayingPageTimeContainer">
<div> <div>
<paper-slider pin step="1" min="0" max="100" value="0" class="nowPlayingPositionSlider" style="width: 100%;"></paper-slider> <paper-input class="sendMessageElement" type="text" id="txtMessageTitle" label="${LabelMessageTitle}" required></paper-input>
</div> </div>
<div style="text-align:left;"> <br />
<div class="positionTime" style="float:left;"></div> <div>
<div class="runtime" style="float: right;"></div> <paper-input class="sendMessageElement" type="text" id="txtMessageText" label="${LabelMessageText}" required></paper-input>
</div> </div>
</div> <p>
<button class="sendMessageElement clearButton" type="submit" data-role="none" style="display:block;"><paper-button class="sendMessageElement accent" type="submit" raised style="display:block;">${ButtonSend}</paper-button></button>
</p>
</form>
</div> </div>
<div class="nowPlayingInfoButtons"> </div>
<div class="sendTextSection">
<div> <br /><h1>${HeaderTypeText}</h1>
<div style="text-align: left;">
<paper-fab icon="skip-previous" class="btnPreviousTrack btnPlayStateCommand subdued" title="${ButtonPreviousTrack}"></paper-fab> <form class="typeTextForm">
<paper-fab icon="pause" class="btnPause btnPlayStateCommand subdued" title="${ButtonPause}"></paper-fab> <div>
<paper-fab icon="play-arrow" class="btnPlay btnPlayStateCommand subdued" title="${ButtonPlay}"></paper-fab> <paper-input class="typeTextElement" type="text" id="txtTypeText" label="${LabelTypeText}" required></paper-input>
<paper-fab icon="stop" class="btnPlayStateCommand btnStop subdued" title="${ButtonStop}"></paper-fab> </div>
<paper-fab icon="skip-next" class="btnPlayStateCommand btnNextTrack subdued" title="${ButtonNextTrack}"></paper-fab> <p>
</div> <button class="typeTextElement clearButton" type="submit" data-role="none" style="display:block;"><paper-button class="typeTextElement accent" type="submit" raised style="display:block;">${ButtonSend}</paper-button></button>
<div class="buttonsRow2"> </p>
</form>
<paper-fab icon="audiotrack" class="btnAudioTracks videoButton btnPlayStateCommand subdued" title="${ButtonAudioTracks}" data-command="GoToSearch"></paper-fab>
<paper-fab icon="closed-caption" class="btnSubtitles videoButton btnPlayStateCommand subdued" title="${ButtonSubtitles}" data-command="GoToSearch"></paper-fab>
<paper-fab icon="movie" class="btnChapters videoButton btnPlayStateCommand subdued" title="${ButtonScenes}" data-command="GoToSearch"></paper-fab>
<paper-fab icon="fullscreen" class="btnToggleFullscreen videoButton btnPlayStateCommand subdued" title="${ButtonFullscreen}" data-command="ToggleFullscreen"></paper-fab>
</div>
<div>
<paper-fab icon="repeat" class="btnCommand subdued repeatToggleButton" title="${ButtonRepeat}" data-command="SetRepeatMode"></paper-fab>
<paper-fab icon="volume-off" class="btnCommand subdued volumeButton" title="${ButtonMute}" data-command="ToggleMute"></paper-fab>
<paper-fab icon="volume-down" class="btnCommand subdued volumeButton" title="${ButtonVolumeDown}" data-command="VolumeDown"></paper-fab>
<paper-fab icon="volume-up" class="btnCommand subdued volumeButton" title="${ButtonVolumeUp}" data-command="VolumeUp"></paper-fab>
</div>
<div class="nowPlayingPageUserDataButtons" style="margin-top:1em;">
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="nowPlayingPageTab hide" data-tab="1">
<div style="text-align:center;">
<div>
<paper-fab icon="keyboard-arrow-up" class="btnArrowUp btnCommand subdued" title="${ButtonArrowUp}" data-command="MoveUp"></paper-fab>
</div>
<div>
<paper-fab icon="keyboard-arrow-left" class="btnArrowLeft btnCommand subdued" title="${ButtonArrowLeft}" data-command="MoveLeft"></paper-fab>
<paper-fab icon="check" class="btnOk btnCommand subdued" title="${ButtonOk}" data-command="Select"></paper-fab>
<paper-fab icon="keyboard-arrow-right" class="btnArrowRight btnCommand subdued" title="${ButtonArrowRight}" data-command="MoveRight"></paper-fab>
</div>
<div>
<paper-fab icon="keyboard-arrow-down" class="btnArrowDown btnCommand subdued" title="${ButtonArrowDown}" data-command="MoveDown"></paper-fab>
</div>
<div>
<paper-fab icon="arrow-back" class="btnBack btnCommand subdued" title="${ButtonBack}" data-command="Back"></paper-fab>
<paper-fab icon="info" class="btnInfo btnCommand subdued" title="${ButtonInfo}" data-command="ToggleContextMenu"></paper-fab>
</div>
<br />
<div>
<paper-fab icon="home" class="btnGoHome btnCommand subdued" title="${ButtonHome}" data-command="GoHome"></paper-fab>
<paper-fab icon="search" class="btnShowSearch btnCommand subdued" title="${ButtonSearch}" data-command="GoToSearch"></paper-fab>
</div>
<div>
<paper-fab icon="settings" class="bthShowSettings btnCommand subdued" title="${ButtonSettings}" data-command="GoToSettings"></paper-fab>
<paper-fab icon="videocam" class="btnScreenshot btnCommand subdued" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot"></paper-fab>
</div>
</div>
<div class="readOnlyContent" style="margin: 2em auto 0; padding: 0 1em 100px;">
<div class="sendMessageSection">
<br /><h1>${HeaderSendMessage}</h1>
<div style="text-align: left;">
<form class="sendMessageForm">
<div>
<paper-input class="sendMessageElement" type="text" id="txtMessageTitle" label="${LabelMessageTitle}" required></paper-input>
</div>
<br />
<div>
<paper-input class="sendMessageElement" type="text" id="txtMessageText" label="${LabelMessageText}" required></paper-input>
</div>
<p>
<button class="sendMessageElement clearButton" type="submit" data-role="none" style="display:block;"><paper-button class="sendMessageElement accent" type="submit" raised style="display:block;">${ButtonSend}</paper-button></button>
</p>
</form>
</div>
</div>
<div class="sendTextSection">
<br /><h1>${HeaderTypeText}</h1>
<div style="text-align: left;">
<form class="typeTextForm">
<div>
<paper-input class="typeTextElement" type="text" id="txtTypeText" label="${LabelTypeText}" required></paper-input>
</div>
<p>
<button class="typeTextElement clearButton" type="submit" data-role="none" style="display:block;"><paper-button class="typeTextElement accent" type="submit" raised style="display:block;">${ButtonSend}</paper-button></button>
</p>
</form>
</div>
</div>
</div>
</div>
<div class="nowPlayingPageTab hide" data-tab="2">
<div class="playlist itemsContainer" style="max-width: 800px; margin: 3em auto 0; padding-bottom: 200px;">
</div>
</div>
<paper-tabs class="nowPlayingPagePaperTabs bottom hide" alignbottom hidescrollbuttons noink disabledrag>
<paper-tab>${TabNowPlaying}</paper-tab>
<paper-tab>${TabControls}</paper-tab>
<paper-tab>${TabPlaylist}</paper-tab>
</paper-tabs>
</div> </div>
<div data-role="content" style="overflow:visible;"> <div class="nowPlayingPageTab hide" data-tab="2">
<div class="playlist itemsContainer" style="max-width: 800px; margin: 3em auto 0; padding-bottom: 200px;">
</div>
</div> </div>
<paper-tabs class="nowPlayingPagePaperTabs bottom hide" alignbottom hidescrollbuttons noink disabledrag>
<paper-tab>${TabNowPlaying}</paper-tab>
<paper-tab>${TabControls}</paper-tab>
<paper-tab>${TabPlaylist}</paper-tab>
</paper-tabs>
</div> </div>
</body> <div data-role="content" style="overflow:visible;">
</html>
</div>
</div>

80
dashboard-ui/photos.html
View file

@ -1,56 +1,48 @@
<!DOCTYPE html> <div id="photosPage" data-role="page" data-dom-cache="true" class="page libraryPage pageWithAbsoluteTabs" data-require="scripts/photos,paper-tabs,neon-animated-pages">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="photosPage" data-role="page" data-dom-cache="true" class="page libraryPage pageWithAbsoluteTabs" data-require="scripts/photos,paper-tabs,neon-animated-pages">
<div class="libraryViewNav scopedLibraryViewNav libraryViewNavWithMinHeight"> <div class="libraryViewNav scopedLibraryViewNav libraryViewNavWithMinHeight">
<paper-tabs hidescrollbuttons noink> <paper-tabs hidescrollbuttons noink>
<paper-tab>${TabAlbums}</paper-tab> <paper-tab>${TabAlbums}</paper-tab>
<paper-tab>${TabPhotos}</paper-tab> <paper-tab>${TabPhotos}</paper-tab>
<paper-tab>${TabVideos}</paper-tab> <paper-tab>${TabVideos}</paper-tab>
</paper-tabs> </paper-tabs>
<div class="legacyTabs"> <div class="legacyTabs">
<a href="photos.html" class="lnkPhotoAlbums">${TabAlbums}</a> <a href="photos.html" class="lnkPhotoAlbums">${TabAlbums}</a>
<a href="photos.html?tab=1" class="lnkPhotos">${TabPhotos}</a> <a href="photos.html?tab=1" class="lnkPhotos">${TabPhotos}</a>
<a href="photos.html?tab=2" class="lnkVideos">${TabVideos}</a> <a href="photos.html?tab=2" class="lnkVideos">${TabVideos}</a>
</div>
</div> </div>
</div>
<neon-animated-pages> <neon-animated-pages>
<neon-animatable> <neon-animatable>
<div class="pageTabContent albumTabContent"> <div class="pageTabContent albumTabContent">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
<div class="pageTabContent photoTabContent">
<div class="viewSettings"> <div class="viewSettings">
<div class="listTopPaging"> <div class="listTopPaging">
</div> </div>
</div> </div>
<div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div> <div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div> </div>
<neon-animatable> </neon-animatable>
</neon-animatable> <div class="pageTabContent photoTabContent">
<neon-animatable> <div class="viewSettings">
<div class="pageTabContent videoTabContent"> <div class="listTopPaging">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div> </div>
</neon-animatable> </div>
</neon-animated-pages> <div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
<div data-role="content">
</div> </div>
<neon-animatable>
</neon-animatable>
<neon-animatable>
<div class="pageTabContent videoTabContent">
<div class="viewSettings">
<div class="listTopPaging">
</div>
</div>
<div class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
</div>
</neon-animatable>
</neon-animated-pages>
<div data-role="content">
</div> </div>
</body> </div>
</html>

88
dashboard-ui/playbackconfiguration.html
View file

@ -1,57 +1,49 @@
<!DOCTYPE html> <div id="playbackConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage" data-require="scripts/playbackconfiguration,paper-input">
<html>
<head>
<title>${TitlePlayback}</title>
</head>
<body>
<div id="playbackConfigurationPage" data-role="page" class="page type-interior playbackConfigurationPage" data-require="scripts/playbackconfiguration,paper-input">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabGeneral}</a> <a href="#" data-role="button" class="ui-btn-active">${TabGeneral}</a>
<a href="cinemamodeconfiguration.html" data-role="button">${TabCinemaMode}</a> <a href="cinemamodeconfiguration.html" data-role="button">${TabCinemaMode}</a>
<a href="streamingsettings.html" data-role="button">${TabStreaming}</a> <a href="streamingsettings.html" data-role="button">${TabStreaming}</a>
<a href="encodingsettings.html" data-role="button">${TabTranscoding}</a> <a href="encodingsettings.html" data-role="button">${TabTranscoding}</a>
</div> </div>
<form class="playbackConfigurationForm"> <form class="playbackConfigurationForm">
<h2>${HeaderResumeSettings}</h2> <h2>${HeaderResumeSettings}</h2>
<div> <div>
<ul data-role="listview" class="ulForm">
<li>
<paper-input type="number" id="txtMinResumePct" name="txtMinResumePct" pattern="[0-9]*" required min="0" max="100" label="${LabelMinResumePercentage}"></paper-input>
<div class="fieldDescription">
${LabelMinResumePercentageHelp}
</div>
</li>
<li>
<paper-input type="number" id="txtMaxResumePct" name="txtMaxResumePct" pattern="[0-9]*" required min="1" max="100" label="${LabelMaxResumePercentage}"></paper-input>
<div class="fieldDescription">
${LabelMaxResumePercentageHelp}
</div>
</li>
<li>
<paper-input type="number" id="txtMinResumeDuration" name="txtMinResumeDuration" pattern="[0-9]*" required min="0" label="${LabelMinResumeDuration}"></paper-input>
<div class="fieldDescription">
${LabelMinResumeDurationHelp}
</div>
</li>
</ul>
</div>
<br />
<ul data-role="listview" class="ulForm"> <ul data-role="listview" class="ulForm">
<li> <li>
<button type="submit" data-role="none" class="clearButton"> <paper-input type="number" id="txtMinResumePct" name="txtMinResumePct" pattern="[0-9]*" required min="0" max="100" label="${LabelMinResumePercentage}"></paper-input>
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button> <div class="fieldDescription">
</button> ${LabelMinResumePercentageHelp}
</div>
</li>
<li>
<paper-input type="number" id="txtMaxResumePct" name="txtMaxResumePct" pattern="[0-9]*" required min="1" max="100" label="${LabelMaxResumePercentage}"></paper-input>
<div class="fieldDescription">
${LabelMaxResumePercentageHelp}
</div>
</li>
<li>
<paper-input type="number" id="txtMinResumeDuration" name="txtMinResumeDuration" pattern="[0-9]*" required min="0" label="${LabelMinResumeDuration}"></paper-input>
<div class="fieldDescription">
${LabelMinResumeDurationHelp}
</div>
</li> </li>
</ul> </ul>
</form> </div>
</div> <br />
<ul data-role="listview" class="ulForm">
<li>
<button type="submit" data-role="none" class="clearButton">
<paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>${ButtonSave}</span></paper-button>
</button>
</li>
</ul>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

28
dashboard-ui/playlists.html
View file

@ -1,23 +1,15 @@
<!DOCTYPE html> <div id="playlistsPage" data-dom-cache="true" data-role="page" class="page libraryPage noSecondaryNavPage" data-require="scripts/playlists" data-title="${HeaderPlaylists}">
<html>
<head>
<title>Emby</title>
</head>
<body>
<div id="playlistsPage" data-dom-cache="true" data-role="page" class="page libraryPage noSecondaryNavPage" data-require="scripts/playlists" data-title="${HeaderPlaylists}">
<div data-role="content"> <div data-role="content">
<div class="viewSettings"> <div class="viewSettings">
<div class="listTopPaging"> <div class="listTopPaging">
&nbsp; &nbsp;
</div>
</div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
<div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoPlaylistsAvailable}</p>
</div> </div>
</div> </div>
<div id="items" class="itemsContainer paddedItemsContainer" style="text-align:center;"></div>
<div class="noItemsMessage" style="display: none; text-align: center;">
<p>${MessageNoPlaylistsAvailable}</p>
</div>
</div> </div>
</body> </div>
</html>

86
dashboard-ui/plugincatalog.html
View file

@ -1,50 +1,42 @@
<!DOCTYPE html> <div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/ratingdialog,scripts/plugincatalogpage,jqmcheckbox">
<html> <div data-role="content">
<head> <div class="content-primary">
<title>${TitlePlugins}</title> <div data-role="controlgroup" data-type="horizontal" data-mini="true">
</head> <a href="plugins.html" data-role="button">${TabMyPlugins}</a>
<body> <a href="#" data-role="button" class="ui-btn-active">${TabCatalog}</a>
<div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/ratingdialog,scripts/plugincatalogpage,jqmcheckbox"> <a href="channelsettings.html" data-role="button">${TabChannels}</a>
<div data-role="content">
<div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" data-mini="true">
<a href="plugins.html" data-role="button">${TabMyPlugins}</a>
<a href="#" data-role="button" class="ui-btn-active">${TabCatalog}</a>
<a href="channelsettings.html" data-role="button">${TabChannels}</a>
</div>
<br />
<div>
<div style="display:inline-block;vertical-align:middle;">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>${LabelDisplayPluginsFor}</legend>
<input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioServer" value="Server" data-mini="true">
<label for="radioServer">${TabServer}</label>
<input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioClassic" value="MBClassic" data-mini="true">
<label for="radioClassic">${PluginTabAppClassic}</label>
</fieldset>
</div>
<div style="display:inline-block;vertical-align:bottom;" class="optionAdultContainer">
<div style="margin-left:1em;">
<label for="chkAdult">${OptionDisplayAdultContent}</label>
<input id="chkAdult" type="checkbox" data-mini="true" data-inline="true" />
</div>
</div>
</div>
<br />
<br />
<p style="display: none;">
<input class="chkPremiumFilter" type="checkbox" data-mini="true" data-inline="true" name="chkPremium" id="chkPremium" data-filter="IsPremium" />
<label for="chkPremium">Free Only</label>
</p>
<div id="noPlugins" class="hide">
<div style="text-align: center; margin: 10px;">${MessageNoAvailablePlugins}</div>
</div>
<div id="pluginTiles" style="text-align:left;"></div>
</div> </div>
<br />
<div>
<div style="display:inline-block;vertical-align:middle;">
<fieldset data-role="controlgroup" data-type="horizontal">
<legend>${LabelDisplayPluginsFor}</legend>
<input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioServer" value="Server" data-mini="true">
<label for="radioServer">${TabServer}</label>
<input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioClassic" value="MBClassic" data-mini="true">
<label for="radioClassic">${PluginTabAppClassic}</label>
</fieldset>
</div>
<div style="display:inline-block;vertical-align:bottom;" class="optionAdultContainer">
<div style="margin-left:1em;">
<label for="chkAdult">${OptionDisplayAdultContent}</label>
<input id="chkAdult" type="checkbox" data-mini="true" data-inline="true" />
</div>
</div>
</div>
<br />
<br />
<p style="display: none;">
<input class="chkPremiumFilter" type="checkbox" data-mini="true" data-inline="true" name="chkPremium" id="chkPremium" data-filter="IsPremium" />
<label for="chkPremium">Free Only</label>
</p>
<div id="noPlugins" class="hide">
<div style="text-align: center; margin: 10px;">${MessageNoAvailablePlugins}</div>
</div>
<div id="pluginTiles" style="text-align:left;"></div>
</div> </div>
</div> </div>
</body> </div>
</html>

28
dashboard-ui/plugins.html
View file

@ -1,22 +1,14 @@
<!DOCTYPE html> <div id="pluginsPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/pluginspage">
<html>
<head>
<title>${TitlePlugins}</title>
</head>
<body>
<div id="pluginsPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/pluginspage">
<div data-role="content"> <div data-role="content">
<div class="content-primary"> <div class="content-primary">
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true"> <div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
<a href="#" data-role="button" class="ui-btn-active">${TabMyPlugins}</a> <a href="#" data-role="button" class="ui-btn-active">${TabMyPlugins}</a>
<a href="plugincatalog.html" data-role="button">${TabCatalog}</a> <a href="plugincatalog.html" data-role="button">${TabCatalog}</a>
<a href="channelsettings.html" data-role="button">${TabChannels}</a> <a href="channelsettings.html" data-role="button">${TabChannels}</a>
</div>
<div class="installedPlugins"></div>
</div> </div>
<div class="installedPlugins"></div>
</div> </div>
</div> </div>
</body> </div>
</html>

510
dashboard-ui/reports.html
View file

@ -1,275 +1,267 @@
<!DOCTYPE html> <div id="libraryReportManagerPage" data-role="page" class="page libraryPage noSecondaryNavPage reportsPage" data-contextname="${HeaderReports}" data-require="jqmcheckbox,jqmcontrolgroup,jqmpanel,jqmcollapsible,jqmtable,scripts/reports,detailtablecss">
<html> <div data-role="content">
<head> <div style="text-align: center;">
<title>Emby</title> <div class="viewControls">
</head> <span style="margin-right: 10px; vertical-align: middle;">${LabelReport}</span>
<body> <div style="display: inline-block;">
<div id="libraryReportManagerPage" data-role="page" class="page libraryPage noSecondaryNavPage reportsPage" data-contextname="${HeaderReports}" data-require="jqmcheckbox,jqmcontrolgroup,jqmpanel,jqmcollapsible,jqmtable,scripts/reports,detailtablecss"> <select data-mini="true" data-inline="true" id="selectViewType">
<div data-role="content"> <option value="ReportData">${OptionReportList}</option>
<div style="text-align: center;"> <option value="ReportStatistics">${OptionReportStatistics}</option>
<div class="viewControls"> <option value="ReportActivities">${OptionReportActivities}</option>
<span style="margin-right: 10px; vertical-align: middle;">${LabelReport}</span> </select>
<div style="display: inline-block;">
<select data-mini="true" data-inline="true" id="selectViewType">
<option value="ReportData">${OptionReportList}</option>
<option value="ReportStatistics">${OptionReportStatistics}</option>
<option value="ReportActivities">${OptionReportActivities}</option>
</select>
</div>
<div style="display: inline-block;" id="selectIncludeItemTypesBox">
<select data-mini="true" data-inline="true" id="selectIncludeItemTypes" name="selectIncludeItemTypes">
<option value="MusicAlbum">${OptionReportAlbums}</option>
<option value="MusicArtist">${OptionReportArtists}</option>
<option value="Book">${OptionReportBooks}</option>
<option value="BoxSet">${OptionReportCollections}</option>
<option value="Episode">${OptionReportEpisodes}</option>
<option value="Game">${OptionReportGames}</option>
<option value="Video">${OptionReportHomeVideos}</option>
<option value="Movie">${OptionReportMovies}</option>
<option value="MusicVideo">${OptionReportMusicVideos}</option>
<option value="Trailer">${OptionReportTrailers}</option>
<option value="Season">${OptionReportSeasons}</option>
<option value="Series">${OptionReportSeries}</option>
<option value="Audio">${OptionReportSongs}</option>
</select>
</div>
</div> </div>
<div class="listTopPaging"> <div style="display: inline-block;" id="selectIncludeItemTypesBox">
<select data-mini="true" data-inline="true" id="selectIncludeItemTypes" name="selectIncludeItemTypes">
<option value="MusicAlbum">${OptionReportAlbums}</option>
<option value="MusicArtist">${OptionReportArtists}</option>
<option value="Book">${OptionReportBooks}</option>
<option value="BoxSet">${OptionReportCollections}</option>
<option value="Episode">${OptionReportEpisodes}</option>
<option value="Game">${OptionReportGames}</option>
<option value="Video">${OptionReportHomeVideos}</option>
<option value="Movie">${OptionReportMovies}</option>
<option value="MusicVideo">${OptionReportMusicVideos}</option>
<option value="Trailer">${OptionReportTrailers}</option>
<option value="Season">${OptionReportSeasons}</option>
<option value="Series">${OptionReportSeries}</option>
<option value="Audio">${OptionReportSongs}</option>
</select>
</div> </div>
</div> </div>
<br /> <div class="listTopPaging">
<div class="reporContainer" style="height:auto"></div>
<div class="listBottomPaging">
</div> </div>
</div>
<br />
<div class="reporContainer" style="height:auto"></div>
<div data-role="panel" id="viewPanel" class="viewPanel" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true"> <div class="listBottomPaging">
<form> </div>
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
<a href="#" id="tabView" data-role="button" class="viewTabButton ui-btn-active" data-tab="tabView">${TabView}</a> <div data-role="panel" id="viewPanel" class="viewPanel" data-theme="b" data-position="right" data-display="overlay" data-position-fixed="true">
<a href="#" id="tabFilter" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a> <form>
<div data-role="controlgroup" data-type="horizontal" data-mini="true" class="viewPanelTabs">
<a href="#" id="tabView" data-role="button" class="viewTabButton ui-btn-active" data-tab="tabView">${TabView}</a>
<a href="#" id="tabFilter" data-role="button" class="viewTabButton" data-tab="tabFilter">${TabFilter}</a>
</div>
<div class="tabView viewTab" id="tabViewBox">
<div id="selectReportGroupingBox">
<label for="selectViewGrouping">${OptionReportGrouping}</label>
<select id="selectReportGroup"></select>
<br />
</div> </div>
<div class="tabView viewTab" id="tabViewBox"> <div id="selectPageSizeBox" style="display: none;">
<div id="selectReportGroupingBox"> <label for="selectPageSize">${LabelPageSize}</label>
<label for="selectViewGrouping">${OptionReportGrouping}</label> <select id="selectPageSize" class="selectPageSize">
<select id="selectReportGroup"></select> <option value="20">20</option>
<br /> <option value="50">50</option>
</div> <option value="100">100</option>
<option value="200">200</option>
<div id="selectPageSizeBox" style="display: none;"> <option value="300">300</option>
<label for="selectPageSize">${LabelPageSize}</label> <option value="500">500</option>
<select id="selectPageSize" class="selectPageSize"> <option value="10000">10000</option>
<option value="20">20</option> </select>
<option value="50">50</option> <br />
<option value="100">100</option>
<option value="200">200</option>
<option value="300">300</option>
<option value="500">500</option>
<option value="10000">10000</option>
</select>
<br />
</div>
<div id="exportReportBox">
<fieldset>
<label>${HeaderExport}</label>
<button type="button" name="btnReportExportExcel" id="btnReportExportExcel" data-icon="arrow-d">Excel</button>
<button type="button" name="btnReportExportCsv" id="btnReportExportCsv" data-icon="arrow-d">CSV</button>
</fieldset>
<br />
</div>
<div data-role="collapsible" data-collapsed="true" class="reportsColumns" id="grpReportsColumns">
<h2>${HeaderColumns}</h2>
<button type="button" name="btnResetReportColumns" id="btnResetReportColumns" data-icon="refresh">${ButtonReset}</button>
<br />
<div class="filterOptions">
</div>
</div>
</div> </div>
<div class="tabFilter viewTab hide" id="tabFilterBox"> <div id="exportReportBox">
<fieldset data-role="controlgroup"> <fieldset>
<legend> <label>${HeaderExport}</label>
${HeaderFilters} <button type="button" name="btnReportExportExcel" id="btnReportExportExcel" data-icon="arrow-d">Excel</button>
</legend> <button type="button" name="btnReportExportCsv" id="btnReportExportCsv" data-icon="arrow-d">CSV</button>
<input class="chkStandardFilter" type="checkbox" name="chkPlayed" id="chkPlayed" data-filter="IsPlayed">
<label for="chkPlayed">${OptionPlayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkUnplayed" id="chkUnplayed" data-filter="IsUnPlayed">
<label for="chkUnplayed">${OptionUnplayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkResumable" id="chkResumable" data-filter="IsResumable">
<label for="chkResumable">${OptionResumable}</label>
<input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes">
<label for="chkLikes">${OptionLikes}</label>
<input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes">
<label for="chkDislikes">${OptionDislikes}</label>
<div id="isFavoriteDiv">
<label for="isFavorite"></label>
<select id="isFavorite" class="isFavorite">
<option value="-">${OptionFavorite}: All</option>
<option value="true">${OptionFavorite}: True</option>
<option value="false">${OptionFavorite}: False</option>
</select>
</div>
</fieldset> </fieldset>
<br /> <br />
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${LabelManagement}</h2>
<div data-role="controlgroup">
<input class="chkIsLocked" type="checkbox" id="chkIsLocked">
<label for="chkIsLocked">${OptionLocked}</label>
<input class="chkMissingOverview" type="checkbox" name="chkMissingOverview" id="chkMissingOverview">
<label for="chkMissingOverview">${OptionMissingOverview}</label>
<input class="chkMissingRating" type="checkbox" name="chkMissingRating" id="chkMissingRating">
<label for="chkMissingRating">${OptionMissingParentalRating}</label>
<input class="chkYearMismatch" type="checkbox" name="chkYearMismatch" id="chkYearMismatch">
<label for="chkYearMismatch">${OptionFileMetadataYearMismatch}</label>
<input class="chkMissingImdbId" type="checkbox" name="chkMissingImdbId" id="chkMissingImdbId">
<label for="chkMissingImdbId">${OptionMissingImdbId}</label>
<input class="chkMissingTmdbId" type="checkbox" name="chkMissingTmdbId" id="chkMissingTmdbId">
<label for="chkMissingTmdbId">${OptionMissingTmdbId}</label>
<input class="chkMissingTvdbId" type="checkbox" name="chkMissingTvdbId" id="chkMissingTvdbId">
<label for="chkMissingTvdbId">${OptionMissingTvdbId}</label>
</div>
</div>
<fieldset data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupStatus">
<legend>
${HeaderStatus}
</legend>
<input class="chkStatus" type="checkbox" name="chkStatusContinuing" id="chkStatusContinuing" data-filter="Continuing">
<label for="chkStatusContinuing">${OptionContinuing}</label>
<input class="chkStatus" type="checkbox" name="chkStatusEnded" id="chkStatusEnded" data-filter="Ended">
<label for="chkStatusEnded">${OptionEnded}</label>
</fieldset>
<div data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupAirDays">
<h2>${HeaderAirDays}</h2>
<div data-role="controlgroup">
<input class="chkAirDays" type="checkbox" name="chkSunday" id="chkSunday" data-filter="Sunday">
<label for="chkSunday">${OptionSunday}</label>
<input class="chkAirDays" type="checkbox" name="chkMonday" id="chkMonday" data-filter="Monday">
<label for="chkMonday">${OptionMonday}</label>
<input class="chkAirDays" type="checkbox" name="chkTuesday" id="chkTuesday" data-filter="Tuesday">
<label for="chkTuesday">${OptionTuesday}</label>
<input class="chkAirDays" type="checkbox" name="chkWednesday" id="chkWednesday" data-filter="Wednesday">
<label for="chkWednesday">${OptionWednesday}</label>
<input class="chkAirDays" type="checkbox" name="chkThursday" id="chkThursday" data-filter="Thursday">
<label for="chkThursday">${OptionThursday}</label>
<input class="chkAirDays" type="checkbox" name="chkFriday" id="chkFriday" data-filter="Friday">
<label for="chkFriday">${OptionFriday}</label>
<input class="chkAirDays" type="checkbox" name="chkSaturday" id="chkSaturday" data-filter="Saturday">
<label for="chkSaturday">${OptionSaturday}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupEpisodes">
<h2>${HeaderEpisodes}</h2>
<div data-role="controlgroup">
<input type="checkbox" name="chkSpecialEpisode" id="chkSpecialEpisode">
<label for="chkSpecialEpisode">${OptionSeason0}</label>
<input type="checkbox" name="chkMissingEpisode" id="chkMissingEpisode">
<label for="chkMissingEpisode">${OptionMissingEpisode}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderFeatures}</h2>
<div data-role="controlgroup">
<input class="chkFeatureFilter" type="checkbox" name="chkSubtitle" id="chkSubtitle">
<label for="chkSubtitle">${OptionHasSubtitles}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkTrailer" id="chkTrailer">
<label for="chkTrailer">${OptionHasTrailer}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkMissingTrailer" id="chkMissingTrailer">
<label for="chkMissingTrailer">${OptionNoTrailer}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkSpecialFeature" id="chkSpecialFeature">
<label for="chkSpecialFeature">${OptionHasSpecialFeatures}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkThemeSong" id="chkThemeSong">
<label for="chkThemeSong">${OptionHasThemeSong}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkThemeVideo" id="chkThemeVideo">
<label for="chkThemeVideo">${OptionHasThemeVideo}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
<h2>${HeaderParentalRatings}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
<h2>${HeaderTags}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderVideoTypes}</h2>
<div data-role="controlgroup">
<input class="chkVideoTypeFilter" type="checkbox" name="chkBluray" id="chkBluray" data-filter="Bluray">
<label for="chkBluray">${OptionBluray}</label>
<input class="chkVideoTypeFilter" type="checkbox" name="chkDvd" id="chkDvd" data-filter="Dvd">
<label for="chkDvd">${OptionDvd}</label>
<input class="chkVideoTypeFilter" type="checkbox" name="chkIso" id="chkIso" data-filter="Iso">
<label for="chkIso">${OptionIso}</label>
<input class="chkHDFilter" type="checkbox" name="chkHD" id="chkHD" data-filter="IsHD">
<label for="chkHD">${OptionIsHD}</label>
<input class="chkSDFilter" type="checkbox" name="chkSD" id="chkSD" data-filter="IsHD">
<label for="chkSD">${OptionIsSD}</label>
<input class="chk3DFilter" type="checkbox" name="chk3D" id="chk3D" data-filter="Digital3D,Sbs3D">
<label for="chk3D">${Option3D}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
<h2>${HeaderYears}</h2>
<div class="filterOptions">
</div>
</div>
</div> </div>
</form> <div data-role="collapsible" data-collapsed="true" class="reportsColumns" id="grpReportsColumns">
</div> <h2>${HeaderColumns}</h2>
<button type="button" name="btnResetReportColumns" id="btnResetReportColumns" data-icon="refresh">${ButtonReset}</button>
<br />
<div class="filterOptions">
</div>
</div>
</div>
<div class="tabFilter viewTab hide" id="tabFilterBox">
<fieldset data-role="controlgroup">
<legend>
${HeaderFilters}
</legend>
<input class="chkStandardFilter" type="checkbox" name="chkPlayed" id="chkPlayed" data-filter="IsPlayed">
<label for="chkPlayed">${OptionPlayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkUnplayed" id="chkUnplayed" data-filter="IsUnPlayed">
<label for="chkUnplayed">${OptionUnplayed}</label>
<input class="chkStandardFilter" type="checkbox" name="chkResumable" id="chkResumable" data-filter="IsResumable">
<label for="chkResumable">${OptionResumable}</label>
<input class="chkStandardFilter" type="checkbox" name="chkLikes" id="chkLikes" data-filter="Likes">
<label for="chkLikes">${OptionLikes}</label>
<input class="chkStandardFilter" type="checkbox" name="chkDislikes" id="chkDislikes" data-filter="Dislikes">
<label for="chkDislikes">${OptionDislikes}</label>
<div id="isFavoriteDiv">
<label for="isFavorite"></label>
<select id="isFavorite" class="isFavorite">
<option value="-">${OptionFavorite}: All</option>
<option value="true">${OptionFavorite}: True</option>
<option value="false">${OptionFavorite}: False</option>
</select>
</div>
</fieldset>
<br />
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${LabelManagement}</h2>
<div data-role="controlgroup">
<input class="chkIsLocked" type="checkbox" id="chkIsLocked">
<label for="chkIsLocked">${OptionLocked}</label>
<input class="chkMissingOverview" type="checkbox" name="chkMissingOverview" id="chkMissingOverview">
<label for="chkMissingOverview">${OptionMissingOverview}</label>
<input class="chkMissingRating" type="checkbox" name="chkMissingRating" id="chkMissingRating">
<label for="chkMissingRating">${OptionMissingParentalRating}</label>
<input class="chkYearMismatch" type="checkbox" name="chkYearMismatch" id="chkYearMismatch">
<label for="chkYearMismatch">${OptionFileMetadataYearMismatch}</label>
<input class="chkMissingImdbId" type="checkbox" name="chkMissingImdbId" id="chkMissingImdbId">
<label for="chkMissingImdbId">${OptionMissingImdbId}</label>
<input class="chkMissingTmdbId" type="checkbox" name="chkMissingTmdbId" id="chkMissingTmdbId">
<label for="chkMissingTmdbId">${OptionMissingTmdbId}</label>
<input class="chkMissingTvdbId" type="checkbox" name="chkMissingTvdbId" id="chkMissingTvdbId">
<label for="chkMissingTvdbId">${OptionMissingTvdbId}</label>
</div>
</div>
<fieldset data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupStatus">
<legend>
${HeaderStatus}
</legend>
<input class="chkStatus" type="checkbox" name="chkStatusContinuing" id="chkStatusContinuing" data-filter="Continuing">
<label for="chkStatusContinuing">${OptionContinuing}</label>
<input class="chkStatus" type="checkbox" name="chkStatusEnded" id="chkStatusEnded" data-filter="Ended">
<label for="chkStatusEnded">${OptionEnded}</label>
</fieldset>
<div data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupAirDays">
<h2>${HeaderAirDays}</h2>
<div data-role="controlgroup">
<input class="chkAirDays" type="checkbox" name="chkSunday" id="chkSunday" data-filter="Sunday">
<label for="chkSunday">${OptionSunday}</label>
<input class="chkAirDays" type="checkbox" name="chkMonday" id="chkMonday" data-filter="Monday">
<label for="chkMonday">${OptionMonday}</label>
<input class="chkAirDays" type="checkbox" name="chkTuesday" id="chkTuesday" data-filter="Tuesday">
<label for="chkTuesday">${OptionTuesday}</label>
<input class="chkAirDays" type="checkbox" name="chkWednesday" id="chkWednesday" data-filter="Wednesday">
<label for="chkWednesday">${OptionWednesday}</label>
<input class="chkAirDays" type="checkbox" name="chkThursday" id="chkThursday" data-filter="Thursday">
<label for="chkThursday">${OptionThursday}</label>
<input class="chkAirDays" type="checkbox" name="chkFriday" id="chkFriday" data-filter="Friday">
<label for="chkFriday">${OptionFriday}</label>
<input class="chkAirDays" type="checkbox" name="chkSaturday" id="chkSaturday" data-filter="Saturday">
<label for="chkSaturday">${OptionSaturday}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" id="GroupEpisodes">
<h2>${HeaderEpisodes}</h2>
<div data-role="controlgroup">
<input type="checkbox" name="chkSpecialEpisode" id="chkSpecialEpisode">
<label for="chkSpecialEpisode">${OptionSeason0}</label>
<input type="checkbox" name="chkMissingEpisode" id="chkMissingEpisode">
<label for="chkMissingEpisode">${OptionMissingEpisode}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderFeatures}</h2>
<div data-role="controlgroup">
<input class="chkFeatureFilter" type="checkbox" name="chkSubtitle" id="chkSubtitle">
<label for="chkSubtitle">${OptionHasSubtitles}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkTrailer" id="chkTrailer">
<label for="chkTrailer">${OptionHasTrailer}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkMissingTrailer" id="chkMissingTrailer">
<label for="chkMissingTrailer">${OptionNoTrailer}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkSpecialFeature" id="chkSpecialFeature">
<label for="chkSpecialFeature">${OptionHasSpecialFeatures}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkThemeSong" id="chkThemeSong">
<label for="chkThemeSong">${OptionHasThemeSong}</label>
<input class="chkFeatureFilter" type="checkbox" name="chkThemeVideo" id="chkThemeVideo">
<label for="chkThemeVideo">${OptionHasThemeVideo}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="genreFilters">
<h2>${HeaderGenres}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="officialRatingFilters">
<h2>${HeaderParentalRatings}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="tagFilters">
<h2>${HeaderTags}</h2>
<div class="filterOptions">
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true">
<h2>${HeaderVideoTypes}</h2>
<div data-role="controlgroup">
<input class="chkVideoTypeFilter" type="checkbox" name="chkBluray" id="chkBluray" data-filter="Bluray">
<label for="chkBluray">${OptionBluray}</label>
<input class="chkVideoTypeFilter" type="checkbox" name="chkDvd" id="chkDvd" data-filter="Dvd">
<label for="chkDvd">${OptionDvd}</label>
<input class="chkVideoTypeFilter" type="checkbox" name="chkIso" id="chkIso" data-filter="Iso">
<label for="chkIso">${OptionIso}</label>
<input class="chkHDFilter" type="checkbox" name="chkHD" id="chkHD" data-filter="IsHD">
<label for="chkHD">${OptionIsHD}</label>
<input class="chkSDFilter" type="checkbox" name="chkSD" id="chkSD" data-filter="IsHD">
<label for="chkSD">${OptionIsSD}</label>
<input class="chk3DFilter" type="checkbox" name="chk3D" id="chk3D" data-filter="Digital3D,Sbs3D">
<label for="chk3D">${Option3D}</label>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" data-mini="true" class="yearFilters">
<h2>${HeaderYears}</h2>
<div class="filterOptions">
</div>
</div>
</div>
</form>
</div> </div>
</div> </div>
</body> </div>
</html>

182
dashboard-ui/scheduledtask.html
View file

@ -1,100 +1,92 @@
<!DOCTYPE html> <div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="jqmpopup,scripts/scheduledtaskpage,paper-input">
<html> <div data-role="content">
<head> <div class="content-primary">
<title>${TitleScheduledTasks}</title>
</head>
<body>
<div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="jqmpopup,scripts/scheduledtaskpage,paper-input">
<div data-role="content">
<div class="content-primary">
<div class="readOnlyContent"> <div class="readOnlyContent">
<h2 class="taskName"></h2> <h2 class="taskName"></h2>
<p id="pTaskDescription"></p> <p id="pTaskDescription"></p>
<div> <div>
<br /> <br />
<h1 style="margin: .6em 0; vertical-align: middle; display: inline-block;"> <h1 style="margin: .6em 0; vertical-align: middle; display: inline-block;">
${HeaderTaskTriggers} ${HeaderTaskTriggers}
</h1> </h1>
<paper-button raised class="btnInvite submit mini" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}" onclick="ScheduledTaskPage.showAddTriggerPopup();"> <paper-button raised class="btnInvite submit mini" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}" onclick="ScheduledTaskPage.showAddTriggerPopup();">
<iron-icon icon="add"></iron-icon> <iron-icon icon="add"></iron-icon>
<span>${ButtonAdd}</span> <span>${ButtonAdd}</span>
</paper-button> </paper-button>
</div>
<div class="taskTriggers"></div>
</div> </div>
<div class="taskTriggers"></div>
</div> </div>
</div> </div>
<div data-role="popup" id="popupAddTrigger" class="popup" style="min-width: 300px;">
<form class="addTriggerForm">
<div class="ui-bar-a" style="text-align: center; padding: 0 20px;">
<h3>${HeaderAddScheduledTaskTrigger}</h3>
</div>
<div data-role="content">
<br />
<ul data-role="listview" class="ulForm">
<li>
<label for="selectTriggerType" class="selectLabel">${LabelTriggerType}</label>
<select id="selectTriggerType" name="selectTriggerType" onchange="ScheduledTaskPage.refreshTriggerFields(this.value);">
<option value="DailyTrigger">${OptionDaily}</option>
<option value="WeeklyTrigger">${OptionWeekly}</option>
<option value="IntervalTrigger">${OptionOnInterval}</option>
<option value="StartupTrigger">${OptionOnAppStartup}</option>
<option value="SystemEventTrigger">${OptionAfterSystemEvent}</option>
</select>
</li>
<li id="fldDayOfWeek">
<label for="selectDayOfWeek" class="selectLabel">${LabelDay}</label>
<select id="selectDayOfWeek" name="selectDayOfWeek">
<option value="Sunday">${OptionSunday}</option>
<option value="Monday">${OptionMonday}</option>
<option value="Tuesday">${OptionTuesday}</option>
<option value="Wednesday">${OptionWednesday}</option>
<option value="Thursday">${OptionThursday}</option>
<option value="Friday">${OptionFriday}</option>
<option value="Saturday">${OptionSaturday}</option>
</select>
</li>
<li id="fldTimeOfDay">
<paper-input type="time" id="txtTimeOfDay" name="txtTimeOfDay" required="required" label="${LabelTime}"></paper-input>
<div class="fieldDescription timeFieldExample"></div>
</li>
<li id="fldSelectSystemEvent">
<label for="selectSystemEvent" class="selectLabel">${LabelEvent}</label>
<select id="selectSystemEvent" name="selectSystemEvent">
<option value="WakeFromSleep">${OptionWakeFromSleep}</option>
</select>
</li>
<li id="fldSelectInterval">
<label for="selectInterval" class="selectLabel">${LabelEveryXMinutes}</label>
<select id="selectInterval">
<option value="9000000000">15 minutes</option>
<option value="18000000000">30 minutes</option>
<option value="27000000000">45 minutes</option>
<option value="36000000000">1 hour</option>
<option value="72000000000">2 hours</option>
<option value="108000000000">3 hours</option>
<option value="144000000000">4 hours</option>
<option value="216000000000">6 hours</option>
<option value="288000000000">8 hours</option>
<option value="432000000000">12 hours</option>
</select>
</li>
<li>
<paper-input id="txtTimeLimit" type="number" pattern="[0-9]*" min="1" step=".5" label="${LabelTimeLimitHours}"></paper-input>
</li>
<li>
<button type="submit" data-theme="b" data-icon="check">
${ButtonAdd}
</button>
<button type="button" data-icon="delete" onclick="$(this).parents('.popup').popup('close');">
${ButtonCancel}
</button>
</li>
</ul>
</div>
</form>
</div>
</div> </div>
</body> <div data-role="popup" id="popupAddTrigger" class="popup" style="min-width: 300px;">
</html> <form class="addTriggerForm">
<div class="ui-bar-a" style="text-align: center; padding: 0 20px;">
<h3>${HeaderAddScheduledTaskTrigger}</h3>
</div>
<div data-role="content">
<br />
<ul data-role="listview" class="ulForm">
<li>
<label for="selectTriggerType" class="selectLabel">${LabelTriggerType}</label>
<select id="selectTriggerType" name="selectTriggerType" onchange="ScheduledTaskPage.refreshTriggerFields(this.value);">
<option value="DailyTrigger">${OptionDaily}</option>
<option value="WeeklyTrigger">${OptionWeekly}</option>
<option value="IntervalTrigger">${OptionOnInterval}</option>
<option value="StartupTrigger">${OptionOnAppStartup}</option>
<option value="SystemEventTrigger">${OptionAfterSystemEvent}</option>
</select>
</li>
<li id="fldDayOfWeek">
<label for="selectDayOfWeek" class="selectLabel">${LabelDay}</label>
<select id="selectDayOfWeek" name="selectDayOfWeek">
<option value="Sunday">${OptionSunday}</option>
<option value="Monday">${OptionMonday}</option>
<option value="Tuesday">${OptionTuesday}</option>
<option value="Wednesday">${OptionWednesday}</option>
<option value="Thursday">${OptionThursday}</option>
<option value="Friday">${OptionFriday}</option>
<option value="Saturday">${OptionSaturday}</option>
</select>
</li>
<li id="fldTimeOfDay">
<paper-input type="time" id="txtTimeOfDay" name="txtTimeOfDay" required="required" label="${LabelTime}"></paper-input>
<div class="fieldDescription timeFieldExample"></div>
</li>
<li id="fldSelectSystemEvent">
<label for="selectSystemEvent" class="selectLabel">${LabelEvent}</label>
<select id="selectSystemEvent" name="selectSystemEvent">
<option value="WakeFromSleep">${OptionWakeFromSleep}</option>
</select>
</li>
<li id="fldSelectInterval">
<label for="selectInterval" class="selectLabel">${LabelEveryXMinutes}</label>
<select id="selectInterval">
<option value="9000000000">15 minutes</option>
<option value="18000000000">30 minutes</option>
<option value="27000000000">45 minutes</option>
<option value="36000000000">1 hour</option>
<option value="72000000000">2 hours</option>
<option value="108000000000">3 hours</option>
<option value="144000000000">4 hours</option>
<option value="216000000000">6 hours</option>
<option value="288000000000">8 hours</option>
<option value="432000000000">12 hours</option>
</select>
</li>
<li>
<paper-input id="txtTimeLimit" type="number" pattern="[0-9]*" min="1" step=".5" label="${LabelTimeLimitHours}"></paper-input>
</li>
<li>
<button type="submit" data-theme="b" data-icon="check">
${ButtonAdd}
</button>
<button type="button" data-icon="delete" onclick="$(this).parents('.popup').popup('close');">
${ButtonCancel}
</button>
</li>
</ul>
</div>
</form>
</div>
</div>

22
dashboard-ui/scheduledtasks.html
View file

@ -1,19 +1,11 @@
<!DOCTYPE html> <div id="scheduledTasksPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="scripts/scheduledtaskspage,humanedate">
<html> <div data-role="content">
<head> <div class="content-primary">
<title>${TitleScheduledTasks}</title>
</head>
<body>
<div id="scheduledTasksPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="scripts/scheduledtaskspage,humanedate">
<div data-role="content">
<div class="content-primary">
<div class="readOnlyContent"> <div class="readOnlyContent">
<p>${ScheduledTasksHelp}</p> <p>${ScheduledTasksHelp}</p>
<div class="divScheduledTasks"></div> <div class="divScheduledTasks"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
</body> </div>
</html>

17
dashboard-ui/scripts/aboutpage.js
View file

@ -1,12 +1,13 @@
(function ($, document) { define([], function () {
$(document).on('pageshow', "#aboutPage", function () { return function (view, params) {
var page = this; var self = this;
var elem = $('#appVersionNumber', page);
elem.html(elem.html().replace('{0}', ConnectionManager.appVersion())); view.addEventListener('viewbeforeshow', function (e) {
}); var elem = view.querySelector('#appVersionNumber');
})(jQuery, document); elem.innerHTML = elem.innerHTML.replace('{0}', ConnectionManager.appVersion());
});
}
});

2
dashboard-ui/scripts/connectlogin.js
View file

@ -35,7 +35,7 @@
var apiClient = result.ApiClient; var apiClient = result.ApiClient;
Dashboard.onServerChanged(apiClient.getCurrentUserId(), apiClient.accessToken(), apiClient); Dashboard.onServerChanged(apiClient.getCurrentUserId(), apiClient.accessToken(), apiClient);
Dashboard.navigate('index.html'); Dashboard.navigate('home.html');
} }
break; break;
case MediaBrowser.ConnectionState.ServerSignIn: case MediaBrowser.ConnectionState.ServerSignIn:

10
dashboard-ui/scripts/edititemmetadata.js
View file

@ -1,4 +1,4 @@
(function ($, document, window) { define(['historyManager'], function (historyManager) {
var currentItemId; var currentItemId;
@ -26,12 +26,13 @@
var page = this; var page = this;
MetadataEditor.setCurrentItemId(null);
$('.libraryTree', page).on('itemclicked', function (event, data) { $('.libraryTree', page).on('itemclicked', function (event, data) {
if (data.id != currentItemId) { if (data.id != currentItemId) {
//$.mobile.urlHistory.ignoreNextHashChange = true; MetadataEditor.setCurrentItemId(data.id);
window.location.hash = 'editItemMetadataPage?id=' + data.id;
reload(page); reload(page);
} }
}); });
@ -47,5 +48,4 @@
var page = this; var page = this;
}); });
})(jQuery, document, window); });

12
dashboard-ui/scripts/editorsidebar.js
View file

@ -433,8 +433,17 @@
}); });
var itemId;
function setCurrentItemId(id) {
itemId = id;
}
function getCurrentItemId() { function getCurrentItemId() {
if (itemId) {
return itemId;
}
var url = window.location.hash || window.location.href; var url = window.location.hash || window.location.href;
return getParameterByName('id', url); return getParameterByName('id', url);
@ -450,7 +459,8 @@
return ApiClient.getRootFolder(Dashboard.getCurrentUserId()); return ApiClient.getRootFolder(Dashboard.getCurrentUserId());
}, },
getCurrentItemId: getCurrentItemId getCurrentItemId: getCurrentItemId,
setCurrentItemId: setCurrentItemId
}; };
})(jQuery, document, window); })(jQuery, document, window);

10
dashboard-ui/scripts/indexpage.js
View file

@ -1,4 +1,4 @@
(function ($, document) { define(['libraryBrowser'], function (LibraryBrowser) {
var defaultFirstSection = 'smalllibrarytiles'; var defaultFirstSection = 'smalllibrarytiles';
@ -264,13 +264,12 @@
method = 'renderUpcoming'; method = 'renderUpcoming';
break; break;
default: default:
return;
break; break;
} }
require(depends, function () { require(depends, function () {
window[scope][method](page, tabContent); window[scope][method](page, tabContent);
}); });
} }
@ -281,7 +280,7 @@
var tabs = page.querySelector('paper-tabs'); var tabs = page.querySelector('paper-tabs');
var pages = page.querySelector('neon-animated-pages'); var pages = page.querySelector('neon-animated-pages');
LibraryBrowser.configurePaperLibraryTabs(page, tabs, pages, 'index.html'); LibraryBrowser.configurePaperLibraryTabs(page, tabs, pages, 'home.html');
pages.addEventListener('tabchange', function (e) { pages.addEventListener('tabchange', function (e) {
loadTab(page, parseInt(e.target.selected)); loadTab(page, parseInt(e.target.selected));
@ -301,7 +300,6 @@
}); });
pageIdOn('pageshow', "indexPage", function () { pageIdOn('pageshow', "indexPage", function () {
var page = this; var page = this;
Events.on(MediaController, 'playbackstop', onPlaybackStop); Events.on(MediaController, 'playbackstop', onPlaybackStop);
}); });
@ -331,4 +329,4 @@
renderHomeTab: loadHomeTab renderHomeTab: loadHomeTab
}; };
})(jQuery, document); });

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

@ -1391,7 +1391,7 @@
var onclick = item.PlayAccess == 'Full' && !isStatic ? ' onclick="ItemDetailPage.play(' + chapter.StartPositionTicks + ');"' : ''; var onclick = item.PlayAccess == 'Full' && !isStatic ? ' onclick="ItemDetailPage.play(' + chapter.StartPositionTicks + ');"' : '';
html += '<a class="card ' + getThumbShape() + 'Card" href="#play-Chapter-' + i + '"' + onclick + '>'; html += '<a class="card ' + getThumbShape() + 'Card" href="#"' + onclick + '>';
html += '<div class="cardBox">'; html += '<div class="cardBox">';
html += '<div class="cardScalable">'; html += '<div class="cardScalable">';
@ -1972,7 +1972,7 @@
if (currentItem.Type == 'Recording') { if (currentItem.Type == 'Recording') {
LibraryBrowser.showTab('livetv.html', 3); LibraryBrowser.showTab('livetv.html', 3);
} else { } else {
Dashboard.navigate('index.html'); Dashboard.navigate('home.html');
} }
} }
} }

22
dashboard-ui/scripts/librarybrowser.js
View file

@ -141,10 +141,10 @@
return true; return true;
} }
if (NavHelper.isBack()) { //if (NavHelper.isBack()) {
console.log('Not refreshing data because IsBack=true'); // console.log('Not refreshing data because IsBack=true');
return false; // return false;
} //}
var now = new Date().getTime(); var now = new Date().getTime();
var cacheDuration; var cacheDuration;
@ -337,7 +337,7 @@
$('.libraryViewNav', ownerpage).removeClass('libraryViewNavWithMinHeight'); $('.libraryViewNav', ownerpage).removeClass('libraryViewNavWithMinHeight');
} }
$(ownerpage).on('pagebeforeshow', LibraryBrowser.onTabbedpagebeforeshow); ownerpage.addEventListener('viewbeforeshow', LibraryBrowser.onTabbedpagebeforeshow);
pages.addEventListener('iron-select', function () { pages.addEventListener('iron-select', function () {
// When transition animations are used, add a content loading delay to allow the animations to finish // When transition animations are used, add a content loading delay to allow the animations to finish
@ -378,9 +378,9 @@
} }
}, },
onTabbedpagebeforeshow: function () { onTabbedpagebeforeshow: function (e) {
var page = this; var page = e.target;
var delay = 0; var delay = 0;
var isFirstLoad = false; var isFirstLoad = false;
@ -393,14 +393,14 @@
if (delay) { if (delay) {
setTimeout(function () { setTimeout(function () {
LibraryBrowser.onTabbedpagebeforeshowInternal(page, isFirstLoad); LibraryBrowser.onTabbedpagebeforeshowInternal(page, e, isFirstLoad);
}, delay); }, delay);
} else { } else {
LibraryBrowser.onTabbedpagebeforeshowInternal(page, isFirstLoad); LibraryBrowser.onTabbedpagebeforeshowInternal(page, e, isFirstLoad);
} }
}, },
onTabbedpagebeforeshowInternal: function (page, isFirstLoad) { onTabbedpagebeforeshowInternal: function (page, e, isFirstLoad) {
if (isFirstLoad) { if (isFirstLoad) {
@ -428,7 +428,7 @@
var pages = page.querySelector('neon-animated-pages'); var pages = page.querySelector('neon-animated-pages');
// Go back to the first tab // Go back to the first tab
if (LibraryBrowser.enableFullPaperTabs() && !NavHelper.isBack()) { if (LibraryBrowser.enableFullPaperTabs() && !e.detail.isRestored) {
if (pages.selected) { if (pages.selected) {
var entryAnimation = pages.entryAnimation; var entryAnimation = pages.entryAnimation;

57
dashboard-ui/scripts/librarylist.js
View file

@ -1,4 +1,4 @@
define(['appSettings', 'appStorage'], function (appSettings, appStorage) { define(['appSettings', 'appStorage', 'libraryBrowser'], function (appSettings, appStorage, LibraryBrowser) {
var showOverlayTimeout; var showOverlayTimeout;
@ -715,7 +715,7 @@
return elem; return elem;
} }
$.fn.createCardMenus = function (options) { LibraryBrowser.createCardMenus = function (curr, options) {
var preventHover = false; var preventHover = false;
@ -802,32 +802,37 @@
preventHover = true; preventHover = true;
} }
curr.removeEventListener('click', onCardClick);
curr.addEventListener('click', onCardClick);
if (AppInfo.isTouchPreferred) {
curr.removeEventListener('contextmenu', disableEvent);
curr.addEventListener('contextmenu', disableEvent);
}
else {
curr.removeEventListener('contextmenu', onContextMenu);
curr.addEventListener('contextmenu', onContextMenu);
curr.removeEventListener('mouseenter', onHoverIn);
curr.addEventListener('mouseenter', onHoverIn, true);
curr.removeEventListener('mouseleave', onHoverOut);
curr.addEventListener('mouseleave', onHoverOut, true);
curr.removeEventListener("touchstart", preventTouchHover);
curr.addEventListener("touchstart", preventTouchHover);
}
initTapHoldMenus(curr);
};
$.fn.createCardMenus = function (options) {
for (var i = 0, length = this.length; i < length; i++) { for (var i = 0, length = this.length; i < length; i++) {
var curr = this[i]; var curr = this[i];
curr.removeEventListener('click', onCardClick); LibraryBrowser.createCardMenus(curr, options);
curr.addEventListener('click', onCardClick);
if (AppInfo.isTouchPreferred) {
curr.removeEventListener('contextmenu', disableEvent);
curr.addEventListener('contextmenu', disableEvent);
}
else {
curr.removeEventListener('contextmenu', onContextMenu);
curr.addEventListener('contextmenu', onContextMenu);
curr.removeEventListener('mouseenter', onHoverIn);
curr.addEventListener('mouseenter', onHoverIn, true);
curr.removeEventListener('mouseleave', onHoverOut);
curr.addEventListener('mouseleave', onHoverOut, true);
curr.removeEventListener("touchstart", preventTouchHover);
curr.addEventListener("touchstart", preventTouchHover);
}
initTapHoldMenus(curr);
} }
return this; return this;
@ -1177,7 +1182,7 @@
break; break;
case 'delete': case 'delete':
LibraryBrowser.deleteItems(items).then(function () { LibraryBrowser.deleteItems(items).then(function () {
Dashboard.navigate('index.html'); Dashboard.navigate('home.html');
}); });
hideSelections(); hideSelections();
break; break;

33
dashboard-ui/scripts/librarymenu.js
View file

@ -116,7 +116,7 @@
headerUserButton.src = src; headerUserButton.src = src;
} else if (icon) { } else if (icon) {
headerUserButton.classList.remove('headerUserButtonRound'); headerUserButton.classList.remove('headerUserButtonRound');
header.icon = icon; headerUserButton.icon = icon;
} else { } else {
headerUserButton.classList.remove('headerUserButtonRound'); headerUserButton.classList.remove('headerUserButtonRound');
} }
@ -319,7 +319,7 @@
var html = ''; var html = '';
var homeHref = window.ApiClient ? 'index.html' : 'selectserver.html?showuser=1'; var homeHref = window.ApiClient ? 'home.html' : 'selectserver.html?showuser=1';
html += '<div style="margin-top:5px;"></div>'; html += '<div style="margin-top:5px;"></div>';
@ -829,11 +829,11 @@
updateTabLinks(page); updateTabLinks(page);
}); });
pageClassOn('pageshow', 'page', function () { pageClassOn('pageshow', 'page', function (e) {
var page = this; var page = this;
if (!NavHelper.isBack()) { if (!e.detail.isRestored) {
// Scroll back up so in case vertical scroll was messed with // Scroll back up so in case vertical scroll was messed with
window.scrollTo(0, 0); window.scrollTo(0, 0);
} }
@ -976,27 +976,4 @@
setDrawerClass(); setDrawerClass();
}); });
(function () {
var isCurrentNavBack = false;
window.addEventListener("navigate", function (e) {
var data = e.detail.state || {};
var direction = data.direction;
isCurrentNavBack = direction == 'back';
});
function isBack() {
return isCurrentNavBack;
}
window.NavHelper = {
isBack: isBack
};
})();

2
dashboard-ui/scripts/loginpage.js
View file

@ -104,7 +104,7 @@
if (user.Policy.IsAdministrator && !serverId) { if (user.Policy.IsAdministrator && !serverId) {
newUrl = "dashboard.html"; newUrl = "dashboard.html";
} else { } else {
newUrl = "index.html"; newUrl = "home.html";
} }
Dashboard.hideLoadingMsg(); Dashboard.hideLoadingMsg();

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

@ -1,4 +1,4 @@
(function (window, document, $) { (function (window, document) {
function sendPlayCommand(options, playType) { function sendPlayCommand(options, playType) {
@ -396,4 +396,4 @@
initializeApiClient(apiClient); initializeApiClient(apiClient);
}); });
})(window, document, jQuery); })(window, document);

23
dashboard-ui/scripts/search.js
View file

@ -1,4 +1,4 @@
(function ($, document, window, clearTimeout, setTimeout) { define(['jQuery', 'searchmenu'], function ($) {
var searchHintTimeout; var searchHintTimeout;
@ -128,7 +128,10 @@
if (!searchTerm) { if (!searchTerm) {
$('.itemsContainer', elem).empty(); var itemsContainer = elem.querySelector('.itemsContainer');
if (itemsContainer) {
itemsContainer.innerHTML = '';
}
clearSearchHintTimeout(); clearSearchHintTimeout();
return; return;
} }
@ -214,9 +217,9 @@
function bindSearchEvents() { function bindSearchEvents() {
require(['searchmenu'], function () { require(['searchmenu'], function (searchmenu) {
Events.on(SearchMenu, 'closed', closeSearchResults); Events.on(window.SearchMenu, 'closed', closeSearchResults);
Events.on(SearchMenu, 'change', function (e, value) { Events.on(window.SearchMenu, 'change', function (e, value) {
onHeaderSearchChange(value); onHeaderSearchChange(value);
}); });
@ -230,14 +233,14 @@
} }
function showSearchMenu() { function showSearchMenu() {
require(['searchmenu'], function () { require(['searchmenu'], function (searchmenu) {
SearchMenu.show(); window.SearchMenu.show();
}); });
} }
function hideSearchMenu() { function hideSearchMenu() {
require(['searchmenu'], function () { require(['searchmenu'], function (searchmenu) {
SearchMenu.hide(); window.SearchMenu.hide();
}); });
} }
@ -248,4 +251,4 @@
bindSearchEvents(); bindSearchEvents();
}); });
})(jQuery, document, window, clearTimeout, setTimeout); });

26
dashboard-ui/scripts/searchmenu.js
View file

@ -1,4 +1,13 @@
(function () { define(['jQuery'], function ($) {
function fadeIn(elem, iterations) {
var keyframes = [
{ opacity: '0', offset: 0 },
{ opacity: '1', offset: 1 }];
var timing = { duration: 200, iterations: iterations };
return elem.animate(keyframes, timing);
}
function searchMenu() { function searchMenu() {
@ -6,7 +15,7 @@
self.show = function () { self.show = function () {
require(['css!css/search.css'], function() { require(['css!css/search.css'], function () {
$('.headerSearchInput').val(''); $('.headerSearchInput').val('');
$('.btnCloseSearch').hide(); $('.btnCloseSearch').hide();
@ -19,15 +28,6 @@
}); });
}; };
function fadeIn(elem, iterations) {
var keyframes = [
{ opacity: '0', offset: 0 },
{ opacity: '1', offset: 1 }];
var timing = { duration: 200, iterations: iterations };
return elem.animate(keyframes, timing);
}
self.hide = function () { self.hide = function () {
var viewMenuSearch = document.querySelector('.viewMenuSearch'); var viewMenuSearch = document.querySelector('.viewMenuSearch');
@ -82,5 +82,5 @@
} }
window.SearchMenu = new searchMenu(); window.SearchMenu = new searchMenu();
return Window.SearchMenu;
})(); });

23
dashboard-ui/scripts/sections.js
View file

@ -1,4 +1,4 @@
(function ($, document) { define(['libraryBrowser'], function (LibraryBrowser) {
function getUserViews(userId) { function getUserViews(userId) {
@ -220,7 +220,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -264,7 +264,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -309,7 +309,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -347,7 +347,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -402,7 +402,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus({ showDetailsMenu: false }); LibraryBrowser.createCardMenus(elem, { showDetailsMenu: false });
handleLibraryLinkNavigations(elem); handleLibraryLinkNavigations(elem);
}); });
@ -457,7 +457,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -501,7 +501,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -598,7 +598,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -644,7 +644,7 @@
elem.innerHTML = html; elem.innerHTML = html;
ImageLoader.lazyChildren(elem); ImageLoader.lazyChildren(elem);
$(elem).createCardMenus(); LibraryBrowser.createCardMenus(elem);
}); });
} }
@ -661,4 +661,5 @@
loadLatestEpisodes: loadLatestEpisodes loadLatestEpisodes: loadLatestEpisodes
}; };
})(jQuery, document); return window.Sections;
});

Some files were not shown because too many files have changed in this diff Show more