Contents

import { CocoComponent } from "@assets/js/base/coco";

export default CocoComponent("modalDialog", () => {
  return {
    frame: null,

    init() {
      this.onFrameLoad = this.onFrameLoad.bind(this);
      this.frame = this.$el.closest("turbo-frame");

      if (this.frame) {
        this.frame.addEventListener("turbo:frame-load", this.onFrameLoad);
      }
    },

    close() {
      this.modal.hide();
    },

    onFrameLoad() {
      this.$focus.focus(this.firstInput);
    },

    destroy() {
      if (this.frame) {
        this.frame.removeEventListener("turbo:frame-load", this.onFrameLoad);
      }
    },

    get firstInput() {
      return this.$root.querySelector(
        "input:not([type=hidden]), textarea, select"
      );
    },
  };
});

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
coveragebook_components-0.14.0	app/components/coco/modals/modal_dialog/modal_dialog.js
coveragebook_components-0.13.1	app/components/coco/modals/modal_dialog/modal_dialog.js
coveragebook_components-0.13.0	app/components/coco/modals/modal_dialog/modal_dialog.js