Context Navigation

batch_manager_global.tpl @ 28555

Last change on this file since 28555 was 28555, checked in by mistic100, 10 years ago
feature 3077 : fix addAlbum process when creating the first ever album, improve data API
File size: 35.4 KB

Line
1	{include file='include/tag_selection.inc.tpl'}
2	{include file='include/datepicker.inc.tpl'}
3	{include file='include/colorbox.inc.tpl'}
4	{include file='include/add_album.inc.tpl'}
5
6	{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
7
8	{combine_script id='jquery.ui.slider' require='jquery.ui' load='footer' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
9	{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css"}
10
11	{combine_script id='LocalStorageCache' load='footer' path='admin/themes/default/js/LocalStorageCache.js'}
12
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.default.css"}
15
16	{combine_script id='jquery.progressBar' load='footer' path='themes/default/js/plugins/jquery.progressbar.min.js'}
17	{combine_script id='jquery.ajaxmanager' load='footer' path='themes/default/js/plugins/jquery.ajaxmanager.js'}
18
19	{footer_script}{literal}
20	/* Shift-click: select all photos between the click and the shift+click */
21	jQuery(document).ready(function() {
22	var last_clicked=0;
23	var last_clickedstatus=true;
24	jQuery.fn.enableShiftClick = function() {
25	var inputs = [];
26	var count=0;
27	this.find('input[type=checkbox]').each(function() {
28	var pos=count;
29	inputs[count++]=this;
30	$(this).bind("shclick", function (dummy,event) {
31	if (event.shiftKey) {
32	var first = last_clicked;
33	var last = pos;
34	if (first > last) {
35	first=pos;
36	last=last_clicked;
37	}
38
39	for (var i=first; i<=last;i++) {
40	input = $(inputs[i]);
41	$(input).prop('checked', last_clickedstatus);
42	if (last_clickedstatus)
43	{
44	$(input).siblings("span.wrap2").addClass("thumbSelected");
45	}
46	else
47	{
48	$(input).siblings("span.wrap2").removeClass("thumbSelected");
49	}
50	}
51	}
52	else {
53	last_clicked = pos;
54	last_clickedstatus = this.checked;
55	}
56	return true;
57	});
58	$(this).click(function(event) { $(this).triggerHandler("shclick",event)});
59	});
60	}
61	$('ul.thumbnails').enableShiftClick();
62	});
63	{/literal}
64
65	jQuery(document).ready(function() {ldelim}
66	jQuery('[data-datepicker]').pwgDatepicker({ showTimepicker: true });
67
68	jQuery("a.preview-box").colorbox();
69
70	{* <!-- TAGS --> *}
71	var tagsCache = new TagsCache({
72	serverKey: '{$CACHE_KEYS.tags}',
73	serverId: '{$CACHE_KEYS._hash}',
74	rootUrl: '{$ROOT_URL}'
75	});
76
77	tagsCache.selectize(jQuery('[data-selectize=tags]'));
78
79	{* <!-- CATEGORIES --> *}
80	var categoriesCache = new CategoriesCache({
81	serverKey: '{$CACHE_KEYS.categories}',
82	serverId: '{$CACHE_KEYS._hash}',
83	rootUrl: '{$ROOT_URL}'
84	});
85
86	categoriesCache.selectize(jQuery('[data-selectize=categories]'), {
87	filter: function(categories, options) {
88	if (this.name == 'dissociate') {
89	var filtered = jQuery.grep(categories, function(cat) {
90	return !cat.dir;
91	});
92
93	if (filtered.length > 0) {
94	jQuery('.albumDissociate').show();
95	options.default = filtered[0].id;
96	}
97
98	return filtered;
99	}
100	else {
101	return categories;
102	}
103	}
104	});
105
106	jQuery('[data-add-album]').pwgAddAlbum({ cache: categoriesCache });
107	});
108
109	var nb_thumbs_page = {$nb_thumbs_page};
110	var nb_thumbs_set = {$nb_thumbs_set};
111	var are_you_sure = "{'Are you sure?'\|@translate\|@escape:'javascript'}";
112	var applyOnDetails_pattern = "{'on the %d selected photos'\|@translate}";
113	var all_elements = [{if !empty($all_elements)}{','\|@implode:$all_elements}{/if}];
114	var derivatives = {ldelim}
115	elements: null,
116	done: 0,
117	total: 0,
118
119	finished: function() {ldelim}
120	return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
121	}
122	};
123
124	var selectedMessage_pattern = "{'%d of %d photos selected'\|@translate}";
125	var selectedMessage_none = "{'No photo selected, %d photos in current set'\|@translate}";
126	var selectedMessage_all = "{'All %d photos are selected'\|@translate}";
127
128	var width_str = '{'Width'\|@translate}';
129	var height_str = '{'Height'\|@translate}';
130	var max_width_str = '{'Maximum width'\|@translate}';
131	var max_height_str = '{'Maximum height'\|@translate}';
132	{literal}
133
134	function progress(success) {
135	jQuery('#progressBar').progressBar(derivatives.done, {
136	max: derivatives.total,
137	textFormat: 'fraction',
138	boxImage: 'themes/default/images/progressbar.gif',
139	barImage: 'themes/default/images/progressbg_orange.gif'
140	});
141	if (success !== undefined) {
142	var type = success ? 'regenerateSuccess': 'regenerateError',
143	s = jQuery('[name="'+type+'"]').val();
144	jQuery('[name="'+type+'"]').val(++s);
145	}
146
147	if (derivatives.finished()) {
148	jQuery('#applyAction').click();
149	}
150	}
151
152	$(document).ready(function() {
153	function checkPermitAction() {
154	var nbSelected = 0;
155	if ($("input[name=setSelected]").is(':checked')) {
156	nbSelected = nb_thumbs_set;
157	}
158	else {
159	nbSelected = $(".thumbnails input[type=checkbox]").filter(':checked').length;
160	}
161
162	if (nbSelected == 0) {
163	$("#permitAction").hide();
164	$("#forbidAction").show();
165	}
166	else {
167	$("#permitAction").show();
168	$("#forbidAction").hide();
169	}
170
171	$("#applyOnDetails").text(
172	sprintf(
173	applyOnDetails_pattern,
174	nbSelected
175	)
176	);
177
178	// display the number of currently selected photos in the "Selection" fieldset
179	if (nbSelected == 0) {
180	$("#selectedMessage").text(
181	sprintf(
182	selectedMessage_none,
183	nb_thumbs_set
184	)
185	);
186	}
187	else if (nbSelected == nb_thumbs_set) {
188	$("#selectedMessage").text(
189	sprintf(
190	selectedMessage_all,
191	nb_thumbs_set
192	)
193	);
194	}
195	else {
196	$("#selectedMessage").text(
197	sprintf(
198	selectedMessage_pattern,
199	nbSelected,
200	nb_thumbs_set
201	)
202	);
203	}
204	}
205
206	$('.thumbnails img').tipTip({
207	'delay' : 0,
208	'fadeIn' : 200,
209	'fadeOut' : 200
210	});
211
212	$("[id^=action_]").hide();
213
214	$("select[name=selectAction]").change(function () {
215	$("[id^=action_]").hide();
216	$("#action_"+$(this).prop("value")).show();
217
218	if ($(this).val() != -1) {
219	$("#applyActionBlock").show();
220	}
221	else {
222	$("#applyActionBlock").hide();
223	}
224	});
225
226	$(".wrap1 label").click(function (event) {
227	$("input[name=setSelected]").prop('checked', false);
228
229	var wrap2 = $(this).children(".wrap2");
230	var checkbox = $(this).children("input[type=checkbox]");
231
232	checkbox.triggerHandler("shclick",event);
233
234	if ($(checkbox).is(':checked')) {
235	$(wrap2).addClass("thumbSelected");
236	}
237	else {
238	$(wrap2).removeClass('thumbSelected');
239	}
240
241	checkPermitAction();
242	});
243
244	$("#selectAll").click(function () {
245	$("input[name=setSelected]").prop('checked', false);
246	selectPageThumbnails();
247	checkPermitAction();
248	return false;
249	});
250
251	function selectPageThumbnails() {
252	$(".thumbnails label").each(function() {
253	var wrap2 = $(this).children(".wrap2");
254	var checkbox = $(this).children("input[type=checkbox]");
255
256	$(checkbox).prop('checked', true);
257	$(wrap2).addClass("thumbSelected");
258	});
259	}
260
261	$("#selectNone").click(function () {
262	$("input[name=setSelected]").prop('checked', false);
263
264	$(".thumbnails label").each(function() {
265	var wrap2 = $(this).children(".wrap2");
266	var checkbox = $(this).children("input[type=checkbox]");
267
268	$(checkbox).prop('checked', false);
269	$(wrap2).removeClass("thumbSelected");
270	});
271	checkPermitAction();
272	return false;
273	});
274
275	$("#selectInvert").click(function () {
276	$("input[name=setSelected]").prop('checked', false);
277
278	$(".thumbnails label").each(function() {
279	var wrap2 = $(this).children(".wrap2");
280	var checkbox = $(this).children("input[type=checkbox]");
281
282	$(checkbox).prop('checked', !$(checkbox).is(':checked'));
283
284	if ($(checkbox).is(':checked')) {
285	$(wrap2).addClass("thumbSelected");
286	}
287	else {
288	$(wrap2).removeClass('thumbSelected');
289	}
290	});
291	checkPermitAction();
292	return false;
293	});
294
295	$("#selectSet").click(function () {
296	selectPageThumbnails();
297	$("input[name=setSelected]").prop('checked', true);
298	checkPermitAction();
299	return false;
300	});
301
302	$("input[name=remove_author]").click(function () {
303	if ($(this).is(':checked')) {
304	$("input[name=author]").hide();
305	}
306	else {
307	$("input[name=author]").show();
308	}
309	});
310
311	$("input[name=remove_title]").click(function () {
312	if ($(this).is(':checked')) {
313	$("input[name=title]").hide();
314	}
315	else {
316	$("input[name=title]").show();
317	}
318	});
319
320	$("input[name=remove_date_creation]").click(function () {
321	if ($(this).is(':checked')) {
322	$("#set_date_creation").hide();
323	}
324	else {
325	$("#set_date_creation").show();
326	}
327	});
328
329	$(".removeFilter").click(function () {
330	var filter = $(this).parent('li').attr("id");
331	filter_disable(filter);
332
333	return false;
334	});
335
336	function filter_enable(filter) {
337	/* show the filter*/
338	$("#"+filter).show();
339
340	/* check the checkbox to declare we use this filter */
341	$("input[type=checkbox][name="+filter+"_use]").prop("checked", true);
342
343	/* forbid to select this filter in the addFilter list */
344	$("#addFilter").children("option[value="+filter+"]").attr("disabled", "disabled");
345	}
346
347	$("#addFilter").change(function () {
348	var filter = $(this).prop("value");
349	filter_enable(filter);
350	$(this).prop("value", -1);
351	});
352
353	function filter_disable(filter) {
354	/* hide the filter line */
355	$("#"+filter).hide();
356
357	/* uncheck the checkbox to declare we do not use this filter */
358	$("input[name="+filter+"_use]").prop("checked", false);
359
360	/* give the possibility to show it again */
361	$("#addFilter").children("option[value="+filter+"]").removeAttr("disabled");
362	}
363
364	$("#removeFilters").click(function() {
365	$("#filterList li").each(function() {
366	var filter = $(this).attr("id");
367	filter_disable(filter);
368	});
369	return false;
370	});
371
372	jQuery('#applyAction').click(function() {
373	var action = jQuery('[name="selectAction"]').val();
374	if (action == 'delete_derivatives') {
375	var d_count = $('#action_delete_derivatives input[type=checkbox]').filter(':checked').length
376	, e_count = $('input[name="setSelected"]').is(':checked') ? nb_thumbs_set : $('.thumbnails input[type=checkbox]').filter(':checked').length;
377	if (d_count*e_count > 500)
378	return confirm(are_you_sure);
379	}
380
381	if (action != 'generate_derivatives'
382	\|\| derivatives.finished() )
383	{
384	return true;
385	}
386
387	jQuery('.bulkAction').hide();
388
389	var queuedManager = jQuery.manageAjax.create('queued', {
390	queue: true,
391	cacheResponse: false,
392	maxRequests: 1
393	});
394
395	derivatives.elements = [];
396	if (jQuery('input[name="setSelected"]').is(':checked'))
397	derivatives.elements = all_elements;
398	else
399	jQuery('.thumbnails input[type=checkbox]').each(function() {
400	if (jQuery(this).is(':checked')) {
401	derivatives.elements.push(jQuery(this).val());
402	}
403	});
404
405	jQuery('#applyActionBlock').hide();
406	jQuery('select[name="selectAction"]').hide();
407	jQuery('#regenerationMsg').show();
408
409	progress();
410	getDerivativeUrls();
411	return false;
412	});
413
414	function getDerivativeUrls() {
415	var ids = derivatives.elements.splice(0, 500);
416	var params = {max_urls: 100000, ids: ids, types: []};
417	jQuery("#action_generate_derivatives input").each( function(i, t) {
418	if ($(t).is(":checked"))
419	params.types.push( t.value );
420	} );
421
422	jQuery.ajax( {
423	type: "POST",
424	url: 'ws.php?format=json&method=pwg.getMissingDerivatives',
425	data: params,
426	dataType: "json",
427	success: function(data) {
428	if (!data.stat \|\| data.stat != "ok") {
429	return;
430	}
431	derivatives.total += data.result.urls.length;
432	progress();
433	for (var i=0; i < data.result.urls.length; i++) {
434	jQuery.manageAjax.add("queued", {
435	type: 'GET',
436	url: data.result.urls[i] + "&ajaxload=true",
437	dataType: 'json',
438	success: ( function(data) { derivatives.done++; progress(true) }),
439	error: ( function(data) { derivatives.done++; progress(false) })
440	});
441	}
442	if (derivatives.elements.length)
443	setTimeout( getDerivativeUrls, 25 * (derivatives.total-derivatives.done));
444	}
445	} );
446	}
447
448	checkPermitAction();
449
450	/* dimensions sliders */
451	/**
452	* find the key from a value in the startStopValues array
453	*/
454	function getSliderKeyFromValue(value, values) {
455	for (var key in values) {
456	if (values[key] == value) {
457	return key;
458	}
459	}
460
461	return 0;
462	}
463
464	{/literal}
465	var dimension_values = {ldelim}
466	'width':[{$dimensions.widths}],
467	'height':[{$dimensions.heights}],
468	'ratio':[{$dimensions.ratios}]
469	};
470
471	$("#filter_dimension_width_slider").slider({ldelim}
472	range: true,
473	min: 0,
474	max: dimension_values['width'].length - 1,
475	values: [
476	getSliderKeyFromValue({$dimensions.selected.min_width}, dimension_values['width']),
477	getSliderKeyFromValue({$dimensions.selected.max_width}, dimension_values['width'])
478	],
479	slide: function(event, ui) {ldelim}
480	$("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
481	$("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
482
483	$("#filter_dimension_width_info").html(sprintf(
484	"{'between %d and %d pixels'\|@translate}",
485	dimension_values['width'][ui.values[0]],
486	dimension_values['width'][ui.values[1]]
487	));
488	},
489	change: function(event, ui) {ldelim}
490	$("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
491	$("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
492
493	$("#filter_dimension_width_info").html(sprintf(
494	"{'between %d and %d pixels'\|@translate}",
495	dimension_values['width'][ui.values[0]],
496	dimension_values['width'][ui.values[1]]
497	));
498	}
499	});
500
501	$("#filter_dimension_height_slider").slider({ldelim}
502	range: true,
503	min: 0,
504	max: dimension_values['height'].length - 1,
505	values: [
506	getSliderKeyFromValue({$dimensions.selected.min_height}, dimension_values['height']),
507	getSliderKeyFromValue({$dimensions.selected.max_height}, dimension_values['height'])
508	],
509	slide: function(event, ui) {ldelim}
510	$("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
511	$("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
512
513	$("#filter_dimension_height_info").html(sprintf(
514	"{'between %d and %d pixels'\|@translate}",
515	dimension_values['height'][ui.values[0]],
516	dimension_values['height'][ui.values[1]]
517	));
518	},
519	change: function(event, ui) {ldelim}
520	$("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
521	$("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
522
523	$("#filter_dimension_height_info").html(sprintf(
524	"{'between %d and %d pixels'\|@translate}",
525	dimension_values['height'][ui.values[0]],
526	dimension_values['height'][ui.values[1]]
527	));
528	}
529	});
530
531	$("#filter_dimension_ratio_slider").slider({ldelim}
532	range: true,
533	min: 0,
534	max: dimension_values['ratio'].length - 1,
535	values: [
536	getSliderKeyFromValue({$dimensions.selected.min_ratio}, dimension_values['ratio']),
537	getSliderKeyFromValue({$dimensions.selected.max_ratio}, dimension_values['ratio'])
538	],
539	slide: function(event, ui) {ldelim}
540	$("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
541	$("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
542
543	$("#filter_dimension_ratio_info").html(sprintf(
544	"{'between %.2f and %.2f'\|@translate}",
545	dimension_values['ratio'][ui.values[0]],
546	dimension_values['ratio'][ui.values[1]]
547	));
548	},
549	change: function(event, ui) {ldelim}
550	$("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
551	$("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
552
553	$("#filter_dimension_ratio_info").html(sprintf(
554	"{'between %.2f and %.2f'\|@translate}",
555	dimension_values['ratio'][ui.values[0]],
556	dimension_values['ratio'][ui.values[1]]
557	));
558	}
559	});
560
561	$("a.dimensions-choice").click(function() {ldelim}
562	var type = jQuery(this).data("type");
563	var min = jQuery(this).data("min");
564	var max = jQuery(this).data("max");
565
566	$("#filter_dimension_"+ type +"_slider").slider("values", 0,
567	getSliderKeyFromValue(min, dimension_values[type])
568	);
569
570	$("#filter_dimension_"+type+"_slider").slider("values", 1,
571	getSliderKeyFromValue(max, dimension_values[type])
572	);
573	});
574	});
575
576	{/footer_script}
577
578	<div id="batchManagerGlobal">
579
580	<h2>{'Batch Manager'\|@translate}</h2>
581
582	<form action="{$F_ACTION}" method="post">
583	<input type="hidden" name="start" value="{$START}">
584
585	<fieldset>
586	<legend>{'Filter'\|@translate}</legend>
587
588	<ul id="filterList">
589	<li id="filter_prefilter" {if !isset($filter.prefilter)}style="display:none"{/if}>
590	<a href="#" class="removeFilter" title="{'remove this filter'\|@translate}"><span>[x]</span></a>
591	<input type="checkbox" name="filter_prefilter_use" class="useFilterCheckbox" {if isset($filter.prefilter)}checked="checked"{/if}>
592	{'Predefined filter'\|@translate}
593	<select name="filter_prefilter">
594	{foreach from=$prefilters item=prefilter}
595	<option value="{$prefilter.ID}" {if isset($filter.prefilter) && $filter.prefilter eq $prefilter.ID}selected="selected"{/if}>{$prefilter.NAME}</option>
596	{/foreach}
597	</select>
598	</li>
599
600	<li id="filter_category" {if !isset($filter.category)}style="display:none"{/if}>
601	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
602	<input type="checkbox" name="filter_category_use" class="useFilterCheckbox" {if isset($filter.category)}checked="checked"{/if}>
603	{'Album'\|@translate}
604	<select data-selectize="categories" data-value="{$filter_category_selected\|@json_encode\|escape:html}"
605	data-default="first" name="filter_category" style="width:400px"></select>
606	<label><input type="checkbox" name="filter_category_recursive" {if isset($filter.category_recursive)}checked="checked"{/if}> {'include child albums'\|@translate}</label>
607	</li>
608
609	<li id="filter_tags" {if !isset($filter.tags)}style="display:none"{/if}>
610	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
611	<input type="checkbox" name="filter_tags_use" class="useFilterCheckbox" {if isset($filter.tags)}checked="checked"{/if}>
612	{'Tags'\|@translate}
613	<select data-selectize="tags" data-value="{$filter_tags\|@json_encode\|escape:html}"
614	placeholder="{'Type in a search term'\|translate}"
615	name="filter_tags[]" multiple style="width:400px;"></select>
616	<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>
617	<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>
618	</li>
619
620	<li id="filter_level" {if !isset($filter.level)}style="display:none"{/if}>
621	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
622	<input type="checkbox" name="filter_level_use" class="useFilterCheckbox" {if isset($filter.level)}checked="checked"{/if}>
623	{'Privacy level'\|@translate}
624	<select name="filter_level" size="1">
625	{html_options options=$filter_level_options selected=$filter_level_options_selected}
626	</select>
627	<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>
628	</li>
629
630	<li id="filter_dimension" {if !isset($filter.dimension)}style="display:none"{/if}>
631	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
632	<input type="checkbox" name="filter_dimension_use" class="useFilterCheckbox" {if isset($filter.dimension)}checked="checked"{/if}>
633	{'Dimensions'\|@translate}
634
635	<blockquote>
636	{'Width'\|@translate} <span id="filter_dimension_width_info">{'between %d and %d pixels'\|@translate:$dimensions.selected.min_width:$dimensions.selected.max_width}</span>
637	\| <a class="dimensions-choice" data-type="width" data-min="{$dimensions.bounds.min_width}" data-max="{$dimensions.bounds.max_width}">{'Reset'\|@translate}</a>
638	<div id="filter_dimension_width_slider"></div>
639
640	{'Height'\|@translate} <span id="filter_dimension_height_info">{'between %d and %d pixels'\|@translate:$dimensions.selected.min_height:$dimensions.selected.max_height}</span>
641	\| <a class="dimensions-choice" data-type="height" data-min="{$dimensions.bounds.min_height}" data-max="{$dimensions.bounds.max_height}">{'Reset'\|@translate}</a>
642	<div id="filter_dimension_height_slider"></div>
643
644	{'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>
645	{if isset($dimensions.ratio_portrait)}
646	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_portrait.min}" data-max="{$dimensions.ratio_portrait.max}">{'Portrait'\|@translate}</a>
647	{/if}
648	{if isset($dimensions.ratio_square)}
649	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_square.min}" data-max="{$dimensions.ratio_square.max}">{'square'\|@translate}</a>
650	{/if}
651	{if isset($dimensions.ratio_landscape)}
652	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_landscape.min}" data-max="{$dimensions.ratio_landscape.max}">{'Landscape'\|@translate}</a>
653	{/if}
654	{if isset($dimensions.ratio_panorama)}
655	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_panorama.min}" data-max="{$dimensions.ratio_panorama.max}">{'Panorama'\|@translate}</a>
656	{/if}
657	\| <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.bounds.min_ratio}" data-max="{$dimensions.bounds.max_ratio}">{'Reset'\|@translate}</a>
658	<div id="filter_dimension_ratio_slider"></div>
659	</blockquote>
660
661	<input type="hidden" name="filter_dimension_min_width" value="{$dimensions.selected.min_width}">
662	<input type="hidden" name="filter_dimension_max_width" value="{$dimensions.selected.max_width}">
663	<input type="hidden" name="filter_dimension_min_height" value="{$dimensions.selected.min_height}">
664	<input type="hidden" name="filter_dimension_max_height" value="{$dimensions.selected.max_height}">
665	<input type="hidden" name="filter_dimension_min_ratio" value="{$dimensions.selected.min_ratio}">
666	<input type="hidden" name="filter_dimension_max_ratio" value="{$dimensions.selected.max_ratio}">
667	</li>
668
669	<li id="filter_search"{if !isset($filter.search)} style="display:none"{/if}>
670	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
671	<input type="checkbox" name="filter_search_use" class="useFilterCheckbox"{if isset($filter.search)} checked="checked"{/if}>
672	{'Search'\|@translate}
673	<input name="q" size=40 value="{$filter.search.q\|stripslashes\|htmlspecialchars}">
674	{combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
675	<a href="admin/popuphelp.php?page=quick_search" onclick="popuphelp(this.href);return false;" title="{'Help'\|@translate}"><span class="icon-help-circled"></span></a>
676	</li>
677	</ul>
678
679	<p class="actionButtons">
680	<select id="addFilter">
681	<option value="-1">{'Add a filter'\|@translate}</option>
682	<option disabled="disabled">------------------</option>
683	<option value="filter_prefilter" {if isset($filter.prefilter)}disabled="disabled"{/if}>{'Predefined filter'\|@translate}</option>
684	<option value="filter_category" {if isset($filter.category)}disabled="disabled"{/if}>{'Album'\|@translate}</option>
685	<option value="filter_tags" {if isset($filter.tags)}disabled="disabled"{/if}>{'Tags'\|@translate}</option>
686	<option value="filter_level" {if isset($filter.level)}disabled="disabled"{/if}>{'Privacy level'\|@translate}</option>
687	<option value="filter_dimension" {if isset($filter.dimension)}disabled="disabled"{/if}>{'Dimensions'\|@translate}</option>
688	<option value="filter_search"{if isset($filter.search)} disabled="disabled"{/if}>{'Search'\|@translate}</option>
689	</select>
690	<a id="removeFilters" href="">{'Remove all filters'\|@translate}</a>
691	</p>
692
693	<p class="actionButtons" id="applyFilterBlock">
694	<input id="applyFilter" class="submit" type="submit" value="{'Refresh photo set'\|@translate}" name="submitFilter">
695	</p>
696
697	</fieldset>
698
699	<fieldset>
700
701	<legend>{'Selection'\|@translate}</legend>
702
703	{if !empty($thumbnails)}
704	<p id="checkActions">
705	{'Select:'\|@translate}
706	{if $nb_thumbs_set > $nb_thumbs_page}
707	<a href="#" id="selectAll">{'The whole page'\|@translate}</a>,
708	<a href="#" id="selectSet">{'The whole set'\|@translate}</a>,
709	{else}
710	<a href="#" id="selectAll">{'All'\|@translate}</a>,
711	{/if}
712	<a href="#" id="selectNone">{'None'\|@translate}</a>,
713	<a href="#" id="selectInvert">{'Invert'\|@translate}</a>
714
715	<span id="selectedMessage"></span>
716
717	<input type="checkbox" name="setSelected" style="display:none" {if count($selection) == $nb_thumbs_set}checked="checked"{/if}>
718	</p>
719
720	<ul class="thumbnails">
721	{html_style}
722	UL.thumbnails SPAN.wrap2{ldelim}
723	width: {$thumb_params->max_width()+2}px;
724	}
725	UL.thumbnails SPAN.wrap2 {ldelim}
726	height: {$thumb_params->max_height()+25}px;
727	}
728	{/html_style}
729	{foreach from=$thumbnails item=thumbnail}
730	{assign var='isSelected' value=$thumbnail.id\|@in_array:$selection}
731	<li>
732	<span class="wrap1">
733	<label>
734	<input type="checkbox" name="selection[]" value="{$thumbnail.id}" {if $isSelected}checked="checked"{/if}>
735	<span class="wrap2{if $isSelected} thumbSelected{/if}">
736	<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>
737	{if $thumbnail.level > 0}
738	<em class="levelIndicatorB">{'Level %d'\|@sprintf:$thumbnail.level\|@translate}</em>
739	<em class="levelIndicatorF" title="{'Who can see these photos?'\|@translate} : ">{'Level %d'\|@sprintf:$thumbnail.level\|@translate}</em>
740	{/if}
741	<img src="{$thumbnail.thumb->get_url()}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE\|@escape:'html'}" {$thumbnail.thumb->get_size_htm()}>
742	</span>
743	</label>
744	</span>
745	</li>
746	{/foreach}
747	</ul>
748
749	{if !empty($navbar) }
750	<div style="clear:both;">
751
752	<div style="float:left">
753	{include file='navigation_bar.tpl'\|@get_extent:'navbar'}
754	</div>
755
756	<div style="float:right;margin-top:10px;">{'display'\|@translate}
757	<a href="{$U_DISPLAY}&display=20">20</a>
758	· <a href="{$U_DISPLAY}&display=50">50</a>
759	· <a href="{$U_DISPLAY}&display=100">100</a>
760	· <a href="{$U_DISPLAY}&display=all">{'all'\|@translate}</a>
761	{'photos per page'\|@translate}
762	</div>
763	</div>
764	{/if}
765
766	{else}
767	<div>{'No photo in the current set.'\|@translate}</div>
768	{/if}
769	</fieldset>
770
771	<fieldset id="action">
772
773	<legend>{'Action'\|@translate}</legend>
774	<div id="forbidAction"{if count($selection) != 0} style="display:none"{/if}>{'No photo selected, no action possible.'\|@translate}</div>
775	<div id="permitAction"{if count($selection) == 0} style="display:none"{/if}>
776
777	<select name="selectAction">
778	<option value="-1">{'Choose an action'\|@translate}</option>
779	<option disabled="disabled">------------------</option>
780	<option value="delete" class="icon-trash">{'Delete selected photos'\|@translate}</option>
781	<option value="associate">{'Associate to album'\|@translate}</option>
782	<option value="move">{'Move to album'\|@translate}</option>
783	<option value="dissociate" class="albumDissociate" style="display:none">{'Dissociate from album'\|@translate}</option>
784	<option value="add_tags">{'Add tags'\|@translate}</option>
785	{if !empty($associated_tags)}
786	<option value="del_tags">{'remove tags'\|@translate}</option>
787	{/if}
788	<option value="author">{'Set author'\|@translate}</option>
789	<option value="title">{'Set title'\|@translate}</option>
790	<option value="date_creation">{'Set creation date'\|@translate}</option>
791	<option value="level" class="icon-lock">{'Who can see these photos?'\|@translate}</option>
792	<option value="metadata">{'Synchronize metadata'\|@translate}</option>
793	{if ($IN_CADDIE)}
794	<option value="remove_from_caddie">{'Remove from caddie'\|@translate}</option>
795	{else}
796	<option value="add_to_caddie">{'Add to caddie'\|@translate}</option>
797	{/if}
798	<option value="delete_derivatives">{'Delete multiple size images'\|@translate}</option>
799	<option value="generate_derivatives">{'Generate multiple size images'\|@translate}</option>
800	{if !empty($element_set_global_plugins_actions)}
801	{foreach from=$element_set_global_plugins_actions item=action}
802	<option value="{$action.ID}">{$action.NAME}</option>
803	{/foreach}
804	{/if}
805	</select>
806
807	<!-- delete -->
808	<div id="action_delete" class="bulkAction">
809	<p><label><input type="checkbox" name="confirm_deletion" value="1"> {'Are you sure?'\|@translate}</label></p>
810	</div>
811
812	<!-- associate -->
813	<div id="action_associate" class="bulkAction">
814	<select data-selectize="categories" data-default="first" name="associate" style="width:400px"></select>
815	<br>{'... or '\|@translate}
816	<a href="#" data-add-album="associate" title="{'create a new album'\|@translate}">{'create a new album'\|@translate}</a>
817	</div>
818
819	<!-- move -->
820	<div id="action_move" class="bulkAction">
821	<select data-selectize="categories" data-default="first" name="move" style="width:400px"></select>
822	<br>{'... or '\|@translate}
823	<a href="#" data-add-album="move" title="{'create a new album'\|@translate}">{'create a new album'\|@translate}</a>
824	</div>
825
826
827	<!-- dissociate -->
828	<div id="action_dissociate" class="bulkAction albumDissociate" style="display:none">
829	<select data-selectize="categories" placeholder="{'Type in a search term'\|translate}"
830	name="dissociate" style="width:400px"></select>
831	</div>
832
833
834	<!-- add_tags -->
835	<div id="action_add_tags" class="bulkAction">
836	<select data-selectize="tags" data-create="true" placeholder="{'Type in a search term'\|translate}"
837	name="add_tags[]" multiple style="width:400px;"></select>
838	</div>
839
840	<!-- del_tags -->
841	<div id="action_del_tags" class="bulkAction">
842	{if !empty($associated_tags)}
843	<select data-selectize="tags" name="del_tags[]" multiple style="width:400px;"
844	placeholder="{'Type in a search term'\|translate}">
845	{foreach from=$associated_tags item=tag}
846	<option value="{$tag.id}">{$tag.name}</option>
847	{/foreach}
848	</select>
849	{/if}
850	</div>
851
852	<!-- author -->
853	<div id="action_author" class="bulkAction">
854	<label><input type="checkbox" name="remove_author"> {'remove author'\|@translate}</label><br>
855	{assign var='authorDefaultValue' value='Type here the author name'\|@translate}
856	<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;">
857	</div>
858
859	<!-- title -->
860	<div id="action_title" class="bulkAction">
861	<label><input type="checkbox" name="remove_title"> {'remove title'\|@translate}</label><br>
862	{assign var='titleDefaultValue' value='Type here the title'\|@translate}
863	<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;">
864	</div>
865
866	<!-- date_creation -->
867	<div id="action_date_creation" class="bulkAction">
868	<label><input type="checkbox" name="remove_date_creation"> {'remove creation date'\|@translate}</label><br>
869	<div id="set_date_creation">
870	<input type="hidden" name="date_creation" value="{$DATE_CREATION}">
871	<label>
872	<i class="icon-calendar"></i>
873	<input type="text" data-datepicker="date_creation" readonly>
874	</label>
875	</div>
876	</div>
877
878	<!-- level -->
879	<div id="action_level" class="bulkAction">
880	<select name="level" size="1">
881	{html_options options=$level_options selected=$level_options_selected}
882	</select>
883	</div>
884
885	<!-- metadata -->
886	<div id="action_metadata" class="bulkAction">
887	</div>
888
889	<!-- generate derivatives -->
890	<div id="action_generate_derivatives" class="bulkAction">
891	<a href="javascript:selectGenerateDerivAll()">{'All'\|@translate}</a>,
892	<a href="javascript:selectGenerateDerivNone()">{'None'\|@translate}</a>
893	<br>
894	{foreach from=$generate_derivatives_types key=type item=disp}
895	<label><input type="checkbox" name="generate_derivatives_type[]" value="{$type}"> {$disp}</label>
896	{/foreach}
897	{footer_script}
898	function selectGenerateDerivAll() {ldelim}
899	$("#action_generate_derivatives input[type=checkbox]").prop("checked", true);
900	}
901	function selectGenerateDerivNone() {ldelim}
902	$("#action_generate_derivatives input[type=checkbox]").prop("checked", false);
903	}
904	{/footer_script}
905	</div>
906
907	<!-- delete derivatives -->
908	<div id="action_delete_derivatives" class="bulkAction">
909	<a href="javascript:selectDelDerivAll()">{'All'\|@translate}</a>,
910	<a href="javascript:selectDelDerivNone()">{'None'\|@translate}</a>
911	<br>
912	{foreach from=$del_derivatives_types key=type item=disp}
913	<label><input type="checkbox" name="del_derivatives_type[]" value="{$type}"> {$disp}</label>
914	{/foreach}
915	{footer_script}
916	function selectDelDerivAll() {ldelim}
917	$("#action_delete_derivatives input[type=checkbox]").prop("checked", true);
918	}
919	function selectDelDerivNone() {ldelim}
920	$("#action_delete_derivatives input[type=checkbox]").prop("checked", false);
921	}
922	{/footer_script}
923	</div>
924
925	<!-- progress bar -->
926	<div id="regenerationMsg" class="bulkAction" style="display:none">
927	<p id="regenerationText" style="margin-bottom:10px;">{'Generate multiple size images'\|@translate}</p>
928	<span class="progressBar" id="progressBar"></span>
929	<input type="hidden" name="regenerateSuccess" value="0">
930	<input type="hidden" name="regenerateError" value="0">
931	</div>
932
933	<!-- plugins -->
934	{if !empty($element_set_global_plugins_actions)}
935	{foreach from=$element_set_global_plugins_actions item=action}
936	<div id="action_{$action.ID}" class="bulkAction">
937	{if !empty($action.CONTENT)}{$action.CONTENT}{/if}
938	</div>
939	{/foreach}
940	{/if}
941
942	<p id="applyActionBlock" style="display:none" class="actionButtons">
943	<input id="applyAction" class="submit" type="submit" value="{'Apply action'\|@translate}" name="submit"> <span id="applyOnDetails"></span></p>
944
945	</div> <!-- #permitAction -->
946	</fieldset>
947
948	</form>
949
950	</div> <!-- #batchManagerGlobal -->

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

Download in other formats:

Original Format