2014-04-14 23:54:52 -04:00
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>${TitleMediaBrowser}</title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
2014-04-27 18:51:07 -04:00
|
|
|
|
<div id="nowPlayingPage" data-role="page" class="page libraryPage nowPlayingPage" data-theme="b">
|
2014-04-14 23:54:52 -04:00
|
|
|
|
|
|
|
|
|
|
<div data-role="content">
|
2014-04-27 18:51:07 -04:00
|
|
|
|
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal" data-mini="true" style="text-align: center;">
|
|
|
|
|
|
<input type="radio" name="radioNowPlayingTab" class="radioTabButton" id="radioNowPlaying" value="tabNowPlaying">
|
|
|
|
|
|
<label for="radioNowPlaying">${TabNowPlaying}</label>
|
|
|
|
|
|
<input type="radio" name="radioNowPlayingTab" class="radioTabButton" id="radioNavigation" value="tabNavigation">
|
|
|
|
|
|
<label for="radioNavigation">${TabNavigation}</label>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<br />
|
|
|
|
|
|
|
2014-04-28 11:05:28 -04:00
|
|
|
|
<div style="text-align: center;">
|
|
|
|
|
|
<div class="tabNowPlaying tabContent">
|
|
|
|
|
|
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
2014-04-28 23:56:20 -04:00
|
|
|
|
<button data-icon="previous-track" data-inline="true" data-iconpos="notext" title="${ButtonPreviousTrack}" class="btnPreviousTrack btnPlayStateCommand" data-command="GoHome">${ButtonPreviousTrack}</button>
|
|
|
|
|
|
<button data-icon="pause" data-inline="true" data-iconpos="notext" title="${ButtonPause}" class="btnPause btnPlayStateCommand" data-command="GoHome">${ButtonPause}</button>
|
|
|
|
|
|
<button data-icon="play" data-inline="true" data-iconpos="notext" title="${ButtonPlay}" class="btnPlay btnPlayStateCommand" data-command="GoHome">${ButtonPlay}</button>
|
|
|
|
|
|
<button data-icon="stop" data-inline="true" data-iconpos="notext" title="${ButtonStop}" class="btnStop btnPlayStateCommand" data-command="GoHome">${ButtonStop}</button>
|
|
|
|
|
|
<button data-icon="next-track" data-inline="true" data-iconpos="notext" title="${ButtonNextTrack}" class="btnNextTrack btnPlayStateCommand" data-command="GoToSearch">${ButtonNextTrack}</button>
|
2014-04-28 11:05:28 -04:00
|
|
|
|
</div>
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
2014-04-28 23:56:20 -04:00
|
|
|
|
<button data-icon="audiocd" data-inline="true" data-iconpos="notext" title="${ButtonAudioTracks}" class="btnAudioTracks btnPlayStateCommand" data-command="GoToSearch">${ButtonAudioTracks}</button>
|
|
|
|
|
|
<button data-icon="subtitles" data-inline="true" data-iconpos="notext" title="${ButtonSubtitles}" class="btnSubtitles btnPlayStateCommand" data-command="GoToSearch">${ButtonSubtitles}</button>
|
|
|
|
|
|
<button data-icon="video" data-inline="true" data-iconpos="notext" title="${ButtonScenes}" class="btnChapters btnPlayStateCommand" data-command="GoToSearch">${ButtonScenes}</button>
|
|
|
|
|
|
<button data-icon="expand" data-inline="true" data-iconpos="notext" title="${ButtonFullscreen}" class="btnToggleFullscreen btnPlayStateCommand" data-command="ToggleFullscreen">${ButtonFullscreen}</button>
|
2014-04-28 11:05:28 -04:00
|
|
|
|
</div>
|
2014-04-27 18:51:07 -04:00
|
|
|
|
|
|
|
|
|
|
</div>
|
2014-04-28 11:05:28 -04:00
|
|
|
|
|
|
|
|
|
|
<div class="tabNavigation tabContent">
|
|
|
|
|
|
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
|
<button data-icon="arrow-u" data-inline="true" data-iconpos="notext" title="${ButtonArrowUp}" class="btnArrowUp btnCommand" data-command="MoveUp">${ButtonArrowUp}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
|
<button data-icon="arrow-l" data-inline="true" data-iconpos="notext" title="${ButtonArrowLeft}" class="btnArrowLeft btnCommand" data-command="MoveLeft">${ButtonArrowLeft}</button>
|
|
|
|
|
|
<button data-icon="check" data-inline="true" data-iconpos="notext" title="${ButtonOk}" class="btnOk btnCommand" data-command="Select">${ButtonOk}</button>
|
|
|
|
|
|
<button data-icon="arrow-r" data-inline="true" data-iconpos="notext" title="${ButtonArrowRight}" class="btnArrowRight btnCommand" data-command="MoveRight">${ButtonArrowRight}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
|
<button data-icon="arrow-d" data-inline="true" data-iconpos="notext" title="${ButtonArrowDown}" class="btnArrowDown btnCommand" data-command="MoveDown">${ButtonArrowDown}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
|
<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 />
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
|
<button data-icon="home" data-inline="true" data-iconpos="notext" title="${ButtonHome}" class="btnGoHome btnCommand" data-command="GoHome">${ButtonHome}</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 data-icon="search" data-inline="true" data-iconpos="notext" title="${ButtonSearch}" class="btnShowSearch btnCommand" data-command="GoToSearch">${ButtonSearch}</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div data-role="controlgroup" data-type="horizontal">
|
|
|
|
|
|
<button data-icon="gear" data-inline="true" data-iconpos="notext" title="${ButtonSettings}" class="bthShowSettings btnCommand" data-command="GoToSettings">${ButtonSettings}</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 data-icon="camera" data-inline="true" data-iconpos="notext" title="${ButtonTakeScreenshot}" class="btnScreenshot btnCommand" data-command="TakeScreenshot">${ButtonTakeScreenshot}</button>
|
|
|
|
|
|
</div>
|
2014-04-27 18:51:07 -04:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2014-04-14 23:54:52 -04:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
