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
3e156cda5b
commit
e1420ddb93
4 changed files with 33 additions and 7 deletions
|
@ -15,12 +15,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.0.54",
|
||||
"_release": "1.0.54",
|
||||
"version": "1.0.55",
|
||||
"_release": "1.0.55",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.0.54",
|
||||
"commit": "a4de1d3f633579c3583d83990577cc252a9187ad"
|
||||
"tag": "1.0.55",
|
||||
"commit": "9550327596d1e5ce65f1de885549ad6a3d526f04"
|
||||
},
|
||||
"_source": "git://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "~1.0.0",
|
||||
|
|
|
@ -87,6 +87,9 @@ define(['paperdialoghelper', 'inputManager', 'connectionManager', 'browser', 'cs
|
|||
initialSlide: options.startIndex || 0
|
||||
});
|
||||
|
||||
swiperInstance.on('onLazyImageLoad', onSlideChangeStart);
|
||||
swiperInstance.on('onLazyImageReady', onSlideChangeEnd);
|
||||
|
||||
if (browser.mobile) {
|
||||
pause();
|
||||
} else {
|
||||
|
@ -104,12 +107,22 @@ define(['paperdialoghelper', 'inputManager', 'connectionManager', 'browser', 'cs
|
|||
});
|
||||
}
|
||||
|
||||
function onSlideChangeStart(swiper, slide, image) {
|
||||
|
||||
slide.querySelector('paper-spinner').active = true;
|
||||
}
|
||||
|
||||
function onSlideChangeEnd(swiper, slide, image) {
|
||||
|
||||
slide.querySelector('paper-spinner').active = false;
|
||||
}
|
||||
|
||||
function getSwiperSlideHtmlFromSlide(item) {
|
||||
|
||||
var html = '';
|
||||
html += '<div class="swiper-slide">';
|
||||
html += '<img data-src="' + item.imageUrl + '" class="swiper-lazy">';
|
||||
//html += '<paper-spinner class="swiper-lazy-preloader"></paper-spinner>';
|
||||
html += '<paper-spinner></paper-spinner>';
|
||||
if (item.title || item.subtitle) {
|
||||
html += '<div class="slideText">';
|
||||
html += '<div class="slideTextInner">';
|
||||
|
@ -184,6 +197,8 @@ define(['paperdialoghelper', 'inputManager', 'connectionManager', 'browser', 'cs
|
|||
|
||||
var swiper = swiperInstance;
|
||||
if (swiper) {
|
||||
swiper.off('onLazyImageLoad');
|
||||
swiper.off('onLazyImageReady');
|
||||
swiper.destroy(true, true);
|
||||
swiperInstance = null;
|
||||
}
|
||||
|
|
|
@ -107,3 +107,14 @@ paper-fab.btnSlideshowExit {
|
|||
.slideSubtitle {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.swiper-slide paper-spinner {
|
||||
width: 10vh;
|
||||
height: 10vh;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -5vh;
|
||||
margin-top: -5vh;
|
||||
z-index: 1003;
|
||||
}
|
||||
|
|
|
@ -36,7 +36,7 @@
|
|||
"tag": "v1.1.0",
|
||||
"commit": "abd9ee7c29f0aae7b583abfe0af9db7f2555eabf"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/iron-selector.git",
|
||||
"_source": "git://github.com/polymerelements/iron-selector.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "PolymerElements/iron-selector"
|
||||
"_originalSource": "polymerelements/iron-selector"
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue