milas/jellyfish-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update nav drawer

Browse source
This commit is contained in:
Luke Pulverenti 2016-06-22 00:39:59 -04:00
parent 31dc3c06e1
commit c5e8888cb4
6 changed files with 52 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

37
dashboard-ui/components/navdrawer/navdrawer.js
View file

@ -1,4 +1,4 @@
define(['hammer', 'css!./navdrawer'], function (Hammer) {
define(['browser', 'hammer', 'css!./navdrawer'], function (browser, Hammer) {
return function (options) {
@ -39,14 +39,6 @@
options.target.style.width = options.width + 'px';
options.target.style.left = -options.width + 'px';
if (!options.disableEdgeSwipe) {
//var handle = document.createElement('div');
//handle.className = "tmla-handle";
//handle.style.width = options.handleSize + 'px';
//handle.style.right = -options.handleSize + 'px';
//options.target.appendChild(handle);
}
if (!options.disableMask) {
mask = document.createElement('div');
mask.className = 'tmla-mask';
@ -104,17 +96,23 @@
var edgeHammer = new Hammer(options.edgeSwipeElement, null);
var isPeeking = false;
edgeHammer.on('panstart', function (ev) {
if (ev.srcEvent.clientX <= options.handleSize && ev.deltaX > 0) {
isPeeking = true;
onPanStart(ev);
}
});
edgeHammer.on('panmove', function (ev) {
edgeHammer.on('panstart panmove', function (ev) {
if (isPeeking) {
onPanMove(ev);
} else {
var srcEvent = ev.srcEvent;
var clientX = srcEvent.clientX;
if (!clientX) {
var touches = srcEvent.touches;
if (touches && touches.length) {
clientX = touches[0].clientX;
}
}
if (clientX <= options.handleSize) {
isPeeking = true;
onPanStart(ev);
}
}
});
edgeHammer.on('panend pancancel', function (ev) {
@ -263,6 +261,11 @@
options = Object.assign(defaults, options || {});
// Not ready yet
if (browser.edge) {
options.disableEdgeSwipe = true;
}
menuHammer = Hammer(options.target, null);
self.initElements();