extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-16 13:03:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix mousewheel handler on indicators in expose view causes problem, and not working in FF

Browse Source
This commit is contained in:
Hadi Nategh 2015-02-11 12:05:28 +00:00
parent ece6094dc6
commit 423e2abf77
1 changed files with 19 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
etemplate/js/expose.js
View File

@ -440,23 +440,9 @@ function expose (widget)
var total_count = nm.controller._grid.getTotalCount(); var total_count = nm.controller._grid.getTotalCount();
if(total_count >= gallery.num) if(total_count >= gallery.num)
{ {
gallery.container.find('.indicator').off() var $indicator = gallery.container.find('.indicator');
$indicator.off()
.addClass('paginating') .addClass('paginating')
.mousewheel(function(event, delta) {
if(delta > 0 && parseInt($j(this).css('left')) > gallery.container.width() / 2) return;
//Reload next pictures into the gallery by scrolling on thumbnails
if (delta<0 && $j(this).width() + parseInt($j(this).css('left')) < gallery.container.width())
{
var nextIndex = gallery.indicatorContainer.find('[title="loading"]')[0];
if (nextIndex) self.expose_onslideend(gallery,nextIndex.dataset.index -1);
return;
}
// Move it about 5 indicators
$j(this).css('left',parseInt($j(this).css('left'))-(-delta*gallery.activeIndicator.width()*5)+'px');
event.preventDefault();
})
.swipe(function(event, direction, distance) { .swipe(function(event, direction, distance) {
if(direction == jQuery.fn.swipe.directions.LEFT) if(direction == jQuery.fn.swipe.directions.LEFT)
{ {
@ -472,6 +458,23 @@ function expose (widget)
} }
$j(this).css('left',min(0,parseInt($j(this).css('left'))-(distance*30))+'px'); $j(this).css('left',min(0,parseInt($j(this).css('left'))-(distance*30))+'px');
}); });
// Bind the mousewheel handler for FF (DOMMousewheel), and other browsers (mousewheel)
$indicator.bind('mousewheel DOMMousewheel',function(event, _delta) {
var delta = _delta || event.originalEvent.wheelDelta / 120;
if(delta > 0 && parseInt($j(this).css('left')) > gallery.container.width() / 2) return;
//Reload next pictures into the gallery by scrolling on thumbnails
if (delta<0 && $j(this).width() + parseInt($j(this).css('left')) < gallery.container.width())
{
var nextIndex = gallery.indicatorContainer.find('[title="loading"]')[0];
if (nextIndex) self.expose_onslideend(gallery,nextIndex.dataset.index -1);
return;
}
// Move it about 5 indicators
$j(this).css('left',parseInt($j(this).css('left'))-(-delta*gallery.activeIndicator.width()*5)+'px');
event.preventDefault();
});
} }
} }
}, },