Jorge Manrubia
39 lines
805 B
JavaScript
39 lines
805 B
JavaScript
import { Controller } from "@hotwired/stimulus"
|
|
|
|
export default class extends Controller {
|
|
static targets = [ "field", "option", "slider" ]
|
|
|
|
connect() {
|
|
this.#index = this.#selectedOption.dataset.index
|
|
}
|
|
|
|
optionChanged({ target }) {
|
|
this.#index = target.dataset.index
|
|
}
|
|
|
|
sliderChanged({ target }) {
|
|
this.#index = target.value
|
|
}
|
|
|
|
get #selectedOption() {
|
|
return this.optionTargets.find(option => {
|
|
return option.checked
|
|
})
|
|
}
|
|
|
|
set #index(index) {
|
|
this.fieldTarget.style.setProperty("--knob-index", `${index}`);
|
|
this.sliderTarget.value = index
|
|
}
|
|
|
|
set #value(index) {
|
|
this.#optionForIndex(index).checked = true
|
|
}
|
|
|
|
#optionForIndex(index) {
|
|
return this.optionTargets.find(option => {
|
|
return option.dataset.index === index;
|
|
})
|
|
}
|
|
}
|