- header-section: raw checkboxes -> app-toggle, wrap in SectionCard - footer-section: replace unvalidated pipe-delimited textareas for payment icons/social links with KeyValueEditor + MediaPickerComponent, add missing footer logo picker, validate social link URLs (http/https), wrap in SectionCard - i18n: add footer logo / key-value-editor labels and URL validation message Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
14 lines
520 B
HTML
14 lines
520 B
HTML
@if (bootstrap(); as bootstrap) {
|
|
<app-section-card [title]="'builder.header' | translate">
|
|
<div class="editor-grid three toggles">
|
|
@for (item of items; track item.key) {
|
|
<label class="toggle-row">
|
|
<app-toggle [ngModel]="isChecked(item.key)" (ngModelChange)="toggle(item.key, $event)" [ariaLabel]="item.label | translate" />
|
|
<span>{{ item.label | translate }}</span>
|
|
<small class="field-desc">{{ item.descKey | translate }}</small>
|
|
</label>
|
|
}
|
|
</div>
|
|
</app-section-card>
|
|
}
|