refactor: replace payment dropdown with independent toggles

- Replace showPaymentInstructionsInMonthlyStatement dropdown with enableIbanPayment and enableRevolutPayment boolean toggles
- Update UserSettingsForm to use separate fieldsets for IBAN and Revolut with independent toggle switches
- Add hidden inputs to preserve values when toggles are disabled
- Update validation logic to check enableIbanPayment instead of show2dCodeInMonthlyStatement
- Reorganize translation keys to match new structure (iban-* and revolut-* prefixes)
- Update ViewLocationCard to use enableIbanPayment field

This provides better UX by allowing users to enable both payment methods simultaneously if needed.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-24 14:45:59 +01:00
parent 686bec6c10
commit 632f8888b5
6 changed files with 168 additions and 101 deletions

View File

@@ -191,28 +191,32 @@
},
"user-settings-form": {
"title": "User settings",
"info-box-message": "By activating this option, a 2D barcode will be included in the monthly statement sent to the tenant, allowing them to make a direct payment to your bank account.",
"tenant-2d-code-legend": "TENANT 2D CODE",
"tenant-2d-code-toggle-label": "include 2D code in monthly statements",
"tenant-payment-instructions--legend": "Payment Instructions",
"tenant-payment-instructions--info": "If you enable this option, the monthly statement sent to the tenant will include payment instructions and a 2D barcode, allowing them to make a direct payment to your bank account.",
"tenant-payment-instructions--show-no-instructions": "🚫 - do not show payment instructions",
"tenant-payment-instructions--show-iban-instructions": "🏦 - show payment instructions for IBAN",
"tenant-payment-instructions--show-revolut-instructions": "🆁 - show payment instructions for Revolut",
"iban-payment-instructions--legend": "Payment to Your IBAN",
"iban-payment-instructions--intro-message": "By activating this option, payment instructions will be included in the monthly statement sent to the tenant, allowing a direct payment via IBAN to be made to your bank account.",
"iban-payment-instructions--toggle-label": "enable IBAN payment instructions",
"owner-name-label": "Your First and Last Name",
"owner-name-placeholder": "enter your first and last name",
"owner-street-label": "Your Street and House Number",
"owner-street-placeholder": "enter your street and house number",
"owner-town-label": "Your Postal Code and Town",
"owner-town-placeholder": "enter your postal code and town",
"owner-iban-label": "IBAN",
"owner-iban-placeholder": "enter your IBAN for receiving payments",
"iban-form-title": "Payment Information for IBAN",
"iban-owner-name-label": "Your First and Last Name",
"iban-owner-name-placeholder": "enter your first and last name",
"iban-owner-street-label": "Your Street and House Number",
"iban-owner-street-placeholder": "enter your street and house number",
"iban-owner-town-label": "Your Postal Code and Town",
"iban-owner-town-placeholder": "enter your postal code and town",
"iban-owner-iban-label": "IBAN",
"iban-owner-iban-placeholder": "enter your IBAN for receiving payments",
"owner-revolut-profile-label": "Revolut profile name",
"owner-revolut-profile-placeholder": "enter your Revolut profile name for receiving payments",
"owner-revolut-profile-tooltip": "You can find your Revolut profile name in the Revolut app under your user profile. It is displayed below your name and starts with the '@' symbol (e.g., '@john123').",
"revolut-form-title": "Payment Information for Revolut",
"revolut-payment-instructions--legend": "Payment to Your Revolut Profile",
"revolut-payment-instructions--intro-message": "By activating this option, payment instructions will be included in the monthly statement sent to the tenant, allowing a direct payment via Revolut to be made to your Revolut profile.",
"revolut-payment-instructions--toggle-label": "enable Revolut payment instructions",
"revolut-profile-label": "Revolut profile name",
"revolut-profile-placeholder": "enter your Revolut profile name for receiving payments",
"revolut-profile-tooltip": "You can find your Revolut profile name in the Revolut app under your user profile. It is displayed below your name and starts with the '@' symbol (e.g., '@john123').",
"payment-additional-notes": "IMPORTANT: For the payment instructions to be displayed to the tenant, you must also enable this option in the property's settings.",
"general-settings-legend": "General Settings",
"currency-label": "Currency",
@@ -226,7 +230,6 @@
"owner-iban-invalid": "Invalid IBAN format. Please enter a valid IBAN",
"currency-required": "Currency is mandatory",
"validation-failed": "Validation failed. Please check the form and try again."
},
"payment-additional-notes": "IMPORTANT: For the payment instructions to be displayed to the tenant, you must also enable this option in the property's settings."
}
}
}