Current File : /var/www/prestashop/admin796dakgxg59vuzqtfdi/themes/default/js/bundle/module/module_card.js

/* eslint-disable max-len */
let moduleCardController = {};

$(document).ready(() => {
  moduleCardController = new AdminModuleCard();
  moduleCardController.init();
});

/**
 * AdminModule card Controller.
 * @constructor
 */
const AdminModuleCard = function () {
  /* Selectors for module action links (uninstall, reset, etc...) to add a confirm popin */
  this.moduleActionMenuLinkSelector = 'button.module_action_menu_';
  this.moduleActionMenuInstallLinkSelector = 'button.module_action_menu_install';
  this.moduleActionMenuEnableLinkSelector = 'button.module_action_menu_enable';
  this.moduleActionMenuUninstallLinkSelector = 'button.module_action_menu_uninstall';
  this.moduleActionMenuDisableLinkSelector = 'button.module_action_menu_disable';
  this.moduleActionMenuEnableMobileLinkSelector = 'button.module_action_menu_enableMobile';
  this.moduleActionMenuDisableMobileLinkSelector = 'button.module_action_menu_disableMobile';
  this.moduleActionMenuResetLinkSelector = 'button.module_action_menu_reset';
  this.moduleActionMenuUpdateLinkSelector = 'button.module_action_menu_upgrade';
  this.moduleItemListSelector = '.module-item-list';
  this.moduleItemGridSelector = '.module-item-grid';
  this.moduleItemActionsSelector = '.module-actions';

  /* Selectors only for modal buttons */
  this.moduleActionModalDisableLinkSelector = 'a.module_action_modal_disable';
  this.moduleActionModalResetLinkSelector = 'a.module_action_modal_reset';
  this.moduleActionModalUninstallLinkSelector = 'a.module_action_modal_uninstall';
  this.forceDeletionOption = '#force_deletion';

  /**
     * Initialize all listeners and bind everything
     * @method init
     * @memberof AdminModuleCard
     */
  this.init = function () {
    this.initActionButtons();
  };

  this.getModuleItemSelector = function () {
    if ($(this.moduleItemListSelector).length) {
      return this.moduleItemListSelector;
    }
    return this.moduleItemGridSelector;
  };

  this.confirmAction = function (action, element) {
    const modal = $(`#${$(element).data('confirm_modal')}`);

    if (modal.length !== 1) {
      return true;
    }
    modal.first().modal('show');
    return false; // do not allow a.href to reload the page. The confirm modal dialog will do it async if needed.
  };

  this.dispatchPreEvent = function (action, element) {
    const event = jQuery.Event('module_card_action_event');
    $(element).trigger(event, [action]);
    if (event.isPropagationStopped() !== false || event.isImmediatePropagationStopped() !== false) {
      return false; // if all handlers have not been called, then stop propagation of the click event.
    }
    return (event.result !== false); // explicit false must be set from handlers to stop propagation of the click event.
  };

  this.initActionButtons = function () {
    const that = this;

    $(document).on('click', this.forceDeletionOption, function () {
      const btn = $(
        that.moduleActionModalUninstallLinkSelector,
        $(`div.module-item-list[data-tech-name='${$(this).attr('data-tech-name')}']`),
      );

      if ($(this).prop('checked') === true) {
        btn.attr('data-deletion', 'true');
      } else {
        btn.removeAttr('data-deletion');
      }
    });

    $(document).on('click', this.moduleActionMenuInstallLinkSelector, function () {
      return that.dispatchPreEvent('install', this) && that.confirmAction('install', this) && that.requestToController('install', $(this));
    });
    $(document).on('click', this.moduleActionMenuEnableLinkSelector, function () {
      return that.dispatchPreEvent('enable', this) && that.confirmAction('enable', this) && that.requestToController('enable', $(this));
    });
    $(document).on('click', this.moduleActionMenuUninstallLinkSelector, function () {
      return that.dispatchPreEvent('uninstall', this) && that.confirmAction('uninstall', this) && that.requestToController('uninstall', $(this));
    });
    $(document).on('click', this.moduleActionMenuDisableLinkSelector, function () {
      return that.dispatchPreEvent('disable', this) && that.confirmAction('disable', this) && that.requestToController('disable', $(this));
    });
    $(document).on('click', this.moduleActionMenuEnableMobileLinkSelector, function () {
      return that.dispatchPreEvent('enableMobile', this) && that.confirmAction('enableMobile', this) && that.requestToController('enableMobile', $(this));
    });
    $(document).on('click', this.moduleActionMenuDisableMobileLinkSelector, function () {
      return that.dispatchPreEvent('disableMobile', this) && that.confirmAction('disableMobile', this) && that.requestToController('disableMobile', $(this));
    });
    $(document).on('click', this.moduleActionMenuResetLinkSelector, function () {
      return that.dispatchPreEvent('reset', this) && that.confirmAction('reset', this) && that.requestToController('reset', $(this));
    });
    $(document).on('click', this.moduleActionMenuUpdateLinkSelector, function () {
      return that.dispatchPreEvent('update', this) && that.confirmAction('update', this) && that.requestToController('update', $(this));
    });

    $(document).on('click', this.moduleActionModalDisableLinkSelector, function () {
      return that.requestToController('disable', $(that.moduleActionMenuDisableLinkSelector, $(`div.module-item-list[data-tech-name='${$(this).attr('data-tech-name')}']`)));
    });
    $(document).on('click', this.moduleActionModalResetLinkSelector, function () {
      return that.requestToController('reset', $(that.moduleActionMenuResetLinkSelector, $(`div.module-item-list[data-tech-name='${$(this).attr('data-tech-name')}']`)));
    });
    $(document).on('click', this.moduleActionModalUninstallLinkSelector, (e) => {
      $(e.target).parents('.modal').on('hidden.bs.modal', (() => that.requestToController(
        'uninstall',
        $(
          that.moduleActionMenuUninstallLinkSelector,
          $(`div.module-item-list[data-tech-name='${$(e.target).attr('data-tech-name')}']`),
        ),
        $(e.target).attr('data-deletion'),
      )));
    });
  };

  this.requestToController = function (action, element, forceDeletion) {
    const that = this;
    const jqElementObj = element.closest(this.moduleItemActionsSelector);
    const form = element.closest('form');
    const spinnerObj = $('<button class="btn-primary-reverse onclick unbind spinner "></button>');
    const url = `//${window.location.host}${form.attr('action')}`;
    const actionParams = form.serializeArray();

    if (forceDeletion === 'true' || forceDeletion === true) {
      actionParams.push({name: 'actionParams[deletion]', value: true});
    }

    $.ajax({
      url,
      dataType: 'json',
      method: 'POST',
      data: actionParams,
      beforeSend() {
        jqElementObj.hide();
        jqElementObj.after(spinnerObj);
      },
    }).done((result) => {
      if (typeof result === 'undefined') {
        $.growl.error({message: 'No answer received from server'});
      } else {
        const moduleTechName = Object.keys(result)[0];

        if (result[moduleTechName].status === false) {
          $.growl.error({message: result[moduleTechName].msg});
        } else {
          $.growl.notice({message: result[moduleTechName].msg});
          let alteredSelector = null;
          let mainElement = null;

          if (action === 'uninstall') {
            jqElementObj.fadeOut(() => {
              alteredSelector = that.getModuleItemSelector().replace('.', '');
              mainElement = jqElementObj.parents(`.${alteredSelector}`).first();
              mainElement.remove();
            });
            BOEvent.emitEvent('Module Uninstalled', 'CustomEvent');
          } else if (action === 'disable') {
            alteredSelector = that.getModuleItemSelector().replace('.', '');
            mainElement = jqElementObj.parents(`.${alteredSelector}`).first();
            mainElement.addClass(`${alteredSelector}-isNotActive`);
            mainElement.attr('data-active', '0');
            BOEvent.emitEvent('Module Disabled', 'CustomEvent');
          } else if (action === 'enable') {
            alteredSelector = that.getModuleItemSelector().replace('.', '');
            mainElement = jqElementObj.parents(`.${alteredSelector}`).first();
            mainElement.removeClass(`${alteredSelector}-isNotActive`);
            mainElement.attr('data-active', '1');
            BOEvent.emitEvent('Module Enabled', 'CustomEvent');
          }

          jqElementObj.replaceWith(result[moduleTechName].action_menu_html);
        }
      }
    }).always(() => {
      jqElementObj.fadeIn();
      spinnerObj.remove();
    });
    return false;
  };
};