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

{include file='include/tag_selection.inc.tpl'}
{include file='include/datepicker.inc.tpl'}
{include file='include/colorbox.inc.tpl'}
{include file='include/add_album.inc.tpl'}

{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}

{combine_script id='jquery.ui.slider' require='jquery.ui' load='footer' path='themes/default/js/ui/minified/jquery.ui.slider.min.js'}
{combine_css path="themes/default/js/ui/theme/jquery.ui.slider.css"}

{combine_script id='LocalStorageCache' load='footer' path='admin/themes/default/js/LocalStorageCache.js'}

{assign var="selectizeTheme" value=($themeconf.name=='roma')|ternary:'dark':'default'}
{combine_script id='jquery.selectize' load='footer' path='themes/default/js/plugins/selectize.min.js'}
{combine_css id='jquery.selectize' path="themes/default/js/plugins/selectize.`$selectizeTheme`.css"}

{combine_script id='jquery.progressBar' load='footer' path='themes/default/js/plugins/jquery.progressbar.min.js'}
{combine_script id='jquery.ajaxmanager' load='footer' path='themes/default/js/plugins/jquery.ajaxmanager.js'}

{footer_script}{literal}
/* Shift-click: select all photos between the click and the shift+click */
jQuery(document).ready(function() {
  var last_clicked=0;
  var last_clickedstatus=true;
  jQuery.fn.enableShiftClick = function() {
    var inputs = [];
    var count=0;
    this.find('input[type=checkbox]').each(function() {
      var pos=count;
      inputs[count++]=this;
      $(this).bind("shclick", function (dummy,event) {
        if (event.shiftKey) {
          var first = last_clicked;
          var last = pos;
          if (first > last) {
            first=pos;
            last=last_clicked;
          }

          for (var i=first; i<=last;i++) {
            input = $(inputs[i]);
            $(input).prop('checked', last_clickedstatus);
            if (last_clickedstatus)
            {
              $(input).siblings("span.wrap2").addClass("thumbSelected");
            }
            else
            {
              $(input).siblings("span.wrap2").removeClass("thumbSelected");
            }
          }
        }
        else {
          last_clicked = pos;
          last_clickedstatus = this.checked;
        }
        return true;
      });
      $(this).click(function(event) { $(this).triggerHandler("shclick",event)});
    });
  }
        $('ul.thumbnails').enableShiftClick();
});
{/literal}

jQuery(document).ready(function() {ldelim}
  jQuery('[data-datepicker]').pwgDatepicker({
    showTimepicker: true,
    cancelButton: '{'Cancel'|translate}'
  });

  jQuery("a.preview-box").colorbox();
  
  {* <!-- TAGS --> *}
  var tagsCache = new TagsCache({
    serverKey: '{$CACHE_KEYS.tags}',
    serverId: '{$CACHE_KEYS._hash}',
    rootUrl: '{$ROOT_URL}'
  });

  tagsCache.selectize(jQuery('[data-selectize=tags]'), { lang: {
    'Add': '{'Create'|translate}'
  }});
  
  {* <!-- CATEGORIES --> *}
  var categoriesCache = new CategoriesCache({
    serverKey: '{$CACHE_KEYS.categories}',
    serverId: '{$CACHE_KEYS._hash}',
    rootUrl: '{$ROOT_URL}'
  });
  
  categoriesCache.selectize(jQuery('[data-selectize=categories]'), {
    filter: function(categories, options) {
      if (this.name == 'dissociate') {
        var filtered = jQuery.grep(categories, function(cat) {
          return !cat.dir;
        });
        
        if (filtered.length > 0) {
          jQuery('.albumDissociate').show();
          options.default = filtered[0].id;
        }
        
        return filtered;
      }
      else {
        return categories;
      }
    }
  });
  
  jQuery('[data-add-album]').pwgAddAlbum({ cache: categoriesCache });
});

var nb_thumbs_page = {$nb_thumbs_page};
var nb_thumbs_set = {$nb_thumbs_set};
var are_you_sure = "{'Are you sure?'|@translate|@escape:'javascript'}";
var applyOnDetails_pattern = "{'on the %d selected photos'|@translate}";
var all_elements = [{if !empty($all_elements)}{','|@implode:$all_elements}{/if}];
var derivatives = {ldelim}
        elements: null,
        done: 0,
        total: 0,
        
        finished: function() {ldelim}
                return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
        }
};

