feature:2259

Add thumbnails regeneration in batch manager

git-svn-id: http://piwigo.org/svn/trunk@10389 68402e56-0260-453c-a942-63ccdbb3a9ee

10 files changed, 377 insertions, 0 deletions

diff --git a/admin/batch_manager_global.php b/admin/batch_manager_global.php
index 11cafe02d..065fa318f 100644
--- a/admin/batch_manager_global.php
+++ b/admin/batch_manager_global.php
@@ -33,6 +33,15 @@ if (!defined('PHPWG_ROOT_PATH'))
 }
 
 include_once(PHPWG_ROOT_PATH.'admin/include/functions.php');
+include_once(PHPWG_ROOT_PATH.'admin/include/functions_upload.inc.php');
+prepare_upload_configuration();
+
+$upload_form_config = get_upload_form_config();
+foreach ($upload_form_config as $param_shortname => $param)
+{
+  $param_name = 'upload_form_'.$param_shortname;
+  $form_values[$param_shortname] = $conf[$param_name];
+}
 
 // +-----------------------------------------------------------------------+
 // | Check Access and exit when user status is not ok                      |
@@ -394,6 +403,61 @@ SELECT id, path
       );
   }
 
+  if ('regenerateThumbnails' == $action)
+  {
+    if ($_POST['regenerateSuccess'] != '0')
+      array_push($page['infos'], sprintf(l10n('%s thumbnails have been regenerated'), $_POST['regenerateSuccess']));
+
+    if ($_POST['regenerateError'] != '0')
+      array_push($page['warnings'], sprintf(l10n('%s thumbnails have been regenerated'), $_POST['regenerateError']));
+
+    // Update configuration
+    $fields = array('thumb_maxwidth', 'thumb_maxheight', 'thumb_quality');
+    $updates = array();
+    foreach ($fields as $field)
+    {
+      $value = null;
+      if (!empty($_POST[$field]))
+      {
+        $value = $_POST[$field];
+      }
+
+      if (preg_match($upload_form_config[$field]['pattern'], $value)
+        and $value >= $upload_form_config[$field]['min']
+        and $value <= $upload_form_config[$field]['max'])
+      {
+        $conf['upload_form_'.$field] = $value;
+         $updates[] = array(
+          'param' => 'upload_form_'.$field,
+          'value' => $value
+          );
+      }
+      else
+      {
+        $updates = null;
+        break;
+      }
+      $form_values[$field] = $value;
+    }
+    if (!empty($updates))
+    {
+      mass_updates(
+        CONFIG_TABLE,
+        array(
+          'primary' => array('param'),
+          'update' => array('value')
+          ),
+        $updates
+        );
+    }
+    function regenerateThumbnails_prefilter($content, $smarty)
+    {
+      return str_replace('{$thumbnail.TN_SRC}', '{$thumbnail.TN_SRC}?rand='.md5(uniqid(rand(), true)), $content);
+    }
+    $template->set_prefilter('batch_manager_global', 'regenerateThumbnails_prefilter');
+    $template->delete_compiled_templates();
+  }
+
   trigger_action('element_set_global_action', $action, $collection);
 }
 
@@ -430,6 +494,8 @@ $template->assign(
     'prefilters' => $prefilters,
     'filter' => $_SESSION['bulk_manager_filter'],
     'selection' => $collection,
+    'all_elements' => $page['cat_elements_id'],
+    'upload_form_settings' => $form_values,
     'U_DISPLAY'=>$base_url.get_query_string_diff(array('display')),
     'F_ACTION'=>$base_url.get_query_string_diff(array('cat')),
    )
diff --git a/admin/themes/default/template/batch_manager_global.tpl b/admin/themes/default/template/batch_manager_global.tpl
index cce2b74c8..e97a53ad6 100644
--- a/admin/themes/default/template/batch_manager_global.tpl
+++ b/admin/themes/default/template/batch_manager_global.tpl
@@ -6,6 +6,8 @@
 {/literal}{/footer_script}
 
 {combine_script id='jquery.fcbkcomplete' load='footer' require='jquery' path='themes/default/js/plugins/jquery.fcbkcomplete.js'}
