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

Activate fullscreen mode for expose view

Browse Source
This commit is contained in:
Hadi Nategh 2015-01-28 10:59:05 +00:00
parent 9c9ef1b3d4
commit 81d1c32be2
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
etemplate/js/expose.js
View File

@ -12,7 +12,7 @@
/*egw:uses /*egw:uses
jquery.jquery; jquery.jquery;
/phpgwapi/js/jquery/blueimp/js/jquery.blueimp-gallery.min.js; /phpgwapi/js/jquery/blueimp/js/blueimp-gallery.min.js;
*/ */
/** /**
@ -48,7 +48,7 @@ function expose (widget)
}; };
// For filtering to only show things we can handle // For filtering to only show things we can handle
var mime_regex = new RegExp(/video\/|image|audio\//); var mime_regex = new RegExp(/video\/|image\/|audio\//);
// Only one gallery // Only one gallery
var gallery = null; var gallery = null;
@ -234,6 +234,8 @@ function expose (widget)
closeClass: 'close', closeClass: 'close',
// The class for the "play-pause" toggle control: // The class for the "play-pause" toggle control:
playPauseClass: 'play-pause', playPauseClass: 'play-pause',
// The class to add for fullscreen button option
fullscreenClass:'fullscreen',
// The list object property (or data attribute) with the object type: // The list object property (or data attribute) with the object type:
typeProperty: 'type', typeProperty: 'type',
// The list object property (or data attribute) with the object title: // The list object property (or data attribute) with the object title:
@ -347,7 +349,7 @@ function expose (widget)
// Gallery Main DIV container // Gallery Main DIV container
var $expose_node = jQuery(document.createElement('div')).attr({id:"blueimp-gallery", class:"blueimp-gallery"}); var $expose_node = jQuery(document.createElement('div')).attr({id:"blueimp-gallery", class:"blueimp-gallery"});
// Create Gallery DOM NODE // 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>'); $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><a class="fullscreen"></a><ol class="indicator"></ol>');
// Append the gallery Node to DOM // Append the gallery Node to DOM
$body.append($expose_node); $body.append($expose_node);
} }

5
etemplate/templates/default/etemplate2.css
View File

@ -1810,6 +1810,11 @@ span.et2_egw_action_ddHelper_itemsCnt {
right: 42px; right: 42px;
top: 23px; top: 23px;
} }
/*fullScreen button*/
.blueimp-gallery>.fullscreen{
right: 75px;
top: 25px;
}
/*Give room to Carousel indicator when the gallery controls is on*/ /*Give room to Carousel indicator when the gallery controls is on*/
.blueimp-gallery-controls>.slides { .blueimp-gallery-controls>.slides {
height:85%; height:85%;