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

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

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