jellyfin-web/dashboard-ui/nowplaying.html

168 lines
11 KiB
HTML
Raw Normal View History

2014-04-14 20:54:52 -07:00
<!DOCTYPE html>
<html>
<head>
2015-03-21 11:12:12 -07:00
<title>Emby</title>
2014-04-14 20:54:52 -07:00
</head>
<body>
2015-06-08 22:56:46 -07:00
<div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage" data-contextname="${TitleRemoteControl}" data-theme="b" data-require="scripts/nowplayingpage">
2014-04-14 20:54:52 -07:00
2014-05-08 13:09:53 -07:00
<div class="libraryViewNav">
<a href="#" class="ui-btn-active tabButton" data-tab="tabNowPlaying">${TabNowPlaying}</a>
<a href="#" class="tabButton" data-tab="tabNavigation">${TabControls}</a>
<a href="#" class="tabButton" data-tab="tabAdvanced">${TabAdvanced}</a>
2015-03-18 09:56:14 -07:00
<a href="#" class="tabButton tabButtonPlaylist" data-tab="tabPlaylist">${TabPlaylist}</a>
2014-05-08 13:09:53 -07:00
</div>
2014-04-27 15:51:07 -07:00
2015-06-13 11:04:00 -07:00
<div data-role="content">
2014-04-27 15:51:07 -07:00
2014-04-28 08:05:28 -07:00
<div style="text-align: center;">
<div class="tabNowPlaying tabContent" style="display:none;">
2014-04-30 08:07:02 -07:00
2015-06-13 11:04:00 -07:00
<div class="nowPlayingPageTitle">
<div class="itemName" style="line-height: normal;"></div>
2014-04-28 08:05:28 -07:00
</div>
2015-06-13 11:04:00 -07:00
<div class="nowPlayingInfoMetadata">
<div class="nowPlayingPageImage" style="margin: 1em 0;"></div>
<div class="nowPlayingTimeContainer">
<div>
<div class="positionSliderContainer sliderContainer" style="margin: 0 auto;">
<input type="range" style="display: none;" class="mediaSlider positionSlider slider" step=".001" min="0" max="100" value="0" data-mini="true" data-theme="a" data-highlight="true" />
</div>
</div>
<div style="text-align:left;">
<div class="positionTime" style="float:left;"></div>
<div class="runtime" style="float: right;"></div>
</div>
</div>
2014-04-30 08:07:02 -07:00
</div>
2015-06-13 11:04:00 -07:00
<div class="nowPlayingInfoButtons">
<div>
<button type="button" data-role="none" title="${ButtonPreviousTrack}" class="btnPreviousTrack btnPlayStateCommand imageButton"><i class="fa fa-step-backward"></i></button>
<button type="button" data-role="none" title="${ButtonPause}" class="btnPause btnPlayStateCommand imageButton"><i class="fa fa-pause"></i></button>
<button type="button" data-role="none" title="${ButtonPlay}" class="btnPlay btnPlayStateCommand imageButton"><i class="fa fa-play"></i></button>
<button type="button" data-role="none" title="${ButtonStop}" class="btnStop btnPlayStateCommand imageButton"><i class="fa fa-stop"></i></button>
<button type="button" data-role="none" title="${ButtonNextTrack}" class="btnNextTrack btnPlayStateCommand imageButton"><i class="fa fa-step-forward"></i></button>
</div>
<div>
<button type="button" data-role="none" title="${ButtonVolumeUp}" class="btnCommand imageButton" data-command="VolumeUp"><i class="fa fa-volume-up"></i></button>
<button type="button" data-role="none" title="${ButtonMute}" class="btnCommand imageButton" data-command="ToggleMute"><i class="fa fa-volume-off"></i></button>
<button type="button" data-role="none" title="${ButtonOsd}" class="btnCommand videoButton imageButton" data-command="ToggleOsdMenu"><i class="fa fa-info-circle"></i></button>
<button type="button" data-role="none" title="${ButtonFullscreen}" class="btnToggleFullscreen videoButton btnPlayStateCommand imageButton" data-command="ToggleFullscreen"><i class="fa fa-expand"></i></button>
</div>
<div>
<button type="button" data-role="none" title="${ButtonVolumeDown}" class="btnCommand imageButton" data-command="VolumeDown"><i class="fa fa-volume-down"></i></button>
<button type="button" data-role="none" title="${ButtonAudioTracks}" class="btnAudioTracks videoButton btnPlayStateCommand imageButton" data-command="GoToSearch"><i class="fa fa-music"></i></button>
<button type="button" data-role="none" title="${ButtonSubtitles}" class="btnSubtitles videoButton btnPlayStateCommand imageButton" data-command="GoToSearch"><i class="fa fa-text-width"></i></button>
<button type="button" data-role="none" title="${ButtonScenes}" class="btnChapters videoButton btnPlayStateCommand imageButton" data-command="GoToSearch"><i class="fa fa-video-camera"></i></button>
</div>
2014-04-28 08:05:28 -07:00
</div>
2014-04-27 15:51:07 -07:00
</div>
2014-04-28 08:05:28 -07:00
2014-04-30 08:07:02 -07:00
<div class="tabNavigation tabContent" style="display: none;">
2014-04-28 08:05:28 -07:00
2015-06-13 11:04:00 -07:00
<div>
<button type="button" data-role="none" title="${ButtonArrowUp}" class="btnArrowUp btnCommand imageButton" data-command="MoveUp"><i class="fa fa-arrow-up"></i></button>
2014-04-28 08:05:28 -07:00
</div>
2015-06-13 11:04:00 -07:00
<div>
<button type="button" data-role="none" title="${ButtonArrowLeft}" class="btnArrowLeft btnCommand imageButton" data-command="MoveLeft"><i class="fa fa-arrow-left"></i></button>
<button type="button" data-role="none" title="${ButtonOk}" class="btnOk btnCommand imageButton" data-command="Select"><i class="fa fa-check"></i></button>
<button type="button" data-role="none" title="${ButtonArrowRight}" class="btnArrowRight btnCommand imageButton" data-command="MoveRight"><i class="fa fa-arrow-right"></i></button>
2014-04-28 08:05:28 -07:00
</div>
2015-06-13 11:04:00 -07:00
<div>
<button type="button" data-role="none" title="${ButtonArrowDown}" class="btnArrowDown btnCommand imageButton" data-command="MoveDown"><i class="fa fa-arrow-down"></i></button>
2014-04-28 08:05:28 -07:00
</div>
2015-06-13 11:04:00 -07:00
<div>
2014-04-28 08:05:28 -07:00
<button data-icon="back" data-inline="true" data-iconpos="notext" title="${ButtonBack}" class="btnBack btnCommand" data-command="Back">${ButtonBack}</button>
<button data-icon="info" data-inline="true" data-iconpos="notext" title="${ButtonInfo}" class="btnInfo btnCommand" data-command="ToggleContextMenu">${ButtonInfo}</button>
</div>
<br />
2015-06-13 11:04:00 -07:00
<div>
<button type="button" data-role="none" title="${ButtonHome}" class="btnGoHome btnCommand imageButton" data-command="GoHome"><i class="fa fa-home"></i></button>
<!--<button data-inline="true" data-iconpos="right" title="${ButtonPageUp}" data-icon="plus" class="btnPageUp btnCommand ui-nodisc-icon" data-command="PageUp">${PageButtonAbbreviation}</button>
<button data-inline="true" data-iconpos="right" title="${ButtonLetterUp}" data-icon="plus" class="btnLetterUp btnCommand ui-nodisc-icon" data-command="NextLetter">${LetterButtonAbbreviation}</button>-->
<button type="button" data-role="none" title="${ButtonSearch}" class="btnShowSearch btnCommand imageButton" data-command="GoToSearch"><i class="fa fa-search"></i></button>
2014-04-28 08:05:28 -07:00
</div>
2015-06-13 11:04:00 -07:00
<div>
<button type="button" data-role="none" title="${ButtonSettings}" class="bthShowSettings btnCommand imageButton" data-command="GoToSettings"><i class="fa fa-gear"></i></button>
<!--<button data-inline="true" data-iconpos="right" title="${ButtonPageDown}" data-icon="minus" class="btnPageDown btnCommand ui-nodisc-icon" data-command="PageDown">${PageButtonAbbreviation}</button>
<button data-inline="true" data-iconpos="right" title="${ButtonLetterDown}" data-icon="minus" class="btnLetterDown btnCommand ui-nodisc-icon" data-command="PreviousLetter">${LetterButtonAbbreviation}</button>-->
<button type="button" data-role="none" title="${ButtonTakeScreenshot}" class="btnScreenshot btnCommand imageButton" data-command="TakeScreenshot"><i class="fa fa-video-camera"></i></button>
2014-04-28 08:05:28 -07:00
</div>
2014-04-27 15:51:07 -07:00
</div>
2014-05-08 13:09:53 -07:00
<div class="tabAdvanced tabContent" style="display: none;">
<div class="readOnlyContent" style="margin: 0 auto; padding: 0 1em;">
<div data-role="collapsible">
<h2>${HeaderSendMessage}</h2>
<div style="text-align: left;">
<br />
<form class="sendMessageForm">
<div>
<label for="txtMessageTitle">${LabelMessageTitle}</label>
<input class="sendMessageElement" type="text" id="txtMessageTitle" required="required" />
</div>
<br />
<div>
<label for="txtMessageText">${LabelMessageText}</label>
<input class="sendMessageElement" type="text" id="txtMessageText" required="required" />
</div>
<p>
<button class="sendMessageElement" type="submit" data-icon="mail">${ButtonSend}</button>
</p>
</form>
</div>
</div>
2014-05-09 12:43:06 -07:00
<div data-role="collapsible">
<h2>${HeaderTypeText}</h2>
<div style="text-align: left;">
<br />
<form class="typeTextForm">
<div>
<label for="txtTypeText">${LabelTypeText}</label>
<input class="typeTextElement" type="text" id="txtTypeText" required="required" />
</div>
<p>
<button class="typeTextElement" type="submit" data-icon="arrow-r">${ButtonSend}</button>
</p>
</form>
</div>
</div>
</div>
2014-05-08 13:09:53 -07:00
</div>
2015-03-18 09:56:14 -07:00
<div class="tabPlaylist tabContent" style="display: none;">
2015-04-30 20:00:29 -07:00
<div class="playlist itemsContainer" style="max-width:800px;margin: 0 auto;">
2015-03-18 09:56:14 -07:00
</div>
</div>
2014-04-27 15:51:07 -07:00
</div>
2014-04-14 20:54:52 -07:00
</div>
2014-04-30 08:07:02 -07:00
2014-06-25 08:12:39 -07:00
<div data-role="popup" id="popupAudioTrackMenu" data-transition="flip">
<div class="trackList"></div>
2014-05-07 22:04:39 -07:00
</div>
2014-06-25 08:12:39 -07:00
<div data-role="popup" id="popupSubtitleTrackMenu" data-transition="flip">
<div class="trackList"></div>
2014-05-07 22:04:39 -07:00
</div>
2015-03-17 21:09:31 -07:00
2014-05-12 11:04:25 -07:00
<div class="chapterMenuOverlay" style="display: none;"></div>
2015-06-07 18:23:56 -07:00
<div class="chapterMenu hiddenScrollX" style="display: none;">
2014-05-12 11:04:25 -07:00
<div class="chapterMenuInner">
</div>
</div>
2014-04-14 20:54:52 -07:00
</div>
</body>
</html>