https://www.georgetowncoc.com/assets/controllers/renewal_add_on_form_controller-ad3c346d.js

1import { Controller } from "@hotwired/stimulus"
2
3export default class extends Controller {
4  static targets = ["planCheckbox", "amountType", "fixedAmountField", "fixedAmountInput", "percentageField", "percentageInput"]
5
6  connect() {
7    this.syncAmountType()
8  }
9
10  syncAmountType() {
11    if (!this.hasAmountTypeTarget) return
12
13    const percentage = this.amountTypeTarget.value === "percentage_of_dues"
14    if (this.hasFixedAmountFieldTarget) this.fixedAmountFieldTarget.classList.toggle("hidden", percentage)
15    if (this.hasFixedAmountInputTarget) this.fixedAmountInputTarget.disabled = percentage
16    if (this.hasPercentageFieldTarget) this.percentageFieldTarget.classList.toggle("hidden", !percentage)
17    if (this.hasPercentageInputTarget) this.percentageInputTarget.disabled = !percentage
18  }
19
20  checkAll() {
21    this.planCheckboxTargets.forEach((checkbox) => {
22      checkbox.checked = true
23    })
24  }
25
26  uncheckAll() {
27    this.planCheckboxTargets.forEach((checkbox) => {
28      checkbox.checked = false
29    })
30  }
31}