feat(project-editor): adopt SectionCard in preview section
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,4 @@
|
|||||||
<section class="editor-section-card">
|
<app-section-card [title]="'builder.preview' | translate">
|
||||||
<h2>{{ 'builder.preview' | translate }}</h2>
|
|
||||||
<div class="editor-actions">
|
<div class="editor-actions">
|
||||||
<app-button variant="primary" (click)="preview()">{{ 'builder.livePreview' | translate }}</app-button>
|
<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)="refreshExport()">{{ 'builder.exportBootstrap' | translate }}</app-button>
|
||||||
@@ -16,4 +15,4 @@
|
|||||||
<span>{{ 'builder.importSource' | translate }}</span>
|
<span>{{ 'builder.importSource' | translate }}</span>
|
||||||
<textarea rows="10" [ngModel]="importValue()" (ngModelChange)="importValue.set($event)"></textarea>
|
<textarea rows="10" [ngModel]="importValue()" (ngModelChange)="importValue.set($event)"></textarea>
|
||||||
</label>
|
</label>
|
||||||
</section>
|
</app-section-card>
|
||||||
|
|||||||
@@ -3,11 +3,12 @@ import { FormsModule } from '@angular/forms';
|
|||||||
import { ProjectEditorFacade } from '../facade/project-editor.facade';
|
import { ProjectEditorFacade } from '../facade/project-editor.facade';
|
||||||
import { TranslatePipe } from '../../../i18n/translate.pipe';
|
import { TranslatePipe } from '../../../i18n/translate.pipe';
|
||||||
import { ButtonComponent } from '../../../shared/ui/button/button.component';
|
import { ButtonComponent } from '../../../shared/ui/button/button.component';
|
||||||
|
import { SectionCardComponent } from '../../../shared/ui/section-card/section-card.component';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-project-editor-preview-section',
|
selector: 'app-project-editor-preview-section',
|
||||||
standalone: true,
|
standalone: true,
|
||||||
imports: [FormsModule, TranslatePipe, ButtonComponent],
|
imports: [FormsModule, TranslatePipe, ButtonComponent, SectionCardComponent],
|
||||||
templateUrl: './preview-section.component.html',
|
templateUrl: './preview-section.component.html',
|
||||||
styleUrls: ['./section.shared.scss'],
|
styleUrls: ['./section.shared.scss'],
|
||||||
changeDetection: ChangeDetectionStrategy.OnPush
|
changeDetection: ChangeDetectionStrategy.OnPush
|
||||||
|
|||||||
Reference in New Issue
Block a user