f82344e0dd
Applied app-input/app-form-field/app-button to 9 of 11 Project Editor sections: general, branding, theme, footer, homepage, widgets, languages, navigation, preview. header and features sections were left unchanged - they contain only checkboxes and selects, and no Checkbox/Select primitive exists yet. Theme section's 8 color pickers stay native <input type=color> (app-input's type union doesn't include 'color') but are now wrapped in app-form-field for consistent label/hint treatment. Added app-form-field.full grid-column rule to section.shared.scss (shared by all 11 sections) alongside the existing label.full rule, since the custom element doesn't match that selector. Production build green, arch:check passes.
20 lines
943 B
HTML
20 lines
943 B
HTML
<section class="editor-section-card">
|
|
<h2>{{ 'builder.preview' | translate }}</h2>
|
|
<div class="editor-actions">
|
|
<app-button variant="primary" (click)="preview()">{{ 'builder.livePreview' | translate }}</app-button>
|
|
<app-button variant="secondary" (click)="refreshExport()">{{ 'builder.exportBootstrap' | translate }}</app-button>
|
|
<app-button variant="secondary" (click)="importDraft()">{{ 'builder.importBootstrap' | translate }}</app-button>
|
|
</div>
|
|
@if (importError()) {
|
|
<p class="editor-error">{{ importError()! | translate }}</p>
|
|
}
|
|
<label>
|
|
<span>{{ 'builder.exportedBootstrap' | translate }}</span>
|
|
<textarea rows="10" [ngModel]="exportValue()" (ngModelChange)="exportValue.set($event)"></textarea>
|
|
</label>
|
|
<label>
|
|
<span>{{ 'builder.importSource' | translate }}</span>
|
|
<textarea rows="10" [ngModel]="importValue()" (ngModelChange)="importValue.set($event)"></textarea>
|
|
</label>
|
|
</section>
|