21 lines
411 B
JavaScript
21 lines
411 B
JavaScript
import { Controller } from "@hotwired/stimulus";
|
|
|
|
// Connects to data-controller="modal"
|
|
export default class extends Controller {
|
|
connect() {
|
|
if (this.element.open) return;
|
|
this.element.showModal();
|
|
}
|
|
|
|
// Hide the dialog when the user clicks outside of it
|
|
clickOutside(e) {
|
|
if (e.target === this.element) {
|
|
this.element.close();
|
|
}
|
|
}
|
|
|
|
close() {
|
|
this.element.close();
|
|
}
|
|
}
|