source: extensions/pbase2piwigo/admin/template/import.init_import.tpl @ 26201

{combine_script id='jquery.ajaxmanager' load='footer' path='themes/default/js/plugins/jquery.ajaxmanager.js'}
{combine_script id='jquery.jgrowl' load='footer' path='themes/default/js/plugins/jquery.jgrowl_minimized.js'}
{combine_css path="themes/default/js/plugins/jquery.jGrowl.css"}

{combine_script id='MultiGetSet' load='header' path=$PBASE_PATH|cat:'admin/template/MultiGetSet.js'}

{footer_script require='jquery.ajaxmanager,jquery.jgrowl'}
(function($){
  var errors_final_msg = '{'%1$d errors occured. %2$d albums and %3$d photos added.'|translate|escape:javascript}';
  var final_manage_link = '{'Manage this set of %d photos'|translate}';

  // custom class for counters listening
  var MyClass = function(){
    var public = this;
    var private = {};
    
    private.lenght = 0;
    private.errors = 0;
    private.categories = 0;
    private.pictures = 0;
    
    MultiGetSet({
      public: public,
      private: private,
      handler: Observable
    });
  };

  var queue = new MyClass();

  queue.listen("lenght", function(opt){
    if (opt.newValue == 0) {
      $(".loading").css('display', 'none');
      if (queue.get("errors") == 0) {
        $(".infos").css('display', 'block');
      }
      else {
        errors_final_msg = errors_final_msg.replace('%1$d', queue.get("errors"));
        errors_final_msg = errors_final_msg.replace('%2$d', queue.get("categories"));
        errors_final_msg = errors_final_msg.replace('%3$d', queue.get("pictures"));
        final_manage_link = final_manage_link.replac('%d', queue.get("pictures"));
        
        $(".warnings").css('display', '').find('.i').html(errors_final_msg);
        $(".warnings").find('.a').html('<a href="{$MANAGE_LINK}">' + final_manage_link + '</a>');
      }
    }
  });
  queue.listen("categories", function(opt) {
    $(".nb_categories").html(opt.newValue);
  });
  queue.listen("pictures", function(opt) {
    $(".nb_pictures").html(opt.newValue);
  });
  queue.listen("errors", function(opt) {
    $(".nb_errors").html(opt.newValue);
  });


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

  function add_cat_to_add_queue(path, parent_id, recursive, fills) {
    queuedManager.add({
      type: 'POST',
      dataType: 'json',
      url: 'ws.php?format=json',
      data: {
        method: 'pwg.pBase.addCat',
        path: path,
        parent_id: parent_id,
        recursive: recursive
      },
      success: function(data) {
        if (data['stat'] == 'ok') {
          data = data['result'];
          
          for (i in data['pictures']) {
            queue.increment("lenght");
            add_picture_to_add_queue(data['pictures'][i], data['category_id'], fills);
          }
          if (recursive) {
            for (i in data['categories']) {
              queue.increment("lenght");
              add_cat_to_add_queue(data['categories'][i], data['category_id'], recursive, fills);
            }
          }
          
          $.jGrowl(data['message'], {
            theme: 'success', life: 4000, sticky: false,
            header: '{'Success'|translate}'
          });
          queue.increment("categories");
        }
        else {
          $.jGrowl(data['result'], {
            theme: 'error', sticky: true,
            header: '{'ERROR'|translate}'
          });
          queue.increment("errors");
        }
        
        queue.decrement("lenght");
      },
      error: function () {
        $.jGrowl('{'an error happened'|translate|escape:javascript}', {
          theme: 'error', sticky: true,
          header: '{'ERROR'|translate}'
        });
        queue.increment("errors");
      }
    });
  }

  function add_picture_to_add_queue(url, cat_id, fills) {
    queuedManager.add({
      type: 'POST',
      dataType: 'json',
      url: 'ws.php?format=json',
      data: {
        method: 'pwg.pBase.addImage',
        url: url,
        category: cat_id,
        fills: fills
      },
      success: function(data) {
        if (data['stat'] == 'ok') {
          $.jGrowl(data['result'], {
            theme: 'success', life: 2000, sticky: false,
            header: '{'Success'|translate}'
          });
          queue.increment("pictures");
        }
        else {
          $.jGrowl(data['result'], {
            theme: 'error', sticky: true,
            header: '{'ERROR'|translate}'
          });
          queue.increment("errors");
        }
        
        queue.decrement("lenght");
      },
      error: function () {
        $.jGrowl('{'an error happened'|translate|escape:javascript}', {
          theme: 'error', sticky: true,
          header: '{'ERROR'|translate}'
        });
        queue.increment("errors");
      }
    });
  }

  {foreach from=$categories item=cat}
  add_cat_to_add_queue('{$cat}', {$PARENT_CATEGORY}, {$RECURSIVE}, '{$FILLS}');
  {/foreach}

  queue.set("lenght", {$categories|@count});
}(jQuery));
{/footer_script}


<div class="infos" style="display:none;">
  <ul>
    <li>{'Completed. %1$d albums and %2$d photos added.'|translate:$nb_categories:$nb_pictures}</li>
    <li><a href="{$MANAGE_LINK}">{'Manage this set of %d photos'|translate:$nb_pictures}</a></li>
  </ul>
</div>
<div class="warnings" style="display:none;">
  <ul>
    <li class="i"></li>
    <li class="a"></li>
  </ul>
</div>

<p>
  <b>{'Nb albums'|translate}</b>: <span class="nb_categories">0</span>/{$nb_categories}<br>
  <b>{'Nb photos'|translate}</b>: <span class="nb_pictures">0</span>/{$nb_pictures}<br>
  <b>{'Errors'|translate}</b>: <span class="nb_errors">0</span><br>
  <br>
  <img class="loading" src="{$PBASE_PATH}admin/template/loader-{$themeconf.name}.gif">
</p>