Files
fizzy/app/javascript/controllers/reaction_delete_controller.js
T
2025-02-18 17:08:56 -06:00

34 lines
806 B
JavaScript

import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static classes = [ "reveal", "perform" ]
static targets = [ "button", "content" ]
static values = { reacterId: Number }
connect() {
if (this.#currentUserIsreacter) {
this.#setAccessibleAttributes()
}
}
reveal() {
if (this.#currentUserIsreacter) {
this.element.classList.toggle(this.revealClass)
this.buttonTarget.focus()
}
}
perform() {
this.element.classList.add(this.performClass)
}
#setAccessibleAttributes() {
this.contentTarget.setAttribute('tabindex', '0')
this.contentTarget.setAttribute('aria-describedby', 'delete_reaction_accessible_label')
}
get #currentUserIsreacter() {
return Current.user.id === this.reacterIdValue
}
}