Context Navigation

batch_manager_global.tpl @ 28502

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

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

Download in other formats:

Original Format