alt-ujs/src/disable.js

alternative rails-ujs

const start = function () {
  const targets = document.querySelectorAll("form");

  targets.forEach(function (target) {
    setDisableFormEvent(target);
  });

  // For browser back: enable a disabled form
  document.addEventListener("pageshow", function (event) {
    if (!event.persisted) {
      return;
    }

    resetDisableEvent();
  });
};

const setDisableFormEvent = function (target) {
  target.addEventListener("submit", function () {
    const element = event.target.querySelector('input[type="submit"]');

    if (element) {
      element.disabled = true;
      element["_alt_ujs:disabled"] = true;
    }
  });
};

const resetDisableEvent = function () {
  const targets = document.querySelectorAll("form");

  targets.forEach(function (target) {
    const element = target.querySelector('input[type="submit"]');

    if (element["_alt_ujs:disabled"]) {
      element.disabled = false;
      element["_alt_ujs:disabled"] = false;
    }
  });
};

export default { start, resetDisableEvent };