extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2025-01-08 23:19:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

show hand cursor (et2_clickable class), if expose is available

Browse Source
This commit is contained in:
Ralf Becker 2015-01-20 22:25:11 +00:00
parent e2aa6dce73
commit 03b6b7a871
1 changed files with 30 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
etemplate/js/expose.js
View File

@ -1,3 +1,15 @@
/**
* 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$
*/
/*egw:uses /*egw:uses
jquery.jquery; jquery.jquery;
/phpgwapi/js/jquery/blueimp/js/jquery.blueimp-gallery.min.js; /phpgwapi/js/jquery/blueimp/js/jquery.blueimp-gallery.min.js;
@ -6,32 +18,32 @@
/** /**
* Interface all exposed widget must support in order to getMedia for the blueimp Gallery. * Interface all exposed widget must support in order to getMedia for the blueimp Gallery.
*/ */
var et2_IExposable = new Interface({ var et2_IExposable = new Interface(
{
/** /**
* get media an array of media objects to pass to blueimp Gallery * get media an array of media objects to pass to blueimp Gallery
* @param {array} _attrs * @param {array} _attrs
*/ */
getMedia: function(_attrs) {}, getMedia: function(_attrs) {}
}); });
/** /**
* This function extends the given widget with blueimp gallery plugin * This function extends the given widget with blueimp gallery plugin
* *
* @param {type} widget * @param {type} widget
* @returns {widget} * @returns {widget}
*/ */
function expose (widget) function expose (widget)
{ {
return widget.extend([et2_IExposable],{ return widget.extend([et2_IExposable],
{
/** /**
* Initialize the expose media gallery * Initialize the expose media gallery
*/ */
init: function() { init: function()
{
this._super.apply(this, arguments); this._super.apply(this, arguments);
this.expose_options = { this.expose_options = {
// The Id, element or querySelector of the gallery widget: // The Id, element or querySelector of the gallery widget:
container: '#blueimp-gallery', container: '#blueimp-gallery',
@ -103,7 +115,7 @@ function expose (widget)
emulateTouchEvents: true, emulateTouchEvents: true,
// Stop touch events from bubbling up to ancestor elements of the Gallery: // Stop touch events from bubbling up to ancestor elements of the Gallery:
stopTouchEventsPropagation: false, stopTouchEventsPropagation: false,
// Hide the page scrollbars: // Hide the page scrollbars:
hidePageScrollbars: true, hidePageScrollbars: true,
// Stops any touches on the container from scrolling the page: // Stops any touches on the container from scrolling the page:
disableScroll: true, disableScroll: true,
@ -178,9 +190,9 @@ function expose (widget)
// Append the gallery Node to DOM // Append the gallery Node to DOM
$body.append($expose_node); $body.append($expose_node);
} }
}, },
set_value:function (_value) set_value:function (_value)
{ {
// Do not run set value of expose if expose_view is not set // Do not run set value of expose if expose_view is not set
@ -191,7 +203,7 @@ function expose (widget)
return; return;
} }
this._super.apply(this,arguments); this._super.apply(this,arguments);
var self=this; var self=this;
// If the media type is not supported do not bind the click handler // If the media type is not supported do not bind the click handler
if (_value && typeof _value.mime != 'undefined' && !_value.mime.match(/^(video|image|audio|media)\//,'ig')) if (_value && typeof _value.mime != 'undefined' && !_value.mime.match(/^(video|image|audio|media)\//,'ig'))
@ -202,10 +214,10 @@ function expose (widget)
{ {
jQuery(this.node).on('click', function(){ jQuery(this.node).on('click', function(){
self._init_blueimp_gallery(_value); self._init_blueimp_gallery(_value);
}); }).addClass('et2_clickable');
} }
}, },
_init_blueimp_gallery: function (_value) _init_blueimp_gallery: function (_value)
{ {
var mediaContent = this.getMedia(_value); var mediaContent = this.getMedia(_value);
@ -217,15 +229,14 @@ function expose (widget)
expose_onopen: function (event){}, expose_onopen: function (event){},
expose_onopened: function (event){}, expose_onopened: function (event){},
/** /**
* Trigger on slide left/right * Trigger on slide left/right
* @param {type} event * @param {type} event
* @param {type} _callback
*/ */
expose_onslide: function (event){}, expose_onslide: function (event){},
expose_onslideend: function (event){}, expose_onslideend: function (event){},
expose_onslidecomplete:function (event){}, expose_onslidecomplete:function (event){},
expose_onclose: function(event){}, expose_onclose: function(event){},
expose_onclosed: function (event){} expose_onclosed: function (event){}
}); });
} }