var selectedMessage_pattern = "{'%d of %d photos selected'|@translate}";
var selectedMessage_none = "{'No photo selected, %d photos in current set'|@translate}";
var selectedMessage_all = "{'All %d photos are selected'|@translate}";

var width_str = '{'Width'|@translate}';
var height_str = '{'Height'|@translate}';
var max_width_str = '{'Maximum width'|@translate}';
var max_height_str = '{'Maximum height'|@translate}';
{literal}

function progress(success) {
  jQuery('#progressBar').progressBar(derivatives.done, {
    max: derivatives.total,
    textFormat: 'fraction',
    boxImage: 'themes/default/images/progressbar.gif',
    barImage: 'themes/default/images/progressbg_orange.gif'
  });
        if (success !== undefined) {
                var type = success ? 'regenerateSuccess': 'regenerateError',
                        s = jQuery('[name="'+type+'"]').val();
                jQuery('[name="'+type+'"]').val(++s);
        }

        if (derivatives.finished()) {
                jQuery('#applyAction').click();
        }
}

$(document).ready(function() {
  function checkPermitAction() {
    var nbSelected = 0;
    if ($("input[name=setSelected]").is(':checked')) {
      nbSelected = nb_thumbs_set;
    }
    else {
      nbSelected = $(".thumbnails input[type=checkbox]").filter(':checked').length;
    }

    if (nbSelected == 0) {
      $("#permitAction").hide();
      $("#forbidAction").show();
    }
    else {
      $("#permitAction").show();
      $("#forbidAction").hide();
    }

    $("#applyOnDetails").text(
      sprintf(
        applyOnDetails_pattern,
        nbSelected
      )
    );

    // display the number of currently selected photos in the "Selection" fieldset
    if (nbSelected == 0) {
      $("#selectedMessage").text(
        sprintf(
          selectedMessage_none,
          nb_thumbs_set
        )
      );
    }
    else if (nbSelected == nb_thumbs_set) {
      $("#selectedMessage").text(
        sprintf(
          selectedMessage_all,
          nb_thumbs_set
        )
      );
    }
    else {
      $("#selectedMessage").text(
        sprintf(
          selectedMessage_pattern,
          nbSelected,
          nb_thumbs_set
        )
      );
    }
  }

  $('.thumbnails img').tipTip({
    'delay' : 0,
    'fadeIn' : 200,
    'fadeOut' : 200
  });

  $("[id^=action_]").hide();

  $("select[name=selectAction]").change(function () {
    $("[id^=action_]").hide();
    $("#action_"+$(this).prop("value")).show();

    if ($(this).val() != -1) {
      $("#applyActionBlock").show();
    }
    else {
      $("#applyActionBlock").hide();
    }
  });

  $(".wrap1 label").click(function (event) {
    $("input[name=setSelected]").prop('checked', false);

    var wrap2 = $(this).children(".wrap2");
    var checkbox = $(this).children("input[type=checkbox]");

    checkbox.triggerHandler("shclick",event);

    if ($(checkbox).is(':checked')) {
      $(wrap2).addClass("thumbSelected"); 
    }
    else {
      $(wrap2).removeClass('thumbSelected'); 
    }

    checkPermitAction();
  });

  $("#selectAll").click(function () {
    $("input[name=setSelected]").prop('checked', false);
    selectPageThumbnails();
    checkPermitAction();
    return false;
  });

  function selectPageThumbnails() {
    $(".thumbnails label").each(function() {
      var wrap2 = $(this).children(".wrap2");
      var checkbox = $(this).children("input[type=checkbox]");

      $(checkbox).prop('checked', true);
      $(wrap2).addClass("thumbSelected"); 
    });
  }

  $("#selectNone").click(function () {
    $("input[name=setSelected]").prop('checked', false);

    $(".thumbnails label").each(function() {
      var wrap2 = $(this).children(".wrap2");
      var checkbox = $(this).children("input[type=checkbox]");

      $(checkbox).prop('checked', false);
      $(wrap2).removeClass("thumbSelected"); 
    });
    checkPermitAction();
    return false;
  });

  $("#selectInvert").click(function () {
    $("input[name=setSelected]").prop('checked', false);

    $(".thumbnails label").each(function() {
      var wrap2 = $(this).children(".wrap2");
      var checkbox = $(this).children("input[type=checkbox]");

      $(checkbox).prop('checked', !$(checkbox).is(':checked'));

      if ($(checkbox).is(':checked')) {
        $(wrap2).addClass("thumbSelected"); 
      }
      else {
        $(wrap2).removeClass('thumbSelected'); 
      }
    });
    checkPermitAction();
    return false;
  });

  $("#selectSet").click(function () {
    selectPageThumbnails();
    $("input[name=setSelected]").prop('checked', true);
    checkPermitAction();
    return false;
  });

  $("input[name=remove_author]").click(function () {
    if ($(this).is(':checked')) {
      $("input[name=author]").hide();
    }
    else {
      $("input[name=author]").show();
    }
  });

  $("input[name=remove_title]").click(function () {
    if ($(this).is(':checked')) {
      $("input[name=title]").hide();
    }
    else {
      $("input[name=title]").show();
    }
  });

  $("input[name=remove_date_creation]").click(function () {
    if ($(this).is(':checked')) {
      $("#set_date_creation").hide();
    }
    else {
      $("#set_date_creation").show();
    }
  });

  $(".removeFilter").click(function () {
    var filter = $(this).parent('li').attr("id");
    filter_disable(filter);

    return false;
  });

  function filter_enable(filter) {
    /* show the filter*/
    $("#"+filter).show();

    /* check the checkbox to declare we use this filter */
    $("input[type=checkbox][name="+filter+"_use]").prop("checked", true);

    /* forbid to select this filter in the addFilter list */
    $("#addFilter").children("option[value="+filter+"]").attr("disabled", "disabled");
  }

  $("#addFilter").change(function () {
    var filter = $(this).prop("value");
    filter_enable(filter);
    $(this).prop("value", -1);
  });

  function filter_disable(filter) {
    /* hide the filter line */
    $("#"+filter).hide();

    /* uncheck the checkbox to declare we do not use this filter */
    $("input[name="+filter+"_use]").prop("checked", false);

    /* give the possibility to show it again */
    $("#addFilter").children("option[value="+filter+"]").removeAttr("disabled");
  }

  $("#removeFilters").click(function() {
    $("#filterList li").each(function() {
      var filter = $(this).attr("id");
      filter_disable(filter);
    });
    return false;
  });

  jQuery('#applyAction').click(function() {
                var action = jQuery('[name="selectAction"]').val();
                if (action == 'delete_derivatives') {
                        var d_count = $('#action_delete_derivatives input[type=checkbox]').filter(':checked').length
                                , e_count = $('input[name="setSelected"]').is(':checked') ? nb_thumbs_set : $('.thumbnails input[type=checkbox]').filter(':checked').length;
                        if (d_count*e_count > 500)
                                return confirm(are_you_sure);
                }
                
                if (action != 'generate_derivatives'
                        || derivatives.finished() )
                {
                        return true;
                }

                jQuery('.bulkAction').hide();

                var queuedManager = jQuery.manageAjax.create('queued', { 
                        queue: true,  
                        cacheResponse: false,
                        maxRequests: 1
                });

                derivatives.elements = [];
                if (jQuery('input[name="setSelected"]').is(':checked'))
                        derivatives.elements = all_elements;
                else
                        jQuery('.thumbnails input[type=checkbox]').each(function() {
                                if (jQuery(this).is(':checked')) {
                                        derivatives.elements.push(jQuery(this).val());
                                }
                        });

                jQuery('#applyActionBlock').hide();
                jQuery('select[name="selectAction"]').hide();
                jQuery('#regenerationMsg').show();
                
                progress();
                getDerivativeUrls();
                return false;
  });

        function getDerivativeUrls() {
                var ids = derivatives.elements.splice(0, 500);
                var params = {max_urls: 100000, ids: ids, types: []};
                jQuery("#action_generate_derivatives input").each( function(i, t) {
                        if ($(t).is(":checked"))
                                params.types.push( t.value );
                } );

                jQuery.ajax( {
                        type: "POST",
                        url: 'ws.php?format=json&method=pwg.getMissingDerivatives',
                        data: params,
                        dataType: "json",
                        success: function(data) {
                                if (!data.stat || data.stat != "ok") {
                                        return;
                                }
                                derivatives.total += data.result.urls.length;
                                progress();
                                for (var i=0; i < data.result.urls.length; i++) {
                                        jQuery.manageAjax.add("queued", {
                                                type: 'GET', 
                                                url: data.result.urls[i] + "&ajaxload=true", 
                                                dataType: 'json',
                                                success: ( function(data) { derivatives.done++; progress(true) }),
                                                error: ( function(data) { derivatives.done++; progress(false) })
                                        });
                                }
                                if (derivatives.elements.length)
                                        setTimeout( getDerivativeUrls, 25 * (derivatives.total-derivatives.done));
                        }
                } );
        }

  checkPermitAction();
  
  /* dimensions sliders */
  /**
   * find the key from a value in the startStopValues array
   */
  function getSliderKeyFromValue(value, values) {
    for (var key in values) {
      if (values[key] == value) {
        return key;
      }
    }
  
    return 0;
  }

{/literal}
  var dimension_values = {ldelim}
    'width':[{$dimensions.widths}],
    'height':[{$dimensions.heights}],
    'ratio':[{$dimensions.ratios}]
  };

  $("#filter_dimension_width_slider").slider({ldelim}
    range: true,
    min: 0,
    max: dimension_values['width'].length - 1,
    values: [
      getSliderKeyFromValue({$dimensions.selected.min_width}, dimension_values['width']),
      getSliderKeyFromValue({$dimensions.selected.max_width}, dimension_values['width'])
    ],
    slide: function(event, ui) {ldelim}
      $("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
      $("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);

      $("#filter_dimension_width_info").html(sprintf(
        "{'between %d and %d pixels'|@translate}",
        dimension_values['width'][ui.values[0]],
        dimension_values['width'][ui.values[1]]
      ));
    },
    change: function(event, ui) {ldelim}
      $("input[name='filter_dimension_min_width']").val(dimension_values['width'][ui.values[0]]);
      $("input[name='filter_dimension_max_width']").val(dimension_values['width'][ui.values[1]]);

      $("#filter_dimension_width_info").html(sprintf(
        "{'between %d and %d pixels'|@translate}",
        dimension_values['width'][ui.values[0]],
        dimension_values['width'][ui.values[1]]
      ));
    }
  });

  $("#filter_dimension_height_slider").slider({ldelim}
    range: true,
    min: 0,
    max: dimension_values['height'].length - 1,
    values: [
      getSliderKeyFromValue({$dimensions.selected.min_height}, dimension_values['height']),
      getSliderKeyFromValue({$dimensions.selected.max_height}, dimension_values['height'])
    ],
    slide: function(event, ui) {ldelim}
      $("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
      $("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);

      $("#filter_dimension_height_info").html(sprintf(
        "{'between %d and %d pixels'|@translate}",
        dimension_values['height'][ui.values[0]],
        dimension_values['height'][ui.values[1]]
      ));
    },
    change: function(event, ui) {ldelim}
      $("input[name='filter_dimension_min_height']").val(dimension_values['height'][ui.values[0]]);
      $("input[name='filter_dimension_max_height']").val(dimension_values['height'][ui.values[1]]);

      $("#filter_dimension_height_info").html(sprintf(
        "{'between %d and %d pixels'|@translate}",
        dimension_values['height'][ui.values[0]],
        dimension_values['height'][ui.values[1]]
      ));
    }
  });

  $("#filter_dimension_ratio_slider").slider({ldelim}
    range: true,
    min: 0,
    max: dimension_values['ratio'].length - 1,
    values: [
      getSliderKeyFromValue({$dimensions.selected.min_ratio}, dimension_values['ratio']),
      getSliderKeyFromValue({$dimensions.selected.max_ratio}, dimension_values['ratio'])
    ],
    slide: function(event, ui) {ldelim}
      $("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
      $("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);

      $("#filter_dimension_ratio_info").html(sprintf(
        "{'between %.2f and %.2f'|@translate}",
        dimension_values['ratio'][ui.values[0]],
        dimension_values['ratio'][ui.values[1]]
      ));
    },
    change: function(event, ui) {ldelim}
      $("input[name='filter_dimension_min_ratio']").val(dimension_values['ratio'][ui.values[0]]);
      $("input[name='filter_dimension_max_ratio']").val(dimension_values['ratio'][ui.values[1]]);

      $("#filter_dimension_ratio_info").html(sprintf(
        "{'between %.2f and %.2f'|@translate}",
        dimension_values['ratio'][ui.values[0]],
        dimension_values['ratio'][ui.values[1]]
      ));
    }
  });
  
  $("a.dimensions-choice").click(function() {ldelim}
    var type = jQuery(this).data("type");
    var min = jQuery(this).data("min");
    var max = jQuery(this).data("max");

    $("#filter_dimension_"+ type +"_slider").slider("values", 0,
      getSliderKeyFromValue(min, dimension_values[type])
    );

    $("#filter_dimension_"+type+"_slider").slider("values", 1, 
      getSliderKeyFromValue(max, dimension_values[type])
    );
  });
});

