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

fix content sometimes not appearing after restart

Browse source
This commit is contained in:
Luke Pulverenti 2016-05-19 01:20:47 -04:00
parent 92b687f9a5
commit 2d62dc8dd9
1 changed files with 51 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

100
dashboard-ui/components/viewcontainer-lite.js
View file

@ -214,76 +214,78 @@ define(['browser'], function (browser) {
function slide(newAnimatedPage, oldAnimatedPage, transition, isBack) { function slide(newAnimatedPage, oldAnimatedPage, transition, isBack) {
var timings = { return new Promise(function (resolve, reject) {
duration: 450,
iterations: 1,
easing: 'ease-out',
fill: 'both'
}
var animations = []; // Do not use fill: both or the ability to swipe horizontally may be affected on Chrome 50
var timings = {
duration: 450,
iterations: 1,
easing: 'ease-out'
}
if (oldAnimatedPage) { var animations = [];
var destination = isBack ? '100%' : '-100%';
animations.push(oldAnimatedPage.animate([ if (oldAnimatedPage) {
var destination = isBack ? '100%' : '-100%';
{ transform: 'none', offset: 0 }, animations.push(oldAnimatedPage.animate([
{ transform: 'translate3d(' + destination + ', 0, 0)', offset: 1 }
{ transform: 'none', offset: 0 },
{ transform: 'translate3d(' + destination + ', 0, 0)', offset: 1 }
], timings));
}
newAnimatedPage.classList.remove('hide');
var start = isBack ? '-100%' : '100%';
animations.push(newAnimatedPage.animate([
{ transform: 'translate3d(' + start + ', 0, 0)', offset: 0 },
{ transform: 'none', offset: 1 }
], timings)); ], timings));
}
newAnimatedPage.classList.remove('hide'); currentAnimations = animations;
var start = isBack ? '-100%' : '100%';
animations.push(newAnimatedPage.animate([
{ transform: 'translate3d(' + start + ', 0, 0)', offset: 0 },
{ transform: 'none', offset: 1 }
], timings));
currentAnimations = animations;
return new Promise(function (resolve, reject) {
animations[animations.length - 1].onfinish = resolve; animations[animations.length - 1].onfinish = resolve;
}); });
} }
function fade(newAnimatedPage, oldAnimatedPage, transition, isBack) { function fade(newAnimatedPage, oldAnimatedPage, transition, isBack) {
var timings = { return new Promise(function (resolve, reject) {
duration: 140,
iterations: 1,
easing: 'ease-out',
fill: 'both'
}
var animations = []; // Do not use fill: both or the ability to swipe horizontally may be affected on Chrome 50
var timings = {
duration: 140,
iterations: 1,
easing: 'ease-out'
}
if (oldAnimatedPage) { var animations = [];
animations.push(oldAnimatedPage.animate([
{ opacity: 1, offset: 0 }, if (oldAnimatedPage) {
{ opacity: 0, offset: 1 } animations.push(oldAnimatedPage.animate([
{ opacity: 1, offset: 0 },
{ opacity: 0, offset: 1 }
], timings));
}
newAnimatedPage.classList.remove('hide');
animations.push(newAnimatedPage.animate([
{ opacity: 0, offset: 0 },
{ opacity: 1, offset: 1 }
], timings)); ], timings));
}
newAnimatedPage.classList.remove('hide'); currentAnimations = animations;
animations.push(newAnimatedPage.animate([
{ opacity: 0, offset: 0 },
{ opacity: 1, offset: 1 }
], timings));
currentAnimations = animations;
return new Promise(function (resolve, reject) {
animations[animations.length - 1].onfinish = resolve; animations[animations.length - 1].onfinish = resolve;
}); });
} }