https://quomoshop.es/assets/store/controllers/devise_layout_controller

1import { Controller } from "@hotwired/stimulus"
2
3export default class extends Controller {
4
5    static targets = ['acceptanceNews', 'confirmPolitics', 'finalizeNewsletter', 'termsWarning', 'loyaltyOptIn', 'loyaltyFields', 'loyaltyIdentity']
6
7    connect() {
8        this.toggleLoyaltyFields()
9    }
10
11    toggleLoyaltyFields() {
12        if (!this.hasLoyaltyOptInTarget || !this.hasLoyaltyFieldsTarget) return
13
14        const selected = this.loyaltyOptInTarget.checked
15        this.loyaltyFieldsTarget.classList.toggle('d-none', !selected)
16        this.loyaltyIdentityTargets.forEach(input => {
17            input.disabled = !selected
18            input.required = selected
19        })
20    }
21
22    enableSuscribeBtn() {
23        if (this.hasAcceptanceNewsTarget) {
24            if (this.acceptanceNewsTarget.checked && this.confirmPoliticsTarget.checked) {
25                this.finalizeNewsletterTarget.disabled = false
26                this.termsWarningTarget.classList.add('d-none')
27            } else {
28                this.finalizeNewsletterTarget.disabled = true
29                this.termsWarningTarget.classList.remove('d-none')
30            }
31        } else {
32            if (this.confirmPoliticsTarget.checked) {
33                this.finalizeNewsletterTarget.disabled = false
34                this.termsWarningTarget.classList.add('d-none')
35            } else {
36                this.finalizeNewsletterTarget.disabled = true
37                this.termsWarningTarget.classList.remove('d-none')
38            }
39        }
40
41    }
42};