toggle stimulus controller

toggleable_controller.js

import { Controller } from "@hotwired/stimulus"

export default class ToggleableController extends Controller {
  static targets = [ 'toggle', 'enableSection', 'disableSection', 'hideSection' ]

  toggle() {
    let checked = this.toggleTarget.checked

    if (this.hasEnableSectionTarget) {
      this.enableSectionTarget.disabled = !checked
      if (!checked) {
        this.enableSectionTarget.querySelectorAll("input, select").forEach(ele => {ele.value = ''});
        this.enableSectionTarget.querySelectorAll("input[type=checkbox").forEach(ele => { ele.checked = false });
      }
    }

    if (this.hasDisableSectionTarget) {
      this.disableSectionTarget.disabled = checked
      if (checked) {
        this.disableSectionTarget.querySelectorAll("input, select").forEach(ele => {ele.value = '' });
        this.disableSectionTarget.querySelectorAll("input[type=checkbox").forEach(ele => { ele.checked = false });
      }
    }

    if (this.hasHideSectionTarget) {
      this.hideSectionTarget.hidden = !checked
    }
  }
}