aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes/default
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2014-07-01 19:28:09 +0000
committerrvelices <rv-github@modusoptimus.com>2014-07-01 19:28:09 +0000
commitfaa284333d1ad8d385da3b8aa3cef754183257d9 (patch)
treee8d55be8531bba3ad6101c524701c2ab6047850e /admin/themes/default
parentbc3675b380d16bf635d70d6b2128baca98dbaefa (diff)
bug 3013: Clean batch manager global
git-svn-id: http://piwigo.org/svn/trunk@28909 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/default/js/batchManagerGlobal.js81
-rw-r--r--admin/themes/default/template/batch_manager_global.tpl216
2 files changed, 129 insertions, 168 deletions
diff --git a/admin/themes/default/js/batchManagerGlobal.js b/admin/themes/default/js/batchManagerGlobal.js
index f63b840a2..12d5987ac 100644
--- a/admin/themes/default/js/batchManagerGlobal.js
+++ b/admin/themes/default/js/batchManagerGlobal.js
@@ -93,6 +93,11 @@ jQuery(document).ready(function() {
jQuery("a.preview-box").colorbox();
+jQuery('.thumbnails img').tipTip({
+ 'delay' : 0,
+ 'fadeIn' : 200,
+ 'fadeOut' : 200
+});
/* ********** Actions*/
@@ -130,3 +135,79 @@ $("input[name=remove_date_creation]").click(function () {
$("#set_date_creation").show();
}
});
+
+var derivatives = {
+ elements: null,
+ done: 0,
+ total: 0,
+
+ finished: function() {
+ return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
+ }
+};
+
+function progress(success) {
+ jQuery('#progressBar').progressBar(derivatives.done, {
+ max: derivatives.total,
+ textFormat: 'fraction',
+ boxImage: 'themes/default/images/progressbar.gif',
+ barImage: 'themes/default/images/progressbg_orange.gif'
+ });
+ if (success !== undefined) {
+ var type = success ? 'regenerateSuccess': 'regenerateError',
+ s = jQuery('[name="'+type+'"]').val();
+ jQuery('[name="'+type+'"]').val(++s);
+ }
+
+ if (derivatives.finished()) {
+ jQuery('#applyAction').click();
+ }
+}
+
+function getDerivativeUrls() {
+ var ids = derivatives.elements.splice(0, 500);
+ var params = {max_urls: 100000, ids: ids, types: []};
+ jQuery("#action_generate_derivatives input").each( function(i, t) {
+ if ($(t).is(":checked"))
+ params.types.push( t.value );
+ } );
+
+ jQuery.ajax( {
+ type: "POST",
+ url: 'ws.php?format=json&method=pwg.getMissingDerivatives',
+ data: params,
+ dataType: "json",
+ success: function(data) {
+ if (!data.stat || data.stat != "ok") {
+ return;
+ }
+ derivatives.total += data.result.urls.length;
+ progress();
+ for (var i=0; i < data.result.urls.length; i++) {
+ jQuery.manageAjax.add("queued", {
+ type: 'GET',
+ url: data.result.urls[i] + "&ajaxload=true",
+ dataType: 'json',
+ success: ( function(data) { derivatives.done++; progress(true) }),
+ error: ( function(data) { derivatives.done++; progress(false) })
+ });
+ }
+ if (derivatives.elements.length)
+ setTimeout( getDerivativeUrls, 25 * (derivatives.total-derivatives.done));
+ }
+ } );
+}
+
+function selectGenerateDerivAll() {
+ $("#action_generate_derivatives input[type=checkbox]").prop("checked", true);
+}
+function selectGenerateDerivNone() {
+ $("#action_generate_derivatives input[type=checkbox]").prop("checked", false);
+}
+
+function selectDelDerivAll() {
+ $("#action_delete_derivatives input[type=checkbox]").prop("checked", true);
+}
+function selectDelDerivNone() {
+ $("#action_delete_derivatives input[type=checkbox]").prop("checked", false);
+}
diff --git a/admin/themes/default/template/batch_manager_global.tpl b/admin/themes/default/template/batch_manager_global.tpl
index e91b49e13..7d693edc6 100644
--- a/admin/themes/default/template/batch_manager_global.tpl
+++ b/admin/themes/default/template/batch_manager_global.tpl
@@ -20,7 +20,8 @@
{footer_script}
var lang = {
- Cancel: '{'Cancel'|translate|escape:'javascript'}'
+ Cancel: '{'Cancel'|translate|escape:'javascript'}',
+ AreYouSure: "{'Are you sure?'|translate|escape:'javascript'}"
};
jQuery(document).ready(function() {
@@ -67,42 +68,13 @@ jQuery(document).ready(function() {
var nb_thumbs_page = {$nb_thumbs_page};
var nb_thumbs_set = {$nb_thumbs_set};
-var are_you_sure = "{'Are you sure?'|@translate|@escape:'javascript'}";
var applyOnDetails_pattern = "{'on the %d selected photos'|@translate}";
var all_elements = [{if !empty($all_elements)}{','|@implode:$all_elements}{/if}];
-var derivatives = {ldelim}
- elements: null,
- done: 0,
- total: 0,
-
- finished: function() {ldelim}
- return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
- }
-};
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}";
-{literal}
-function progress(success) {
- jQuery('#progressBar').progressBar(derivatives.done, {
- max: derivatives.total,
- textFormat: 'fraction',
- boxImage: 'themes/default/images/progressbar.gif',
- barImage: 'themes/default/images/progressbg_orange.gif'
- });
- if (success !== undefined) {
- var type = success ? 'regenerateSuccess': 'regenerateError',
- s = jQuery('[name="'+type+'"]').val();
- jQuery('[name="'+type+'"]').val(++s);
- }
-
- if (derivatives.finished()) {
- jQuery('#applyAction').click();
- }
-}
-
$(document).ready(function() {
function checkPermitAction() {
var nbSelected = 0;
@@ -157,12 +129,6 @@ $(document).ready(function() {
}
}
- $('.thumbnails img').tipTip({
- 'delay' : 0,
- 'fadeIn' : 200,
- 'fadeOut' : 200
- });
-
$("[id^=action_]").hide();
$("select[name=selectAction]").change(function () {
@@ -260,7 +226,7 @@ $(document).ready(function() {
var d_count = $('#action_delete_derivatives input[type=checkbox]').filter(':checked').length
, e_count = $('input[name="setSelected"]').is(':checked') ? nb_thumbs_set : $('.thumbnails input[type=checkbox]').filter(':checked').length;
if (d_count*e_count > 500)
- return confirm(are_you_sure);
+ return confirm(lang.AreYouSure);
}
if (action != 'generate_derivatives'
@@ -296,46 +262,12 @@ $(document).ready(function() {
return false;
});
- function getDerivativeUrls() {
- var ids = derivatives.elements.splice(0, 500);
- var params = {max_urls: 100000, ids: ids, types: []};
- jQuery("#action_generate_derivatives input").each( function(i, t) {
- if ($(t).is(":checked"))
- params.types.push( t.value );
- } );
-
- jQuery.ajax( {
- type: "POST",
- url: 'ws.php?format=json&method=pwg.getMissingDerivatives',
- data: params,
- dataType: "json",
- success: function(data) {
- if (!data.stat || data.stat != "ok") {
- return;
- }
- derivatives.total += data.result.urls.length;
- progress();
- for (var i=0; i < data.result.urls.length; i++) {
- jQuery.manageAjax.add("queued", {
- type: 'GET',
- url: data.result.urls[i] + "&ajaxload=true",
- dataType: 'json',
- success: ( function(data) { derivatives.done++; progress(true) }),
- error: ( function(data) { derivatives.done++; progress(false) })
- });
- }
- if (derivatives.elements.length)
- setTimeout( getDerivativeUrls, 25 * (derivatives.total-derivatives.done));
- }
- } );
- }
-
checkPermitAction();
- /* dimensions sliders */
- /**
- * find the key from a value in the startStopValues array
- */
+ {* /* dimensions sliders */
+ /**
+ * find the key from a value in the startStopValues array
+ */ *}
function getSliderKeyFromValue(value, values) {
for (var key in values) {
if (values[key] == value) {
@@ -346,14 +278,24 @@ $(document).ready(function() {
return 0;
}
-{/literal}
- var dimension_values = {ldelim}
- 'width':[{$dimensions.widths}],
- 'height':[{$dimensions.heights}],
- 'ratio':[{$dimensions.ratios}]
+ var dimension_values = {
+ width:[{$dimensions.widths}],
+ height:[{$dimensions.heights}],
+ ratio:[{$dimensions.ratios}]
};
- $("#filter_dimension_width_slider").slider({ldelim}
+ function onSliderChange(type, ui, pattern) {
+ $("input[name='filter_dimension_min_"+type+"']").val(dimension_values[type][ui.values[0]]);
+ $("input[name='filter_dimension_max_"+type+"']").val(dimension_values[type][ui.values[1]]);
+
+ $("#filter_dimension_"+type+"_info").html(sprintf(
+ pattern,
+ dimension_values[type][ui.values[0]],
+ dimension_values[type][ui.values[1]]
+ ));
+ }
+
+ $("#filter_dimension_width_slider").slider({
range: true,
min: 0,
max: dimension_values['width'].length - 1,
@@ -361,29 +303,15 @@ $(document).ready(function() {
getSliderKeyFromValue({$dimensions.selected.min_width}, dimension_values['width']),
getSliderKeyFromValue({$dimensions.selected.max_width}, dimension_values['width'])
],
- slide: function(event, ui) {ldelim}
- $("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
- $("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
-
- $("#filter_dimension_width_info").html(sprintf(
- "{'between %d and %d pixels'|@translate}",
- dimension_values['width'][ui.values[0]],
- dimension_values['width'][ui.values[1]]
- ));
- },
- change: function(event, ui) {ldelim}
- $("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
- $("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
-
- $("#filter_dimension_width_info").html(sprintf(
- "{'between %d and %d pixels'|@translate}",
- dimension_values['width'][ui.values[0]],
- dimension_values['width'][ui.values[1]]
- ));
- }
+ slide: function(event, ui) {
+ onSliderChange('width', ui, "{'between %d and %d pixels'|translate|escape:'javascript'}");
+ },
+ change: function(event, ui) {
+ onSliderChange('width', ui, "{'between %d and %d pixels'|translate|escape:'javascript'}");
+ }
});
- $("#filter_dimension_height_slider").slider({ldelim}
+ $("#filter_dimension_height_slider").slider({
range: true,
min: 0,
max: dimension_values['height'].length - 1,
@@ -391,29 +319,15 @@ $(document).ready(function() {
getSliderKeyFromValue({$dimensions.selected.min_height}, dimension_values['height']),
getSliderKeyFromValue({$dimensions.selected.max_height}, dimension_values['height'])
],
- slide: function(event, ui) {ldelim}
- $("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
- $("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
-
- $("#filter_dimension_height_info").html(sprintf(
- "{'between %d and %d pixels'|@translate}",
- dimension_values['height'][ui.values[0]],
- dimension_values['height'][ui.values[1]]
- ));
- },
- change: function(event, ui) {ldelim}
- $("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
- $("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
-
- $("#filter_dimension_height_info").html(sprintf(
- "{'between %d and %d pixels'|@translate}",
- dimension_values['height'][ui.values[0]],
- dimension_values['height'][ui.values[1]]
- ));
- }
+ slide: function(event, ui) {
+ onSliderChange('height', ui, "{'between %d and %d pixels'|translate|escape:'javascript'}");
+ },
+ change: function(event, ui) {
+ onSliderChange('height', ui, "{'between %d and %d pixels'|translate|escape:'javascript'}");
+ }
});
- $("#filter_dimension_ratio_slider").slider({ldelim}
+ $("#filter_dimension_ratio_slider").slider({
range: true,
min: 0,
max: dimension_values['ratio'].length - 1,
@@ -421,40 +335,22 @@ $(document).ready(function() {
getSliderKeyFromValue({$dimensions.selected.min_ratio}, dimension_values['ratio']),
getSliderKeyFromValue({$dimensions.selected.max_ratio}, dimension_values['ratio'])
],
- slide: function(event, ui) {ldelim}
- $("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
- $("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
-
- $("#filter_dimension_ratio_info").html(sprintf(
- "{'between %.2f and %.2f'|@translate}",
- dimension_values['ratio'][ui.values[0]],
- dimension_values['ratio'][ui.values[1]]
- ));
- },
- change: function(event, ui) {ldelim}
- $("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
- $("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
-
- $("#filter_dimension_ratio_info").html(sprintf(
- "{'between %.2f and %.2f'|@translate}",
- dimension_values['ratio'][ui.values[0]],
- dimension_values['ratio'][ui.values[1]]
- ));
- }
+ slide: function(event, ui) {
+ onSliderChange('ratio', ui, "{'between %.2f and %.2f'|translate|escape:'javascript'}");
+ },
+ change: function(event, ui) {
+ onSliderChange('ratio', ui, "{'between %.2f and %.2f'|translate|escape:'javascript'}");
+ }
});
- $("a.dimensions-choice").click(function() {ldelim}
+ $("a.dimensions-choice").click(function() {
var type = jQuery(this).data("type");
var min = jQuery(this).data("min");
var max = jQuery(this).data("max");
- $("#filter_dimension_"+ type +"_slider").slider("values", 0,
- getSliderKeyFromValue(min, dimension_values[type])
- );
-
- $("#filter_dimension_"+type+"_slider").slider("values", 1,
- getSliderKeyFromValue(max, dimension_values[type])
- );
+ $("#filter_dimension_"+ type +"_slider")
+ .slider("values", 0, getSliderKeyFromValue(min, dimension_values[type]) )
+ .slider("values", 1, getSliderKeyFromValue(max, dimension_values[type]) );
});
});
@@ -572,7 +468,7 @@ $(document).ready(function() {
<option value="filter_dimension" {if isset($filter.dimension)}disabled="disabled"{/if}>{'Dimensions'|@translate}</option>
<option value="filter_search"{if isset($filter.search)} disabled="disabled"{/if}>{'Search'|@translate}</option>
</select>
- <a id="removeFilters" href="">{'Remove all filters'|@translate}</a>
+ <a id="removeFilters">{'Remove all filters'|@translate}</a>
</p>
<p class="actionButtons" id="applyFilterBlock">
@@ -779,14 +675,6 @@ UL.thumbnails SPAN.wrap2 {ldelim}
{foreach from=$generate_derivatives_types key=type item=disp}
<label><input type="checkbox" name="generate_derivatives_type[]" value="{$type}"> {$disp}</label>
{/foreach}
- {footer_script}
- function selectGenerateDerivAll() {ldelim}
- $("#action_generate_derivatives input[type=checkbox]").prop("checked", true);
- }
- function selectGenerateDerivNone() {ldelim}
- $("#action_generate_derivatives input[type=checkbox]").prop("checked", false);
- }
- {/footer_script}
</div>
<!-- delete derivatives -->
@@ -797,14 +685,6 @@ UL.thumbnails SPAN.wrap2 {ldelim}
{foreach from=$del_derivatives_types key=type item=disp}
<label><input type="checkbox" name="del_derivatives_type[]" value="{$type}"> {$disp}</label>
{/foreach}
- {footer_script}
- function selectDelDerivAll() {ldelim}
- $("#action_delete_derivatives input[type=checkbox]").prop("checked", true);
- }
- function selectDelDerivNone() {ldelim}
- $("#action_delete_derivatives input[type=checkbox]").prop("checked", false);
- }
- {/footer_script}
</div>
<!-- progress bar -->