/**
 * @copyright   (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

/**
 * JavaScript behavior to allow shift select in administrator grids
 */
(Joomla => {

  class JMultiSelect {
    constructor(formElement) {
      this.tableEl = document.querySelector(formElement);
      if (this.tableEl) {
        this.boxes = [].slice.call(this.tableEl.querySelectorAll('td input[type=checkbox]'));
        this.rows = [].slice.call(document.querySelectorAll('tr[class^="row"]'));
        this.checkallToggle = document.querySelector('[name="checkall-toggle"]');
        this.onCheckallToggleClick = this.onCheckallToggleClick.bind(this);
        this.onRowClick = this.onRowClick.bind(this);
        if (this.checkallToggle) {
          this.checkallToggle.addEventListener('click', this.onCheckallToggleClick);
        }
        if (this.rows.length) {
          this.rows.forEach(row => {
            row.addEventListener('click', this.onRowClick);
          });
        }
      }
    }

    // Changes the background-color on every cell inside a <tr>
    // eslint-disable-next-line class-methods-use-this
    changeBg(row, isChecked) {
      // Check if it should add or remove the background colour
      if (isChecked) {
        [].slice.call(row.querySelectorAll('td, th')).forEach(elementToMark => {
          elementToMark.classList.add('row-selected');
        });
      } else {
        [].slice.call(row.querySelectorAll('td, th')).forEach(elementToMark => {
          elementToMark.classList.remove('row-selected');
        });
      }
    }
    onCheckallToggleClick({
      target
    }) {
      const isChecked = target.checked;
      this.rows.forEach(row => {
        this.changeBg(row, isChecked);
      });
    }
    onRowClick({
      target,
      shiftKey
    }) {
      // Do not interfere with links or buttons
      if (target.tagName && (target.tagName.toLowerCase() === 'a' || target.tagName.toLowerCase() === 'button')) {
        return;
      }
      if (!this.boxes.length) {
        return;
      }
      const closestRow = target.closest('tr');
      const currentRowNum = this.rows.indexOf(closestRow);
      const currentCheckBox = closestRow.querySelector('td input[type=checkbox]');
      if (currentCheckBox) {
        let isChecked = currentCheckBox.checked;
        if (!(target.id === currentCheckBox.id)) {
          // We will prevent selecting text to prevent artifacts
          if (shiftKey) {
            document.body.style['-webkit-user-select'] = 'none';
            document.body.style['-moz-user-select'] = 'none';
            document.body.style['-ms-user-select'] = 'none';
            document.body.style['user-select'] = 'none';
          }
          currentCheckBox.checked = !currentCheckBox.checked;
          isChecked = currentCheckBox.checked;
          Joomla.isChecked(isChecked, this.tableEl.id);
        }
        this.changeBg(this.rows[currentRowNum], isChecked);

        // Restore normality
        if (shiftKey) {
          document.body.style['-webkit-user-select'] = 'none';
          document.body.style['-moz-user-select'] = 'none';
          document.body.style['-ms-user-select'] = 'none';
          document.body.style['user-select'] = 'none';
        }
      }
    }
  }
  const onBoot = () => {
    let formId = '#adminForm';
    if (Joomla && Joomla.getOptions('js-multiselect', {}).formName) {
      formId = `#${Joomla.getOptions('js-multiselect', {}).formName}`;
    }
    // eslint-disable-next-line no-new
    new JMultiSelect(formId);
  };
  document.addEventListener('DOMContentLoaded', onBoot);
})(Joomla);