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 components

Browse source
This commit is contained in:
Luke Pulverenti 2016-05-24 12:58:12 -04:00
parent 9e44f71761
commit bbe5c49524
10 changed files with 69 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

52
dashboard-ui/bower_components/emby-webcomponents/viewmanager/viewcontainer-lite.js vendored
View file

@ -1,16 +1,13 @@
define(['browser'], function (browser) {
var allPages = document.querySelectorAll('.mainAnimatedPage');
var mainAnimatedPages = document.querySelector('.mainAnimatedPages');
var allPages = [];
var currentUrls = [];
var pageContainerCount = allPages.length;
var allowAnimation = true;
var pageContainerCount = 3;
var selectedPageIndex = -1;
function enableAnimation() {
if (!allowAnimation) {
return false;
}
if (browser.tv) {
return false;
}
@ -26,7 +23,7 @@ define(['browser'], function (browser) {
cancelActiveAnimations();
var selected = getSelectedIndex(allPages);
var selected = selectedPageIndex;
var previousAnimatable = selected == -1 ? null : allPages[selected];
var pageIndex = selected + 1;
@ -35,23 +32,26 @@ define(['browser'], function (browser) {
}
var view = document.createElement('div');
view.classList.add('page-view');
if (options.type) {
view.setAttribute('data-type', options.type);
}
view.innerHTML = options.view;
var animatable = allPages[pageIndex];
var currentPage = allPages[pageIndex];
var animatable = view;
var currentPage = animatable.querySelector('.page-view');
view.classList.add('mainAnimatedPage');
if (currentPage) {
triggerDestroy(currentPage);
animatable.replaceChild(view, currentPage);
mainAnimatedPages.replaceChild(view, currentPage);
} else {
animatable.appendChild(view);
mainAnimatedPages.appendChild(view);
}
allPages[pageIndex] = view;
if (onBeforeChange) {
onBeforeChange(view, false, options);
}
@ -101,12 +101,6 @@ define(['browser'], function (browser) {
}
}
return nullAnimation(newAnimatedPage, oldAnimatedPage, transition, isBack);
}
function nullAnimation(newAnimatedPage, oldAnimatedPage, transition, isBack) {
newAnimatedPage.classList.remove('hide');
return Promise.resolve();
}
@ -133,8 +127,6 @@ define(['browser'], function (browser) {
], timings));
}
newAnimatedPage.classList.remove('hide');
var start = isBack ? '-100%' : '100%';
animations.push(newAnimatedPage.animate([
@ -171,8 +163,6 @@ define(['browser'], function (browser) {
], timings));
}
newAnimatedPage.classList.remove('hide');
animations.push(newAnimatedPage.animate([
{ opacity: 0, offset: 0 },
@ -209,19 +199,15 @@ define(['browser'], function (browser) {
onBeforeChange = fn;
}
function getSelectedIndex(allPages) {
return selectedPageIndex;
}
function tryRestoreView(options) {
var url = options.url;
var index = currentUrls.indexOf(url);
if (index != -1) {
var page = allPages[index];
var view = page.querySelector(".page-view");
var animatable = allPages[index];
var view = animatable;
if (view) {
@ -231,8 +217,7 @@ define(['browser'], function (browser) {
cancelActiveAnimations();
var animatable = allPages[index];
var selected = getSelectedIndex(allPages);
var selected = selectedPageIndex;
var previousAnimatable = selected == -1 ? null : allPages[selected];
if (onBeforeChange) {
@ -241,6 +226,8 @@ define(['browser'], function (browser) {
beforeAnimate(allPages, index, selected);
animatable.classList.remove('hide');
return animate(animatable, previousAnimatable, options.transition, options.isBack).then(function () {
selectedPageIndex = index;
@ -261,7 +248,10 @@ define(['browser'], function (browser) {
function reset() {
allPages = [];
currentUrls = [];
mainAnimatedPages.innerHTML = '';
selectedPageIndex = -1;
}
if (enableAnimation() && !document.documentElement.animate) {