ldapsaisie/src/includes/js/LSview.js

var LSview = new Class({
    initialize: function(){
      this.labels = varLSdefault.LSjsConfig['LSview_labels'];
      if (!$type(this.labels)) {
        this.labels = {
          delete_confirm_text:      'Do you really want to delete "%{name}"?',
          delete_confirm_title:     "Caution",
          delete_confirm_validate:  "Delete"
        };
      }

      this.title = $('LSview_title');
      if (this.title) {
        this.object_name = this.title.innerHTML;
      }
      else {
        this.title = $('LSform_title');
        if (this.title) {
          this.object_name = this.title.getProperty('data-object-name');
        }
      }

      $$('td.LSobject-list-names').each(function(el) {
        el.addEvent('click',this.onTdLSobjectListNamesClick.bind(this,el));
      }, this);
      $$('a.LSobject-list-actions').each(function(el) {
        var checkRemove = /\/remove$/;
        if (checkRemove.exec(el.href)) {
          el.addEvent('click',this.onRemoveListBtnClick.bindWithEvent(this,el));
        }
      }, this);
      $$('a.LSview-actions').each(function(el) {
        var checkRemove = /\/remove$/;
        if (checkRemove.exec(el.href)) {
          el.addEvent('click',this.onRemoveViewBtnClick.bindWithEvent(this,el));
        }
        else if(el.hasClass('LScustomActions')) {
          el.addEvent('click',this.onCustomActionBtnClick.bindWithEvent(this,el));
        }
      }, this);

      this.LSsearchForm = $('LSsearch_form');
      this.LSsearchPredefinedFilter = $('LSview_search_predefinedFilter');
      if($type(this.LSsearchPredefinedFilter) && $type('LSsearch_form')) {
        this.LSsearchPredefinedFilter.addEvent('change',this.onLSsearchPredefinedFilterChange.bind(this));
      }

      $$('ul.LSview-actions').each(function(ul) {
        ul.addEvent('click', this.toggleLSviewActions.bind(this, ul));
      }, this);
      this.onWindowResized();
      window.addEvent('resize', this.onWindowResized.bind(this));

      this.listSelectAll = $('LSobject-list-select-all');
      if (this.listSelectAll)
        this.listSelectAll.addEvent('click', this.toogleListSelectAll.bind(this));
    },

    onWindowResized: function() {
      var window_width = window.getWidth().toInt();
      if (this.title) {
        window_width = this.title.getWidth().toInt();
      }
      if ($('LSview_search_predefinedFilter')) {
        window_width -= $('LSview_search_predefinedFilter').getWidth().toInt() + $('LSview_search_predefinedFilter').getPosition().x;
      }
      $$('ul.LSview-actions').each(function(ul) {
        // Calculte menu width
        var actions_width = 0;
        ul.getElements('li').each(function (li) {
          actions_width += li.getWidth().toInt() + 10; // Add 10 for margin/space between li
        });

        if (window.getWidth() < actions_width) {
          ul.addClass('LSview-actions-dropdown');
        }
        else {
          ul.removeClass('LSview-actions-dropdown');
        }
      });
    },

    onLSsearchPredefinedFilterChange: function() {
      if (this.LSsearchForm) {
        this.LSsearchForm.submit();
      }
    },

    onTdLSobjectListNamesClick: function(td) {
      window.location=td.getFirst().href;
    },

    onRemoveListBtnClick: function(event,a) {
      Event(event).stop();
      if (!this._confirmBoxOpen) {
        this._confirmBoxOpen = 1;
        var name = a.getParent().getParent().getFirst('td').getElement('a').innerHTML;
        this.confirmBox = new LSconfirmBox({
          text:         getFData(this.labels.delete_confirm_text, name),
          startElement: a,
          onConfirm:    this.removeFromA.bind(this,a),
          onClose:      this.onConfirmBoxClose.bind(this)
        });
      }
    },

    onRemoveViewBtnClick: function(event,a) {
      Event(event).stop();
      if (!this._confirmBoxOpen) {
        this._confirmBoxOpen = 1;
        var name = this.object_name;
        this.confirmBox = new LSconfirmBox({
          text:           getFData(this.labels.delete_confirm_text, name),
          title:          this.labels.delete_confirm_title,
          validate_label: this.labels.delete_confirm_yes_btn,
          startElement:   a,
          onConfirm:      this.removeFromA.bind(this,a),
          onClose:        this.onConfirmBoxClose.bind(this)
        });
      }
    },

    onConfirmBoxClose: function() {
      this._confirmBoxOpen = 0;
    },

    removeFromA: function(a) {
      var validatedURL = new URL(a.href);
      validatedURL.searchParams.set('valid', '1');
      document.location = validatedURL.href;
    },

    onCustomActionBtnClick: function(event,a) {
      Event(event).stop();
      if (a.hasClass('LScustomActions_noConfirmation')) {
        return this.executeCustomActionFromA(a);
      }
      if (!this._confirmBoxOpen) {
        this._confirmBoxOpen = 1;
        var getName = new RegExp('customAction/([^/]*)');
        var name = getName.exec(a.href)[1];
        if (name) {
          var title = a.innerHTML;
          if ($type(this.labels['custom_action_'+name+'_confirm_text'])) {
            var text = this.labels['custom_action_'+name+'_confirm_text']
          }
          else {
            var text = getFData('Do you really want to execute custom action %{customAction} on %{objectname} ?',{customAction: name, objectname: this.object_name });
          }
          this.confirmBox = new LSconfirmBox({
            text:           text,
            title:          title,
            startElement:   a,
            onConfirm:      this.executeCustomActionFromA.bind(this,a),
            onClose:        this.onConfirmBoxClose.bind(this)
          });
        }
      }
    },

    executeCustomActionFromA: function(a) {
      var validatedURL = new URL(a.href);
      validatedURL.searchParams.set('valid', '1');
      $$('td.LSobject-list-selection input')
        .filter(function(x) {return x.checked})
        .each(function(el, idx) {
          validatedURL.searchParams.set(`selected[${idx}]`, el.value);
        })
      document.location = validatedURL.href;
    },

    toggleLSviewActions: function(ul) {
      if (ul.hasClass('LSview-actions-dropdown')) {
        ul.toggleClass('LSview-actions-dropdown-opened');
      }
    },

    toogleListSelectAll: function() {
      $$('td.LSobject-list-selection input').each(function(el){
        el.checked = !el.checked;
      }, this);
    }

});
window.addEvent(window.ie ? 'load' : 'domready', function() {
  varLSview = new LSview();
});