jellyfin-web/dashboard-ui/nowplaying.html

178 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-12-14 08:43:03 -07:00
<div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage noSecondaryNavPage" data-contextname="${TitleRemoteControl}" data-theme="b" data-require="jqmcollapsible,scripts/nowplayingpage,buttonenabled,paper-slider,paper-tabs,neon-animated-pages,paper-fab">
2014-04-14 20:54:52 -07:00
2015-09-27 08:00:57 -07:00
<div class="libraryViewNav hide">
2015-09-26 07:51:26 -07:00
<div>
<a href="#" data-index="0">${TabNowPlaying}</a>
<a href="#" data-index="1">${TabControls}</a>
<a href="#" data-index="2">${TabPlaylist}</a>
</div>
2015-09-25 19:31:13 -07:00
</div>
2015-09-25 09:08:13 -07:00
2015-06-26 08:53:49 -07:00
<div data-role="content" style="overflow:visible;">
2015-09-24 10:08:10 -07:00
<paper-fab mini icon="arrow-back" class="white nowPlayingPageBackButton" onclick="history.back()" style="position:relative;top:5px;left:5px;"></paper-fab>
2015-08-20 22:00:56 -07:00
<div style="float:right;position:relative;top:5px;right:5px;text-align:right;">
<div>
<span class="nowPlayingSelectedPlayer"></span>
<paper-fab mini icon="cast" class="blue nowPlayingCastIcon" onclick="MediaController.showPlayerSelection();" style="vertical-align:middle;"></paper-fab>
2015-09-14 21:31:12 -07:00
<paper-fab mini icon="slideshow" class="btnSlideshow" style="vertical-align:middle;background:#888;z-index:1;margin-left:.5em;"></paper-fab>
2015-08-20 22:00:56 -07:00
</div>
2015-06-26 08:53:49 -07:00
</div>
2014-04-27 15:51:07 -07:00
2015-09-26 07:51:26 -07:00
<neon-animated-pages>
2015-06-26 13:40:30 -07:00
<neon-animatable>
2015-06-27 20:29:50 -07:00
<div style="text-align:center;">
2014-04-27 15:51:07 -07:00
2015-06-26 20:27:38 -07:00
<div class="nowPlayingPageTitle" style="line-height: normal;">
2015-06-26 13:40:30 -07:00
</div>
2015-06-13 11:04:00 -07:00
2015-06-26 13:40:30 -07:00
<div class="nowPlayingInfoMetadata">
<div class="nowPlayingPageImage" style="margin: 1em 0;"></div>
2015-06-26 08:53:49 -07:00
2015-06-26 20:27:38 -07:00
<div class="nowPlayingPageTimeContainer">
2015-06-26 08:53:49 -07:00
<div>
2015-07-13 14:26:11 -07:00
<paper-slider pin step=".1" min="0" max="100" value="0" class="nowPlayingPositionSlider"></paper-slider>
2015-06-26 08:53:49 -07:00
</div>
2015-06-26 13:40:30 -07:00
<div style="text-align:left;">
<div class="positionTime" style="float:left;"></div>
<div class="runtime" style="float: right;"></div>
2015-06-26 08:53:49 -07:00
</div>
2015-06-13 11:04:00 -07:00
</div>
</div>
2015-06-26 11:32:21 -07:00
2015-06-26 13:40:30 -07:00
<div class="nowPlayingInfoButtons">
2015-06-26 08:53:49 -07:00
<div>
2015-06-26 13:40:30 -07:00
<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>
2015-06-26 08:53:49 -07:00
</div>
2015-06-29 18:56:25 -07:00
<div class="buttonsRow2">
2015-07-26 14:02:23 -07:00
<paper-fab icon="audiotrack" class="btnAudioTracks videoButton btnPlayStateCommand subdued" title="${ButtonAudioTracks}" data-command="GoToSearch"></paper-fab>
2015-09-08 07:35:52 -07:00
<paper-fab icon="closed-caption" class="btnSubtitles videoButton btnPlayStateCommand subdued" title="${ButtonSubtitles}" data-command="GoToSearch"></paper-fab>
2015-07-26 14:02:23 -07:00
<paper-fab icon="movie" class="btnChapters videoButton btnPlayStateCommand subdued" title="${ButtonScenes}" data-command="GoToSearch"></paper-fab>
2015-06-26 13:40:30 -07:00
<paper-fab icon="fullscreen" class="btnToggleFullscreen videoButton btnPlayStateCommand subdued" title="${ButtonFullscreen}" data-command="ToggleFullscreen"></paper-fab>
2015-06-26 08:53:49 -07:00
</div>
2015-08-01 14:17:46 -07:00
<!--<div class="buttonsRow3">
2015-07-26 14:02:23 -07:00
<paper-fab icon="info" class="btnCommand videoButton subdued" title="${ButtonOsd}" data-command="ToggleOsdMenu"></paper-fab>
2015-08-01 14:17:46 -07:00
</div>-->
2015-08-04 20:43:54 -07:00
<div>
2015-07-26 14:02:23 -07:00
<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>
2015-06-29 18:56:25 -07:00
<paper-fab icon="volume-down" class="btnCommand subdued volumeButton" title="${ButtonVolumeDown}" data-command="VolumeDown"></paper-fab>
2015-07-26 14:02:23 -07:00
<paper-fab icon="volume-up" class="btnCommand subdued volumeButton" title="${ButtonVolumeUp}" data-command="VolumeUp"></paper-fab>
2015-06-26 08:53:49 -07:00
</div>
2015-06-29 18:56:25 -07:00
<div class="nowPlayingPageUserDataButtons" style="margin-top:1em;">
2015-06-28 09:36:25 -07:00
2015-06-29 18:56:25 -07:00
</div>
2015-06-28 09:36:25 -07:00
</div>
2015-06-26 13:40:30 -07:00
</div>
</neon-animatable>
<neon-animatable>
<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>
2015-06-26 08:53:49 -07:00
2015-06-26 13:40:30 -07:00
<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>
2015-06-26 08:53:49 -07:00
2015-06-26 13:40:30 -07:00
<!--<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>-->
<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>
<!--<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>-->
<paper-fab icon="videocam" class="btnScreenshot btnCommand subdued" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot"></paper-fab>
</div>
</div>
<div class="readOnlyContent requiresJqmCreate" style="margin: 2em auto 0; padding: 0 1em 100px;">
2015-06-26 13:40:30 -07:00
<div data-role="collapsible">
<h2>${HeaderSendMessage}</h2>
<div style="text-align: left;">
2014-05-09 12:43:06 -07:00
2015-06-26 13:40:30 -07:00
<br />
<form class="sendMessageForm">
<div>
<label for="txtMessageTitle">${LabelMessageTitle}</label>
<input class="sendMessageElement" type="text" id="txtMessageTitle" required="required" />
</div>
2015-06-26 08:53:49 -07:00
<br />
2015-06-26 13:40:30 -07:00
<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>
2014-05-09 12:43:06 -07:00
</div>
</div>
2015-06-26 13:40:30 -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>
2015-06-26 08:53:49 -07:00
</div>
2015-06-26 13:40:30 -07:00
</div>
</neon-animatable>
<neon-animatable>
2015-09-14 21:31:12 -07:00
<div class="playlist itemsContainer" style="max-width:800px;margin: 2em auto 0;padding-bottom:200px;">
2015-06-26 13:40:30 -07:00
</div>
</neon-animatable>
</neon-animated-pages>
2015-06-26 08:53:49 -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>
2015-09-26 07:51:26 -07:00
<paper-tabs class="nowPlayingPagePaperTabs" hidescrollbuttons noink>
<paper-tab>${TabNowPlaying}</paper-tab>
<paper-tab>${TabControls}</paper-tab>
<paper-tab>${TabPlaylist}</paper-tab>
</paper-tabs>
2014-04-14 20:54:52 -07:00
</div>
</body>
</html>