Context Navigation

batch_manager_global.tpl @ 28550

Last change on this file since 28550 was 28550, checked in by mistic100, 10 years ago
feature 3077 : factorize code for cache/selectize
File size: 35.1 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	options.default = categories[0].id;
102	return categories;
103	}
104	}
105	});
106
107	jQuery('[data-add-album]').pwgAddAlbum({ cache: categoriesCache });
108	});
109
110	var nb_thumbs_page = {$nb_thumbs_page};
111	var nb_thumbs_set = {$nb_thumbs_set};
112	var are_you_sure = "{'Are you sure?'\|@translate\|@escape:'javascript'}";
113	var applyOnDetails_pattern = "{'on the %d selected photos'\|@translate}";
114	var all_elements = [{if !empty($all_elements)}{','\|@implode:$all_elements}{/if}];
115	var derivatives = {ldelim}
116	elements: null,
117	done: 0,
118	total: 0,
119
120	finished: function() {ldelim}
121	return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
122	}
123	};
124
125	var selectedMessage_pattern = "{'%d of %d photos selected'\|@translate}";
126	var selectedMessage_none = "{'No photo selected, %d photos in current set'\|@translate}";
127	var selectedMessage_all = "{'All %d photos are selected'\|@translate}";
128
129	var width_str = '{'Width'\|@translate}';
130	var height_str = '{'Height'\|@translate}';
131	var max_width_str = '{'Maximum width'\|@translate}';
132	var max_height_str = '{'Maximum height'\|@translate}';
133	{literal}
134
135	function progress(success) {
136	jQuery('#progressBar').progressBar(derivatives.done, {
137	max: derivatives.total,
138	textFormat: 'fraction',
139	boxImage: 'themes/default/images/progressbar.gif',
140	barImage: 'themes/default/images/progressbg_orange.gif'
141	});
142	if (success !== undefined) {
143	var type = success ? 'regenerateSuccess': 'regenerateError',
144	s = jQuery('[name="'+type+'"]').val();
145	jQuery('[name="'+type+'"]').val(++s);
146	}
147
148	if (derivatives.finished()) {
149	jQuery('#applyAction').click();
150	}
151	}
152
153	$(document).ready(function() {
154	function checkPermitAction() {
155	var nbSelected = 0;
156	if ($("input[name=setSelected]").is(':checked')) {
157	nbSelected = nb_thumbs_set;
158	}
159	else {
160	nbSelected = $(".thumbnails input[type=checkbox]").filter(':checked').length;
161	}
162
163	if (nbSelected == 0) {
164	$("#permitAction").hide();
165	$("#forbidAction").show();
166	}
167	else {
168	$("#permitAction").show();
169	$("#forbidAction").hide();
170	}
171
172	$("#applyOnDetails").text(
173	sprintf(
174	applyOnDetails_pattern,
175	nbSelected
176	)
177	);
178
179	// display the number of currently selected photos in the "Selection" fieldset
180	if (nbSelected == 0) {
181	$("#selectedMessage").text(
182	sprintf(
183	selectedMessage_none,
184	nb_thumbs_set
185	)
186	);
187	}
188	else if (nbSelected == nb_thumbs_set) {
189	$("#selectedMessage").text(
190	sprintf(
191	selectedMessage_all,
192	nb_thumbs_set
193	)
194	);
195	}
196	else {
197	$("#selectedMessage").text(
198	sprintf(
199	selectedMessage_pattern,
200	nbSelected,
201	nb_thumbs_set
202	)
203	);
204	}
205	}
206
207	$('.thumbnails img').tipTip({
208	'delay' : 0,
209	'fadeIn' : 200,
210	'fadeOut' : 200
211	});
212
213	$("[id^=action_]").hide();
214
215	$("select[name=selectAction]").change(function () {
216	$("[id^=action_]").hide();
217	$("#action_"+$(this).prop("value")).show();
218
219	if ($(this).val() != -1) {
220	$("#applyActionBlock").show();
221	}
222	else {
223	$("#applyActionBlock").hide();
224	}
225	});
226
227	$(".wrap1 label").click(function (event) {
228	$("input[name=setSelected]").prop('checked', false);
229
230	var wrap2 = $(this).children(".wrap2");
231	var checkbox = $(this).children("input[type=checkbox]");
232
233	checkbox.triggerHandler("shclick",event);
234
235	if ($(checkbox).is(':checked')) {
236	$(wrap2).addClass("thumbSelected");
237	}
238	else {
239	$(wrap2).removeClass('thumbSelected');
240	}
241
242	checkPermitAction();
243	});
244
245	$("#selectAll").click(function () {
246	$("input[name=setSelected]").prop('checked', false);
247	selectPageThumbnails();
248	checkPermitAction();
249	return false;
250	});
251
252	function selectPageThumbnails() {
253	$(".thumbnails label").each(function() {
254	var wrap2 = $(this).children(".wrap2");
255	var checkbox = $(this).children("input[type=checkbox]");
256
257	$(checkbox).prop('checked', true);
258	$(wrap2).addClass("thumbSelected");
259	});
260	}
261
262	$("#selectNone").click(function () {
263	$("input[name=setSelected]").prop('checked', false);
264
265	$(".thumbnails label").each(function() {
266	var wrap2 = $(this).children(".wrap2");
267	var checkbox = $(this).children("input[type=checkbox]");
268
269	$(checkbox).prop('checked', false);
270	$(wrap2).removeClass("thumbSelected");
271	});
272	checkPermitAction();
273	return false;
274	});
275
276	$("#selectInvert").click(function () {
277	$("input[name=setSelected]").prop('checked', false);
278
279	$(".thumbnails label").each(function() {
280	var wrap2 = $(this).children(".wrap2");
281	var checkbox = $(this).children("input[type=checkbox]");
282
283	$(checkbox).prop('checked', !$(checkbox).is(':checked'));
284
285	if ($(checkbox).is(':checked')) {
286	$(wrap2).addClass("thumbSelected");
287	}
288	else {
289	$(wrap2).removeClass('thumbSelected');
290	}
291	});
292	checkPermitAction();
293	return false;
294	});
295
296	$("#selectSet").click(function () {
297	selectPageThumbnails();
298	$("input[name=setSelected]").prop('checked', true);
299	checkPermitAction();
300	return false;
301	});
302
303	$("input[name=remove_author]").click(function () {
304	if ($(this).is(':checked')) {
305	$("input[name=author]").hide();
306	}
307	else {
308	$("input[name=author]").show();
309	}
310	});
311
312	$("input[name=remove_title]").click(function () {
313	if ($(this).is(':checked')) {
314	$("input[name=title]").hide();
315	}
316	else {
317	$("input[name=title]").show();
318	}
319	});
320
321	$("input[name=remove_date_creation]").click(function () {
322	if ($(this).is(':checked')) {
323	$("#set_date_creation").hide();
324	}
325	else {
326	$("#set_date_creation").show();
327	}
328	});
329
330	$(".removeFilter").click(function () {
331	var filter = $(this).parent('li').attr("id");
332	filter_disable(filter);
333
334	return false;
335	});
336
337	function filter_enable(filter) {
338	/* show the filter*/
339	$("#"+filter).show();
340
341	/* check the checkbox to declare we use this filter */
342	$("input[type=checkbox][name="+filter+"_use]").prop("checked", true);
343
344	/* forbid to select this filter in the addFilter list */
345	$("#addFilter").children("option[value="+filter+"]").attr("disabled", "disabled");
346	}
347
348	$("#addFilter").change(function () {
349	var filter = $(this).prop("value");
350	filter_enable(filter);
351	$(this).prop("value", -1);
352	});
353
354	function filter_disable(filter) {
355	/* hide the filter line */
356	$("#"+filter).hide();
357
358	/* uncheck the checkbox to declare we do not use this filter */
359	$("input[name="+filter+"_use]").prop("checked", false);
360
361	/* give the possibility to show it again */
362	$("#addFilter").children("option[value="+filter+"]").removeAttr("disabled");
363	}
364
365	$("#removeFilters").click(function() {
366	$("#filterList li").each(function() {
367	var filter = $(this).attr("id");
368	filter_disable(filter);
369	});
370	return false;
371	});
372
373	jQuery('#applyAction').click(function() {
374	var action = jQuery('[name="selectAction"]').val();
375	if (action == 'delete_derivatives') {
376	var d_count = $('#action_delete_derivatives input[type=checkbox]').filter(':checked').length
377	, e_count = $('input[name="setSelected"]').is(':checked') ? nb_thumbs_set : $('.thumbnails input[type=checkbox]').filter(':checked').length;
378	if (d_count*e_count > 500)
379	return confirm(are_you_sure);
380	}
381
382	if (action != 'generate_derivatives'
383	\|\| derivatives.finished() )
384	{
385	return true;
386	}
387
388	jQuery('.bulkAction').hide();
389
390	var queuedManager = jQuery.manageAjax.create('queued', {
391	queue: true,
392	cacheResponse: false,
393	maxRequests: 1
394	});
395
396	derivatives.elements = [];
397	if (jQuery('input[name="setSelected"]').is(':checked'))
398	derivatives.elements = all_elements;
399	else
400	jQuery('.thumbnails input[type=checkbox]').each(function() {
401	if (jQuery(this).is(':checked')) {
402	derivatives.elements.push(jQuery(this).val());
403	}
404	});
405
406	jQuery('#applyActionBlock').hide();
407	jQuery('select[name="selectAction"]').hide();
408	jQuery('#regenerationMsg').show();
409
410	progress();
411	getDerivativeUrls();
412	return false;
413	});
414
415	function getDerivativeUrls() {
416	var ids = derivatives.elements.splice(0, 500);
417	var params = {max_urls: 100000, ids: ids, types: []};
418	jQuery("#action_generate_derivatives input").each( function(i, t) {
419	if ($(t).is(":checked"))
420	params.types.push( t.value );
421	} );
422
423	jQuery.ajax( {
424	type: "POST",
425	url: 'ws.php?format=json&method=pwg.getMissingDerivatives',
426	data: params,
427	dataType: "json",
428	success: function(data) {
429	if (!data.stat \|\| data.stat != "ok") {
430	return;
431	}
432	derivatives.total += data.result.urls.length;
433	progress();
434	for (var i=0; i < data.result.urls.length; i++) {
435	jQuery.manageAjax.add("queued", {
436	type: 'GET',
437	url: data.result.urls[i] + "&ajaxload=true",
438	dataType: 'json',
439	success: ( function(data) { derivatives.done++; progress(true) }),
440	error: ( function(data) { derivatives.done++; progress(false) })
441	});
442	}
443	if (derivatives.elements.length)
444	setTimeout( getDerivativeUrls, 25 * (derivatives.total-derivatives.done));
445	}
446	} );
447	}
448
449	checkPermitAction();
450
451	/* dimensions sliders */
452	/**
453	* find the key from a value in the startStopValues array
454	*/
455	function getSliderKeyFromValue(value, values) {
456	for (var key in values) {
457	if (values[key] == value) {
458	return key;
459	}
460	}
461
462	return 0;
463	}
464
465	{/literal}
466	var dimension_values = {ldelim}
467	'width':[{$dimensions.widths}],
468	'height':[{$dimensions.heights}],
469	'ratio':[{$dimensions.ratios}]
470	};
471
472	$("#filter_dimension_width_slider").slider({ldelim}
473	range: true,
474	min: 0,
475	max: dimension_values['width'].length - 1,
476	values: [
477	getSliderKeyFromValue({$dimensions.selected.min_width}, dimension_values['width']),
478	getSliderKeyFromValue({$dimensions.selected.max_width}, dimension_values['width'])
479	],
480	slide: function(event, ui) {ldelim}
481	$("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
482	$("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
483
484	$("#filter_dimension_width_info").html(sprintf(
485	"{'between %d and %d pixels'\|@translate}",
486	dimension_values['width'][ui.values[0]],
487	dimension_values['width'][ui.values[1]]
488	));
489	},
490	change: function(event, ui) {ldelim}
491	$("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
492	$("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);
493
494	$("#filter_dimension_width_info").html(sprintf(
495	"{'between %d and %d pixels'\|@translate}",
496	dimension_values['width'][ui.values[0]],
497	dimension_values['width'][ui.values[1]]
498	));
499	}
500	});
501
502	$("#filter_dimension_height_slider").slider({ldelim}
503	range: true,
504	min: 0,
505	max: dimension_values['height'].length - 1,
506	values: [
507	getSliderKeyFromValue({$dimensions.selected.min_height}, dimension_values['height']),
508	getSliderKeyFromValue({$dimensions.selected.max_height}, dimension_values['height'])
509	],
510	slide: function(event, ui) {ldelim}
511	$("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
512	$("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
513
514	$("#filter_dimension_height_info").html(sprintf(
515	"{'between %d and %d pixels'\|@translate}",
516	dimension_values['height'][ui.values[0]],
517	dimension_values['height'][ui.values[1]]
518	));
519	},
520	change: function(event, ui) {ldelim}
521	$("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
522	$("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);
523
524	$("#filter_dimension_height_info").html(sprintf(
525	"{'between %d and %d pixels'\|@translate}",
526	dimension_values['height'][ui.values[0]],
527	dimension_values['height'][ui.values[1]]
528	));
529	}
530	});
531
532	$("#filter_dimension_ratio_slider").slider({ldelim}
533	range: true,
534	min: 0,
535	max: dimension_values['ratio'].length - 1,
536	values: [
537	getSliderKeyFromValue({$dimensions.selected.min_ratio}, dimension_values['ratio']),
538	getSliderKeyFromValue({$dimensions.selected.max_ratio}, dimension_values['ratio'])
539	],
540	slide: function(event, ui) {ldelim}
541	$("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
542	$("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
543
544	$("#filter_dimension_ratio_info").html(sprintf(
545	"{'between %.2f and %.2f'\|@translate}",
546	dimension_values['ratio'][ui.values[0]],
547	dimension_values['ratio'][ui.values[1]]
548	));
549	},
550	change: function(event, ui) {ldelim}
551	$("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
552	$("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);
553
554	$("#filter_dimension_ratio_info").html(sprintf(
555	"{'between %.2f and %.2f'\|@translate}",
556	dimension_values['ratio'][ui.values[0]],
557	dimension_values['ratio'][ui.values[1]]
558	));
559	}
560	});
561
562	$("a.dimensions-choice").click(function() {ldelim}
563	var type = jQuery(this).data("type");
564	var min = jQuery(this).data("min");
565	var max = jQuery(this).data("max");
566
567	$("#filter_dimension_"+ type +"_slider").slider("values", 0,
568	getSliderKeyFromValue(min, dimension_values[type])
569	);
570
571	$("#filter_dimension_"+type+"_slider").slider("values", 1,
572	getSliderKeyFromValue(max, dimension_values[type])
573	);
574	});
575	});
576
577	{/footer_script}
578
579	<div id="batchManagerGlobal">
580
581	<h2>{'Batch Manager'\|@translate}</h2>
582
583	<form action="{$F_ACTION}" method="post">
584	<input type="hidden" name="start" value="{$START}">
585
586	<fieldset>
587	<legend>{'Filter'\|@translate}</legend>
588
589	<ul id="filterList">
590	<li id="filter_prefilter" {if !isset($filter.prefilter)}style="display:none"{/if}>
591	<a href="#" class="removeFilter" title="{'remove this filter'\|@translate}"><span>[x]</span></a>
592	<input type="checkbox" name="filter_prefilter_use" class="useFilterCheckbox" {if isset($filter.prefilter)}checked="checked"{/if}>
593	{'Predefined filter'\|@translate}
594	<select name="filter_prefilter">
595	{foreach from=$prefilters item=prefilter}
596	<option value="{$prefilter.ID}" {if isset($filter.prefilter) && $filter.prefilter eq $prefilter.ID}selected="selected"{/if}>{$prefilter.NAME}</option>
597	{/foreach}
598	</select>
599	</li>
600
601	<li id="filter_category" {if !isset($filter.category)}style="display:none"{/if}>
602	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
603	<input type="checkbox" name="filter_category_use" class="useFilterCheckbox" {if isset($filter.category)}checked="checked"{/if}>
604	{'Album'\|@translate}
605	<select data-selectize="categories" data-value="{$filter_category_selected\|@json_encode\|escape:html}"
606	name="filter_category" style="width:400px"></select>
607	<label><input type="checkbox" name="filter_category_recursive" {if isset($filter.category_recursive)}checked="checked"{/if}> {'include child albums'\|@translate}</label>
608	</li>
609
610	<li id="filter_tags" {if !isset($filter.tags)}style="display:none"{/if}>
611	<a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
612	<input type="checkbox" name="filter_tags_use" class="useFilterCheckbox" {if isset($filter.tags)}checked="checked"{/if}>
613	{'Tags'\|@translate}
614	<select data-selectize="tags" data-value="{$filter_tags\|@json_encode\|escape:html}"
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" 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" 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" name="dissociate" style="width:400px"></select>
830	</div>
831
832
833	<!-- add_tags -->
834	<div id="action_add_tags" class="bulkAction">
835	<select data-selectize="tags" data-selectize-create name="add_tags[]" multiple style="width:400px;"></select>
836	</div>
837
838	<!-- del_tags -->
839	<div id="action_del_tags" class="bulkAction">
840	{if !empty($associated_tags)}
841	<select data-selectize="tags" name="del_tags[]" multiple style="width:400px;">
842	{foreach from=$associated_tags item=tag}
843	<option value="{$tag.id}">{$tag.name}</option>
844	{/foreach}
845	</select>
846	{/if}
847	</div>
848
849	<!-- author -->
850	<div id="action_author" class="bulkAction">
851	<label><input type="checkbox" name="remove_author"> {'remove author'\|@translate}</label><br>
852	{assign var='authorDefaultValue' value='Type here the author name'\|@translate}
853	<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;">
854	</div>
855
856	<!-- title -->
857	<div id="action_title" class="bulkAction">
858	<label><input type="checkbox" name="remove_title"> {'remove title'\|@translate}</label><br>
859	{assign var='titleDefaultValue' value='Type here the title'\|@translate}
860	<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;">
861	</div>
862
863	<!-- date_creation -->
864	<div id="action_date_creation" class="bulkAction">
865	<label><input type="checkbox" name="remove_date_creation"> {'remove creation date'\|@translate}</label><br>
866	<div id="set_date_creation">
867	<input type="hidden" name="date_creation" value="{$DATE_CREATION}">
868	<label>
869	<i class="icon-calendar"></i>
870	<input type="text" data-datepicker="date_creation" readonly>
871	</label>
872	</div>
873	</div>
874
875	<!-- level -->
876	<div id="action_level" class="bulkAction">
877	<select name="level" size="1">
878	{html_options options=$level_options selected=$level_options_selected}
879	</select>
880	</div>
881
882	<!-- metadata -->
883	<div id="action_metadata" class="bulkAction">
884	</div>
885
886	<!-- generate derivatives -->
887	<div id="action_generate_derivatives" class="bulkAction">
888	<a href="javascript:selectGenerateDerivAll()">{'All'\|@translate}</a>,
889	<a href="javascript:selectGenerateDerivNone()">{'None'\|@translate}</a>
890	<br>
891	{foreach from=$generate_derivatives_types key=type item=disp}
892	<label><input type="checkbox" name="generate_derivatives_type[]" value="{$type}"> {$disp}</label>
893	{/foreach}
894	{footer_script}
895	function selectGenerateDerivAll() {ldelim}
896	$("#action_generate_derivatives input[type=checkbox]").prop("checked", true);
897	}
898	function selectGenerateDerivNone() {ldelim}
899	$("#action_generate_derivatives input[type=checkbox]").prop("checked", false);
900	}
901	{/footer_script}
902	</div>
903
904	<!-- delete derivatives -->
905	<div id="action_delete_derivatives" class="bulkAction">
906	<a href="javascript:selectDelDerivAll()">{'All'\|@translate}</a>,
907	<a href="javascript:selectDelDerivNone()">{'None'\|@translate}</a>
908	<br>
909	{foreach from=$del_derivatives_types key=type item=disp}
910	<label><input type="checkbox" name="del_derivatives_type[]" value="{$type}"> {$disp}</label>
911	{/foreach}
912	{footer_script}
913	function selectDelDerivAll() {ldelim}
914	$("#action_delete_derivatives input[type=checkbox]").prop("checked", true);
915	}
916	function selectDelDerivNone() {ldelim}
917	$("#action_delete_derivatives input[type=checkbox]").prop("checked", false);
918	}
919	{/footer_script}
920	</div>
921
922	<!-- progress bar -->
923	<div id="regenerationMsg" class="bulkAction" style="display:none">
924	<p id="regenerationText" style="margin-bottom:10px;">{'Generate multiple size images'\|@translate}</p>
925	<span class="progressBar" id="progressBar"></span>
926	<input type="hidden" name="regenerateSuccess" value="0">
927	<input type="hidden" name="regenerateError" value="0">
928	</div>
929
930	<!-- plugins -->
931	{if !empty($element_set_global_plugins_actions)}
932	{foreach from=$element_set_global_plugins_actions item=action}
933	<div id="action_{$action.ID}" class="bulkAction">
934	{if !empty($action.CONTENT)}{$action.CONTENT}{/if}
935	</div>
936	{/foreach}
937	{/if}
938
939	<p id="applyActionBlock" style="display:none" class="actionButtons">
940	<input id="applyAction" class="submit" type="submit" value="{'Apply action'\|@translate}" name="submit"> <span id="applyOnDetails"></span></p>
941
942	</div> <!-- #permitAction -->
943	</fieldset>
944
945	</form>
946
947	</div> <!-- #batchManagerGlobal -->

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

Download in other formats:

Original Format