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

Revision 28502, 36.0 KB checked in by mistic100, 5 years ago (diff)

feature 3077 : use Selectize on batch_manager_global

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 */
21jQuery(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
65jQuery(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
123var nb_thumbs_page = {$nb_thumbs_page};
124var nb_thumbs_set = {$nb_thumbs_set};
125var are_you_sure = "{'Are you sure?'|@translate|@escape:'javascript'}";
126var applyOnDetails_pattern = "{'on the %d selected photos'|@translate}";
127var all_elements = [{if !empty($all_elements)}{','|@implode:$all_elements}{/if}];
128var 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
138var selectedMessage_pattern = "{'%d of %d photos selected'|@translate}";
139var selectedMessage_none = "{'No photo selected, %d photos in current set'|@translate}";
140var selectedMessage_all = "{'All %d photos are selected'|@translate}";
141
142var width_str = '{'Width'|@translate}';
143var height_str = '{'Height'|@translate}';
144var max_width_str = '{'Maximum width'|@translate}';
145var max_height_str = '{'Maximum height'|@translate}';
146{literal}
147
148function 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}
743UL.thumbnails SPAN.wrap2{ldelim}
744  width: {$thumb_params->max_width()+2}px;
745}
746UL.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> &middot; <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}&amp;display=20">20</a>
779      &middot; <a href="{$U_DISPLAY}&amp;display=50">50</a>
780      &middot; <a href="{$U_DISPLAY}&amp;display=100">100</a>
781      &middot; <a href="{$U_DISPLAY}&amp;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.