dokumentor/static/js/orders.js

$(document).ready(function() {
  var filterLinks = document.getElementsByClassName('filter__link');

  $('.delete_license').click(function(e){
      e.preventDefault();
      var accountID = $(this).data('id');

      $('#dialogs').html('Удалить счет на оплату?');
      $('#dialogs').dialog({
          buttons: {
              "Да": function(){
                  $.post('/my/delete_license/' + accountID + '/', function(data){
                      $('.account_' + data['id']).remove()
                  });
                  $(this).dialog("close");
              },
              "Нет": function(){
                  $(this).dialog("close");
              }
          }
      })
  });

  var options = {
    valueNames: [
      { data: ['id'] },
      'order-date',
      { data: ['type']},
      { data: ['status']}
    ]
  };

  var orderList = new List('listData', options);

  // console.log(orderList);

  $('#filterNone').click(function() {
    event.preventDefault();
    orderList.filter();
    resetAllFilterStatus();
    return false;
  });

  $('#filterAccountsNone').click(function() {
    event.preventDefault();
    orderList.filter(function(item) {
      return item.values().type === "account";
    });
    return false;
  });

  $('#filterAccountsPay').click(function() {
    event.preventDefault();
    orderList.filter(function(item) {
      // console.log(item.values());
      return item.values().type === "account" && item.values().status === "2";
    });
    return false;
  });

  $('#filterAccountsWaitPay').click(function() {
    event.preventDefault();
    orderList.filter(function(item) {
      return item.values().type === "account" && item.values().status === "0";
    });
    return false;
  });

  $('#filterAccountsFreezePay').click(function() {
    event.preventDefault();
    orderList.filter(function(item) {
      return item.values().type === "account" && item.values().status === "4";
    });
    return false;
  });

  $('#filterLicenseNone').click(function() {
    event.preventDefault();
    orderList.filter(function(item) {
      return item.values().type === "license";
    });
    return false;
  });

  $('#filterLicenseNow').click(function() {
    event.preventDefault();
    orderList.filter(function(item) {
      return item.values().type === "license" && item.values().status === "2";
    });
    return false;
  });

  $('#filterLicenseOld').click(function() {
    event.preventDefault();
    orderList.filter(function(item) {
      return item.values().type === "license" && item.values().status === "3";
    });
    return false;
  });

  function removeClass(obj, cls) {
    var classes = obj.className.split(' ');

    for (var i = 0; i < classes.length; i++) {
      if (classes[i] === cls) {
        classes.splice(i, 1);
        i--;
      }
    }
    obj.className = classes.join(' ');
}


  function setActive(element) {
    element.className +=' is_active_filter';
  }

  function resetAllFilterStatus() {

    for (var i = 0;i < filterLinks.length; i++ ) {
      if (filterLinks[i].classList.contains('is_active_filter')) {
        removeClass(filterLinks[i], 'is_active_filter')
      }
    }
  }

  function resetAnotherFilterStatus(element) {
    for (var i = 0;i < filterLinks.length; i++ ) {

      if (filterLinks[i] === element) {
        // console.log(filterLinks[i]);
      } else {
        if (filterLinks[i].classList.contains('is_active_filter')) {
          removeClass(filterLinks[i], 'is_active_filter')
        }
      }
    }
  }


  for (var i = 0;i < filterLinks.length; i++ ) {
    filterLinks[i].addEventListener('click', function () {
      setActive(this);
      resetAnotherFilterStatus(this);
    })
  }

});