https://agrihub-app.herokuapp.com/assets/controllers/modal_control…e61111331bf72edb7536a5c465a12b14c1628659.js

1import { Controller } from "@hotwired/stimulus"
2
3export default class extends Controller {
4  static targets = ["createModal", "updateModal", "deleteModal", "backdrop"]
5
6  showModal(modalTarget) {
7    modalTarget.style.display = 'block'
8    modalTarget.classList.add('show')
9    this.showBackdrop()
10  }
11
12  hideModal(modalTarget) {
13    modalTarget.classList.remove('show')
14    modalTarget.style.display = "none"
15    this.hideBackdrop()
16  }
17
18  showBackdrop() {
19    this.backdropTarget.style.display = 'block'
20    this.backdropTarget.classList.add('show')
21  }
22
23  hideBackdrop() {
24    this.backdropTarget.classList.remove('show')
25    this.backdropTarget.style.display = 'none'
26  }
27
28  openCreate() {
29    this.showModal(this.createModalTarget)
30  }
31
32  closeCreate() {
33    this.hideModal(this.createModalTarget)
34  }
35
36  openUpdate() {
37    this.showModal(this.updateModalTarget)
38  }
39
40  closeUpdate() {
41    this.hideModal(this.updateModalTarget)
42  }
43
44  openDelete() {
45    this.showModal(this.deleteModalTarget)
46  }
47
48  closeDelete() {
49    this.hideModal(this.deleteModalTarget)
50  }
51};