Context Navigation

batch_manager_global.tpl @ 28532

Last change on this file since 28532 was 28532, checked in by mistic100, 10 years ago

feature 3077 : improve cache invalidation

add "lastmodified" automatic field for categories, groups, users, tags and images tables
provide a "server key" to the client cache manager

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

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

Download in other formats:

Original Format