phase-8: add config-driven public website runtime route and dynamic layout

This commit is contained in:
sdarbinyan
2026-07-03 01:38:26 +04:00
parent 92c2f26780
commit 69d2f31a9e
4 changed files with 126 additions and 0 deletions

View 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);
}
});
}
}