phase-8: add config-driven public website runtime route and dynamic layout
This commit is contained in:
43
src/app/pages/public/platform-home.component.ts
Normal file
43
src/app/pages/public/platform-home.component.ts
Normal file
@@ -0,0 +1,43 @@
|
||||
import { ChangeDetectionStrategy, Component, signal } from '@angular/core';
|
||||
import { DynamicPageLayoutComponent } from '../../layouts/containers/dynamic-page-layout.component';
|
||||
import { PageRenderModel } from '../../dynamic-renderer/page-renderer/page-renderer.model';
|
||||
import { WebsiteRuntimeFacade } from '../../facades/website/website-runtime.facade';
|
||||
|
||||
@Component({
|
||||
selector: 'app-platform-home',
|
||||
standalone: true,
|
||||
imports: [DynamicPageLayoutComponent],
|
||||
template: `
|
||||
@if (loading()) {
|
||||
<section class="platform-loading">Loading platform page...</section>
|
||||
} @else if (model()) {
|
||||
<app-dynamic-page-layout [model]="model()" />
|
||||
} @else {
|
||||
<section class="platform-empty">No page configuration found.</section>
|
||||
}
|
||||
`,
|
||||
styles: [
|
||||
`
|
||||
.platform-loading, .platform-empty { padding: 2rem; color: var(--text-secondary, #667a77); }
|
||||
`
|
||||
],
|
||||
changeDetection: ChangeDetectionStrategy.OnPush
|
||||
})
|
||||
export class PlatformHomeComponent {
|
||||
readonly model = signal<PageRenderModel | null>(null);
|
||||
readonly loading = signal(true);
|
||||
|
||||
constructor(private readonly websiteRuntime: WebsiteRuntimeFacade) {
|
||||
this.websiteRuntime.initializeRuntime();
|
||||
this.websiteRuntime.getPageRenderModel('home').subscribe({
|
||||
next: (model) => {
|
||||
this.model.set(model);
|
||||
this.loading.set(false);
|
||||
},
|
||||
error: () => {
|
||||
this.model.set(null);
|
||||
this.loading.set(false);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user