/**
 * @copyright   (C) 2018 Open Source Matters, Inc. <https://www.joomla.org>
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
if (!window.Joomla) {
  throw new Error('Joomla API was not properly initialised');
}

/**
 * JavaScript behavior to allow shift select in administrator grids
 */
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';
      }
    }
  }
}

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);