Ignore:
Timestamp:
Jun 28, 2014, 6:45:37 AM (10 years ago)
Author:
rvelices
Message:

batch manager move more js from footer to async ; move some inline to external file

Location:
trunk/admin/themes/default
Files:
3 edited

Legend:

Unmodified
Added
Removed

  • trunk/admin/themes/default/js/batchManagerGlobal.js

    r28806 r28821  
     1
     2/* ********** Filters*/
     3function filter_enable(filter) {
     4        /* show the filter*/
     5        $("#"+filter).show();
     6
     7        /* check the checkbox to declare we use this filter */
     8        $("input[type=checkbox][name="+filter+"_use]").prop("checked", true);
     9
     10        /* forbid to select this filter in the addFilter list */
     11        $("#addFilter").children("option[value="+filter+"]").attr("disabled", "disabled");
     12}
     13
     14function filter_disable(filter) {
     15        /* hide the filter line */
     16        $("#"+filter).hide();
     17
     18        /* uncheck the checkbox to declare we do not use this filter */
     19        $("input[name="+filter+"_use]").prop("checked", false);
     20
     21        /* give the possibility to show it again */
     22        $("#addFilter").children("option[value="+filter+"]").removeAttr("disabled");
     23}
     24
     25$(".removeFilter").click(function () {
     26        var filter = $(this).parent('li').attr("id");
     27        filter_disable(filter);
     28
     29        return false;
     30});
     31
     32$("#addFilter").change(function () {
     33        var filter = $(this).prop("value");
     34        filter_enable(filter);
     35        $(this).prop("value", -1);
     36});
     37
     38$("#removeFilters").click(function() {
     39        $("#filterList li").each(function() {
     40                var filter = $(this).attr("id");
     41                filter_disable(filter);
     42        });
     43        return false;
     44});
     45
     46
     47
     48/* ********** Thumbs */
    149
    250/* Shift-click: select all photos between the click and the shift+click */
    … …  
    4492});
    4593
     94jQuery("a.preview-box").colorbox();
     95
     96
     97
     98/* ********** Actions*/
     99
    46100jQuery('[data-datepicker]').pwgDatepicker({
    47101        showTimepicker: true,
    … …  
    49103});
    50104
    51 jQuery("a.preview-box").colorbox();
     105jQuery('[data-add-album]').pwgAddAlbum({ cache: categoriesCache });
     106
     107$("input[name=remove_author]").click(function () {
     108        if ($(this).is(':checked')) {
     109                $("input[name=author]").hide();
     110        }
     111        else {
     112                $("input[name=author]").show();
     113        }
     114});
     115
     116$("input[name=remove_title]").click(function () {
     117        if ($(this).is(':checked')) {
     118                $("input[name=title]").hide();
     119        }
     120        else {
     121                $("input[name=title]").show();
     122        }
     123});
     124
     125$("input[name=remove_date_creation]").click(function () {
     126        if ($(this).is(':checked')) {
     127                $("#set_date_creation").hide();
     128        }
     129        else {
     130                $("#set_date_creation").show();
     131        }
     132});

  • trunk/admin/themes/default/template/batch_manager_global.tpl

    r28806 r28821  
    11{include file='include/datepicker.inc.tpl' load_mode='async'}
    22{include file='include/colorbox.inc.tpl' load_mode='async'}
    3 {include file='include/add_album.inc.tpl'}
     3{include file='include/add_album.inc.tpl' load_mode='async'}
    44
    55{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
    … …  
    3636    'Add': '{'Create'|translate}'
    3737  }});
    38  
     38
    3939  {* <!-- CATEGORIES --> *}
    40   var categoriesCache = new CategoriesCache({
     40  window.categoriesCache = new CategoriesCache({
    4141    serverKey: '{$CACHE_KEYS.categories}',
    4242    serverId: '{$CACHE_KEYS._hash}',
    4343    rootUrl: '{$ROOT_URL}'
    4444  });
    45  
     45
    4646  categoriesCache.selectize(jQuery('[data-selectize=categories]'), {
    4747    filter: function(categories, options) {
    … …  
    5050          return !cat.dir;
    5151        });
    52        
     52
    5353        if (filtered.length > 0) {
    5454          jQuery('.albumDissociate').show();
    5555          options.default = filtered[0].id;
    5656        }
    57        
     57
    5858        return filtered;
    5959      }
    … …  
    6363    }
    6464  });
    65  
    66   jQuery('[data-add-album]').pwgAddAlbum({ cache: categoriesCache });
     65
    6766});
    6867
    … …  
    7675        done: 0,
    7776        total: 0,
    78        
     77
    7978        finished: function() {ldelim}
    8079                return derivatives.done == derivatives.total && derivatives.elements && derivatives.elements.length==0;
    … …  
    8685var selectedMessage_all = "{'All %d photos are selected'|@translate}";
    8786
    88 var width_str = '{'Width'|@translate}';
    89 var height_str = '{'Height'|@translate}';
    90 var max_width_str = '{'Maximum width'|@translate}';
    91 var max_height_str = '{'Maximum height'|@translate}';
    9287{literal}
    93 
    9488function progress(success) {
    9589  jQuery('#progressBar').progressBar(derivatives.done, {
    … …  
    193187
    194188    if ($(checkbox).is(':checked')) {
    195       $(wrap2).addClass("thumbSelected"); 
     189      $(wrap2).addClass("thumbSelected");
    196190    }
    197191    else {
    198       $(wrap2).removeClass('thumbSelected'); 
     192      $(wrap2).removeClass('thumbSelected');
    199193    }
    200194
    … …  
    215209
    216210      $(checkbox).prop('checked', true);
    217       $(wrap2).addClass("thumbSelected"); 
     211      $(wrap2).addClass("thumbSelected");
    218212    });
    219213  }
    … …  
    227221
    228222      $(checkbox).prop('checked', false);
    229       $(wrap2).removeClass("thumbSelected"); 
     223      $(wrap2).removeClass("thumbSelected");
    230224    });
    231225    checkPermitAction();
    … …  
    243237
    244238      if ($(checkbox).is(':checked')) {
    245         $(wrap2).addClass("thumbSelected"); 
     239        $(wrap2).addClass("thumbSelected");
    246240      }
    247241      else {
    248         $(wrap2).removeClass('thumbSelected'); 
     242        $(wrap2).removeClass('thumbSelected');
    249243      }
    250244    });
    … …  
    260254  });
    261255
    262   $("input[name=remove_author]").click(function () {
    263     if ($(this).is(':checked')) {
    264       $("input[name=author]").hide();
    265     }
    266     else {
    267       $("input[name=author]").show();
    268     }
    269   });
    270 
    271   $("input[name=remove_title]").click(function () {
    272     if ($(this).is(':checked')) {
    273       $("input[name=title]").hide();
    274     }
    275     else {
    276       $("input[name=title]").show();
    277     }
    278   });
    279 
    280   $("input[name=remove_date_creation]").click(function () {
    281     if ($(this).is(':checked')) {
    282       $("#set_date_creation").hide();
    283     }
    284     else {
    285       $("#set_date_creation").show();
    286     }
    287   });
    288 
    289   $(".removeFilter").click(function () {
    290     var filter = $(this).parent('li').attr("id");
    291     filter_disable(filter);
    292 
    293     return false;
    294   });
    295 
    296   function filter_enable(filter) {
    297     /* show the filter*/
    298     $("#"+filter).show();
    299 
    300     /* check the checkbox to declare we use this filter */
    301     $("input[type=checkbox][name="+filter+"_use]").prop("checked", true);
    302 
    303     /* forbid to select this filter in the addFilter list */
    304     $("#addFilter").children("option[value="+filter+"]").attr("disabled", "disabled");
    305   }
    306 
    307   $("#addFilter").change(function () {
    308     var filter = $(this).prop("value");
    309     filter_enable(filter);
    310     $(this).prop("value", -1);
    311   });
    312 
    313   function filter_disable(filter) {
    314     /* hide the filter line */
    315     $("#"+filter).hide();
    316 
    317     /* uncheck the checkbox to declare we do not use this filter */
    318     $("input[name="+filter+"_use]").prop("checked", false);
    319 
    320     /* give the possibility to show it again */
    321     $("#addFilter").children("option[value="+filter+"]").removeAttr("disabled");
    322   }
    323 
    324   $("#removeFilters").click(function() {
    325     $("#filterList li").each(function() {
    326       var filter = $(this).attr("id");
    327       filter_disable(filter);
    328     });
    329     return false;
    330   });
    331256
    332257  jQuery('#applyAction').click(function() {
    … …  
    338263                                return confirm(are_you_sure);
    339264                }
    340                
     265
    341266                if (action != 'generate_derivatives'
    342267                        || derivatives.finished() )
    … …  
    347272                jQuery('.bulkAction').hide();
    348273
    349                 var queuedManager = jQuery.manageAjax.create('queued', { 
    350                         queue: true, 
     274                var queuedManager = jQuery.manageAjax.create('queued', {
     275                        queue: true,
    351276                        cacheResponse: false,
    352277                        maxRequests: 1
    … …  
    366291                jQuery('select[name="selectAction"]').hide();
    367292                jQuery('#regenerationMsg').show();
    368                
     293
    369294                progress();
    370295                getDerivativeUrls();
    … …  
    393318                                for (var i=0; i < data.result.urls.length; i++) {
    394319                                        jQuery.manageAjax.add("queued", {
    395                                                 type: 'GET', 
    396                                                 url: data.result.urls[i] + "&ajaxload=true", 
     320                                                type: 'GET',
     321                                                url: data.result.urls[i] + "&ajaxload=true",
    397322                                                dataType: 'json',
    398323                                                success: ( function(data) { derivatives.done++; progress(true) }),
    … …  
    407332
    408333  checkPermitAction();
    409  
     334
    410335  /* dimensions sliders */
    411336  /**
    … …  
    418343      }
    419344    }
    420  
     345
    421346    return 0;
    422347  }
    … …  
    518443    }
    519444  });
    520  
     445
    521446  $("a.dimensions-choice").click(function() {ldelim}
    522447    var type = jQuery(this).data("type");
    … …  
    528453    );
    529454
    530     $("#filter_dimension_"+type+"_slider").slider("values", 1, 
     455    $("#filter_dimension_"+type+"_slider").slider("values", 1,
    531456      getSliderKeyFromValue(max, dimension_values[type])
    532457    );
    … …  
    557482        </select>
    558483      </li>
    559      
     484
    560485      <li id="filter_category" {if !isset($filter.category)}style="display:none"{/if}>
    561486        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
    … …  
    566491        <label><input type="checkbox" name="filter_category_recursive" {if isset($filter.category_recursive)}checked="checked"{/if}> {'include child albums'|@translate}</label>
    567492      </li>
    568      
     493
    569494      <li id="filter_tags" {if !isset($filter.tags)}style="display:none"{/if}>
    570495        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
    … …  
    577502        <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>
    578503      </li>
    579      
     504
    580505      <li id="filter_level" {if !isset($filter.level)}style="display:none"{/if}>
    581506        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
    … …  
    587512        <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>
    588513      </li>
    589      
     514
    590515      <li id="filter_dimension" {if !isset($filter.dimension)}style="display:none"{/if}>
    591516        <a href="#" class="removeFilter" title="remove this filter"><span>[x]</span></a>
    592517        <input type="checkbox" name="filter_dimension_use" class="useFilterCheckbox" {if isset($filter.dimension)}checked="checked"{/if}>
    593518        {'Dimensions'|@translate}
    594        
     519
    595520        <blockquote>
    596521          {'Width'|@translate} <span id="filter_dimension_width_info">{'between %d and %d pixels'|@translate:$dimensions.selected.min_width:$dimensions.selected.max_width}</span>
    597522          | <a class="dimensions-choice" data-type="width" data-min="{$dimensions.bounds.min_width}" data-max="{$dimensions.bounds.max_width}">{'Reset'|@translate}</a>
    598523          <div id="filter_dimension_width_slider"></div>
    599          
     524
    600525          {'Height'|@translate} <span id="filter_dimension_height_info">{'between %d and %d pixels'|@translate:$dimensions.selected.min_height:$dimensions.selected.max_height}</span>
    601526          | <a class="dimensions-choice" data-type="height" data-min="{$dimensions.bounds.min_height}" data-max="{$dimensions.bounds.max_height}">{'Reset'|@translate}</a>
    602527          <div id="filter_dimension_height_slider"></div>
    603          
     528
    604529          {'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>
    605530{if isset($dimensions.ratio_portrait)}
    … …  
    618543          <div id="filter_dimension_ratio_slider"></div>
    619544        </blockquote>
    620        
     545
    621546        <input type="hidden" name="filter_dimension_min_width" value="{$dimensions.selected.min_width}">
    622547        <input type="hidden" name="filter_dimension_max_width" value="{$dimensions.selected.max_width}">
    … …  
    815740    {assign var='authorDefaultValue' value='Type here the author name'|@translate}
    816741<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;">
    817     </div>   
     742    </div>
    818743
    819744    <!-- title -->
    … …  
    882807                        {/footer_script}
    883808                </div>
    884                
     809
    885810    <!-- progress bar -->
    886811    <div id="regenerationMsg" class="bulkAction" style="display:none">

  • trunk/admin/themes/default/template/header.tpl

    r28690 r28821  
    1111
    1212{strip}
     13{combine_css path="admin/themes/default/fontello/css/fontello.css" order=-10}
    1314{foreach from=$themes item=theme}
    1415  {if $theme.load_css}
    … …  
    1920  {/if}
    2021{/foreach}
    21 
    22 {combine_css path="admin/themes/default/fontello/css/fontello.css"}
    2322
    2423{combine_script id='jquery' path='themes/default/js/jquery.min.js'}
Note: See TracChangeset for help on using the changeset viewer.