{/footer_script}

<div id="batchManagerGlobal">

<h2>{'Batch Manager'|@translate}</h2>

  <form action="{$F_ACTION}" method="post">
        <input type="hidden" name="start" value="{$START}">

  <fieldset>
    <legend>{'Filter'|@translate}</legend>

    <ul id="filterList">
      <li id="filter_prefilter" {if !isset($filter.prefilter)}style="display:none"{/if}>
        <a href="#" class="removeFilter" title="{'remove this filter'|@translate}"><span>[x]</span></a>
        <input type="checkbox" name="filter_prefilter_use" class="useFilterCheckbox" {if isset($filter.prefilter)}checked="checked"{/if}>
        {'Predefined filter'|@translate}
        <select name="filter_prefilter">
          {foreach from=$prefilters item=prefilter}
          <option value="{$prefilter.ID}" {if isset($filter.prefilter) && $filter.prefilter eq $prefilter.ID}selected="selected"{/if}>{$prefilter.NAME}</option>
          {/foreach}
        </select>
      </li>
      
      <li id="filter_category" {if !isset($filter.category)}style="display:none"{/if}>
        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
        <input type="checkbox" name="filter_category_use" class="useFilterCheckbox" {if isset($filter.category)}checked="checked"{/if}>
        {'Album'|@translate}
        <select data-selectize="categories" data-value="{$filter_category_selected|@json_encode|escape:html}"
          data-default="first" name="filter_category" style="width:400px"></select>
        <label><input type="checkbox" name="filter_category_recursive" {if isset($filter.category_recursive)}checked="checked"{/if}> {'include child albums'|@translate}</label>
      </li>
      
      <li id="filter_tags" {if !isset($filter.tags)}style="display:none"{/if}>
        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
        <input type="checkbox" name="filter_tags_use" class="useFilterCheckbox" {if isset($filter.tags)}checked="checked"{/if}>
        {'Tags'|@translate}
        <select data-selectize="tags" data-value="{$filter_tags|@json_encode|escape:html}"
          placeholder="{'Type in a search term'|translate}"
          name="filter_tags[]" multiple style="width:400px;"></select>
        <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>
        <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>
      </li>
      
      <li id="filter_level" {if !isset($filter.level)}style="display:none"{/if}>
        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
        <input type="checkbox" name="filter_level_use" class="useFilterCheckbox" {if isset($filter.level)}checked="checked"{/if}>
        {'Privacy level'|@translate}
        <select name="filter_level" size="1">
          {html_options options=$filter_level_options selected=$filter_level_options_selected}
        </select>
        <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>
      </li>
      
      <li id="filter_dimension" {if !isset($filter.dimension)}style="display:none"{/if}>
        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
        <input type="checkbox" name="filter_dimension_use" class="useFilterCheckbox" {if isset($filter.dimension)}checked="checked"{/if}>
        {'Dimensions'|@translate}
        
        <blockquote>
          {'Width'|@translate} <span id="filter_dimension_width_info">{'between %d and %d pixels'|@translate:$dimensions.selected.min_width:$dimensions.selected.max_width}</span>
          | <a class="dimensions-choice" data-type="width" data-min="{$dimensions.bounds.min_width}" data-max="{$dimensions.bounds.max_width}">{'Reset'|@translate}</a>
          <div id="filter_dimension_width_slider"></div>
          
          {'Height'|@translate} <span id="filter_dimension_height_info">{'between %d and %d pixels'|@translate:$dimensions.selected.min_height:$dimensions.selected.max_height}</span>
          | <a class="dimensions-choice" data-type="height" data-min="{$dimensions.bounds.min_height}" data-max="{$dimensions.bounds.max_height}">{'Reset'|@translate}</a>
          <div id="filter_dimension_height_slider"></div>
          
          {'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>
{if isset($dimensions.ratio_portrait)}
          | <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_portrait.min}" data-max="{$dimensions.ratio_portrait.max}">{'Portrait'|@translate}</a>
{/if}
{if isset($dimensions.ratio_square)}
          | <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_square.min}" data-max="{$dimensions.ratio_square.max}">{'square'|@translate}</a>
{/if}
{if isset($dimensions.ratio_landscape)}
          | <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_landscape.min}" data-max="{$dimensions.ratio_landscape.max}">{'Landscape'|@translate}</a>
{/if}
{if isset($dimensions.ratio_panorama)}
          | <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.ratio_panorama.min}" data-max="{$dimensions.ratio_panorama.max}">{'Panorama'|@translate}</a>
{/if}
          | <a class="dimensions-choice" data-type="ratio" data-min="{$dimensions.bounds.min_ratio}" data-max="{$dimensions.bounds.max_ratio}">{'Reset'|@translate}</a>
          <div id="filter_dimension_ratio_slider"></div>
        </blockquote>
        
        <input type="hidden" name="filter_dimension_min_width" value="{$dimensions.selected.min_width}">
        <input type="hidden" name="filter_dimension_max_width" value="{$dimensions.selected.max_width}">
        <input type="hidden" name="filter_dimension_min_height" value="{$dimensions.selected.min_height}">
        <input type="hidden" name="filter_dimension_max_height" value="{$dimensions.selected.max_height}">
        <input type="hidden" name="filter_dimension_min_ratio" value="{$dimensions.selected.min_ratio}">
        <input type="hidden" name="filter_dimension_max_ratio" value="{$dimensions.selected.max_ratio}">
      </li>

                        <li id="filter_search"{if !isset($filter.search)} style="display:none"{/if}>
                                <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
                                <input type="checkbox" name="filter_search_use" class="useFilterCheckbox"{if isset($filter.search)} checked="checked"{/if}>
                                {'Search'|@translate}
                                <input name="q" size=40 value="{$filter.search.q|stripslashes|htmlspecialchars}">
                                {combine_script id='core.scripts' load='async' path='themes/default/js/scripts.js'}
                                <a href="admin/popuphelp.php?page=quick_search" onclick="popuphelp(this.href);return false;" title="{'Help'|@translate}"><span class="icon-help-circled"></span></a>
                        </li>
    </ul>

    <p class="actionButtons">
      <select id="addFilter">
        <option value="-1">{'Add a filter'|@translate}</option>
        <option disabled="disabled">------------------</option>
        <option value="filter_prefilter" {if isset($filter.prefilter)}disabled="disabled"{/if}>{'Predefined filter'|@translate}</option>
        <option value="filter_category" {if isset($filter.category)}disabled="disabled"{/if}>{'Album'|@translate}</option>
        <option value="filter_tags" {if isset($filter.tags)}disabled="disabled"{/if}>{'Tags'|@translate}</option>
        <option value="filter_level" {if isset($filter.level)}disabled="disabled"{/if}>{'Privacy level'|@translate}</option>
        <option value="filter_dimension" {if isset($filter.dimension)}disabled="disabled"{/if}>{'Dimensions'|@translate}</option>
                                <option value="filter_search"{if isset($filter.search)} disabled="disabled"{/if}>{'Search'|@translate}</option>
      </select>
      <a id="removeFilters" href="">{'Remove all filters'|@translate}</a>
    </p>

    <p class="actionButtons" id="applyFilterBlock">
      <input id="applyFilter" class="submit" type="submit" value="{'Refresh photo set'|@translate}" name="submitFilter">
    </p>

  </fieldset>

  <fieldset>

    <legend>{'Selection'|@translate}</legend>

  {if !empty($thumbnails)}
  <p id="checkActions">
    {'Select:'|@translate}
{if $nb_thumbs_set > $nb_thumbs_page}
    <a href="#" id="selectAll">{'The whole page'|@translate}</a>,
    <a href="#" id="selectSet">{'The whole set'|@translate}</a>,
{else}
    <a href="#" id="selectAll">{'All'|@translate}</a>,
{/if}
    <a href="#" id="selectNone">{'None'|@translate}</a>,
    <a href="#" id="selectInvert">{'Invert'|@translate}</a>

    <span id="selectedMessage"></span>

    <input type="checkbox" name="setSelected" style="display:none" {if count($selection) == $nb_thumbs_set}checked="checked"{/if}>
  </p>

        <ul class="thumbnails">
                {html_style}
