mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
59b4199fc0
commit
8144b83f54
44 changed files with 413 additions and 355 deletions
|
@ -1,4 +1,4 @@
|
|||
define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'focusManager', 'apphost', 'css!./style', 'html!./icons', 'iron-icon-set', 'paper-icon-button-light', 'paper-spinner'], function (dialogHelper, inputmanager, connectionManager, layoutManager, focusManager, appHost) {
|
||||
define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'focusManager', 'apphost', 'css!./style', 'material-icons', 'paper-icon-button-light', 'paper-spinner'], function (dialogHelper, inputmanager, connectionManager, layoutManager, focusManager, appHost) {
|
||||
|
||||
function getImageUrl(item, options, apiClient) {
|
||||
|
||||
|
@ -91,7 +91,7 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
|
|||
|
||||
var tabIndex = canFocus ? '' : ' tabindex="-1"';
|
||||
autoFocus = autoFocus ? ' autofocus' : '';
|
||||
return '<button is="paper-icon-button-light" class="' + cssClass + '"' + tabIndex + autoFocus + '><iron-icon icon="' + icon + '"></iron-icon></button>';
|
||||
return '<button is="paper-icon-button-light" class="autoSize ' + cssClass + '"' + tabIndex + autoFocus + '><i class="md-icon">' + icon + '</i></button>';
|
||||
}
|
||||
|
||||
return function (options) {
|
||||
|
@ -125,30 +125,30 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
|
|||
html += '<div>';
|
||||
html += '<div class="slideshowSwiperContainer"><div class="swiper-wrapper"></div></div>';
|
||||
|
||||
html += getIcon('slideshow:keyboard-arrow-left', 'btnSlideshowPrevious slideshowButton', false);
|
||||
html += getIcon('slideshow:keyboard-arrow-right', 'btnSlideshowNext slideshowButton', false);
|
||||
html += getIcon('keyboard_arrow_left', 'btnSlideshowPrevious slideshowButton', false);
|
||||
html += getIcon('keyboard_arrow_right', 'btnSlideshowNext slideshowButton', false);
|
||||
|
||||
html += '<div class="topActionButtons">';
|
||||
if (actionButtonsOnTop) {
|
||||
if (appHost.supports('filedownload')) {
|
||||
html += getIcon('slideshow:file-download', 'btnDownload slideshowButton', true);
|
||||
html += getIcon('file_download', 'btnDownload slideshowButton', true);
|
||||
}
|
||||
if (appHost.supports('sharing')) {
|
||||
html += getIcon('slideshow:share', 'btnShare slideshowButton', true);
|
||||
html += getIcon('share', 'btnShare slideshowButton', true);
|
||||
}
|
||||
}
|
||||
html += getIcon('slideshow:close', 'slideshowButton btnSlideshowExit', false);
|
||||
html += getIcon('close', 'slideshowButton btnSlideshowExit', false);
|
||||
html += '</div>';
|
||||
|
||||
if (!actionButtonsOnTop) {
|
||||
html += '<div class="slideshowBottomBar hide">';
|
||||
|
||||
html += getIcon('slideshow:pause', 'btnSlideshowPause slideshowButton', true, true);
|
||||
html += getIcon('pause', 'btnSlideshowPause slideshowButton', true, true);
|
||||
if (appHost.supports('filedownload')) {
|
||||
html += getIcon('slideshow:file-download', 'btnDownload slideshowButton', true);
|
||||
html += getIcon('file_download', 'btnDownload slideshowButton', true);
|
||||
}
|
||||
if (appHost.supports('sharing')) {
|
||||
html += getIcon('slideshow:share', 'btnShare slideshowButton', true);
|
||||
html += getIcon('share', 'btnShare slideshowButton', true);
|
||||
}
|
||||
|
||||
html += '</div>';
|
||||
|
@ -362,9 +362,9 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
|
|||
|
||||
function play() {
|
||||
|
||||
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause iron-icon');
|
||||
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause i');
|
||||
if (btnSlideshowPause) {
|
||||
btnSlideshowPause.icon = "slideshow:pause";
|
||||
btnSlideshowPause.innerHTML = "pause";
|
||||
}
|
||||
|
||||
swiperInstance.startAutoplay();
|
||||
|
@ -372,9 +372,9 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
|
|||
|
||||
function pause() {
|
||||
|
||||
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause iron-icon');
|
||||
var btnSlideshowPause = dlg.querySelector('.btnSlideshowPause i');
|
||||
if (btnSlideshowPause) {
|
||||
btnSlideshowPause.icon = "slideshow:play-arrow";
|
||||
btnSlideshowPause.innerHTML = "play_arrow";
|
||||
}
|
||||
|
||||
swiperInstance.stopAutoplay();
|
||||
|
@ -382,7 +382,7 @@ define(['dialogHelper', 'inputManager', 'connectionManager', 'layoutManager', 'f
|
|||
|
||||
function playPause() {
|
||||
|
||||
var paused = dlg.querySelector('.btnSlideshowPause iron-icon').icon != "slideshow:pause";
|
||||
var paused = dlg.querySelector('.btnSlideshowPause i').innerHTML != "pause";
|
||||
if (paused) {
|
||||
play();
|
||||
} else {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue