mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update detail page

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-24 13:30:29 -04:00
parent 6c9609f234
commit fdb4dc593c
4 changed files with 50 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

65
dashboard-ui/scripts/nowplayingbar.js
View file

@ -9,6 +9,7 @@
var unmuteButton;
var muteButton;
var volumeSlider;
var volumeSliderContainer;
var unpauseButtons;
var pauseButtons;
var positionSlider;
@ -51,7 +52,7 @@
html += '<button is="paper-icon-button-light" class="muteButton mediaButton autoSize"><i class="md-icon">volume_up</i></button>';
html += '<button is="paper-icon-button-light" class="unmuteButton mediaButton autoSize"><i class="md-icon">volume_off</i></button>';
html += '<div class="sliderContainer nowPlayingBarVolumeSliderContainer" style="width:100px;vertical-align:middle;display:inline-flex;">';
html += '<div class="sliderContainer nowPlayingBarVolumeSliderContainer hide" style="width:100px;vertical-align:middle;display:inline-flex;">';
html += '<input type="range" is="emby-slider" pin step="1" min="0" max="100" value="0" class="nowPlayingBarVolumeSlider"/>';
html += '</div>';
@ -229,46 +230,50 @@
toggleRepeatButtonIcon = toggleRepeatButton.querySelector('i');
// Unfortunately this is necessary because the polymer elements might not be ready immediately and there doesn't seem to be an event-driven way to find out when
setTimeout(function () {
volumeSlider = elem.querySelector('.nowPlayingBarVolumeSlider');
volumeSliderContainer = elem.querySelector('.nowPlayingBarVolumeSliderContainer');
volumeSlider = elem.querySelector('.nowPlayingBarVolumeSlider');
volumeSlider.addEventListener('change', function () {
if (AppInfo.hasPhysicalVolumeButtons) {
volumeSliderContainer.classList.add('hide');
} else {
volumeSliderContainer.classList.remove('hide');
}
if (currentPlayer) {
currentPlayer.setVolume(this.value);
}
volumeSlider.addEventListener('change', function () {
});
if (currentPlayer) {
currentPlayer.setVolume(this.value);
}
positionSlider = elem.querySelector('.nowPlayingBarPositionSlider');
positionSlider.addEventListener('change', function () {
});
if (currentPlayer && lastPlayerState) {
positionSlider = elem.querySelector('.nowPlayingBarPositionSlider');
positionSlider.addEventListener('change', function () {
var newPercent = parseFloat(this.value);
var newPositionTicks = (newPercent / 100) * lastPlayerState.NowPlayingItem.RunTimeTicks;
if (currentPlayer && lastPlayerState) {
currentPlayer.seek(Math.floor(newPositionTicks));
}
var newPercent = parseFloat(this.value);
var newPositionTicks = (newPercent / 100) * lastPlayerState.NowPlayingItem.RunTimeTicks;
});
currentPlayer.seek(Math.floor(newPositionTicks));
}
positionSlider.getBubbleText = function (value) {
});
var state = lastPlayerState;
positionSlider.getBubbleText = function (value) {
if (!state || !state.NowPlayingItem || !state.NowPlayingItem.RunTimeTicks) {
return '--:--';
}
var state = lastPlayerState;
var ticks = state.NowPlayingItem.RunTimeTicks;
ticks /= 100;
ticks *= value;
if (!state || !state.NowPlayingItem || !state.NowPlayingItem.RunTimeTicks) {
return '--:--';
}
return datetime.getDisplayRunningTime(ticks);
};
}, 300);
var ticks = state.NowPlayingItem.RunTimeTicks;
ticks /= 100;
ticks *= value;
return datetime.getDisplayRunningTime(ticks);
};
}
function showRemoteControl(tabIndex) {
@ -488,9 +493,9 @@
if (volumeSlider) {
if (showVolumeSlider) {
volumeSlider.classList.remove('hide');
volumeSliderContainer.classList.remove('hide');
} else {
volumeSlider.classList.add('hide');
volumeSliderContainer.classList.add('hide');
}
if (!volumeSlider.dragging) {