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

Revision 28703, 35.5 KB checked in by mistic100, 5 years ago (diff)

add dark selectize theme + "ternary" template modifier

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