mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
fix copy/paste
This commit is contained in:
parent
b1feee2d1c
commit
274d8f6809
2 changed files with 37 additions and 18 deletions
|
@ -1,4 +1,4 @@
|
|||
define(['browser', 'hammer', 'css!./navdrawer', 'scrollStyles'], function (browser, Hammer) {
|
||||
define(['browser', 'css!./navdrawer', 'scrollStyles'], function (browser) {
|
||||
|
||||
return function (options) {
|
||||
|
||||
|
@ -35,7 +35,7 @@
|
|||
this.initialize();
|
||||
};
|
||||
|
||||
TouchMenuLA.prototype.initElements = function () {
|
||||
TouchMenuLA.prototype.initElements = function (Hammer) {
|
||||
options.target.classList.add('touch-menu-la');
|
||||
options.target.style.width = options.width + 'px';
|
||||
options.target.style.left = -options.width + 'px';
|
||||
|
@ -44,8 +44,11 @@
|
|||
mask = document.createElement('div');
|
||||
mask.className = 'tmla-mask';
|
||||
document.body.appendChild(mask);
|
||||
|
||||
if (Hammer) {
|
||||
maskHammer = new Hammer(mask, null);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
function onPanStart(ev) {
|
||||
|
@ -89,7 +92,7 @@
|
|||
self.checkMenuState(ev.deltaX, ev.deltaY);
|
||||
}
|
||||
|
||||
function initEdgeSwipe() {
|
||||
function initEdgeSwipe(Hammer) {
|
||||
if (options.disableEdgeSwipe) {
|
||||
return;
|
||||
}
|
||||
|
@ -258,6 +261,27 @@
|
|||
}
|
||||
};
|
||||
|
||||
function initWithHammer(Hammer) {
|
||||
|
||||
if (Hammer) {
|
||||
menuHammer = Hammer(options.target, null);
|
||||
}
|
||||
|
||||
self.initElements(Hammer);
|
||||
|
||||
if (Hammer) {
|
||||
self.touchStartMenu();
|
||||
self.touchEndMenu();
|
||||
self.eventStartMask();
|
||||
self.eventEndMask();
|
||||
initEdgeSwipe(Hammer);
|
||||
}
|
||||
|
||||
if (!options.disableMask) {
|
||||
self.clickMaskClose();
|
||||
}
|
||||
}
|
||||
|
||||
TouchMenuLA.prototype.initialize = function () {
|
||||
|
||||
options = Object.assign(defaults, options || {});
|
||||
|
@ -267,20 +291,11 @@
|
|||
options.disableEdgeSwipe = true;
|
||||
}
|
||||
|
||||
menuHammer = Hammer(options.target, null);
|
||||
|
||||
self.initElements();
|
||||
|
||||
self.touchStartMenu();
|
||||
self.touchEndMenu();
|
||||
self.eventStartMask();
|
||||
self.eventEndMask();
|
||||
|
||||
if (!options.disableMask) {
|
||||
self.clickMaskClose();
|
||||
if (browser.touch) {
|
||||
require(['hammer'], initWithHammer);
|
||||
} else {
|
||||
initWithHammer();
|
||||
}
|
||||
|
||||
initEdgeSwipe();
|
||||
};
|
||||
|
||||
return new TouchMenuLA();
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
function fadeInRight(elem) {
|
||||
|
||||
var pct = browserInfo.mobile ? '3.5%' : '0.5%';
|
||||
var pct = browserInfo.mobile ? '4%' : '0.5%';
|
||||
|
||||
var keyframes = [
|
||||
{ opacity: '0', transform: 'translate3d(' + pct + ', 0, 0)', offset: 0 },
|
||||
|
@ -163,6 +163,10 @@
|
|||
|
||||
configureSwipeTabs: function (ownerpage, tabs) {
|
||||
|
||||
if (!browserInfo.touch) {
|
||||
return;
|
||||
}
|
||||
|
||||
var pageCount = ownerpage.querySelectorAll('.pageTabContent').length;
|
||||
|
||||
require(['hammer'], function (Hammer) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue