Files
fizzy/app/javascript/controllers/related_element_controller.js
T
2025-01-28 20:07:45 -06:00

24 lines
766 B
JavaScript

import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
static targets = ["related"]
static classes = ["highlight"]
static values = { group: String }
highlight(event) {
const groupValue = event.currentTarget.dataset.relatedElementGroupValue
this.relatedTargets
.filter(element => element.dataset.relatedElementGroupValue === groupValue)
.forEach(element => element.classList.add(this.highlightClass))
}
unhighlight(event) {
const groupValue = event.currentTarget.dataset.relatedElementGroupValue
this.relatedTargets
.filter(element => element.dataset.relatedElementGroupValue === groupValue)
.forEach(element => element.classList.remove(this.highlightClass))
}
}