Context Navigation

batch_manager_global.tpl @ 29244

Last change on this file since 29244 was 29244, checked in by plg, 10 years ago

feature 2810: for duplicates filter, add "date & time" (checked by default) and "width & height" as options.

Change algorithm for a single SQL query with GROUP_CONCAT instead of 2 queries.

File size: 31.4 KB

Line
1	{include file='include/datepicker.inc.tpl' load_mode='async'}
2	{include file='include/colorbox.inc.tpl' load_mode='async'}
3	{include file='include/add_album.inc.tpl' load_mode='async'}
4
5	{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
6
7	{combine_script id='jquery.ui.slider' require='jquery.ui' load='footer' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
8	{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css"}
9
10	{combine_script id='LocalStorageCache' load='footer' path='admin/themes/default/js/LocalStorageCache.js'}
11
12	{assign var="selectizeTheme" value=($themeconf.name=='roma')\|ternary:'dark':'default'}
13	{combine_script id='jquery.selectize' load='footer' path='themes/default/js/plugins/selectize.min.js'}
14	{combine_css id='jquery.selectize' path="themes/default/js/plugins/selectize.`$selectizeTheme`.css"}
15
16	{combine_script id='jquery.progressBar' load='async' path='themes/default/js/plugins/jquery.progressbar.min.js'}
17	{combine_script id='jquery.ajaxmanager' load='async' path='themes/default/js/plugins/jquery.ajaxmanager.js'}
18
19	{combine_script id='batchManagerGlobal' load='async' require='jquery,datepicker,jquery.colorbox,addAlbum' path='admin/themes/default/js/batchManagerGlobal.js'}
20
21	{footer_script}
22	var lang = {
23	Cancel: '{'Cancel'\|translate\|escape:'javascript'}',
24	AreYouSure: "{'Are you sure?'\|translate\|escape:'javascript'}"
25	};
26
27	jQuery(document).ready(function() {
28
29	{* <!-- TAGS --> *}
30	var tagsCache = new TagsCache({
31	serverKey: '{$CACHE_KEYS.tags}',
32	serverId: '{$CACHE_KEYS._hash}',
33	rootUrl: '{$ROOT_URL}'
34	});
35
36	tagsCache.selectize(jQuery('[data-selectize=tags]'), { lang: {
37	'Add': '{'Create'\|translate}'
38	}});
39
40	{* <!-- CATEGORIES --> *}
41	window.categoriesCache = new CategoriesCache({
42	serverKey: '{$CACHE_KEYS.categories}',
43	serverId: '{$CACHE_KEYS._hash}',
44	rootUrl: '{$ROOT_URL}'
45	});
46
47	categoriesCache.selectize(jQuery('[data-selectize=categories]'), {
48	filter: function(categories, options) {
49	if (this.name == 'dissociate') {
50	var filtered = jQuery.grep(categories, function(cat) {
51	return !cat.dir;
52	});
53
54	if (filtered.length > 0) {
55	jQuery('.albumDissociate').show();
56	options.default = filtered[0].id;
57	}
58
59	return filtered;
60	}
61	else {
62	return categories;
63	}
64	}
65	});
66
67	});
68
69	var nb_thumbs_page = {$nb_thumbs_page};
70	var nb_thumbs_set = {$nb_thumbs_set};
71	var applyOnDetails_pattern = "{'on the %d selected photos'\|@translate}";
72	var all_elements = [{if !empty($all_elements)}{','\|@implode:$all_elements}{/if}];
73
74	var selectedMessage_pattern = "{'%d of %d photos selected'\|@translate}";
75	var selectedMessage_none = "{'No photo selected, %d photos in current set'\|@translate}";
76	var selectedMessage_all = "{'All %d photos are selected'\|@translate}";
77
78	$(document).ready(function() {
79	function checkPermitAction() {
80	var nbSelected = 0;
81	if ($("input[name=setSelected]").is(':checked')) {
82	nbSelected = nb_thumbs_set;
83	}
84	else {
85	nbSelected = $(".thumbnails input[type=checkbox]").filter(':checked').length;
86	}
87
88	if (nbSelected == 0) {
89	$("#permitAction").hide();
90	$("#forbidAction").show();
91	}
92	else {
93	$("#permitAction").show();
94	$("#forbidAction").hide();
95	}
96
97	$("#applyOnDetails").text(
98	sprintf(
99	applyOnDetails_pattern,
100	nbSelected
101	)
102	);
103
104	// display the number of currently selected photos in the "Selection" fieldset
105	if (nbSelected == 0) {
106	$("#selectedMessage").text(
107	sprintf(
108	selectedMessage_none,
109	nb_thumbs_set
110	)
111	);
112	}
113	else if (nbSelected == nb_thumbs_set) {
114	$("#selectedMessage").text(
115	sprintf(
116	selectedMessage_all,
117	nb_thumbs_set
118	)
119	);
120	}
121	else {
122	$("#selectedMessage").text(
123	sprintf(
124	selectedMessage_pattern,
125	nbSelected,
126	nb_thumbs_set
127	)
128	);
129	}
130	}
131
132	$("[id^=action_]").hide();
133
134	$("select[name=selectAction]").change(function () {
135	$("[id^=action_]").hide();
136	$("#action_"+$(this).prop("value")).show();
137
138	if ($(this).val() != -1) {
139	$("#applyActionBlock").show();
140	}
141	else {
142	$("#applyActionBlock").hide();
143	}
144	});
145
146	$(".wrap1 label").click(function (event) {
147	$("input[name=setSelected]").prop('checked', false);
148
149	var wrap2 = $(this).children(".wrap2");
150	var checkbox = $(this).children("input[type=checkbox]");
151
152	checkbox.triggerHandler("shclick",event);
153
154	if ($(checkbox).is(':checked')) {
155	$(wrap2).addClass("thumbSelected");
156	}
157	else {
158	$(wrap2).removeClass('thumbSelected');
159	}
160
161	checkPermitAction();
162	});
163
164	$("#selectAll").click(function () {
165	$("input[name=setSelected]").prop('checked', false);
166	selectPageThumbnails();
167	checkPermitAction();
168	return false;
169	});
170
171	function selectPageThumbnails() {
172	$(".thumbnails label").each(function() {
173	var wrap2 = $(this).children(".wrap2");
174	var checkbox = $(this).children("input[type=checkbox]");
175
176	$(checkbox).prop('checked', true);
177	$(wrap2).addClass("thumbSelected");
178	});
179	}
180
181	$("#selectNone").click(function () {
182	$("input[name=setSelected]").prop('checked', false);
183
184	$(".thumbnails label").each(function() {
185	var wrap2 = $(this).children(".wrap2");
186	var checkbox = $(this).children("input[type=checkbox]");
187
188	$(checkbox).prop('checked', false);
189	$(wrap2).removeClass("thumbSelected");
190	});
191	checkPermitAction();
192	return false;
193	});
194
195	$("#selectInvert").click(function () {
196	$("input[name=setSelected]").prop('checked', false);
197
198	$(".thumbnails label").each(function() {
199	var wrap2 = $(this).children(".wrap2");
200	var checkbox = $(this).children("input[type=checkbox]");
201
202	$(checkbox).prop('checked', !$(checkbox).is(':checked'));
203
204	if ($(checkbox).is(':checked')) {
205	$(wrap2).addClass("thumbSelected");
206	}
207	else {
208	$(wrap2).removeClass('thumbSelected');
209	}
210	});
211	checkPermitAction();
212	return false;
213	});
214
215	$("#selectSet").click(function () {
216	selectPageThumbnails();
217	$("input[name=setSelected]").prop('checked', true);
218	checkPermitAction();
219	return false;
220	});
221
222
223	jQuery('#applyAction').click(function() {
224	var action = jQuery('[name="selectAction"]').val();
225	if (action == 'delete_derivatives') {
226	var d_count = $('#action_delete_derivatives input[type=checkbox]').filter(':checked').length
227	, e_count = $('input[name="setSelected"]').is(':checked') ? nb_thumbs_set : $('.thumbnails input[type=checkbox]').filter(':checked').length;
228	if (d_count*e_count > 500)
229	return confirm(lang.AreYouSure);
230	}
231
232	if (action != 'generate_derivatives'
233	\|\| derivatives.finished() )
234	{
235	return true;
236	}
237
238	jQuery('.bulkAction').hide();
239
240	var queuedManager = jQuery.manageAjax.create('queued', {
241	queue: true,
242	cacheResponse: false,
243	maxRequests: 1
244	});
245
246	derivatives.elements = [];
247	if (jQuery('input[name="setSelected"]').is(':checked'))
248	derivatives.elements = all_elements;
249	else
250	jQuery('.thumbnails input[type=checkbox]').each(function() {
251	if (jQuery(this).is(':checked')) {
252	derivatives.elements.push(jQuery(this).val());
253	}
254	});
255
256	jQuery('#applyActionBlock').hide();
257	jQuery('select[name="selectAction"]').hide();
258	jQuery('#regenerationMsg').show();
259
260	progress();
261	getDerivativeUrls();
262	return false;
263	});
264
265	checkPermitAction();
266
267	{* /* dimensions sliders */
268	/**
269	* find the key from a value in the startStopValues array
270	/ }
271	function getSliderKeyFromValue(value, values) {
272	for (var key in values) {
273	if (values[key] == value) {
274	return key;
275	}
276	}
277
278	return 0;
279	}
280
281	var dimension_values = {
282	width:[{$dimensions.widths}],
283	height:[{$dimensions.heights}],
284	ratio:[{$dimensions.ratios}]
285	};
286
287	function onSliderChange(type, ui, pattern) {
288	$("input[name='filter_dimension_min_"+type+"']").val(dimension_values[type][ui.values[0]]);
289	$("input[name='filter_dimension_max_"+type+"']").val(dimension_values[type][ui.values[1]]);
290
291	$("#filter_dimension_"+type+"_info").html(sprintf(
292	pattern,
293	dimension_values[type][ui.values[0]],
294	dimension_values[type][ui.values[1]]
295	));
296	}
297
298	$("#filter_dimension_width_slider").slider({
299	range: true,
300	min: 0,
301	max: dimension_values['width'].length - 1,
302	values: [
303	getSliderKeyFromValue({$dimensions.selected.min_width}, dimension_values['width']),
304	getSliderKeyFromValue({$dimensions.selected.max_width}, dimension_values['width'])
305	],
306	slide: function(event, ui) {
307	onSliderChange('width', ui, "{'between %d and %d pixels'\|translate\|escape:'javascript'}");
308	},
309	change: function(event, ui) {
310	onSliderChange('width', ui, "{'between %d and %d pixels'\|translate\|escape:'javascript'}");
311	}
312	});
313
314	$("#filter_dimension_height_slider").slider({
315	range: true,
316	min: 0,
317	max: dimension_values['height'].length - 1,
318	values: [
319	getSliderKeyFromValue({$dimensions.selected.min_height}, dimension_values['height']),
320	getSliderKeyFromValue({$dimensions.selected.max_height}, dimension_values['height'])
321	],
322	slide: function(event, ui) {
323	onSliderChange('height', ui, "{'between %d and %d pixels'\|translate\|escape:'javascript'}");
324	},
325	change: function(event, ui) {
326	onSliderChange('height', ui, "{'between %d and %d pixels'\|translate\|escape:'javascript'}");
327	}
328	});
329
330	$("#filter_dimension_ratio_slider").slider({
331	range: true,
332	min: 0,
333	max: dimension_values['ratio'].length - 1,
334	values: [
335	getSliderKeyFromValue({$dimensions.selected.min_ratio}, dimension_values['ratio']),
336	getSliderKeyFromValue({$dimensions.selected.max_ratio}, dimension_values['ratio'])
337	],
338	slide: function(event, ui) {
339	onSliderChange('ratio', ui, "{'between %.2f and %.2f'\|translate\|escape:'javascript'}");
340	},
341	change: function(event, ui) {
342	onSliderChange('ratio', ui, "{'between %.2f and %.2f'\|translate\|escape:'javascript'}");
343	}
344	});
345
346	$("a.dimensions-choice").click(function() {
347	var type = jQuery(this).data("type");
348	var min = jQuery(this).data("min");
349	var max = jQuery(this).data("max");
350
351	$("#filter_dimension_"+ type +"_slider")
352	.slider("values", 0, getSliderKeyFromValue(min, dimension_values[type]) )
353	.slider("values", 1, getSliderKeyFromValue(max, dimension_values[type]) );
354	});
355
356	{* filesize, copied from dimensions filter and modified, to be moved in a plugin later *}
357	var filesize_values = [{$filesize.list}];
358
359	function filesize_onSliderChange(ui, pattern) {
360	$("input[name='filter_filesize_min']").val(filesize_values[ui.values[0]]);
361	$("input[name='filter_filesize_max']").val(filesize_values[ui.values[1]]);
362
363	$("#filter_filesize_info").html(sprintf(
364	pattern,
365	filesize_values[ui.values[0]],
366	filesize_values[ui.values[1]]
367	));
368	}
369
370	$("#filter_filesize_slider").slider({
371	range: true,
372	min: 0,
373	max: filesize_values.length - 1,
374	values: [
375	getSliderKeyFromValue({$filesize.selected.min}, filesize_values),
376	getSliderKeyFromValue({$filesize.selected.max}, filesize_values)
377	],
378	slide: function(event, ui) {
379	filesize_onSliderChange(ui, "{'between %s and %s MB'\|translate\|escape:'javascript'}");
380	},
381	change: function(event, ui) {
382	filesize_onSliderChange(ui, "{'between %s and %s MB'\|translate\|escape:'javascript'}");
383	}
384	});
385
386	$("a.filesize-choice").click(function() {
387	$("#filter_filesize_slider")
388	.slider("values", 0, 0)
389	.slider("values", 1, filesize_values.length - 1);
390	});
391
392
393	jQuery("select[name=filter_prefilter]").change(function() {
394	jQuery("#empty_caddie").toggle(jQuery(this).val() == "caddie");
395	jQuery("#duplicates_options").toggle(jQuery(this).val() == "duplicates");
396	});
397	});
398
399	{/footer_script}
400
401	<div id="batchManagerGlobal">
402
403	<h2>{'Batch Manager'\|@translate}</h2>
404
405	<form action="{$F_ACTION}" method="post">
406	<input type="hidden" name="start" value="{$START}">
407
408	<fieldset>
409	<legend>{'Filter'\|@translate}</legend>
410
411	<ul id="filterList">
412	<li id="filter_prefilter" {if !isset($filter.prefilter)}style="display:none"{/if}>
413	<a href="#" class="removeFilter" title="{'remove this filter'\|@translate}"><span>[x]</span></a>
414	<input type="checkbox" name="filter_prefilter_use" class="useFilterCheckbox" {if isset($filter.prefilter)}checked="checked"{/if}>
415	{'Predefined filter'\|@translate}
416	<select name="filter_prefilter">
417	{foreach from=$prefilters item=prefilter}
418	<option value="{$prefilter.ID}" {if isset($filter.prefilter) && $filter.prefilter eq $prefilter.ID}selected="selected"{/if}>{$prefilter.NAME}</option>
419	{/foreach}
420	</select>
421	<a id="empty_caddie" href="admin.php?page=batch_manager&action=empty_caddie" style="{if !isset($filter.prefilter) or $filter.prefilter ne 'caddie'}display:none{/if}">{'Empty caddie'\|translate}</a>
422
423	<span id="duplicates_options" style="{if !isset($filter.prefilter) or $filter.prefilter ne 'duplicates'}display:none{/if}">
424	{'based on'\|translate}
425	<input type="checkbox" checked="checked" disabled="disabled"> {'file name'\|translate}
426	<label><input type="checkbox" name="filter_duplicates_date" {if isset($filter.duplicates_date) or (isset($filter.prefilter) and $filter.prefilter ne 'duplicates')}checked="checked"{/if}> {'date & time'\|translate}</label>
427	<label><input type="checkbox" name="filter_duplicates_dimensions" {if isset($filter.duplicates_dimensions)}checked="checked"{/if}> {'width & height'\|translate}</label>
428	</span>
429	</li>
430
431	<li id="filter_category" {if !isset($filter.category)}style="display:none"{/if}>
432	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
433	<input type="checkbox" name="filter_category_use" class="useFilterCheckbox" {if isset($filter.category)}checked="checked"{/if}>
434	{'Album'\|@translate}
435	<select data-selectize="categories" data-value="{$filter_category_selected\|@json_encode\|escape:html}"
436	data-default="first" name="filter_category" style="width:400px"></select>
437	<label><input type="checkbox" name="filter_category_recursive" {if isset($filter.category_recursive)}checked="checked"{/if}> {'include child albums'\|@translate}</label>
438	</li>
439
440	<li id="filter_tags" {if !isset($filter.tags)}style="display:none"{/if}>
441	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
442	<input type="checkbox" name="filter_tags_use" class="useFilterCheckbox" {if isset($filter.tags)}checked="checked"{/if}>
443	{'Tags'\|@translate}
444	<select data-selectize="tags" data-value="{$filter_tags\|@json_encode\|escape:html}"
445	placeholder="{'Type in a search term'\|translate}"
446	name="filter_tags[]" multiple style="width:400px;"></select>
447	<label><span><input type="radio" name="tag_mode" value="AND" {if !isset($filter.tag_mode) or $filter.tag_mode eq 'AND'}checked="checked"{/if}> {'All tags'\|@translate}</span></label>
448	<label><span><input type="radio" name="tag_mode" value="OR" {if isset($filter.tag_mode) and $filter.tag_mode eq 'OR'}checked="checked"{/if}> {'Any tag'\|@translate}</span></label>
449	</li>
450
451	<li id="filter_level" {if !isset($filter.level)}style="display:none"{/if}>
452	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
453	<input type="checkbox" name="filter_level_use" class="useFilterCheckbox" {if isset($filter.level)}checked="checked"{/if}>
454	{'Privacy level'\|@translate}
455	<select name="filter_level" size="1">
456	{html_options options=$filter_level_options selected=$filter_level_options_selected}
457	</select>
458	<label><input type="checkbox" name="filter_level_include_lower" {if isset($filter.level_include_lower)}checked="checked"{/if}> {'include photos with lower privacy level'\|@translate}</label>
459	</li>
460
461	<li id="filter_dimension" {if !isset($filter.dimension)}style="display:none"{/if}>
462	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
463	<input type="checkbox" name="filter_dimension_use" class="useFilterCheckbox" {if isset($filter.dimension)}checked="checked"{/if}>
464	{'Dimensions'\|@translate}
465
466	<blockquote>
467	{'Width'\|@translate} <span id="filter_dimension_width_info">{'between %d and %d pixels'\|@translate:$dimensions.selected.min_width:$dimensions.selected.max_width}</span>
468	\| <a class="dimensions-choice" data-type="width" data-min="{$dimensions.bounds.min_width}" data-max="{$dimensions.bounds.max_width}">{'Reset'\|@translate}</a>
469	<div id="filter_dimension_width_slider"></div>
470
471	{'Height'\|@translate} <span id="filter_dimension_height_info">{'between %d and %d pixels'\|@translate:$dimensions.selected.min_height:$dimensions.selected.max_height}</span>
472	\| <a class="dimensions-choice" data-type="height" data-min="{$dimensions.bounds.min_height}" data-max="{$dimensions.bounds.max_height}">{'Reset'\|@translate}</a>
473	<div id="filter_dimension_height_slider"></div>
474
475	{'Ratio'\|@translate} ({'Width'\|@translate}/{'Height'\|@translate}) <span id="filter_dimension_ratio_info">{'between %.2f and %.2f'\|@translate:$dimensions.selected.min_ratio:$dimensions.selected.max_ratio}</span>
476	{if isset($dimensions.ratio_portrait)}
477	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_portrait.min}" data-max="{$dimensions.ratio_portrait.max}">{'Portrait'\|@translate}</a>
478	{/if}
479	{if isset($dimensions.ratio_square)}
480	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_square.min}" data-max="{$dimensions.ratio_square.max}">{'square'\|@translate}</a>
481	{/if}
482	{if isset($dimensions.ratio_landscape)}
483	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_landscape.min}" data-max="{$dimensions.ratio_landscape.max}">{'Landscape'\|@translate}</a>
484	{/if}
485	{if isset($dimensions.ratio_panorama)}
486	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_panorama.min}" data-max="{$dimensions.ratio_panorama.max}">{'Panorama'\|@translate}</a>
487	{/if}
488	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.bounds.min_ratio}" data-max="{$dimensions.bounds.max_ratio}">{'Reset'\|@translate}</a>
489	<div id="filter_dimension_ratio_slider"></div>
490	</blockquote>
491
492	<input type="hidden" name="filter_dimension_min_width" value="{$dimensions.selected.min_width}">
493	<input type="hidden" name="filter_dimension_max_width" value="{$dimensions.selected.max_width}">
494	<input type="hidden" name="filter_dimension_min_height" value="{$dimensions.selected.min_height}">
495	<input type="hidden" name="filter_dimension_max_height" value="{$dimensions.selected.max_height}">
496	<input type="hidden" name="filter_dimension_min_ratio" value="{$dimensions.selected.min_ratio}">
497	<input type="hidden" name="filter_dimension_max_ratio" value="{$dimensions.selected.max_ratio}">
498	</li>
499
500	<li id="filter_search"{if !isset($filter.search)} style="display:none"{/if}>
501	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
502	<input type="checkbox" name="filter_search_use" class="useFilterCheckbox"{if isset($filter.search)} checked="checked"{/if}>
503	{'Search'\|@translate}
504	<input name="q" size=40 value="{$filter.search.q\|stripslashes\|htmlspecialchars}">
505	{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
506	<a href="admin/popuphelp.php?page=quick_search" onclick="popuphelp(this.href);return false;" title="{'Help'\|@translate}"><span class="icon-help-circled"></span></a>
507	</li>
508
509	<li id="filter_filesize" {if !isset($filter.filesize)}style="display:none"{/if}>
510	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
511	<input type="checkbox" name="filter_filesize_use" class="useFilterCheckbox" {if isset($filter.filesize)}checked="checked"{/if}>
512	{'Filesize'\|@translate}
513
514	<blockquote>
515	<span id="filter_filesize_info">{'between %s and %s MB'\|@translate:$filesize.selected.min:$filesize.selected.max}</span>
516	\| <a class="filesize-choice">{'Reset'\|@translate}</a>
517	<div id="filter_filesize_slider"></div>
518	</blockquote>
519
520	<input type="hidden" name="filter_filesize_min" value="{$filesize.selected.min}">
521	<input type="hidden" name="filter_filesize_max" value="{$filesize.selected.max}">
522	</li>
523	</ul>
524
525	<p class="actionButtons">
526	<select id="addFilter">
527	<option value="-1">{'Add a filter'\|@translate}</option>
528	<option disabled="disabled">------------------</option>
529	<option value="filter_prefilter" {if isset($filter.prefilter)}disabled="disabled"{/if}>{'Predefined filter'\|@translate}</option>
530	<option value="filter_category" {if isset($filter.category)}disabled="disabled"{/if}>{'Album'\|@translate}</option>
531	<option value="filter_tags" {if isset($filter.tags)}disabled="disabled"{/if}>{'Tags'\|@translate}</option>
532	<option value="filter_level" {if isset($filter.level)}disabled="disabled"{/if}>{'Privacy level'\|@translate}</option>
533	<option value="filter_dimension" {if isset($filter.dimension)}disabled="disabled"{/if}>{'Dimensions'\|@translate}</option>
534	<option value="filter_filesize" {if isset($filter.filesize)}disabled="disabled"{/if}>{'Filesize'\|@translate}</option>
535	<option value="filter_search"{if isset($filter.search)} disabled="disabled"{/if}>{'Search'\|@translate}</option>
536	</select>
537	<a id="removeFilters">{'Remove all filters'\|@translate}</a>
538	</p>
539
540	<p class="actionButtons" id="applyFilterBlock">
541	<input id="applyFilter" class="submit" type="submit" value="{'Refresh photo set'\|@translate}" name="submitFilter">
542	</p>
543
544	</fieldset>
545
546	<fieldset>
547
548	<legend>{'Selection'\|@translate}</legend>
549
550	{if !empty($thumbnails)}
551	<p id="checkActions">
552	{'Select:'\|@translate}
553	{if $nb_thumbs_set > $nb_thumbs_page}
554	<a href="#" id="selectAll">{'The whole page'\|@translate}</a>,
555	<a href="#" id="selectSet">{'The whole set'\|@translate}</a>,
556	{else}
557	<a href="#" id="selectAll">{'All'\|@translate}</a>,
558	{/if}
559	<a href="#" id="selectNone">{'None'\|@translate}</a>,
560	<a href="#" id="selectInvert">{'Invert'\|@translate}</a>
561
562	<span id="selectedMessage"></span>
563
564	<input type="checkbox" name="setSelected" style="display:none" {if count($selection) == $nb_thumbs_set}checked="checked"{/if}>
565	</p>
566
567	<ul class="thumbnails">
568	{html_style}
569	UL.thumbnails SPAN.wrap2{ldelim}
570	width: {$thumb_params->max_width()+2}px;
571	}
572	UL.thumbnails SPAN.wrap2 {ldelim}
573	height: {$thumb_params->max_height()+25}px;
574	}
575	{/html_style}
576	{foreach from=$thumbnails item=thumbnail}
577	{assign var='isSelected' value=$thumbnail.id\|@in_array:$selection}
578	<li>
579	<span class="wrap1">
580	<label>
581	<input type="checkbox" name="selection[]" value="{$thumbnail.id}" {if $isSelected}checked="checked"{/if}>
582	<span class="wrap2{if $isSelected} thumbSelected{/if}">
583	<div class="actions"><a href="{$thumbnail.FILE_SRC}" class="preview-box">{'Zoom'\|@translate}</a> · <a href="{$thumbnail.U_EDIT}" target="_blank">{'Edit'\|@translate}</a></div>
584	{if $thumbnail.level > 0}
585	<em class="levelIndicatorB">{'Level %d'\|@sprintf:$thumbnail.level\|@translate}</em>
586	<em class="levelIndicatorF" title="{'Who can see these photos?'\|@translate} : ">{'Level %d'\|@sprintf:$thumbnail.level\|@translate}</em>
587	{/if}
588	<img src="{$thumbnail.thumb->get_url()}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE\|@escape:'html'}" {$thumbnail.thumb->get_size_htm()}>
589	</span>
590	</label>
591	</span>
592	</li>
593	{/foreach}
594	</ul>
595
596	{if !empty($navbar) }
597	<div style="clear:both;">
598
599	<div style="float:left">
600	{include file='navigation_bar.tpl'\|@get_extent:'navbar'}
601	</div>
602
603	<div style="float:right;margin-top:10px;">{'display'\|@translate}
604	<a href="{$U_DISPLAY}&display=20">20</a>
605	· <a href="{$U_DISPLAY}&display=50">50</a>
606	· <a href="{$U_DISPLAY}&display=100">100</a>
607	· <a href="{$U_DISPLAY}&display=all">{'all'\|@translate}</a>
608	{'photos per page'\|@translate}
609	</div>
610	</div>
611	{/if}
612
613	{else}
614	<div>{'No photo in the current set.'\|@translate}</div>
615	{/if}
616	</fieldset>
617
618	<fieldset id="action">
619
620	<legend>{'Action'\|@translate}</legend>
621	<div id="forbidAction"{if count($selection) != 0} style="display:none"{/if}>{'No photo selected, no action possible.'\|@translate}</div>
622	<div id="permitAction"{if count($selection) == 0} style="display:none"{/if}>
623
624	<select name="selectAction">
625	<option value="-1">{'Choose an action'\|@translate}</option>
626	<option disabled="disabled">------------------</option>
627	<option value="delete" class="icon-trash">{'Delete selected photos'\|@translate}</option>
628	<option value="associate">{'Associate to album'\|@translate}</option>
629	<option value="move">{'Move to album'\|@translate}</option>
630	<option value="dissociate" class="albumDissociate" style="display:none">{'Dissociate from album'\|@translate}</option>
631	<option value="add_tags">{'Add tags'\|@translate}</option>
632	{if !empty($associated_tags)}
633	<option value="del_tags">{'remove tags'\|@translate}</option>
634	{/if}
635	<option value="author">{'Set author'\|@translate}</option>
636	<option value="title">{'Set title'\|@translate}</option>
637	<option value="date_creation">{'Set creation date'\|@translate}</option>
638	<option value="level" class="icon-lock">{'Who can see these photos?'\|@translate}</option>
639	<option value="metadata">{'Synchronize metadata'\|@translate}</option>
640	{if ($IN_CADDIE)}
641	<option value="remove_from_caddie">{'Remove from caddie'\|@translate}</option>
642	{else}
643	<option value="add_to_caddie">{'Add to caddie'\|@translate}</option>
644	{/if}
645	<option value="delete_derivatives">{'Delete multiple size images'\|@translate}</option>
646	<option value="generate_derivatives">{'Generate multiple size images'\|@translate}</option>
647	{if !empty($element_set_global_plugins_actions)}
648	{foreach from=$element_set_global_plugins_actions item=action}
649	<option value="{$action.ID}">{$action.NAME}</option>
650	{/foreach}
651	{/if}
652	</select>
653
654	<!-- delete -->
655	<div id="action_delete" class="bulkAction">
656	<p><label><input type="checkbox" name="confirm_deletion" value="1"> {'Are you sure?'\|@translate}</label></p>
657	</div>
658
659	<!-- associate -->
660	<div id="action_associate" class="bulkAction">
661	<select data-selectize="categories" data-default="first" name="associate" style="width:400px"></select>
662	<br>{'... or '\|@translate}
663	<a href="#" data-add-album="associate" title="{'create a new album'\|@translate}">{'create a new album'\|@translate}</a>
664	</div>
665
666	<!-- move -->
667	<div id="action_move" class="bulkAction">
668	<select data-selectize="categories" data-default="first" name="move" style="width:400px"></select>
669	<br>{'... or '\|@translate}
670	<a href="#" data-add-album="move" title="{'create a new album'\|@translate}">{'create a new album'\|@translate}</a>
671	</div>
672
673
674	<!-- dissociate -->
675	<div id="action_dissociate" class="bulkAction albumDissociate" style="display:none">
676	<select data-selectize="categories" placeholder="{'Type in a search term'\|translate}"
677	name="dissociate" style="width:400px"></select>
678	</div>
679
680
681	<!-- add_tags -->
682	<div id="action_add_tags" class="bulkAction">
683	<select data-selectize="tags" data-create="true" placeholder="{'Type in a search term'\|translate}"
684	name="add_tags[]" multiple style="width:400px;"></select>
685	</div>
686
687	<!-- del_tags -->
688	<div id="action_del_tags" class="bulkAction">
689	{if !empty($associated_tags)}
690	<select data-selectize="tags" name="del_tags[]" multiple style="width:400px;"
691	placeholder="{'Type in a search term'\|translate}">
692	{foreach from=$associated_tags item=tag}
693	<option value="{$tag.id}">{$tag.name}</option>
694	{/foreach}
695	</select>
696	{/if}
697	</div>
698
699	<!-- author -->
700	<div id="action_author" class="bulkAction">
701	<label><input type="checkbox" name="remove_author"> {'remove author'\|@translate}</label><br>
702	{assign var='authorDefaultValue' value='Type here the author name'\|@translate}
703	<input type="text" class="large" name="author" value="{$authorDefaultValue}" onfocus="this.value=(this.value=='{$authorDefaultValue\|@escape:javascript}') ? '' : this.value;" onblur="this.value=(this.value=='') ? '{$authorDefaultValue\|@escape:javascript}' : this.value;">
704	</div>
705
706	<!-- title -->
707	<div id="action_title" class="bulkAction">
708	<label><input type="checkbox" name="remove_title"> {'remove title'\|@translate}</label><br>
709	{assign var='titleDefaultValue' value='Type here the title'\|@translate}
710	<input type="text" class="large" name="title" value="{$titleDefaultValue}" onfocus="this.value=(this.value=='{$titleDefaultValue\|@escape:javascript}') ? '' : this.value;" onblur="this.value=(this.value=='') ? '{$titleDefaultValue\|@escape:javascript}' : this.value;">
711	</div>
712
713	<!-- date_creation -->
714	<div id="action_date_creation" class="bulkAction">
715	<label><input type="checkbox" name="remove_date_creation"> {'remove creation date'\|@translate}</label><br>
716	<div id="set_date_creation">
717	<input type="hidden" name="date_creation" value="{$DATE_CREATION}">
718	<label>
719	<i class="icon-calendar"></i>
720	<input type="text" data-datepicker="date_creation" readonly>
721	</label>
722	</div>
723	</div>
724
725	<!-- level -->
726	<div id="action_level" class="bulkAction">
727	<select name="level" size="1">
728	{html_options options=$level_options selected=$level_options_selected}
729	</select>
730	</div>
731
732	<!-- metadata -->
733	<div id="action_metadata" class="bulkAction">
734	</div>
735
736	<!-- generate derivatives -->
737	<div id="action_generate_derivatives" class="bulkAction">
738	<a href="javascript:selectGenerateDerivAll()">{'All'\|@translate}</a>,
739	<a href="javascript:selectGenerateDerivNone()">{'None'\|@translate}</a>
740	<br>
741	{foreach from=$generate_derivatives_types key=type item=disp}
742	<label><input type="checkbox" name="generate_derivatives_type[]" value="{$type}"> {$disp}</label>
743	{/foreach}
744	</div>
745
746	<!-- delete derivatives -->
747	<div id="action_delete_derivatives" class="bulkAction">
748	<a href="javascript:selectDelDerivAll()">{'All'\|@translate}</a>,
749	<a href="javascript:selectDelDerivNone()">{'None'\|@translate}</a>
750	<br>
751	{foreach from=$del_derivatives_types key=type item=disp}
752	<label><input type="checkbox" name="del_derivatives_type[]" value="{$type}"> {$disp}</label>
753	{/foreach}
754	</div>
755
756	<!-- progress bar -->
757	<div id="regenerationMsg" class="bulkAction" style="display:none">
758	<p id="regenerationText" style="margin-bottom:10px;">{'Generate multiple size images'\|@translate}</p>
759	<span class="progressBar" id="progressBar"></span>
760	<input type="hidden" name="regenerateSuccess" value="0">
761	<input type="hidden" name="regenerateError" value="0">
762	</div>
763
764	<!-- plugins -->
765	{if !empty($element_set_global_plugins_actions)}
766	{foreach from=$element_set_global_plugins_actions item=action}
767	<div id="action_{$action.ID}" class="bulkAction">
768	{if !empty($action.CONTENT)}{$action.CONTENT}{/if}
769	</div>
770	{/foreach}
771	{/if}
772
773	<p id="applyActionBlock" style="display:none" class="actionButtons">
774	<input id="applyAction" class="submit" type="submit" value="{'Apply action'\|@translate}" name="submit"> <span id="applyOnDetails"></span></p>
775
776	</div> <!-- #permitAction -->
777	</fieldset>
778
779	</form>
780
781	</div> <!-- #batchManagerGlobal -->

Note: See TracBrowser for help on using the repository browser.

Download in other formats:

Original Format