UL.thumbnails SPAN.wrap2{ldelim}
  width: {$thumb_params->max_width()+2}px;
}
UL.thumbnails SPAN.wrap2 {ldelim}
  height: {$thumb_params->max_height()+25}px;
}
                {/html_style}
                {foreach from=$thumbnails item=thumbnail}
                {assign var='isSelected' value=$thumbnail.id|@in_array:$selection}
                <li>
                        <span class="wrap1">
                                <label>
                                        <input type="checkbox" name="selection[]" value="{$thumbnail.id}" {if $isSelected}checked="checked"{/if}>
                                        <span class="wrap2{if $isSelected} thumbSelected{/if}">
                                        <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>
                                                {if $thumbnail.level > 0}
                                                <em class="levelIndicatorB">{'Level %d'|@sprintf:$thumbnail.level|@translate}</em>
                                                <em class="levelIndicatorF" title="{'Who can see these photos?'|@translate} : ">{'Level %d'|@sprintf:$thumbnail.level|@translate}</em>
                                                {/if}
                                                <img src="{$thumbnail.thumb->get_url()}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE|@escape:'html'}" {$thumbnail.thumb->get_size_htm()}>
                                        </span>
                                </label>
                        </span>
                </li>
                {/foreach}
        </ul>

  {if !empty($navbar) }
  <div style="clear:both;">

    <div style="float:left">
    {include file='navigation_bar.tpl'|@get_extent:'navbar'}
    </div>

    <div style="float:right;margin-top:10px;">{'display'|@translate}
      <a href="{$U_DISPLAY}&amp;display=20">20</a>
      &middot; <a href="{$U_DISPLAY}&amp;display=50">50</a>
      &middot; <a href="{$U_DISPLAY}&amp;display=100">100</a>
      &middot; <a href="{$U_DISPLAY}&amp;display=all">{'all'|@translate}</a>
      {'photos per page'|@translate}
    </div>
  </div>
  {/if}

  {else}
  <div>{'No photo in the current set.'|@translate}</div>
  {/if}
  </fieldset>

  <fieldset id="action">

    <legend>{'Action'|@translate}</legend>
      <div id="forbidAction"{if count($selection) != 0} style="display:none"{/if}>{'No photo selected, no action possible.'|@translate}</div>
      <div id="permitAction"{if count($selection) == 0} style="display:none"{/if}>

    <select name="selectAction">
      <option value="-1">{'Choose an action'|@translate}</option>
      <option disabled="disabled">------------------</option>
      <option value="delete" class="icon-trash">{'Delete selected photos'|@translate}</option>
      <option value="associate">{'Associate to album'|@translate}</option>
      <option value="move">{'Move to album'|@translate}</option>
      <option value="dissociate" class="albumDissociate" style="display:none">{'Dissociate from album'|@translate}</option>
      <option value="add_tags">{'Add tags'|@translate}</option>
  {if !empty($associated_tags)}
      <option value="del_tags">{'remove tags'|@translate}</option>
  {/if}
      <option value="author">{'Set author'|@translate}</option>
      <option value="title">{'Set title'|@translate}</option>
      <option value="date_creation">{'Set creation date'|@translate}</option>
      <option value="level" class="icon-lock">{'Who can see these photos?'|@translate}</option>
      <option value="metadata">{'Synchronize metadata'|@translate}</option>
  {if ($IN_CADDIE)}
      <option value="remove_from_caddie">{'Remove from caddie'|@translate}</option>
  {else}
      <option value="add_to_caddie">{'Add to caddie'|@translate}</option>
  {/if}
                <option value="delete_derivatives">{'Delete multiple size images'|@translate}</option>
                <option value="generate_derivatives">{'Generate multiple size images'|@translate}</option>
  {if !empty($element_set_global_plugins_actions)}
    {foreach from=$element_set_global_plugins_actions item=action}
      <option value="{$action.ID}">{$action.NAME}</option>
    {/foreach}
  {/if}
    </select>

    <!-- delete -->
    <div id="action_delete" class="bulkAction">
    <p><label><input type="checkbox" name="confirm_deletion" value="1"> {'Are you sure?'|@translate}</label></p>
    </div>

    <!-- associate -->
    <div id="action_associate" class="bulkAction">
      <select data-selectize="categories" data-default="first" name="associate" style="width:400px"></select>
      <br>{'... or '|@translate}
      <a href="#" data-add-album="associate" title="{'create a new album'|@translate}">{'create a new album'|@translate}</a>
    </div>

    <!-- move -->
    <div id="action_move" class="bulkAction">
      <select data-selectize="categories" data-default="first" name="move" style="width:400px"></select>
      <br>{'... or '|@translate}
      <a href="#" data-add-album="move" title="{'create a new album'|@translate}">{'create a new album'|@translate}</a>
    </div>


    <!-- dissociate -->
    <div id="action_dissociate" class="bulkAction albumDissociate" style="display:none">
      <select data-selectize="categories" placeholder="{'Type in a search term'|translate}"
        name="dissociate" style="width:400px"></select>
    </div>


    <!-- add_tags -->
    <div id="action_add_tags" class="bulkAction">
      <select data-selectize="tags" data-create="true" placeholder="{'Type in a search term'|translate}"
        name="add_tags[]" multiple style="width:400px;"></select>
    </div>

    <!-- del_tags -->
    <div id="action_del_tags" class="bulkAction">
{if !empty($associated_tags)}
      <select data-selectize="tags" name="del_tags[]" multiple style="width:400px;"
        placeholder="{'Type in a search term'|translate}">
      {foreach from=$associated_tags item=tag}
        <option value="{$tag.id}">{$tag.name}</option>
      {/foreach}
      </select>
{/if}
    </div>

    <!-- author -->
    <div id="action_author" class="bulkAction">
    <label><input type="checkbox" name="remove_author"> {'remove author'|@translate}</label><br>
    {assign var='authorDefaultValue' value='Type here the author name'|@translate}
