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

update components

This commit is contained in:
Luke Pulverenti 2016-02-01 12:52:23 -05:00
parent 3e156cda5b
commit e1420ddb93
4 changed files with 33 additions and 7 deletions

View file

@ -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",

View file

@ -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;
}

View file

@ -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;
}

View file

@ -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"
}