jellyfin-web/dashboard-ui/dashboard.html
2014-10-04 14:05:24 -04:00

185 lines
11 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>${TitleServer}</title>
</head>
<body>
<div id="dashboardPage" data-role="page" class="page type-interior dashboardHomePage">
<div data-role="content">
<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">${TabDashboard}</a>
<a href="dashboardgeneral.html" data-role="button">${TabSettings}</a>
<a href="serversecurity.html" data-role="button">${TabSecurity}</a>
<!--<a href="dashboardsync.html" data-role="button">${TabSync}</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;">${HeaderWelcomeToMediaBrowserServerDashboard}</h1>
<p>
<button class="btnTakeTour" type="button" data-icon="arrow-r" data-iconpos="right">${ButtonTakeTheTour}</button>
</p>
</div>
<div class="readOnlyContent dashboardHomeLeftColumn">
<div data-role="collapsible" data-collapsed="false">
<h3>${HeaerServerInformation}</h3>
<div>
<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://mediabrowser.tv/download" target="_blank">${PleaseUpdateManually}</a>
</div>
</div>
<div id="updateFail" style="color: #cc0000; display: none;">${ErrorConnectingToMediaBrowserRepository}</div>
<p id="ports"></p>
<div id="pPluginUpdates"></div>
<p class="externalUrl"></p>
<p class="supporterIconContainer">
</p>
<div style="margin-top: 1em;">
<button class="btnRestartContainer hide" id="btnRestartServer" type="button" data-icon="refresh" data-mini="true" data-inline="true" onclick="DashboardPage.restart();">${ButtonRestart}</button>
<button id="btnShutdown" type="button" data-icon="delete" data-mini="true" data-inline="true" onclick="DashboardPage.shutdown();">${ButtonShutdown}</button>
</div>
</div>
</div>
<div id="collapsiblePendingInstallations" data-role="collapsible" data-collapsed="false" style="margin-top: 2em; display: none;">
<h3>${HeaderPendingInstallations}</h3>
<p>${LabelComponentsUpdated}</p>
<div id="pendingInstallations">
</div>
<p>${MessagePleaseRestartServerToFinishUpdating}</p>
<div class="btnRestartContainer hide">
<button type="button" data-icon="refresh" data-theme="b" onclick="Dashboard.restartServer();" data-mini="true" data-inline="true">${ButtonRestartNow}</button>
</div>
</div>
<div class="activeDevicesCollapsible" data-role="collapsible" data-collapsed="false" data-content-theme="false" style="margin-top: 2em;">
<h3>${HeaderActiveDevices}</h3>
<div class="activeDevices">
</div>
</div>
<div id="runningTasksCollapsible" data-role="collapsible" data-collapsed="false" style="margin-top: 1em; display: none;">
<h3>${HeaderRunningTasks}</h3>
<div>
<div id="divRunningTasks">
</div>
</div>
</div>
<div data-role="collapsible" data-collapsed="true" style="margin-top: 1em;">
<h3>${HeaderLinks}</h3>
<div>
<p><a href="http://mediabrowser.tv/community" target="_blank">${LinkCommunity}</a></p>
<p><a href="https://github.com/MediaBrowser/MediaBrowser" target="_blank">${LinkGithub}</a></p>
<p><a href="../swagger-ui/index.html" target="_blank">${LinkApiDocumentation}</a></p>
</div>
</div>
<div data-role="collapsible" data-collapsed="true">
<h3>${HeaderSystemPaths}</h3>
<div>
<p>
<b>${LabelCache}</b><br />
<span id="cachePath"></span>
</p>
<p>
<b>${LabelImagesByName}</b><br />
<span id="imagesByNamePath"></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>
</div>
</div>
<div id="contribute" style="margin-top: 2em; display: none;">
<h2 style="margin: 0 0 .35em;">${HeaderHelpImproveMediaBrowser}</h2>
<div>
<a data-role="button" data-icon="mail" data-mini="true" href="supporter.html">
<img src="css/images/supporter/donatepaypal.png" />
</a>
<a href="https://github.com/MediaBrowser/MediaBrowser/wiki" data-role="button" target="_blank" data-icon="user" data-mini="true">Join the Development Team</a>
<p class="appLinks" style="padding-left: 5px;">
<a href="http://www.amazon.com/Mark-Linton-Mediabrowser-Android-Client/dp/B00GVH9O0I" target="_blank">
<img src="css/images/clients/amazon.png" title="Android via Amazon App Store" />
</a>
<a href="https://play.google.com/store/apps/details?id=com.mb.android&hl=en" target="_blank">
<img src="css/images/clients/playstore.png" title="Android via Google Play Store" />
</a>
<a href="https://itunes.apple.com/us/app/media-browser-for-ios/id705058087" target="_blank">
<img src="css/images/clients/ios.png" title="iOS" />
</a>
<a href="http://www.roku.com/channels/#!details/44191/media-browser-for-roku" target="_blank">
<img src="css/images/clients/roku.jpg" title="Roku" />
</a>
<a href="http://www.windowsphone.com/s?appid=f4971ed9-f651-4bf6-84bb-94fd98613b86" target="_blank">
<img src="css/images/clients/windowsphone.png" title="Windows Phone" />
</a>
<a href="http://apps.microsoft.com/windows/en-us/app/media-browser/ad55a2f0-9897-47bd-8944-bed3aefd5d06" target="_blank">
<img src="css/images/clients/windowsrt.png" title="Windows 8.1" />
</a>
<a href="http://mediabrowser.tv" target="_blank" title="Windows Media Center">
<img src="css/images/clients/mbc.png" />
</a>
<a href="http://mediabrowser.tv/download" target="_blank" title="XBMB3C">
<img src="css/images/clients/kodi.png" />
</a>
<a href="http://forum.team-mediaportal.com/threads/plugin-mediabrowser-for-mediaportal-v0-13-beta-2013-10-21.119513" target="_blank" title="Media Portal">
<img src="css/images/clients/mediaportal.png" />
</a>
</p>
<br />
</div>
</div>
</div>
<div class="readOnlyContent dashboardHomeRightColumn firstDashboardHomeRightColumn">
<div data-role="collapsible" data-collapsed="false">
<h3>${HeaderRecentActivity}</h3>
<div class="activityItems">
</div>
</div>
</div>
<div class="readOnlyContent dashboardHomeRightColumn">
<div data-role="collapsible" data-collapsed="false">
<h3>${HeaderLatestNews}</h3>
<div class="latestNewsItems">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>