@for (tab of ['Fields', 'Layout', 'Preview', 'Metadata']; track $index) { }
@if (activeTab() === 0) {

Dynamic form rendered by content type schema.

} @if (activeTab() === 1) {
@if (editorService.currentDocument()) { @for (container of editorService.currentDocument()!.containers; track container.contentContainerId; let i = $index) {
{{ container.containerTypeCode }}
@for (block of container.blocks; track block.contentBlockId) {
{{ block.blockCode }}
}
} }
@if (editorService.selectedBlock()) {

{{ editorService.selectedBlock()!.blockCode }} Properties

} @else {
Select a block to edit its properties.
}
{{ editorService.isSaving() ? 'Saving...' : editorService.isDirty() ? 'Unsaved changes' : 'Saved' }}
} @if (activeTab() === 2) {

Live preview of the content document.

} @if (activeTab() === 3) {

SEO title, slug, tags, publish date.

}