mailers.slim

header.collection
  div.container-fluid
    div.row-fluid
      div.span6
        h3
          | Рассылки
          sup.total data-bind="with: counter"
            | (
            span data-bind="text: filtered"
            | /
            span data-bind="text: all"
            | )
      div.span6 style="padding-bottom: 5px; padding-top:20px;"
        span style="float:right"
          span.texton data-bind="click: add_mailer" ДОБАВИТЬ РАССЫЛКУ
  hr

div.container.container-fluid
  div.mailers.tiled data-bind="foreach: mailers"
    == render 'admin/mailers/mailer'
    
javascript:
  $(document).ready(function(){
    $('header.collection').affix();

    function Page(){
      var that = this;
      
      this.counter = ko.observable(new Counter('mailers'));
      this.mailers = ko.observableArray([]);
      
      this.add_mailer = function(){
        $.post_json('/admin/mailers').done(function(data){
          var mailer = new Mailer(data);
          that.mailers.unshift(mailer);
        });
      };
      
      this.remove_mailer = function(){
        var mailer = this;
        $.delete_json('/admin/mailers/' + mailer.id()).done(function(){
          that.mailers.remove(mailer);
        });
      };

      this.send_to_all = function(){
      }

      this.test_send = function(){
      }
    };
    
    var page = new Page();
    ko.applyBindings(page);
		
    var tiler = new Tiler({
      tile: function(callback, index){
        callback(index + 1);

        var keyword_query_text = $('#filter-query').val().trim();
        if(keyword_query_text.length > 0)
          var keywords = ".*" + keyword_query_text + ".*";

        var query_params = {filter: {
            keywords: keywords,
        }, order_field: 'id', order_direction: 'desc'};

        $.get_json('/iterators/mailers/' + index, query_params).done(function(data){
          var mailer = new Mailer(data, page);
          mailer.restore();
          $.pushOrInsertAt(page.mailers, index, mailer);
          $(window).scroll();
        }).fail(function(){
          //
        }).always(function(){
          $('#filter-query').trigger('update-state', page.mailers().length);
        });
      },
      clear: function(){
        page.mailers([]);
      },
      init: function(){
        //
      }
    });

    $('.tiled').trigger('more');
  });