gin_lp-1.0.x-dev/js/gin_lp_toastify.js

/* eslint-disable no-bitwise, no-nested-ternary, no-mutable-exports, comma-dangle, strict */

'use strict';

(($, Drupal, drupalSettings) => {

  Drupal.behaviors.ginLbToastify = {
    attach: (context) => {
      let offset = $( '.ui-dialog-off-canvas' ).length ? $( '.ui-dialog-off-canvas').width() : 0;

      once('glp-messages-warning', '.glp-messages--warning', context).forEach((item)=>{
        if ($(item).hasClass('toastify')) {
          return;
        }
        Toastify({
          text: $(item).html(),
          escapeMarkup: false,
          close: true,
          gravity: "bottom",
          duration: 6000,
          position: "right",
          offset: {
            x: 0,
          },
          className:"glp-messages glp-messages--warning",
          style: {
            background: "var(--colorGinWarningBackground)",
          },
        }).showToast();
        $(item).hide();
      })
      once('glp-messages-error', '.glp-messages--error', context).forEach((item)=>{
        if ($(item).hasClass('toastify')) {
          return;
        }
        Toastify({
          text: $(item).html(),
          escapeMarkup: false,
          gravity: "bottom",
          duration: 6000,
          position: "right",
          close: true,
          offset: {
            x: offset,
          },
          className:"glp-messages glp-messages--error",
          style: {
            background: "var(--colorGinErrorBackground)",
          },
        }).showToast();
        $(item).hide();
      })
      once('glp-messages-status', '.glp-messages--status', context).forEach((item)=>{
        if ($(item).hasClass('toastify')) {
          return;
        }
        if ($(item).parents('.glp-sidebar__content').length >= 1) {
          return;
        }
        Toastify({
          text: $(item).html(),
          escapeMarkup: false,
          close: true,
          gravity: "bottom",
          duration: 6000,
          position: "right",
          offset: {
            x: offset,
          },
          className:"glp-messages glp-messages--status",
          style: {
            background: "var(--colorGinStatusBackground)",
          },
        }).showToast();
        $(item).hide();
      });
    }
  };

})(jQuery, Drupal, drupalSettings);