2020-04-16 19:14:40 -04:00
|
|
|
<div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage noSecondaryNavPage selfBackdropPage" data-title="-">
|
2014-04-14 23:54:52 -04:00
|
|
|
|
2018-09-12 19:26:21 +02:00
|
|
|
<div class="remoteControlContent padded-left padded-right">
|
2016-02-05 23:30:43 -05:00
|
|
|
|
2017-01-17 13:00:19 -05:00
|
|
|
<div class="nowPlayingInfoContainer">
|
|
|
|
<div class="nowPlayingPageImageContainer"></div>
|
|
|
|
<div class="nowPlayingInfoControls">
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-04-10 15:51:05 +02:00
|
|
|
<div class="flex">
|
2020-04-09 19:14:49 -04:00
|
|
|
|
|
|
|
<div class="nowPlayingInfoContainerMedia">
|
|
|
|
<h2 class="nowPlayingPageTitle"></h2>
|
2020-04-12 20:15:58 -04:00
|
|
|
<div style="font-weight: bold;" class="nowPlayingSongName nowPlayingEpisode"></div>
|
2020-04-10 12:59:01 -04:00
|
|
|
<div class="nowPlayingAlbum nowPlayingSeason"></div>
|
|
|
|
<div class="nowPlayingArtist nowPlayingSerie"></div>
|
2020-04-09 19:14:49 -04:00
|
|
|
</div>
|
|
|
|
<div class="nowPlayingPageUserDataButtonsTitle"></div>
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2016-02-05 23:30:43 -05:00
|
|
|
</div>
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-04-10 15:51:05 +02:00
|
|
|
<div class="sliderContainer flex">
|
2020-04-09 19:14:49 -04:00
|
|
|
<div class="positionTime"></div>
|
|
|
|
<div class="nowPlayingPositionSliderContainer">
|
|
|
|
<input type="range" is="emby-slider" pin step="1" min="0" max="100" value="0" class="nowPlayingPositionSlider" data-slider-keep-progress="true" />
|
|
|
|
</div>
|
|
|
|
<div class="runtime"></div>
|
|
|
|
</div>
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-06-23 16:55:37 +02:00
|
|
|
<div class="nowPlayingButtonsContainer focuscontainer-x justify-content-space-between">
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-04-25 18:39:54 +03:00
|
|
|
<div class="nowPlayingInfoButtons">
|
2020-06-22 17:37:06 +02:00
|
|
|
|
|
|
|
<button is="paper-icon-button-light" class="btnCommand btnRepeat repeatToggleButton autoSize" title="${ButtonRepeat}"
|
|
|
|
data-command="SetRepeatMode">
|
|
|
|
<span class="material-icons repeat"></span>
|
|
|
|
</button>
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-04-09 19:14:49 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnRewind btnNowPlayingRewind btnPlayStateCommand autoSize" title="${Rewind}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons replay_10"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-04-09 19:14:49 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnPreviousTrack btnPlayStateCommand autoSize" title="${ButtonPreviousTrack}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons skip_previous"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2017-01-17 13:00:19 -05:00
|
|
|
|
2020-07-14 16:51:27 +09:00
|
|
|
<button is="paper-icon-button-light" class="btnPlayPause btnPlayStateCommand autoSize" title="${ButtonPause}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons pause_circle_filled"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2016-05-15 12:30:32 -04:00
|
|
|
|
2020-04-09 19:14:49 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnPlayStateCommand btnStop autoSize" title="${ButtonStop}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons stop"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2016-06-07 13:36:32 -04:00
|
|
|
|
2020-04-09 19:14:49 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnPlayStateCommand btnNextTrack autoSize" title="${ButtonNextTrack}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons skip_next"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-04-09 19:14:49 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnPlayStateCommand btnFastForward btnNowPlayingFastForward autoSize" title="${FastForward}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons forward_30"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2020-06-18 01:19:59 +02:00
|
|
|
|
2020-06-22 17:37:06 +02:00
|
|
|
<button is="paper-icon-button-light" class="btnShuffleQueue autoSize" title="${ButtonShuffle}">
|
|
|
|
<span class="material-icons shuffle"></span>
|
|
|
|
</button>
|
|
|
|
|
2017-01-17 13:00:19 -05:00
|
|
|
</div>
|
2016-06-07 13:36:32 -04:00
|
|
|
|
2017-01-17 13:00:19 -05:00
|
|
|
<div class="nowPlayingSecondaryButtons">
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2020-04-09 19:14:49 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnAudioTracks videoButton btnPlayStateCommand autoSize" title="${ButtonAudioTracks}" data-command="GoToSearch">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons audiotrack"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
|
|
|
|
|
|
|
<button is="paper-icon-button-light" class="btnSubtitles videoButton btnPlayStateCommand autoSize" title="${ButtonSubtitles}" data-command="GoToSearch">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons closed_caption"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2020-07-12 06:09:57 +09:00
|
|
|
|
2019-12-11 23:34:29 +09:00
|
|
|
<div class="nowPlayingPageUserDataButtons"></div>
|
2017-01-17 13:00:19 -05:00
|
|
|
|
2016-06-18 16:31:22 -04:00
|
|
|
<button is="paper-icon-button-light" class="btnToggleFullscreen videoButton btnPlayStateCommand autoSize" title="${ButtonFullscreen}" data-command="ToggleFullscreen">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons fullscreen"></span>
|
2016-06-07 13:36:32 -04:00
|
|
|
</button>
|
|
|
|
|
2020-06-22 17:37:06 +02:00
|
|
|
<button is="paper-icon-button-light" class="btnShuffleQueue autoSize" title="${ButtonShuffle}">
|
|
|
|
<span class="material-icons shuffle"></span>
|
|
|
|
</button>
|
|
|
|
|
|
|
|
<button is="paper-icon-button-light" class="btnCommand btnRepeat repeatToggleButton autoSize" title="${ButtonRepeat}"
|
|
|
|
data-command="SetRepeatMode">
|
|
|
|
<span class="material-icons repeat"></span>
|
|
|
|
</button>
|
|
|
|
|
2016-02-05 23:30:43 -05:00
|
|
|
</div>
|
2016-03-16 01:33:31 -04:00
|
|
|
</div>
|
2016-05-15 12:30:32 -04:00
|
|
|
</div>
|
|
|
|
</div>
|
2020-04-09 19:14:49 -04:00
|
|
|
<div class="remoteControlSection">
|
2020-01-06 00:32:19 +01:00
|
|
|
<div class="navigationSection">
|
|
|
|
<div is="emby-collapse" title="${HeaderNavigation}">
|
|
|
|
<div class="collapseContent">
|
|
|
|
<div>
|
2020-01-15 17:45:23 +01:00
|
|
|
<button is="paper-icon-button-light" class="btnArrowUp btnCommand autoSize button-submit" title="${ButtonArrowUp}" data-command="MoveUp">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons keyboard_arrow_up"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
2017-01-17 13:00:19 -05:00
|
|
|
</div>
|
|
|
|
<br />
|
2020-01-06 00:32:19 +01:00
|
|
|
<div>
|
2020-01-15 17:45:23 +01:00
|
|
|
<button is="paper-icon-button-light" class="btnArrowLeft btnCommand autoSize button-submit" title="${ButtonArrowLeft}" data-command="MoveLeft">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons keyboard_arrow_left"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
2020-01-15 17:45:23 +01:00
|
|
|
<button is="paper-icon-button-light" class="btnOk btnCommand autoSize button-submit" title="${ButtonOk}" data-command="Select">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons keyboard_return"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
2020-01-15 17:45:23 +01:00
|
|
|
<button is="paper-icon-button-light" class="btnArrowRight btnCommand autoSize button-submit" title="${ButtonArrowRight}" data-command="MoveRight">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons keyboard_arrow_right"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
|
|
<button is="paper-icon-button-light" class="btnBack btnCommand autoSize" title="${ButtonBack}" data-command="Back">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons arrow_back"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
2020-01-15 17:45:23 +01:00
|
|
|
<button is="paper-icon-button-light" class="btnArrowDown btnCommand autoSize button-submit" title="${ButtonArrowDown}" data-command="MoveDown">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons keyboard_arrow_down"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnContextMenu btnCommand autoSize" title="${ButtonInfo}" data-command="ToggleContextMenu">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons menu"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div>
|
|
|
|
<button is="paper-icon-button-light" class="btnGoHome btnCommand autoSize" title="${ButtonHome}" data-command="GoHome">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons home"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="btnShowSearch btnCommand autoSize" title="${ButtonSearch}" data-command="GoToSearch">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons search"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
|
|
|
<button is="paper-icon-button-light" class="bthShowSettings btnCommand autoSize" title="${ButtonSettings}" data-command="GoToSettings">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons settings"></span>
|
2020-01-06 00:32:19 +01:00
|
|
|
</button>
|
2017-01-17 13:00:19 -05:00
|
|
|
</div>
|
2020-01-06 00:32:19 +01:00
|
|
|
</div>
|
2016-05-15 12:30:32 -04:00
|
|
|
</div>
|
2020-01-06 00:32:19 +01:00
|
|
|
</div>
|
|
|
|
<div class="sendMessageSection">
|
|
|
|
<div is="emby-collapse" title="${HeaderSendMessage}">
|
|
|
|
<div class="collapseContent" style="text-align: left;">
|
|
|
|
<form class="sendMessageForm">
|
|
|
|
<div class="inputContainer">
|
|
|
|
<input is="emby-input" class="sendMessageElement" type="text" id="txtMessageTitle" label="${LabelMessageTitle}" required />
|
|
|
|
</div>
|
|
|
|
<br />
|
|
|
|
<div class="inputContainer">
|
|
|
|
<input is="emby-input" class="sendMessageElement" type="text" id="txtMessageText" label="${LabelMessageText}" required />
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<button is="emby-button" class="sendMessageElement button-submit block raised" type="submit" raised>${ButtonSend}</button>
|
|
|
|
</p>
|
|
|
|
</form>
|
|
|
|
</div>
|
2019-11-20 18:06:15 +01:00
|
|
|
</div>
|
2017-01-17 13:00:19 -05:00
|
|
|
</div>
|
|
|
|
<div class="sendTextSection">
|
2019-11-20 18:06:15 +01:00
|
|
|
<div is="emby-collapse" title="${HeaderTypeText}">
|
|
|
|
<div class="collapseContent" style="text-align: left;">
|
2017-01-17 13:00:19 -05:00
|
|
|
<form class="typeTextForm">
|
|
|
|
<div class="inputContainer">
|
|
|
|
<input is="emby-input" class="typeTextElement" type="text" id="txtTypeText" label="${LabelTypeText}" required />
|
|
|
|
</div>
|
|
|
|
<p>
|
|
|
|
<button is="emby-button" class="typeTextElement button-submit block raised" type="submit" raised>${ButtonSend}</button>
|
|
|
|
</p>
|
|
|
|
</form>
|
2016-02-05 23:30:43 -05:00
|
|
|
</div>
|
2019-11-20 18:06:15 +01:00
|
|
|
</div>
|
2016-02-05 23:30:43 -05:00
|
|
|
</div>
|
2016-05-15 12:30:32 -04:00
|
|
|
</div>
|
2020-04-12 20:15:58 -04:00
|
|
|
<div class="playlistSection">
|
2020-06-23 23:57:38 +02:00
|
|
|
<div class="playlistSectionButton flex align-items-center justify-content-center focuscontainer-x">
|
2020-06-17 22:09:30 +02:00
|
|
|
<button id="togglePlaylist" is="paper-icon-button-light" class="btnTogglePlaylist hide" title="${ButtonTogglePlaylist}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons queue_music"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2020-06-17 22:09:30 +02:00
|
|
|
<button is="paper-icon-button-light" class="btnSavePlaylist hide" title="${ButtonSave}">
|
2020-04-26 02:37:28 +03:00
|
|
|
<span class="material-icons save"></span>
|
2020-04-09 19:14:49 -04:00
|
|
|
</button>
|
2020-06-22 17:37:06 +02:00
|
|
|
<button id="toggleContextMenu" is="paper-icon-button-light" class="btnToggleContextMenu" title="${ButtonToggleContextMenu}">
|
|
|
|
<span class="material-icons more_vert"></span>
|
|
|
|
</button>
|
2017-01-24 00:52:47 -05:00
|
|
|
</div>
|
2020-04-16 15:45:32 -04:00
|
|
|
<div id="playlist" class="playlist itemsContainer vertical-list nowPlayingPlaylist hide" is="emby-itemscontainer" data-dragreorder="true"></div>
|
2015-09-25 22:31:13 -04:00
|
|
|
</div>
|
2016-03-16 01:33:31 -04:00
|
|
|
</div>
|
2019-11-20 00:24:54 +03:00
|
|
|
</div>
|