source: trunk/admin/themes/default/template/batch_manager_global.tpl @ 25005

Last change on this file since 25005 was 25005, checked in by mistic100, 11 years ago

feature 2978: remove useless sprintf in the core

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