<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;">
    </div>    

    <!-- title -->
    <div id="action_title" class="bulkAction">
    <label><input type="checkbox" name="remove_title"> {'remove title'|@translate}</label><br>
    {assign var='titleDefaultValue' value='Type here the title'|@translate}
<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;">
    </div>

    <!-- date_creation -->
    <div id="action_date_creation" class="bulkAction">
      <label><input type="checkbox" name="remove_date_creation"> {'remove creation date'|@translate}</label><br>
      <div id="set_date_creation">
        <input type="hidden" name="date_creation" value="{$DATE_CREATION}">
        <label>
          <i class="icon-calendar"></i>
          <input type="text" data-datepicker="date_creation" readonly>
        </label>
      </div>
    </div>

    <!-- level -->
    <div id="action_level" class="bulkAction">
        <select name="level" size="1">
          {html_options options=$level_options selected=$level_options_selected}
        </select>
    </div>

    <!-- metadata -->
    <div id="action_metadata" class="bulkAction">
    </div>

                <!-- generate derivatives -->
                <div id="action_generate_derivatives" class="bulkAction">
                        <a href="javascript:selectGenerateDerivAll()">{'All'|@translate}</a>,
                        <a href="javascript:selectGenerateDerivNone()">{'None'|@translate}</a>
                        <br>
                        {foreach from=$generate_derivatives_types key=type item=disp}
                                <label><input type="checkbox" name="generate_derivatives_type[]" value="{$type}"> {$disp}</label>
                        {/foreach}
                        {footer_script}
                        function selectGenerateDerivAll() {ldelim}
                                $("#action_generate_derivatives input[type=checkbox]").prop("checked", true);
                        }
                        function selectGenerateDerivNone() {ldelim}
                                $("#action_generate_derivatives input[type=checkbox]").prop("checked", false);
                        }
                        {/footer_script}
                </div>

                <!-- delete derivatives -->
                <div id="action_delete_derivatives" class="bulkAction">
                        <a href="javascript:selectDelDerivAll()">{'All'|@translate}</a>,
                        <a href="javascript:selectDelDerivNone()">{'None'|@translate}</a>
                        <br>
                        {foreach from=$del_derivatives_types key=type item=disp}
                                <label><input type="checkbox" name="del_derivatives_type[]" value="{$type}"> {$disp}</label>
                        {/foreach}
                        {footer_script}
                        function selectDelDerivAll() {ldelim}
                                $("#action_delete_derivatives input[type=checkbox]").prop("checked", true);
                        }
                        function selectDelDerivNone() {ldelim}
                                $("#action_delete_derivatives input[type=checkbox]").prop("checked", false);
                        }
                        {/footer_script}
                </div>
                
    <!-- progress bar -->
    <div id="regenerationMsg" class="bulkAction" style="display:none">
      <p id="regenerationText" style="margin-bottom:10px;">{'Generate multiple size images'|@translate}</p>
      <span class="progressBar" id="progressBar"></span>
      <input type="hidden" name="regenerateSuccess" value="0">
      <input type="hidden" name="regenerateError" value="0">
    </div>

    <!-- plugins -->
{if !empty($element_set_global_plugins_actions)}
  {foreach from=$element_set_global_plugins_actions item=action}
    <div id="action_{$action.ID}" class="bulkAction">
    {if !empty($action.CONTENT)}{$action.CONTENT}{/if}
    </div>
  {/foreach}
{/if}

    <p id="applyActionBlock" style="display:none" class="actionButtons">
      <input id="applyAction" class="submit" type="submit" value="{'Apply action'|@translate}" name="submit"> <span id="applyOnDetails"></span></p>

    </div> <!-- #permitAction -->
  </fieldset>

  </form>

</div> <!-- #batchManagerGlobal -->