https://internationaldayofzerowaste.org/assets/controllers/badge_log_controller-57767a87.js

1import { Controller } from "@hotwired/stimulus"
2
3export default class extends Controller {
4  open(event) {
5    event.preventDefault()
6    const progressId = event.currentTarget.dataset.progressId
7    const modal = this.element.querySelector(`[data-log-modal="${progressId}"]`)
8    if (!modal) return
9    modal.hidden = false
10    document.body.classList.add("overflow-hidden")
11    modal.querySelector("textarea")?.focus()
12  }
13
14  close(event) {
15    if (event) event.preventDefault()
16    this.element.querySelectorAll("[data-log-modal]").forEach(m => { m.hidden = true })
17    document.body.classList.remove("overflow-hidden")
18  }
19
20  closeOnBackdrop(event) {
21    if (event.target === event.currentTarget) this.close()
22  }
23}