+{combine_script id='jquery.progressBar' load='footer' path='plugins/regenerateThumbnails/js/jquery.progressbar.min.js'}
+{combine_script id='jquery.ajaxmanager' load='footer' path='themes/default/js/plugins/jquery.ajaxmanager.js'}
 
 {footer_script require='jquery.fcbkcomplete'}{literal}
 jQuery(document).ready(function() {
@@ -26,11 +28,20 @@ jQuery(document).ready(function() {
 var nb_thumbs_page = {$nb_thumbs_page};
 var nb_thumbs_set = {$nb_thumbs_set};
 var applyOnDetails_pattern = "{'on the %d selected photos'|@translate}";
+var elements = new Array();
+var all_elements = [{','|@implode:$all_elements}];
 
 var selectedMessage_pattern = "{'%d of %d photos selected'|@translate}";
 var selectedMessage_none = "{'No photo selected, %d photos in current set'|@translate}";
 var selectedMessage_all = "{'All %d photos are selected'|@translate}";
+var regenerateThumbnailsMessage = "{'Thumbnails generation in progress...'|@translate}";
 {literal}
+var queuedManagerThumbnails = $.manageAjax.create('queued', { 
+	queue: true,  
+	cacheResponse: false,
+	maxRequests: 3
+});
+
 function str_repeat(i, m) {
         for (var o = []; m > 0; o[--m] = i);
         return o.join('');
@@ -78,6 +89,21 @@ function sprintf() {
         return o.join('');
 }
 
+function progress(val, max, success) {
+  jQuery('#progressBar').progressBar(val, {
+    max: max,
+    textFormat: 'fraction',
+    boxImage: 'themes/default/images/progressbar.gif',
+    barImage: 'themes/default/images/progressbg_orange.gif'
+  });
+  type = success ? 'regenerateSuccess': 'regenerateError'
+  s = jQuery('[name="'+type+'"]').val();
+  jQuery('[name="'+type+'"]').val(++s);
+
+  if (val == max)
+    jQuery('#applyAction').click();
+}
+
 $(document).ready(function() {
   function checkPermitAction() {
     var nbSelected = 0;
@@ -300,6 +326,58 @@ $(document).ready(function() {
     return false;
   });
 
+  jQuery('#applyAction').click(function() {
+    if (jQuery('[name="selectAction"]').val() == 'regenerateThumbnails') {
+      if (elements.length != 0)
+        return true;
+
+      if (jQuery('input[name="setSelected"]').attr('checked'))
+        elements = all_elements;
+      else
+        jQuery('input[name="selection[]"]').each(function() {
+          if (jQuery(this).attr('checked')) {
+            elements.push(jQuery(this).val());
+          }
+        });
+
+      maxwidth = jQuery('input[name="thumb_maxwidth"]').val();
+      maxheight = jQuery('input[name="thumb_maxheight"]').val();
+      progressBar_max = elements.length;
+      todo = 0;
+
+      jQuery('#thumb_config').hide();
+      jQuery('#applyActionBlock').hide();
+      jQuery('select[name="selectAction"]').hide();
+      jQuery('#regenerationMsg').show();
+      jQuery('#regenerationText').html(regenerateThumbnailsMessage);
+      jQuery('#progressBar').progressBar(0, {
+        max: progressBar_max,
+        textFormat: 'fraction',
+        boxImage: 'themes/default/images/progressbar.gif',
+        barImage: 'themes/default/images/progressbg_orange.gif'
+      });
+
+      for (i=0;i<elements.length;i++) {
+        queuedManagerThumbnails.add({
+          type: 'GET', 
+          url: 'ws.php', 
+          data: {
+            method: 'pwg.images.resize',
+            type: 'thumbnail',
+            maxwidth: maxwidth,
+            maxheight: maxheight,
+            image_id: elements[i],
+            format: 'json'
+          },
+          dataType: 'json',
+          success: ( function(data) { progress(++todo, progressBar_max, data['result']) }),
+          error: ( function(data) { progress(++todo, progressBar_max, false) })
+        });
+      }
+      return false;
+    }
+  });
+
   checkPermitAction()
 });
 
@@ -473,6 +551,7 @@ jQuery(window).load(function() {
   {else}
       <option value="add_to_caddie">{'add to caddie'|@translate}</option>
   {/if}
+      <option value="regenerateThumbnails">{'Regenerate Thumbnails'|@translate}</option>
   {if !empty($element_set_global_plugins_actions)}
     {foreach from=$element_set_global_plugins_actions item=action}
       <option value="{$action.ID}">{$action.NAME}</option>
@@ -559,6 +638,32 @@ jQuery(window).load(function() {
     <div id="action_metadata" class="bulkAction">
     </div>
 
+    <!-- regenerate thumbnails -->
+    <div id="action_regenerateThumbnails" class="bulkAction">
+      <table style="margin-left:20px;" id="thumb_config">
+        <tr>
+          <th>{'Maximum Width'|@translate}</th>
+          <td><input type="text" name="thumb_maxwidth" value="{$upload_form_settings.thumb_maxwidth}" size="4" maxlength="4"> {'pixels'|@translate}</td>
+        </tr>
+        <tr>
+          <th>{'Maximum Height'|@translate}</th>
+          <td><input type="text" name="thumb_maxheight" value="{$upload_form_settings.thumb_maxheight}" size="4" maxlength="4"> {'pixels'|@translate}</td>
+        </tr>
+        <tr>
+          <th>{'Image Quality'|@translate}</th>
+          <td><input type="text" name="thumb_quality" value="{$upload_form_settings.thumb_quality}" size="3" maxlength="3"> %</td>
+        </tr>
+      </table>
+    </div>
+
+    <!-- progress bar -->
+    <div id="regenerationMsg" style="display:none;">
+      <p id="regenerationText" style="margin-bottom:10px;"></p>
+      <span class="progressBar" id="progressBar"></span>
+      <input type="hidden" name="regenerateSuccess" value="0">
+      <input type="hidden" name="regenerateError" value="0">
+    </div>
+
     <!-- plugins -->
 {if !empty($element_set_global_plugins_actions)}
   {foreach from=$element_set_global_plugins_actions item=action}
diff --git a/themes/default/images/progressbar.gif b/themes/default/images/progressbar.gif
new file mode 100644
index 000000000..abe588c15
--- /dev/null
+++ b/themes/default/images/progressbar.gif
diff --git a/themes/default/images/progressbg_black.gif b/themes/default/images/progressbg_black.gif
new file mode 100644
index 000000000..74fd1f9b3
--- /dev/null
+++ b/themes/default/images/progressbg_black.gif
diff --git a/themes/default/images/progressbg_green.gif b/themes/default/images/progressbg_green.gif
new file mode 100644
index 000000000..f3f3bf681
--- /dev/null
+++ b/themes/default/images/progressbg_green.gif
diff --git a/themes/default/images/progressbg_orange.gif b/themes/default/images/progressbg_orange.gif
new file mode 100644
index 000000000..808cac7cf
--- /dev/null
+++ b/themes/default/images/progressbg_orange.gif
diff --git a/themes/default/images/progressbg_red.gif b/themes/default/images/progressbg_red.gif
new file mode 100644
index 000000000..54dfa135f
--- /dev/null
+++ b/themes/default/images/progressbg_red.gif
diff --git a/themes/default/images/progressbg_yellow.gif b/themes/default/images/progressbg_yellow.gif
new file mode 100644
index 000000000..fdb0dfc98
--- /dev/null
+++ b/themes/default/images/progressbg_yellow.gif
diff --git a/themes/default/js/plugins/jquery.progressbar.js b/themes/default/js/plugins/jquery.progressbar.js
new file mode 100644
index 000000000..7239954f5
--- /dev/null
+++ b/themes/default/js/plugins/jquery.progressbar.js
@@ -0,0 +1,186 @@
+/*

+ * jQuery Progress Bar plugin

+ * Version 2.0 (06/22/2009)

+ * @requires jQuery v1.2.1 or later

+ *

+ * Copyright (c) 2008 Gary Teo

+ * http://t.wits.sg

+

+USAGE:

+	$(".someclass").progressBar();

+	$("#progressbar").progressBar();

+	$("#progressbar").progressBar(45);							// percentage

+	$("#progressbar").progressBar({showText: false });			// percentage with config

+	$("#progressbar").progressBar(45, {showText: false });		// percentage with config

+*/

+(function($) {

+	$.extend({

+		progressBar: new function() {

+

+			this.defaults = {

+				steps			: 20,											// steps taken to reach target

+				stepDuration	: 20,											

+				max				: 100,											// Upon 100% i'd assume, but configurable

+				showText		: true,											// show text with percentage in next to the progressbar? - default : true

+				textFormat		: 'percentage',									// Or otherwise, set to 'fraction'

+				width			: 120,											// Width of the progressbar - don't forget to adjust your image too!!!												// Image to use in the progressbar. Can be a single image too: 'images/progressbg_green.gif'

+				height			: 12,											// Height of the progressbar - don't forget to adjust your image too!!!

+				callback		: null,											// Calls back with the config object that has the current percentage, target percentage, current image, etc

+				boxImage		: 'images/progressbar.gif',						// boxImage : image around the progress bar

+				barImage		: {

+									0:	'images/progressbg_red.gif',

+									30: 'images/progressbg_orange.gif',

+									70: 'images/progressbg_green.gif'

+								},

+				

+				

+				// Internal use

+				running_value	: 0,

+				value			: 0,

+				image			: null

+			};

+			

+			/* public methods */

+			this.construct = function(arg1, arg2) {

+				var argvalue	= null;

+				var argconfig	= null;

+				

+				if (arg1 != null) {

+					if (!isNaN(arg1)) {

+						argvalue = arg1;

+						if (arg2 != null) {

+							argconfig = arg2;

+						}

+					} else {

+						argconfig = arg1; 

+					}

+				}

+				

+				return this.each(function(child) {

+					var pb		= this;

+					var config	= this.config;

+					

+					if (argvalue != null && this.bar != null && this.config != null) {

+						this.config.value 		= parseInt(argvalue)

+						if (argconfig != null)

+							pb.config			= $.extend(this.config, argconfig);

+						config	= pb.config;

+					} else {

+						var $this				= $(this);

+						var config				= $.extend({}, $.progressBar.defaults, argconfig);

+						config.id				= $this.attr('id') ? $this.attr('id') : Math.ceil(Math.random() * 100000);	// random id, if none provided

+						

+						if (argvalue == null)

+							argvalue	= $this.html().replace("%","")	// parse percentage

+						

+						config.value			= parseInt(argvalue);

+						config.running_value	= 0;

+						config.image			= getBarImage(config);

+						

+						var numeric = ['steps', 'stepDuration', 'max', 'width', 'height', 'running_value', 'value'];

+						for (var i=0; i<numeric.length; i++) 

+							config[numeric[i]] = parseInt(config[numeric[i]]);

+						

+						$this.html("");

+						var bar					= document.createElement('img');

+						var text				= document.createElement('span');

+						var $bar				= $(bar);

+						var $text				= $(text);

+						pb.bar					= $bar;

+						

+						$bar.attr('id', config.id + "_pbImage");

+						$text.attr('id', config.id + "_pbText");

+						$text.html(getText(config));

+						$bar.attr('title', getText(config));

+						$bar.attr('alt', getText(config));

+						$bar.attr('src', config.boxImage);

+						$bar.attr('width', config.width);

+						$bar.css("width", config.width + "px");

+						$bar.css("height", config.height + "px");

+						$bar.css("background-image", "url(" + config.image + ")");

+						$bar.css("background-position", ((config.width * -1)) + 'px 50%');

+						$bar.css("padding", "0");

+						$bar.css("margin", "0");

+						$this.append($bar);

+						$this.append($text);

+					}

+

+					function getPercentage(config) {

+						return config.running_value * 100 / config.max;

+					}

+

+					function getBarImage(config) {

+						var image = config.barImage;

+						if (typeof(config.barImage) == 'object') {

+							for (var i in config.barImage) {

+								if (config.running_value >= parseInt(i)) {

+									image = config.barImage[i];

+								} else { break; }

+							}

+						}

+						return image;

+					}

+					

+					function getText(config) {

+						if (config.showText) {

+							if (config.textFormat == 'percentage') {

+								return " " + Math.round(config.running_value) + "%";

+							} else if (config.textFormat == 'fraction') {

+								return " " + config.running_value + '/' + config.max;

+							}

+						}

+					}

+					

+					config.increment = Math.round((config.value - config.running_value)/config.steps);

+					if (config.increment < 0)

+						config.increment *= -1;

+					if (config.increment < 1)

+						config.increment = 1;

+					

+					var t = setInterval(function() {

+						var pixels	= config.width / 100;			// Define how many pixels go into 1%

+						

+						if (config.running_value > config.value) {

+							if (config.running_value - config.increment  < config.value) {

+								config.running_value = config.value;

+							} else {

+								config.running_value -= config.increment;

+							}

+						}

+						else if (config.running_value < config.value) {

+							if (config.running_value + config.increment  > config.value) {

+								config.running_value = config.value;

+							} else {

+								config.running_value += config.increment;

+							}

+						}

+						

+						if (config.running_value == config.value)

+							clearInterval(t);

+						

+						var $bar	= $("#" + config.id + "_pbImage");

+						var $text	= $("#" + config.id + "_pbText");

+						var image	= getBarImage(config);

+						if (image != config.image) {

+							$bar.css("background-image", "url(" + image + ")");

+							config.image = image;

+						}

+						$bar.css("background-position", (((config.width * -1)) + (getPercentage(config) * pixels)) + 'px 50%');

+						$bar.attr('title', getText(config));

+						$text.html(getText(config));

+						

+						if (config.callback != null && typeof(config.callback) == 'function')

+							config.callback(config);

+						

+						pb.config = config;

+					}, config.stepDuration); 

+				});

+			};

+		}

+	});

+		

+	$.fn.extend({

+        progressBar: $.progressBar.construct

+	});

+	

+})(jQuery);
\ No newline at end of file
diff --git a/themes/default/js/plugins/jquery.progressbar.min.js b/themes/default/js/plugins/jquery.progressbar.min.js
new file mode 100644
index 000000000..5001b8f85
--- /dev/null
+++ b/themes/default/js/plugins/jquery.progressbar.min.js
@@ -0,0 +1,20 @@
+

+(function($){$.extend({progressBar:new function(){this.defaults={steps:20,stepDuration:20,max:100,showText:true,textFormat:'percentage',width:120,height:12,callback:null,boxImage:'images/progressbar.gif',barImage:{0:'images/progressbg_red.gif',30:'images/progressbg_orange.gif',70:'images/progressbg_green.gif'},running_value:0,value:0,image:null};this.construct=function(arg1,arg2){var argvalue=null;var argconfig=null;if(arg1!=null){if(!isNaN(arg1)){argvalue=arg1;if(arg2!=null){argconfig=arg2;}}else{argconfig=arg1;}}

+return this.each(function(child){var pb=this;var config=this.config;if(argvalue!=null&&this.bar!=null&&this.config!=null){this.config.value=parseInt(argvalue)

+if(argconfig!=null)

+pb.config=$.extend(this.config,argconfig);config=pb.config;}else{var $this=$(this);var config=$.extend({},$.progressBar.defaults,argconfig);config.id=$this.attr('id')?$this.attr('id'):Math.ceil(Math.random()*100000);if(argvalue==null)

+argvalue=$this.html().replace("%","")

+config.value=parseInt(argvalue);config.running_value=0;config.image=getBarImage(config);var numeric=['steps','stepDuration','max','width','height','running_value','value'];for(var i=0;i<numeric.length;i++)

+config[numeric[i]]=parseInt(config[numeric[i]]);$this.html("");var bar=document.createElement('img');var text=document.createElement('span');var $bar=$(bar);var $text=$(text);pb.bar=$bar;$bar.attr('id',config.id+"_pbImage");$text.attr('id',config.id+"_pbText");$text.html(getText(config));$bar.attr('title',getText(config));$bar.attr('alt',getText(config));$bar.attr('src',config.boxImage);$bar.attr('width',config.width);$bar.css("width",config.width+"px");$bar.css("height",config.height+"px");$bar.css("background-image","url("+config.image+")");$bar.css("background-position",((config.width*-1))+'px 50%');$bar.css("padding","0");$bar.css("margin","0");$this.append($bar);$this.append($text);}

+function getPercentage(config){return config.running_value*100/config.max;}

+function getBarImage(config){var image=config.barImage;if(typeof(config.barImage)=='object'){for(var i in config.barImage){if(config.running_value>=parseInt(i)){image=config.barImage[i];}else{break;}}}

+return image;}

+function getText(config){if(config.showText){if(config.textFormat=='percentage'){return" "+Math.round(config.running_value)+"%";}else if(config.textFormat=='fraction'){return" "+config.running_value+'/'+config.max;}}}

+config.increment=Math.round((config.value-config.running_value)/config.steps);if(config.increment<0)

+config.increment*=-1;if(config.increment<1)

+config.increment=1;var t=setInterval(function(){var pixels=config.width/100;if(config.running_value>config.value){if(config.running_value-config.increment<config.value){config.running_value=config.value;}else{config.running_value-=config.increment;}}

+else if(config.running_value<config.value){if(config.running_value+config.increment>config.value){config.running_value=config.value;}else{config.running_value+=config.increment;}}

+if(config.running_value==config.value)

+clearInterval(t);var $bar=$("#"+config.id+"_pbImage");var $text=$("#"+config.id+"_pbText");var image=getBarImage(config);if(image!=config.image){$bar.css("background-image","url("+image+")");config.image=image;}

+$bar.css("background-position",(((config.width*-1))+(getPercentage(config)*pixels))+'px 50%');$bar.attr('title',getText(config));$text.html(getText(config));if(config.callback!=null&&typeof(config.callback)=='function')

+config.callback(config);pb.config=config;},config.stepDuration);});};}});$.fn.extend({progressBar:$.progressBar.construct});})(jQuery);
\ No newline at end of file