mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
fix up now playing page
This commit is contained in:
parent
33393e6e03
commit
521e963e70
15 changed files with 133 additions and 58 deletions
|
@ -15,12 +15,12 @@
|
||||||
},
|
},
|
||||||
"devDependencies": {},
|
"devDependencies": {},
|
||||||
"ignore": [],
|
"ignore": [],
|
||||||
"version": "1.4.32",
|
"version": "1.4.33",
|
||||||
"_release": "1.4.32",
|
"_release": "1.4.33",
|
||||||
"_resolution": {
|
"_resolution": {
|
||||||
"type": "version",
|
"type": "version",
|
||||||
"tag": "1.4.32",
|
"tag": "1.4.33",
|
||||||
"commit": "426134a6a3e7ac58f429862eb998e0f20c23e38f"
|
"commit": "e78684c1db2e30856c4a16ac24a49d4aae625e56"
|
||||||
},
|
},
|
||||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||||
"_target": "^1.2.0",
|
"_target": "^1.2.0",
|
||||||
|
|
|
@ -26,7 +26,7 @@ button.alphaPickerButton {
|
||||||
}
|
}
|
||||||
|
|
||||||
.vertical .alphaPickerButton {
|
.vertical .alphaPickerButton {
|
||||||
padding: .25em .3em !important;
|
padding: .25em .4em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-desktop .alphaPickerButton {
|
.layout-desktop .alphaPickerButton {
|
||||||
|
|
|
@ -123,6 +123,10 @@
|
||||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
[is=paper-icon-button-light][disabled] {
|
||||||
|
opacity: .3;
|
||||||
|
}
|
||||||
|
|
||||||
.layout-tv [is=paper-icon-button-light] {
|
.layout-tv [is=paper-icon-button-light] {
|
||||||
width: 4vh;
|
width: 4vh;
|
||||||
height: 4vh;
|
height: 4vh;
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "hls.js",
|
"name": "hls.js",
|
||||||
"version": "0.5.34",
|
"version": "0.5.35",
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"description": "Media Source Extension - HLS library, by/for Dailymotion",
|
"description": "Media Source Extension - HLS library, by/for Dailymotion",
|
||||||
"homepage": "https://github.com/dailymotion/hls.js",
|
"homepage": "https://github.com/dailymotion/hls.js",
|
||||||
|
@ -16,11 +16,11 @@
|
||||||
"test",
|
"test",
|
||||||
"tests"
|
"tests"
|
||||||
],
|
],
|
||||||
"_release": "0.5.34",
|
"_release": "0.5.35",
|
||||||
"_resolution": {
|
"_resolution": {
|
||||||
"type": "version",
|
"type": "version",
|
||||||
"tag": "v0.5.34",
|
"tag": "v0.5.35",
|
||||||
"commit": "fe719c8631da6014babef8c5914f59b1620769a6"
|
"commit": "ae83fd3b6f87c2b62dd4ca7419589cefbfafc394"
|
||||||
},
|
},
|
||||||
"_source": "git://github.com/dailymotion/hls.js.git",
|
"_source": "git://github.com/dailymotion/hls.js.git",
|
||||||
"_target": "~0.5.7",
|
"_target": "~0.5.7",
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "hls.js",
|
"name": "hls.js",
|
||||||
"version": "0.5.34",
|
"version": "0.5.35",
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"description": "Media Source Extension - HLS library, by/for Dailymotion",
|
"description": "Media Source Extension - HLS library, by/for Dailymotion",
|
||||||
"homepage": "https://github.com/dailymotion/hls.js",
|
"homepage": "https://github.com/dailymotion/hls.js",
|
||||||
|
|
|
@ -4917,7 +4917,7 @@ var TSDemuxer = function () {
|
||||||
pes.data = null;
|
pes.data = null;
|
||||||
var debugString = '';
|
var debugString = '';
|
||||||
|
|
||||||
var pushAccesUnit = function pushAccesUnit() {
|
var pushAccesUnit = function () {
|
||||||
if (units2.length) {
|
if (units2.length) {
|
||||||
// only push AVC sample if keyframe already found in this fragment OR
|
// only push AVC sample if keyframe already found in this fragment OR
|
||||||
// keyframe found in last fragment (track.sps) AND
|
// keyframe found in last fragment (track.sps) AND
|
||||||
|
@ -4931,7 +4931,7 @@ var TSDemuxer = function () {
|
||||||
units2 = [];
|
units2 = [];
|
||||||
length = 0;
|
length = 0;
|
||||||
}
|
}
|
||||||
};
|
}.bind(this);
|
||||||
|
|
||||||
units.forEach(function (unit) {
|
units.forEach(function (unit) {
|
||||||
switch (unit.type) {
|
switch (unit.type) {
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "hls.js",
|
"name": "hls.js",
|
||||||
"version": "0.5.34",
|
"version": "0.5.35",
|
||||||
"license": "Apache-2.0",
|
"license": "Apache-2.0",
|
||||||
"description": "Media Source Extension - HLS library, by/for Dailymotion",
|
"description": "Media Source Extension - HLS library, by/for Dailymotion",
|
||||||
"homepage": "https://github.com/dailymotion/hls.js",
|
"homepage": "https://github.com/dailymotion/hls.js",
|
||||||
|
|
|
@ -359,7 +359,7 @@
|
||||||
units2 = [];
|
units2 = [];
|
||||||
length = 0;
|
length = 0;
|
||||||
}
|
}
|
||||||
};
|
}.bind(this);
|
||||||
|
|
||||||
units.forEach(unit => {
|
units.forEach(unit => {
|
||||||
switch(unit.type) {
|
switch(unit.type) {
|
||||||
|
|
|
@ -39,6 +39,6 @@
|
||||||
"commit": "ce5b9fb2d8aa03c698410e2e55cffcfa0b788a3a"
|
"commit": "ce5b9fb2d8aa03c698410e2e55cffcfa0b788a3a"
|
||||||
},
|
},
|
||||||
"_source": "git://github.com/Polymer/polymer.git",
|
"_source": "git://github.com/Polymer/polymer.git",
|
||||||
"_target": "^1.0.0",
|
"_target": "^1.1.0",
|
||||||
"_originalSource": "Polymer/polymer"
|
"_originalSource": "Polymer/polymer"
|
||||||
}
|
}
|
|
@ -1,4 +1,4 @@
|
||||||
define(['browser', 'datetime', 'jQuery', 'libraryBrowser', 'paper-fab', 'paper-slider'], function (browser, datetime, $, libraryBrowser) {
|
define(['browser', 'datetime', 'jQuery', 'libraryBrowser'], function (browser, datetime, $, libraryBrowser) {
|
||||||
|
|
||||||
function showSlideshowMenu(context) {
|
function showSlideshowMenu(context) {
|
||||||
require(['scripts/slideshow'], function () {
|
require(['scripts/slideshow'], function () {
|
||||||
|
|
|
@ -2,14 +2,14 @@
|
||||||
padding-top: 0 !important;
|
padding-top: 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
||||||
margin: 2px 1px;
|
margin: 2px 1px;
|
||||||
}
|
|
||||||
|
|
||||||
.nowPlayingPage .btnCommand:not(.hide), .nowPlayingPage .btnPlayStateCommand:not(.hide) {
|
|
||||||
display: inline-block !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nowPlayingPage .btnCommand:not(.hide), .nowPlayingPage .btnPlayStateCommand:not(.hide) {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
.nowPlayingPageImage {
|
.nowPlayingPageImage {
|
||||||
height: 360px;
|
height: 360px;
|
||||||
width: 360px;
|
width: 360px;
|
||||||
|
@ -91,6 +91,13 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nowPlayingPage .btnCommand, .nowPlayingPage .btnPlayStateCommand {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
background: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@media all and (max-width: 600px) and (orientation: portrait) {
|
@media all and (max-width: 600px) and (orientation: portrait) {
|
||||||
|
|
||||||
.btnSlideshow {
|
.btnSlideshow {
|
||||||
|
|
|
@ -35,24 +35,61 @@
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
||||||
<paper-fab icon="skip-previous" class="btnPreviousTrack btnPlayStateCommand subdued" title="${ButtonPreviousTrack}"></paper-fab>
|
<button is="paper-icon-button-light" class="btnPreviousTrack btnPlayStateCommand" title="${ButtonPreviousTrack}">
|
||||||
<paper-fab icon="pause" class="btnPause btnPlayStateCommand subdued" title="${ButtonPause}"></paper-fab>
|
<iron-icon icon="skip-previous"></iron-icon>
|
||||||
<paper-fab icon="play-arrow" class="btnPlay btnPlayStateCommand subdued" title="${ButtonPlay}"></paper-fab>
|
</button>
|
||||||
<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>
|
<button is="paper-icon-button-light" class="btnPause btnPlayStateCommand" title="${ButtonPause}">
|
||||||
|
<iron-icon icon="pause"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnPlay btnPlayStateCommand" title="${ButtonPlay}">
|
||||||
|
<iron-icon icon="play-arrow"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnPlayStateCommand btnStop" title="${ButtonStop}">
|
||||||
|
<iron-icon icon="stop"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnPlayStateCommand btnNextTrack" title="${ButtonNextTrack}">
|
||||||
|
<iron-icon icon="skip-next"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="buttonsRow2">
|
<div class="buttonsRow2">
|
||||||
|
|
||||||
<paper-fab icon="audiotrack" class="btnAudioTracks videoButton btnPlayStateCommand subdued" title="${ButtonAudioTracks}" data-command="GoToSearch"></paper-fab>
|
<button is="paper-icon-button-light" class="btnAudioTracks videoButton btnPlayStateCommand" title="${ButtonAudioTracks}" data-command="GoToSearch">
|
||||||
<paper-fab icon="closed-caption" class="btnSubtitles videoButton btnPlayStateCommand subdued" title="${ButtonSubtitles}" data-command="GoToSearch"></paper-fab>
|
<iron-icon icon="audiotrack"></iron-icon>
|
||||||
<paper-fab icon="movie" class="btnChapters videoButton btnPlayStateCommand subdued" title="${ButtonScenes}" data-command="GoToSearch"></paper-fab>
|
</button>
|
||||||
<paper-fab icon="fullscreen" class="btnToggleFullscreen videoButton btnPlayStateCommand subdued" title="${ButtonFullscreen}" data-command="ToggleFullscreen"></paper-fab>
|
|
||||||
|
<button is="paper-icon-button-light" class="btnSubtitles videoButton btnPlayStateCommand" title="${ButtonSubtitles}" data-command="GoToSearch">
|
||||||
|
<iron-icon icon="closed-caption"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnChapters videoButton btnPlayStateCommand" title="${ButtonScenes}" data-command="GoToSearch">
|
||||||
|
<iron-icon icon="movie"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnToggleFullscreen videoButton btnPlayStateCommand" title="${ButtonFullscreen}" data-command="ToggleFullscreen">
|
||||||
|
<iron-icon icon="fullscreen"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<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>
|
<button is="paper-icon-button-light" class="btnCommand repeatToggleButton" title="${ButtonRepeat}" data-command="SetRepeatMode">
|
||||||
<paper-fab icon="volume-down" class="btnCommand subdued volumeButton" title="${ButtonVolumeDown}" data-command="VolumeDown"></paper-fab>
|
<iron-icon icon="repeat"></iron-icon>
|
||||||
<paper-fab icon="volume-up" class="btnCommand subdued volumeButton" title="${ButtonVolumeUp}" data-command="VolumeUp"></paper-fab>
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnCommand volumeButton" title="${ButtonMute}" data-command="ToggleMute">
|
||||||
|
<iron-icon icon="volume-off"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnCommand volumeButton" title="${ButtonVolumeDown}" data-command="VolumeDown">
|
||||||
|
<iron-icon icon="volume-down"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnCommand volumeButton" title="${ButtonVolumeUp}" data-command="VolumeUp">
|
||||||
|
<iron-icon icon="volume-up"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="nowPlayingPageUserDataButtons" style="margin-top:1em;">
|
<div class="nowPlayingPageUserDataButtons" style="margin-top:1em;">
|
||||||
</div>
|
</div>
|
||||||
|
@ -62,28 +99,55 @@
|
||||||
<div class="pageTabContent ehsContent" id="controlsTab" data-index="1">
|
<div class="pageTabContent ehsContent" id="controlsTab" data-index="1">
|
||||||
<div style="text-align:center;">
|
<div style="text-align:center;">
|
||||||
<div>
|
<div>
|
||||||
<paper-fab icon="keyboard-arrow-up" class="btnArrowUp btnCommand subdued" title="${ButtonArrowUp}" data-command="MoveUp"></paper-fab>
|
<button is="paper-icon-button-light" class="btnArrowUp btnCommand" title="${ButtonArrowUp}" data-command="MoveUp">
|
||||||
|
<iron-icon icon="keyboard-arrow-up"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<paper-fab icon="keyboard-arrow-left" class="btnArrowLeft btnCommand subdued" title="${ButtonArrowLeft}" data-command="MoveLeft"></paper-fab>
|
<button is="paper-icon-button-light" class="btnArrowLeft btnCommand" title="${ButtonArrowLeft}" data-command="MoveLeft">
|
||||||
<paper-fab icon="check" class="btnOk btnCommand subdued" title="${ButtonOk}" data-command="Select"></paper-fab>
|
<iron-icon icon="keyboard-arrow-left"></iron-icon>
|
||||||
<paper-fab icon="keyboard-arrow-right" class="btnArrowRight btnCommand subdued" title="${ButtonArrowRight}" data-command="MoveRight"></paper-fab>
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnOk btnCommand" title="${ButtonOk}" data-command="Select">
|
||||||
|
<iron-icon icon="check"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnArrowRight btnCommand" title="${ButtonArrowRight}" data-command="MoveRight">
|
||||||
|
<iron-icon icon="keyboard-arrow-right"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<paper-fab icon="keyboard-arrow-down" class="btnArrowDown btnCommand subdued" title="${ButtonArrowDown}" data-command="MoveDown"></paper-fab>
|
<button is="paper-icon-button-light" class="btnArrowDown btnCommand" title="${ButtonArrowDown}" data-command="MoveDown">
|
||||||
|
<iron-icon icon="keyboard-arrow-down"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<paper-fab icon="arrow-back" class="btnBack btnCommand subdued" title="${ButtonBack}" data-command="Back"></paper-fab>
|
<button is="paper-icon-button-light" class="btnBack btnCommand" title="${ButtonBack}" data-command="Back">
|
||||||
<paper-fab icon="info" class="btnInfo btnCommand subdued" title="${ButtonInfo}" data-command="ToggleContextMenu"></paper-fab>
|
<iron-icon icon="arrow-back"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnInfo btnCommand" title="${ButtonInfo}" data-command="ToggleContextMenu">
|
||||||
|
<iron-icon icon="info"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<div>
|
<div>
|
||||||
<paper-fab icon="home" class="btnGoHome btnCommand subdued" title="${ButtonHome}" data-command="GoHome"></paper-fab>
|
<button is="paper-icon-button-light" class="btnGoHome btnCommand" title="${ButtonHome}" data-command="GoHome">
|
||||||
<paper-fab icon="search" class="btnShowSearch btnCommand subdued" title="${ButtonSearch}" data-command="GoToSearch"></paper-fab>
|
<iron-icon icon="home"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnShowSearch btnCommand" title="${ButtonSearch}" data-command="GoToSearch">
|
||||||
|
<iron-icon icon="search"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<paper-fab icon="settings" class="bthShowSettings btnCommand subdued" title="${ButtonSettings}" data-command="GoToSettings"></paper-fab>
|
<button is="paper-icon-button-light" class="bthShowSettings btnCommand" title="${ButtonSettings}" data-command="GoToSettings">
|
||||||
<paper-fab icon="videocam" class="btnScreenshot btnCommand subdued" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot"></paper-fab>
|
<iron-icon icon="settings"></iron-icon>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button is="paper-icon-button-light" class="btnScreenshot btnCommand" title="${ButtonTakeScreenshot}" data-command="TakeScreenshot">
|
||||||
|
<iron-icon icon="videocam"></iron-icon>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="readOnlyContent" style="margin: 2em auto 0; padding: 0 1em 100px;">
|
<div class="readOnlyContent" style="margin: 2em auto 0; padding: 0 1em 100px;">
|
||||||
|
@ -91,15 +155,15 @@
|
||||||
<br /><h1>${HeaderSendMessage}</h1>
|
<br /><h1>${HeaderSendMessage}</h1>
|
||||||
<div style="text-align: left;">
|
<div style="text-align: left;">
|
||||||
<form class="sendMessageForm">
|
<form class="sendMessageForm">
|
||||||
<div>
|
<div class="inputContainer">
|
||||||
<paper-input class="sendMessageElement" type="text" id="txtMessageTitle" label="${LabelMessageTitle}" required></paper-input>
|
<input is="emby-input" class="sendMessageElement" type="text" id="txtMessageTitle" label="${LabelMessageTitle}" required />
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<div>
|
<div class="inputContainer">
|
||||||
<paper-input class="sendMessageElement" type="text" id="txtMessageText" label="${LabelMessageText}" required></paper-input>
|
<input is="emby-input" class="sendMessageElement" type="text" id="txtMessageText" label="${LabelMessageText}" required />
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
<button is="emby-button" class="sendMessageElement accent" type="submit" raised style="display: block;">${ButtonSend}</button>
|
<button is="emby-button" class="sendMessageElement accent block raised" type="submit" raised>${ButtonSend}</button>
|
||||||
</p>
|
</p>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -108,11 +172,11 @@
|
||||||
<br /><h1>${HeaderTypeText}</h1>
|
<br /><h1>${HeaderTypeText}</h1>
|
||||||
<div style="text-align: left;">
|
<div style="text-align: left;">
|
||||||
<form class="typeTextForm">
|
<form class="typeTextForm">
|
||||||
<div>
|
<div class="inputContainer">
|
||||||
<paper-input class="typeTextElement" type="text" id="txtTypeText" label="${LabelTypeText}" required></paper-input>
|
<input is="emby-input" class="typeTextElement" type="text" id="txtTypeText" label="${LabelTypeText}" required />
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<p>
|
||||||
<button is="emby-button" class="typeTextElement accent" type="submit" raised style="display: block;">${ButtonSend}</button>
|
<button is="emby-button" class="typeTextElement accent block raised" type="submit" raised>${ButtonSend}</button>
|
||||||
</p>
|
</p>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -2838,7 +2838,7 @@ var AppInfo = {};
|
||||||
|
|
||||||
defineRoute({
|
defineRoute({
|
||||||
path: '/nowplaying.html',
|
path: '/nowplaying.html',
|
||||||
dependencies: ['paper-icon-button-light', 'paper-slider', 'emby-button'],
|
dependencies: ['paper-icon-button-light', 'paper-slider', 'emby-button', 'emby-input'],
|
||||||
controller: 'scripts/nowplayingpage',
|
controller: 'scripts/nowplayingpage',
|
||||||
autoFocus: false,
|
autoFocus: false,
|
||||||
transition: 'fade'
|
transition: 'fade'
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue