2015-01-20 23:25:11 +01:00
|
|
|
|
/**
|
|
|
|
|
* EGroupware eTemplate2 - JS object implementing expose view of media and a gallery view
|
|
|
|
|
*
|
|
|
|
|
* @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
|
|
|
|
|
* @package etemplate
|
|
|
|
|
* @subpackage api
|
|
|
|
|
* @link http://www.egroupware.org
|
|
|
|
|
* @author Hadi Nategh <hn[at]stylite.de>
|
|
|
|
|
* @copyright Stylite AG
|
|
|
|
|
* @version $Id$
|
|
|
|
|
*/
|
|
|
|
|
|
2015-01-19 18:21:11 +01:00
|
|
|
|
/*egw:uses
|
|
|
|
|
jquery.jquery;
|
|
|
|
|
/phpgwapi/js/jquery/blueimp/js/jquery.blueimp-gallery.min.js;
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* Interface all exposed widget must support in order to getMedia for the blueimp Gallery.
|
|
|
|
|
*/
|
2015-01-20 23:25:11 +01:00
|
|
|
|
var et2_IExposable = new Interface(
|
|
|
|
|
{
|
2015-01-19 18:21:11 +01:00
|
|
|
|
/**
|
2015-01-20 23:25:11 +01:00
|
|
|
|
* get media an array of media objects to pass to blueimp Gallery
|
2015-01-19 18:21:11 +01:00
|
|
|
|
* @param {array} _attrs
|
|
|
|
|
*/
|
2015-01-20 23:25:11 +01:00
|
|
|
|
getMedia: function(_attrs) {}
|
2015-01-19 18:21:11 +01:00
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* This function extends the given widget with blueimp gallery plugin
|
2015-01-20 23:25:11 +01:00
|
|
|
|
*
|
2015-01-19 18:21:11 +01:00
|
|
|
|
* @param {type} widget
|
|
|
|
|
* @returns {widget}
|
|
|
|
|
*/
|
|
|
|
|
function expose (widget)
|
|
|
|
|
{
|
2015-01-21 00:58:38 +01:00
|
|
|
|
// Common expose functions
|
|
|
|
|
var THUMBNAIL_MAX = 100;
|
|
|
|
|
|
|
|
|
|
// Minimum data to qualify as an image and not cause errors
|
|
|
|
|
var IMAGE_DEFAULT = {
|
|
|
|
|
title: egw.lang('loading'),
|
|
|
|
|
href: '',
|
|
|
|
|
type: 'image/png',
|
|
|
|
|
thumbnail: '',
|
|
|
|
|
loading: true
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// For filtering to only show things we can handle
|
|
|
|
|
var mime_regex = new RegExp(/video\/|image\//);
|
|
|
|
|
|
|
|
|
|
// Only one gallery
|
|
|
|
|
var gallery = null;
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
* See if the current widget is in a nextmatch, as this allows us to display
|
|
|
|
|
* thumbnails underneath
|
|
|
|
|
*
|
|
|
|
|
* @param {et2_IExposable} widget
|
|
|
|
|
* @returns {et2_nextmatch | null}
|
|
|
|
|
*/
|
|
|
|
|
var find_nextmatch = function(widget)
|
|
|
|
|
{
|
|
|
|
|
var current = widget;
|
|
|
|
|
var nextmatch = null;
|
|
|
|
|
while(nextmatch == null && current)
|
|
|
|
|
{
|
|
|
|
|
current = current.getParent();
|
2015-01-21 12:10:17 +01:00
|
|
|
|
if(typeof current !='undefined' && current.instanceOf(et2_nextmatch))
|
2015-01-21 00:58:38 +01:00
|
|
|
|
{
|
|
|
|
|
nextmatch = current;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// No nextmatch, or nextmatch not quite ready
|
|
|
|
|
if(nextmatch == null || nextmatch.controller == null) return null;
|
|
|
|
|
|
|
|
|
|
return nextmatch;
|
|
|
|
|
}
|
|
|
|
|
/**
|
|
|
|
|
* Read images out of the data for the nextmatch
|
|
|
|
|
*
|
|
|
|
|
* @param {et2_nextmatch} nm
|
|
|
|
|
* @param {Object[]} images
|
|
|
|
|
* @returns {undefined}
|
|
|
|
|
*/
|
|
|
|
|
var read_from_nextmatch = function(nm, images, start_at)
|
2015-01-20 23:25:11 +01:00
|
|
|
|
{
|
2015-01-21 00:58:38 +01:00
|
|
|
|
if(!start_at) start_at = 0;
|
|
|
|
|
var stop = Math.max.apply(null,Object.keys(nm.controller._indexMap));
|
|
|
|
|
|
|
|
|
|
for(var i = start_at; i < stop; i++)
|
|
|
|
|
{
|
|
|
|
|
if(!nm.controller._indexMap[i] || !nm.controller._indexMap[i].uid)
|
|
|
|
|
{
|
|
|
|
|
// Returning instead of using IMAGE_DEFAULT means we stop as
|
|
|
|
|
// soon as a hole is found, instead of getting everything that is
|
|
|
|
|
// available. The gallery can't fill in the holes.
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
var uid = nm.controller._indexMap[i].uid;
|
|
|
|
|
if(!uid) continue;
|
|
|
|
|
var data = egw.dataGetUIDdata(uid);
|
|
|
|
|
if(data && data.data && data.data.mime && mime_regex.test(data.data.mime))
|
|
|
|
|
{
|
|
|
|
|
var media = this.getMedia(data.data);
|
2015-01-21 12:10:17 +01:00
|
|
|
|
images.push(jQuery.extend({}, data.data, media[0]));
|
2015-01-21 00:58:38 +01:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
return widget.extend([et2_IExposable],{
|
|
|
|
|
|
2015-01-19 18:21:11 +01:00
|
|
|
|
/**
|
|
|
|
|
* Initialize the expose media gallery
|
|
|
|
|
*/
|
2015-01-20 23:25:11 +01:00
|
|
|
|
init: function()
|
|
|
|
|
{
|
2015-01-19 18:21:11 +01:00
|
|
|
|
this._super.apply(this, arguments);
|
2015-01-20 23:25:11 +01:00
|
|
|
|
|
2015-01-21 00:58:38 +01:00
|
|
|
|
var self=this;
|
2015-01-19 19:59:35 +01:00
|
|
|
|
this.expose_options = {
|
2015-01-19 18:21:11 +01:00
|
|
|
|
// The Id, element or querySelector of the gallery widget:
|
|
|
|
|
container: '#blueimp-gallery',
|
|
|
|
|
// The tag name, Id, element or querySelector of the slides container:
|
|
|
|
|
slidesContainer: 'div',
|
|
|
|
|
// The tag name, Id, element or querySelector of the title element:
|
|
|
|
|
titleElement: 'h3',
|
|
|
|
|
// The class to add when the gallery is visible:
|
|
|
|
|
displayClass: 'blueimp-gallery-display',
|
|
|
|
|
// The class to add when the gallery controls are visible:
|
|
|
|
|
controlsClass: 'blueimp-gallery-controls',
|
|
|
|
|
// The class to add when the gallery only displays one element:
|
|
|
|
|
singleClass: 'blueimp-gallery-single',
|
|
|
|
|
// The class to add when the left edge has been reached:
|
|
|
|
|
leftEdgeClass: 'blueimp-gallery-left',
|
|
|
|
|
// The class to add when the right edge has been reached:
|
|
|
|
|
rightEdgeClass: 'blueimp-gallery-right',
|
|
|
|
|
// The class to add when the automatic slideshow is active:
|
|
|
|
|
playingClass: 'blueimp-gallery-playing',
|
|
|
|
|
// The class for all slides:
|
|
|
|
|
slideClass: 'slide',
|
|
|
|
|
// The slide class for loading elements:
|
|
|
|
|
slideLoadingClass: 'slide-loading',
|
|
|
|
|
// The slide class for elements that failed to load:
|
|
|
|
|
slideErrorClass: 'slide-error',
|
|
|
|
|
// The class for the content element loaded into each slide:
|
|
|
|
|
slideContentClass: 'slide-content',
|
|
|
|
|
// The class for the "toggle" control:
|
|
|
|
|
toggleClass: 'toggle',
|
|
|
|
|
// The class for the "prev" control:
|
|
|
|
|
prevClass: 'prev',
|
|
|
|
|
// The class for the "next" control:
|
|
|
|
|
nextClass: 'next',
|
|
|
|
|
// The class for the "close" control:
|
|
|
|
|
closeClass: 'close',
|
|
|
|
|
// The class for the "play-pause" toggle control:
|
|
|
|
|
playPauseClass: 'play-pause',
|
|
|
|
|
// The list object property (or data attribute) with the object type:
|
|
|
|
|
typeProperty: 'type',
|
|
|
|
|
// The list object property (or data attribute) with the object title:
|
|
|
|
|
titleProperty: 'title',
|
|
|
|
|
// The list object property (or data attribute) with the object URL:
|
|
|
|
|
urlProperty: 'href',
|
|
|
|
|
// The gallery listens for transitionend events before triggering the
|
|
|
|
|
// opened and closed events, unless the following option is set to false:
|
|
|
|
|
displayTransition: true,
|
|
|
|
|
// Defines if the gallery slides are cleared from the gallery modal,
|
|
|
|
|
// or reused for the next gallery initialization:
|
2015-01-19 21:20:02 +01:00
|
|
|
|
clearSlides: true,
|
2015-01-19 18:21:11 +01:00
|
|
|
|
// Defines if images should be stretched to fill the available space,
|
|
|
|
|
// while maintaining their aspect ratio (will only be enabled for browsers
|
|
|
|
|
// supporting background-size="contain", which excludes IE < 9).
|
|
|
|
|
// Set to "cover", to make images cover all available space (requires
|
|
|
|
|
// support for background-size="cover", which excludes IE < 9):
|
|
|
|
|
stretchImages: true,
|
|
|
|
|
// Toggle the controls on pressing the Return key:
|
|
|
|
|
toggleControlsOnReturn: true,
|
|
|
|
|
// Toggle the automatic slideshow interval on pressing the Space key:
|
|
|
|
|
toggleSlideshowOnSpace: true,
|
|
|
|
|
// Navigate the gallery by pressing left and right on the keyboard:
|
|
|
|
|
enableKeyboardNavigation: true,
|
|
|
|
|
// Close the gallery on pressing the ESC key:
|
|
|
|
|
closeOnEscape: true,
|
|
|
|
|
// Close the gallery when clicking on an empty slide area:
|
|
|
|
|
closeOnSlideClick: true,
|
|
|
|
|
// Close the gallery by swiping up or down:
|
|
|
|
|
closeOnSwipeUpOrDown: true,
|
|
|
|
|
// Emulate touch events on mouse-pointer devices such as desktop browsers:
|
|
|
|
|
emulateTouchEvents: true,
|
|
|
|
|
// Stop touch events from bubbling up to ancestor elements of the Gallery:
|
|
|
|
|
stopTouchEventsPropagation: false,
|
2015-01-20 23:25:11 +01:00
|
|
|
|
// Hide the page scrollbars:
|
2015-01-19 18:21:11 +01:00
|
|
|
|
hidePageScrollbars: true,
|
|
|
|
|
// Stops any touches on the container from scrolling the page:
|
|
|
|
|
disableScroll: true,
|
|
|
|
|
// Carousel mode (shortcut for carousel specific options):
|
|
|
|
|
carousel: true,
|
|
|
|
|
// Allow continuous navigation, moving from last to first
|
|
|
|
|
// and from first to last slide:
|
|
|
|
|
continuous: false,
|
|
|
|
|
// Remove elements outside of the preload range from the DOM:
|
|
|
|
|
unloadElements: true,
|
|
|
|
|
// Start with the automatic slideshow:
|
|
|
|
|
startSlideshow: false,
|
|
|
|
|
// Delay in milliseconds between slides for the automatic slideshow:
|
|
|
|
|
slideshowInterval: 3000,
|
|
|
|
|
// The starting index as integer.
|
|
|
|
|
// Can also be an object of the given list,
|
|
|
|
|
// or an equal object with the same url property:
|
|
|
|
|
index: 0,
|
|
|
|
|
// The number of elements to load around the current index:
|
|
|
|
|
preloadRange: 2,
|
|
|
|
|
// The transition speed between slide changes in milliseconds:
|
|
|
|
|
transitionSpeed: 400,
|
2015-01-21 12:10:17 +01:00
|
|
|
|
//Hide controls when the slideshow is playing
|
|
|
|
|
hideControlsOnSlideshow: true,
|
2015-01-19 18:21:11 +01:00
|
|
|
|
// The transition speed for automatic slide changes, set to an integer
|
|
|
|
|
// greater 0 to override the default transition speed:
|
|
|
|
|
slideshowTransitionSpeed: undefined,
|
|
|
|
|
// The tag name, Id, element or querySelector of the indicator container:
|
|
|
|
|
indicatorContainer: 'ol',
|
|
|
|
|
// The class for the active indicator:
|
|
|
|
|
activeIndicatorClass: 'active',
|
|
|
|
|
// The list object property (or data attribute) with the thumbnail URL,
|
|
|
|
|
// used as alternative to a thumbnail child element:
|
|
|
|
|
thumbnailProperty: 'thumbnail',
|
|
|
|
|
// Defines if the gallery indicators should display a thumbnail:
|
|
|
|
|
thumbnailIndicators: true,
|
|
|
|
|
// Callback function executed when the Gallery is initialized.
|
|
|
|
|
// Is called with the gallery instance as "this" object:
|
|
|
|
|
onopen: jQuery.proxy(this.expose_onopen,this),
|
|
|
|
|
// Callback function executed when the Gallery has been initialized
|
|
|
|
|
// and the initialization transition has been completed.
|
|
|
|
|
// Is called with the gallery instance as "this" object:
|
|
|
|
|
onopened: jQuery.proxy(this.expose_onopened,this),
|
|
|
|
|
// Callback function executed on slide change.
|
|
|
|
|
// Is called with the gallery instance as "this" object and the
|
|
|
|
|
// current index and slide as arguments:
|
2015-01-21 00:58:38 +01:00
|
|
|
|
onslide: function(index, slide) {
|
|
|
|
|
// Call our onslide method, and include gallery as an attribute
|
|
|
|
|
self.expose_onslide.apply(self, [this, index,slide])
|
|
|
|
|
},
|
2015-01-19 18:21:11 +01:00
|
|
|
|
// Callback function executed after the slide change transition.
|
|
|
|
|
// Is called with the gallery instance as "this" object and the
|
|
|
|
|
// current index and slide as arguments:
|
2015-01-21 00:58:38 +01:00
|
|
|
|
onslideend: function(index, slide) {
|
|
|
|
|
// Call our onslide method, and include gallery as an attribute
|
|
|
|
|
self.expose_onslideend.apply(self, [this, index,slide])
|
|
|
|
|
},
|
|
|
|
|
//// Callback function executed on slide content load.
|
2015-01-19 18:21:11 +01:00
|
|
|
|
// Is called with the gallery instance as "this" object and the
|
|
|
|
|
// slide index and slide element as arguments:
|
2015-01-21 00:58:38 +01:00
|
|
|
|
onslidecomplete: function(index, slide) {
|
|
|
|
|
// Call our onslide method, and include gallery as an attribute
|
|
|
|
|
self.expose_onslidecomplete.apply(self, [this, index,slide])
|
|
|
|
|
},
|
|
|
|
|
//// Callback function executed when the Gallery is about to be closed.
|
2015-01-19 18:21:11 +01:00
|
|
|
|
// Is called with the gallery instance as "this" object:
|
|
|
|
|
onclose:jQuery.proxy(this.expose_onclose,this),
|
|
|
|
|
// Callback function executed when the Gallery has been closed
|
|
|
|
|
// and the closing transition has been completed.
|
|
|
|
|
// Is called with the gallery instance as "this" object:
|
|
|
|
|
onclosed: jQuery.proxy(this.expose_onclosed,this)
|
|
|
|
|
};
|
|
|
|
|
var $body = jQuery('body');
|
|
|
|
|
if ($body.find('#blueimp-gallery').length == 0)
|
|
|
|
|
{
|
|
|
|
|
// Gallery Main DIV container
|
|
|
|
|
var $expose_node = jQuery(document.createElement('div')).attr({id:"blueimp-gallery", class:"blueimp-gallery"});
|
|
|
|
|
// Create Gallery DOM NODE
|
|
|
|
|
$expose_node.append('<div class="slides"></div><h3 class="title"></h3><a class="prev">‹</a><a class="next">›</a><a class="close">×</a><a class="play-pause"></a><ol class="indicator"></ol>');
|
|
|
|
|
// Append the gallery Node to DOM
|
|
|
|
|
$body.append($expose_node);
|
|
|
|
|
}
|
2015-01-21 00:58:38 +01:00
|
|
|
|
|
2015-01-19 19:59:35 +01:00
|
|
|
|
},
|
2015-01-20 23:25:11 +01:00
|
|
|
|
|
2015-01-19 19:59:35 +01:00
|
|
|
|
set_value:function (_value)
|
|
|
|
|
{
|
2015-01-20 19:32:51 +01:00
|
|
|
|
// Do not run set value of expose if expose_view is not set
|
|
|
|
|
// it causes a wired error on nested image widgets which
|
|
|
|
|
// seems the expose is not its child widget
|
|
|
|
|
if (!this.options.expose_view )
|
|
|
|
|
{
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
this._super.apply(this,arguments);
|
2015-01-20 23:25:11 +01:00
|
|
|
|
|
2015-01-19 19:59:35 +01:00
|
|
|
|
var self=this;
|
2015-01-20 14:14:23 +01:00
|
|
|
|
// If the media type is not supported do not bind the click handler
|
2015-01-21 12:10:17 +01:00
|
|
|
|
if (_value && typeof _value.mime != 'undefined' && !_value.mime.match(mime_regex,'ig'))
|
2015-01-20 14:14:23 +01:00
|
|
|
|
{
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-01-20 12:56:51 +01:00
|
|
|
|
if (typeof this.options.expose_view != 'undefined' && this.options.expose_view )
|
|
|
|
|
{
|
2015-01-21 17:17:19 +01:00
|
|
|
|
jQuery(this.node).on('click', function(event){
|
|
|
|
|
self._init_blueimp_gallery(event, _value);
|
2015-01-20 23:25:11 +01:00
|
|
|
|
}).addClass('et2_clickable');
|
2015-01-20 12:56:51 +01:00
|
|
|
|
}
|
2015-01-19 18:21:11 +01:00
|
|
|
|
},
|
2015-01-20 23:25:11 +01:00
|
|
|
|
|
2015-01-21 17:17:19 +01:00
|
|
|
|
_init_blueimp_gallery: function (event, _value)
|
2015-01-19 18:21:11 +01:00
|
|
|
|
{
|
2015-01-21 00:58:38 +01:00
|
|
|
|
var mediaContent = [];
|
|
|
|
|
var nm = find_nextmatch(this);
|
|
|
|
|
var current_index = 0;
|
|
|
|
|
if(nm)
|
|
|
|
|
{
|
|
|
|
|
// Get the row that was clicked, find its index in the list
|
2015-01-21 17:17:19 +01:00
|
|
|
|
var current_entry = nm.controller.getRowByNode(event.target);
|
2015-01-21 00:58:38 +01:00
|
|
|
|
current_index = current_entry.idx || 0;
|
|
|
|
|
|
|
|
|
|
// But before it goes, we'll pull everything we can
|
|
|
|
|
read_from_nextmatch.call(this, nm, mediaContent);
|
|
|
|
|
|
|
|
|
|
// This will trigger nm to refresh and get just the ones we can handle
|
|
|
|
|
// but it might take a while, so do it later - make sure our current
|
|
|
|
|
// one is loaded first.
|
|
|
|
|
window.setTimeout(function() {
|
|
|
|
|
nm.applyFilters({col_filter: {mime: '/'+mime_regex.source+'/'}});
|
|
|
|
|
},1);
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
mediaContent = this.getMedia(_value);
|
|
|
|
|
}
|
|
|
|
|
this.expose_options.index = Math.min(current_index, mediaContent.length-1);
|
|
|
|
|
gallery = blueimp.Gallery(mediaContent, this.expose_options);
|
2015-01-19 18:21:11 +01:00
|
|
|
|
},
|
|
|
|
|
expose_onopen: function (event){},
|
2015-01-21 00:58:38 +01:00
|
|
|
|
expose_onopened: function (event){
|
|
|
|
|
// Check to see if we're in a nextmatch, do magic
|
|
|
|
|
var nm = find_nextmatch(this);
|
|
|
|
|
if(nm)
|
|
|
|
|
{
|
|
|
|
|
// Add scrolling to the indicator list
|
|
|
|
|
var total_count = nm.controller._grid.getTotalCount();
|
|
|
|
|
if(total_count >= gallery.num)
|
|
|
|
|
{
|
|
|
|
|
gallery.container.find('.indicator').off()
|
|
|
|
|
.addClass('paginating')
|
|
|
|
|
.mousewheel(function(event, delta) {
|
|
|
|
|
if(delta > 0 && parseInt($j(this).css('left')) > gallery.container.width() / 2) return;
|
|
|
|
|
// Move it about 10 indicators
|
|
|
|
|
$j(this).css('left',parseInt($j(this).css('left'))-(-delta*150)+'px');
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
})
|
|
|
|
|
.swipe(function(event, direction, distance) {
|
|
|
|
|
if(direction == jQuery.fn.swipe.directions.LEFT)
|
|
|
|
|
{
|
|
|
|
|
distance *= -1;
|
|
|
|
|
}
|
|
|
|
|
else if(direction == jQuery.fn.swipe.directions.RIGHT)
|
|
|
|
|
{
|
|
|
|
|
// OK.
|
|
|
|
|
}
|
|
|
|
|
else
|
|
|
|
|
{
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
$j(this).css('left',min(0,parseInt($j(this).css('left'))-(distance*30))+'px');
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
2015-01-19 18:21:11 +01:00
|
|
|
|
/**
|
2015-01-20 23:25:11 +01:00
|
|
|
|
* Trigger on slide left/right
|
2015-01-21 00:58:38 +01:00
|
|
|
|
* @param {Gallery} gallery
|
|
|
|
|
* @param {integer} index
|
|
|
|
|
* @param {DOMNode} slide
|
2015-01-19 18:21:11 +01:00
|
|
|
|
*/
|
2015-01-21 00:58:38 +01:00
|
|
|
|
expose_onslide: function (gallery, index, slide){
|
|
|
|
|
// First let parent try
|
|
|
|
|
this._super.apply(this, arguments);
|
|
|
|
|
|
|
|
|
|
// Check to see if we're in a nextmatch, do magic
|
|
|
|
|
var nm = find_nextmatch(this);
|
|
|
|
|
if(nm)
|
|
|
|
|
{
|
|
|
|
|
// See if we need to move the indicator
|
|
|
|
|
var indicator = gallery.container.find('.indicator');
|
|
|
|
|
var current = $j('.active',indicator).position();
|
|
|
|
|
if(current)
|
|
|
|
|
{
|
|
|
|
|
indicator.animate({left: (gallery.container.width() / 2)-current.left});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
expose_onslideend: function (gallery, index, slide){
|
|
|
|
|
// Check to see if we're in a nextmatch, do magic
|
|
|
|
|
var nm = find_nextmatch(this);
|
|
|
|
|
if(nm)
|
|
|
|
|
{
|
|
|
|
|
// Check to see if we're near the end, or maybe some pagination
|
|
|
|
|
// would be good.
|
|
|
|
|
var total_count = nm.controller._grid.getTotalCount();
|
|
|
|
|
if(!gallery.list[index+1] || gallery.list[index+1].loading ||
|
|
|
|
|
total_count > gallery.getNumber() && index + ET2_DATAVIEW_STEPSIZE > gallery.getNumber())
|
|
|
|
|
{
|
|
|
|
|
// Well, this will get the next batch of rows
|
|
|
|
|
nm.controller._gridCallback(index, index + ET2_DATAVIEW_STEPSIZE);
|
|
|
|
|
var images = [];
|
|
|
|
|
read_from_nextmatch.call(this, nm, images, index);
|
|
|
|
|
|
|
|
|
|
// Gallery always adds to the end, causing problems with pagination
|
|
|
|
|
for(var i in images)
|
|
|
|
|
{
|
|
|
|
|
if(i == index || i < gallery.num) continue;
|
|
|
|
|
gallery.add([images[i]]);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
expose_onslidecomplete:function (gallery, index, slide){},
|
|
|
|
|
expose_onclose: function(event){
|
|
|
|
|
// Check to see if we're in a nextmatch, remove magic
|
|
|
|
|
var nm = find_nextmatch(this);
|
|
|
|
|
if(nm)
|
|
|
|
|
{
|
|
|
|
|
// Remove scrolling from thumbnails
|
|
|
|
|
gallery.container.find('.indicator')
|
|
|
|
|
.removeClass('paginating')
|
|
|
|
|
.off('mousewheel')
|
|
|
|
|
.off('swipe');
|
|
|
|
|
|
|
|
|
|
// Remove applied mime filter
|
|
|
|
|
nm.applyFilters({col_filter: {mime: ''}});
|
|
|
|
|
}
|
|
|
|
|
},
|
2015-01-19 18:21:11 +01:00
|
|
|
|
expose_onclosed: function (event){}
|
2015-01-20 23:25:11 +01:00
|
|
|
|
|
2015-01-19 18:21:11 +01:00
|
|
|
|
});
|
|
|
|
|
}
|