https://startupkit.app/assets/controllers/csirt/security_portal_preview_controller-88e9ed1b.js

1import { Controller } from "@hotwired/stimulus"
2
3export default class extends Controller {
4  static targets = ["logoArea", "programName", "taglineText", "hofTab", "taglineInput", "logoDisplayInput", "hallOfFameCheckbox"]
5
6  connect() {
7    this.syncFromForm()
8  }
9
10  syncFromForm() {
11    const checkedLogo = this.logoDisplayInputTargets.find(el => el.checked)
12    if (checkedLogo) this.#applyLogoDisplay(checkedLogo.value)
13
14    if (this.hasTaglineInputTarget) this.#applyTagline(this.taglineInputTarget.value)
15
16    if (this.hasHallOfFameCheckboxTarget) this.#applyHallOfFame(this.hallOfFameCheckboxTarget.checked)
17  }
18
19  updateLogoDisplay(event) {
20    this.#applyLogoDisplay(event.target.value)
21  }
22
23  updateTagline(event) {
24    this.#applyTagline(event.target.value)
25  }
26
27  updateHallOfFame(event) {
28    this.#applyHallOfFame(event.target.checked)
29  }
30
31  #applyLogoDisplay(mode) {
32    this.logoAreaTargets.forEach(el => {
33      el.classList.toggle("hidden", mode === "brandless")
34    })
35    this.programNameTargets.forEach(el => {
36      el.classList.toggle("hidden", mode === "logo_only" || mode === "brandless")
37    })
38  }
39
40  #applyTagline(value) {
41    const trimmed = value.trim()
42    this.taglineTextTargets.forEach(el => {
43      el.textContent = value  // show raw value while typing
44      el.classList.toggle("hidden", trimmed === "")
45    })
46  }
47
48  #applyHallOfFame(show) {
49    this.hofTabTargets.forEach(el => {
50      el.classList.toggle("hidden", !show)
51    })
52  }
53}