-
- @if (selectedCount() > 0) {
-
{{ selectedCount() }} {{ 'staticPages.selectedCount' | translate }}
-
{{ 'staticPages.bulkEnable' | translate }}
-
{{ 'staticPages.bulkDisable' | translate }}
-
{{ 'staticPages.bulkPublishAction' | translate }}
-
{{ 'staticPages.bulkUnpublish' | translate }}
-
{{ 'staticPages.bulkDelete' | translate }}
+
+
+
+
+ @if (pages().length > 0) {
+
+
+ @if (selectedCount() > 0) {
+
{{ selectedCount() }} {{ 'staticPages.selectedCount' | translate }}
+
{{ 'staticPages.bulkEnable' | translate }}
+
{{ 'staticPages.bulkDisable' | translate }}
+
{{ 'staticPages.bulkPublishAction' | translate }}
+
{{ 'staticPages.bulkUnpublish' | translate }}
+
{{ 'staticPages.bulkDelete' | translate }}
+ }
+
+ }
+
+ @if (pages().length === 0) {
+
+
+ {{ 'builder.createPage' | translate }}
+
+
+ }
+
+
+ @for (page of pages(); track page.id) {
+
+
+
+ @if (previewOpenPageId() === page.id) {
+
+ }
+
}
}
- @if (pages().length === 0) {
-
-
- {{ 'builder.createPage' | translate }}
-
-
- }
-
-
- @for (page of pages(); track page.id) {
-
-
-
-
- @if (previewOpenPageId() === page.id) {
-
- }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- @for (locale of locales(); track locale) {
-
-
-
-
-
-
- }
-
-
{{ 'builder.seoSection' | translate }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- }
-
diff --git a/src/app/features/content-management/components/static-pages-editor.component.scss b/src/app/features/content-management/components/static-pages-editor.component.scss
index 35b4b19..cfadc6e 100644
--- a/src/app/features/content-management/components/static-pages-editor.component.scss
+++ b/src/app/features/content-management/components/static-pages-editor.component.scss
@@ -1,44 +1,18 @@
-.page-card {
+.page-card-grid {
display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 14px;
}
-.page-card__header {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
- gap: 10px;
-}
-
-.page-card__title {
- margin: 0;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- gap: 8px;
- font-size: 1rem;
- font-weight: 700;
- color: var(--text-primary, #1e3c38);
-}
-
-.page-card__subheading {
- margin: 4px 0 0;
- font-size: 0.875rem;
- font-weight: 700;
- color: var(--text-secondary, #5f6e6a);
- text-transform: uppercase;
- letter-spacing: 0.04em;
-}
-
-.toggle-grid {
+.page-card-grid__item {
+ position: relative;
display: grid;
- grid-template-columns: repeat(4, minmax(0, 1fr));
- gap: 12px;
+ gap: 8px;
}
-@media (max-width: 900px) {
- .toggle-grid {
- grid-template-columns: repeat(2, minmax(0, 1fr));
- }
+.page-card-grid__select {
+ position: absolute;
+ top: 12px;
+ right: 12px;
+ z-index: 1;
}
diff --git a/src/app/features/content-management/components/static-pages-editor.component.ts b/src/app/features/content-management/components/static-pages-editor.component.ts
index b4a723c..324e7f7 100644
--- a/src/app/features/content-management/components/static-pages-editor.component.ts
+++ b/src/app/features/content-management/components/static-pages-editor.component.ts
@@ -3,25 +3,25 @@ import { FormsModule } from '@angular/forms';
import { ProjectEditorFacade } from '../../project-editor/facade/project-editor.facade';
import { ContentManagementFacade } from '../facade/content-management.facade';
import { ContentPage, ContentPageSeoConfig, ContentPageStatus } from '../models/content-page.model';
+import { findLegalDefinition } from '../models/legal-pages.model';
import { BootstrapConfig } from '../../../shared/models/config';
import { TranslatePipe } from '../../../i18n/translate.pipe';
import { TranslateService } from '../../../i18n/translate.service';
-import { MarketplaceHtmlEditorComponent } from '../../project-editor/components/html-editor/marketplace-html-editor.component';
import { ButtonComponent } from '../../../shared/ui/button/button.component';
import { InputComponent } from '../../../shared/ui/input/input.component';
-import { CardComponent } from '../../../shared/ui/card/card.component';
import { FormFieldComponent } from '../../../shared/ui/form-field/form-field.component';
-import { BadgeComponent } from '../../../shared/ui/badge/badge.component';
import { EmptyStateComponent } from '../../../shared/ui/empty-state/empty-state.component';
import { SelectComponent, SelectOption } from '../../../shared/ui/select/select.component';
import { ToggleComponent } from '../../../shared/ui/toggle/toggle.component';
import { MediaPickerComponent } from '../../../shared/media/media-picker/media-picker.component';
import { MediaAsset } from '../../../core/media/models/media-asset.model';
import { StaticPagePreviewComponent } from './static-page-preview/static-page-preview.component';
+import { ContentDashboardComponent } from './content-dashboard/content-dashboard.component';
+import { PageCardComponent, PageSeoStatus } from './page-card/page-card.component';
+import { PageEditorComponent, PageMediaField } from './page-editor/page-editor.component';
type StatusFilter = 'all' | ContentPageStatus;
const ALL_LOCALES_FILTER = 'all';
-type MediaField = 'heroImage' | 'thumbnail';
@Component({
selector: 'app-static-pages-editor',
@@ -29,17 +29,17 @@ type MediaField = 'heroImage' | 'thumbnail';
imports: [
FormsModule,
TranslatePipe,
- MarketplaceHtmlEditorComponent,
ButtonComponent,
InputComponent,
- CardComponent,
FormFieldComponent,
- BadgeComponent,
EmptyStateComponent,
SelectComponent,
ToggleComponent,
MediaPickerComponent,
StaticPagePreviewComponent,
+ ContentDashboardComponent,
+ PageCardComponent,
+ PageEditorComponent,
],
templateUrl: './static-pages-editor.component.html',
styleUrls: ['../../project-editor/sections/section.shared.scss', './static-pages-editor.component.scss'],
@@ -57,12 +57,18 @@ export class StaticPagesEditorComponent {
};
readonly allPages = computed(() => this.contentFacade.pages(this.bootstrap()));
readonly validation = computed(() => this.contentFacade.validatePages(this.bootstrap()));
+ readonly contentHealth = computed(() => this.contentFacade.contentHealth(this.bootstrap()));
readonly locales = computed(() => this.bootstrap()?.localization.supportedLocales ?? ['en']);
+ readonly defaultLocale = computed(() => this.bootstrap()?.localization.defaultLocale ?? 'en');
readonly searchQuery = signal('');
readonly statusFilter = signal
('all');
readonly localeFilter = signal(ALL_LOCALES_FILTER);
readonly selectedIds = signal>(new Set());
+ readonly editingPageId = signal(null);
+ readonly previewOpenPageId = signal(null);
+
+ readonly editingPage = computed(() => this.allPages().find(page => page.id === this.editingPageId()) ?? null);
readonly statusFilterOptions = computed(() => [
{ value: 'all', label: this.translate.t('staticPages.filterAll') },
@@ -80,7 +86,7 @@ export class StaticPagesEditorComponent {
const status = this.statusFilter();
const locale = this.localeFilter();
- return this.allPages().filter(page => {
+ const filtered = this.allPages().filter(page => {
if (status !== 'all' && page.status !== status) {
return false;
}
@@ -95,6 +101,13 @@ export class StaticPagesEditorComponent {
.toLowerCase();
return haystack.includes(query);
});
+
+ // Legal pages surface first (Task 3) - stable sort keeps the rest in their existing order.
+ return [...filtered].sort((a, b) => {
+ const aLegal = findLegalDefinition(a) ? 0 : 1;
+ const bLegal = findLegalDefinition(b) ? 0 : 1;
+ return aLegal - bLegal;
+ });
});
readonly selectedCount = computed(() => this.selectedIds().size);
@@ -103,11 +116,6 @@ export class StaticPagesEditorComponent {
return visible.length > 0 && visible.every(page => this.selectedIds().has(page.id));
});
- /**
- * The originally loaded/published pages, normalized through the same
- * ContentManagementFacade.pages() path as the live editor list, keyed by
- * id - reused (not reimplemented) for the per-page modified indicator.
- */
private readonly originalPagesById = computed>(() => {
const staticPages = this.projectEditor.originalStaticPages();
if (!staticPages) {
@@ -120,31 +128,61 @@ export class StaticPagesEditorComponent {
isModified(page: ContentPage): boolean {
const original = this.originalPagesById().get(page.id);
if (!original) {
- return true; // a page that didn't exist in the original snapshot is new/modified.
+ return true;
}
return JSON.stringify(page) !== JSON.stringify(original);
}
- readonly previewOpenPageId = signal(null);
+ legalLabelKey(page: ContentPage): string | null {
+ return findLegalDefinition(page)?.labelKey ?? null;
+ }
+
+ seoStatus(page: ContentPage): PageSeoStatus {
+ if (this.hasInvalidSeo(page)) {
+ return 'warning';
+ }
+ const hasSeo = this.contentFacade.hasSeoContent(page);
+ if (!hasSeo) {
+ return 'missing';
+ }
+ const complete = !!(page.seo?.title?.trim() && page.seo?.description?.trim());
+ return complete ? 'good' : 'partial';
+ }
+
+ hasAnyIssue(page: ContentPage): boolean {
+ return this.hasDuplicateSlug(page) || this.hasDuplicateRoute(page) || this.hasEmptyTitle(page) || this.hasInvalidHtml(page);
+ }
+
+ updatedAtLabel(page: ContentPage): string | null {
+ return page.updatedAt ? new Date(page.updatedAt).toLocaleDateString() : null;
+ }
+
+ openEditor(id: string): void {
+ this.editingPageId.set(id);
+ }
+
+ closeEditor(): void {
+ this.editingPageId.set(null);
+ }
togglePreview(pageId: string): void {
this.previewOpenPageId.set(this.previewOpenPageId() === pageId ? null : pageId);
}
previewHtml(page: ContentPage): string {
- const defaultLocale = this.bootstrap()?.localization.defaultLocale ?? 'en';
+ const defaultLocale = this.defaultLocale();
return page.translations[defaultLocale]?.html ?? Object.values(page.translations)[0]?.html ?? '';
}
previewTitle(page: ContentPage): string {
- const defaultLocale = this.bootstrap()?.localization.defaultLocale ?? 'en';
+ const defaultLocale = this.defaultLocale();
return page.translations[defaultLocale]?.title || page.title;
}
protected mediaPickerOpen = false;
- private mediaPickerTarget: { pageId: string; field: MediaField } | null = null;
+ private mediaPickerTarget: { pageId: string; field: PageMediaField } | null = null;
- openMediaPicker(pageId: string, field: MediaField): void {
+ openMediaPicker(pageId: string, field: PageMediaField): void {
this.mediaPickerTarget = { pageId, field };
this.mediaPickerOpen = true;
}
@@ -156,14 +194,10 @@ export class StaticPagesEditorComponent {
this.mediaPickerOpen = false;
}
- /**
- * Appends `-2`, `-3`, ... to `candidate` until it's not in `existing`.
- * createPage()/duplicatePage() both used to derive slugs/routes from array
- * length or a fixed "-copy" suffix, which reproducibly collides with an
- * existing page (create, delete, create again; or duplicate the same page
- * twice) - the duplicate then trips the duplicate-slug/route validator
- * on a page the user never touched.
- */
+ clearMedia(pageId: string, field: PageMediaField): void {
+ this.updatePage(pageId, { [field]: undefined });
+ }
+
private uniqueValue(candidate: string, existing: Set): string {
if (!existing.has(candidate)) {
return candidate;
@@ -194,14 +228,13 @@ export class StaticPagesEditorComponent {
ru: { title: '', html: '' },
hy: { title: '', html: '' },
},
- // New pages start disabled from the storefront's perspective until an
- // author explicitly publishes them - existing bootstrap pages default
- // to enabled/published on normalize (see ContentPageService.normalizePage).
enabled: true,
status: 'draft',
+ updatedAt: new Date().toISOString(),
};
this.persist([...this.allPages(), page]);
+ this.openEditor(page.id);
}
duplicatePage(id: string): void {
@@ -219,6 +252,7 @@ export class StaticPagesEditorComponent {
order: this.allPages().length + 1,
status: 'draft',
translations: Object.fromEntries(Object.entries(source.translations).map(([locale, t]) => [locale, { ...t }])),
+ updatedAt: new Date().toISOString(),
};
this.persist([...this.allPages(), clone]);
}
@@ -229,15 +263,19 @@ export class StaticPagesEditorComponent {
}
this.persist(this.allPages().filter(page => page.id !== id));
this.deselect(id);
+ if (this.editingPageId() === id) {
+ this.closeEditor();
+ }
}
updatePage(id: string, patch: Partial): void {
- this.persist(this.allPages().map(page => page.id !== id ? page : ({ ...page, ...patch })));
+ this.persist(this.allPages().map(page => page.id !== id ? page : ({ ...page, ...patch, updatedAt: new Date().toISOString() })));
}
updateTranslation(id: string, locale: string, field: 'title' | 'html', value: string): void {
this.persist(this.allPages().map(page => page.id !== id ? page : ({
...page,
+ updatedAt: new Date().toISOString(),
translations: {
...page.translations,
[locale]: {
@@ -276,6 +314,7 @@ export class StaticPagesEditorComponent {
updateSeo(id: string, patch: Partial): void {
this.persist(this.allPages().map(page => page.id !== id ? page : ({
...page,
+ updatedAt: new Date().toISOString(),
seo: {
...(page.seo ?? {}),
...patch,
@@ -284,9 +323,6 @@ export class StaticPagesEditorComponent {
}
move(id: string, direction: -1 | 1): void {
- // Reorders within the full page set (not the filtered/visible subset) so
- // a search or status/locale filter can never drop pages out of the
- // bootstrap - see the persist() note below.
const pages = [...this.allPages()].sort((a, b) => a.order - b.order);
const index = pages.findIndex(page => page.id === id);
const nextIndex = index + direction;
@@ -300,8 +336,6 @@ export class StaticPagesEditorComponent {
this.persist(pages.map((page, order) => ({ ...page, order: order + 1 })));
}
- // --- Search / filter ---
-
updateSearchQuery(value: string): void {
this.searchQuery.set(value);
}
@@ -314,8 +348,6 @@ export class StaticPagesEditorComponent {
this.localeFilter.set(value);
}
- // --- Bulk selection / actions ---
-
isSelected(id: string): boolean {
return this.selectedIds().has(id);
}
@@ -364,9 +396,6 @@ export class StaticPagesEditorComponent {
}
private persist(pages: ContentPage[]): void {
- // Always writes the full page set. Callers must build `pages` from
- // allPages(), never from the filtered pages() view, or an active search/
- // status/locale filter would silently delete the pages it hid.
this.projectEditor.updateBootstrap(current => ({
...current,
staticPages: this.contentFacade.serializePages(pages)
diff --git a/src/app/features/content-management/facade/content-management.facade.ts b/src/app/features/content-management/facade/content-management.facade.ts
index e932be7..1a1ed69 100644
--- a/src/app/features/content-management/facade/content-management.facade.ts
+++ b/src/app/features/content-management/facade/content-management.facade.ts
@@ -2,6 +2,33 @@ import { Injectable, computed, inject } from '@angular/core';
import { BootstrapConfig } from '../../../shared/models/config';
import { ContentPageService } from '../services/content-page.service';
import { ContentPage } from '../models/content-page.model';
+import { LEGAL_PAGE_DEFINITIONS, LegalPageDefinition, matchesLegalDefinition } from '../models/legal-pages.model';
+
+export interface ContentHealthLegalStatus {
+ def: LegalPageDefinition;
+ page: ContentPage | null;
+}
+
+export type ContentRecommendationKind = 'createLegal' | 'fixSeo' | 'publish' | 'addTitles' | 'none';
+
+export interface ContentRecommendation {
+ kind: ContentRecommendationKind;
+ labelKey: string;
+ pageId?: string;
+}
+
+export interface ContentHealth {
+ total: number;
+ published: number;
+ draft: number;
+ legalStatus: ContentHealthLegalStatus[];
+ missingRequiredLegal: LegalPageDefinition[];
+ seoConfiguredCount: number;
+ seoHealthPercent: number;
+ completionPercent: number;
+ lastEditedAt: string | null;
+ recommendation: ContentRecommendation;
+}
@Injectable({ providedIn: 'root' })
export class ContentManagementFacade {
@@ -11,6 +38,70 @@ export class ContentManagementFacade {
return bootstrap ? this.service.normalizePages(bootstrap.staticPages) : [];
}
+ hasSeoContent(page: ContentPage): boolean {
+ const seoBlocks = [page.seo, ...Object.values(page.translations).map(t => t.seo)].filter((seo): seo is NonNullable => !!seo);
+ return seoBlocks.some(seo => !!(seo.title?.trim() || seo.description?.trim()));
+ }
+
+ contentHealth(bootstrap: BootstrapConfig | null): ContentHealth {
+ const pages = this.pages(bootstrap);
+ const validation = this.validatePages(bootstrap);
+
+ const legalStatus: ContentHealthLegalStatus[] = LEGAL_PAGE_DEFINITIONS.map(def => ({
+ def,
+ page: pages.find(page => matchesLegalDefinition(page, def)) ?? null,
+ }));
+ const missingRequiredLegal = legalStatus.filter(status => status.def.required && !status.page).map(status => status.def);
+
+ const seoConfiguredCount = pages.filter(page => this.hasSeoContent(page)).length;
+ const seoHealthPercent = pages.length > 0 ? Math.round((seoConfiguredCount / pages.length) * 100) : 0;
+
+ const legalWeight = LEGAL_PAGE_DEFINITIONS.length > 0 ? (legalStatus.filter(s => s.page).length / LEGAL_PAGE_DEFINITIONS.length) * 60 : 0;
+ const seoWeight = pages.length > 0 ? (seoConfiguredCount / pages.length) * 40 : 0;
+ const completionPercent = Math.round(legalWeight + seoWeight);
+
+ const lastEditedAt = pages.reduce((latest, page) => {
+ if (!page.updatedAt) {
+ return latest;
+ }
+ return !latest || page.updatedAt > latest ? page.updatedAt : latest;
+ }, null);
+
+ const published = pages.filter(page => page.status === 'published').length;
+ const draft = pages.filter(page => page.status === 'draft').length;
+
+ let recommendation: ContentRecommendation;
+ const firstMissingLegal = missingRequiredLegal[0];
+ const firstInvalidSeoId = validation.invalidSeo[0];
+ const firstEmptyTitleId = validation.emptyTitles[0];
+ const firstDraftLegal = legalStatus.find(status => status.def.required && status.page?.status === 'draft')?.page;
+
+ if (firstMissingLegal) {
+ recommendation = { kind: 'createLegal', labelKey: firstMissingLegal.labelKey };
+ } else if (firstEmptyTitleId) {
+ recommendation = { kind: 'addTitles', labelKey: 'contentManagement.recommendAddTitles', pageId: firstEmptyTitleId };
+ } else if (firstInvalidSeoId) {
+ recommendation = { kind: 'fixSeo', labelKey: 'contentManagement.recommendFixSeo', pageId: firstInvalidSeoId };
+ } else if (firstDraftLegal) {
+ recommendation = { kind: 'publish', labelKey: 'contentManagement.recommendPublish', pageId: firstDraftLegal.id };
+ } else {
+ recommendation = { kind: 'none', labelKey: 'contentManagement.recommendNone' };
+ }
+
+ return {
+ total: pages.length,
+ published,
+ draft,
+ legalStatus,
+ missingRequiredLegal,
+ seoConfiguredCount,
+ seoHealthPercent,
+ completionPercent,
+ lastEditedAt,
+ recommendation,
+ };
+ }
+
resolvePage(bootstrap: BootstrapConfig, keyOrSlug: string, locale: string) {
return this.service.resolvePage(bootstrap, keyOrSlug, locale);
}
diff --git a/src/app/features/content-management/models/content-page.model.ts b/src/app/features/content-management/models/content-page.model.ts
index 4f6d7e6..ff553b4 100644
--- a/src/app/features/content-management/models/content-page.model.ts
+++ b/src/app/features/content-management/models/content-page.model.ts
@@ -45,8 +45,12 @@ export interface ContentPage {
status: ContentPageStatus;
customTemplate?: string;
heroImage?: string;
+ heroImageAlt?: string;
+ heroImageCaption?: string;
thumbnail?: string;
gallery?: string[];
+ /** ISO timestamp set whenever this page is persisted; drives the CMS dashboard's "last edited" and health metrics. */
+ updatedAt?: string;
}
export interface ContentPageBootstrapInput {
@@ -73,6 +77,9 @@ export interface ContentPageBootstrapInput {
status?: ContentPageStatus;
customTemplate?: string;
heroImage?: string;
+ heroImageAlt?: string;
+ heroImageCaption?: string;
thumbnail?: string;
gallery?: string[];
+ updatedAt?: string;
}
diff --git a/src/app/features/content-management/models/legal-pages.model.ts b/src/app/features/content-management/models/legal-pages.model.ts
new file mode 100644
index 0000000..e7370a9
--- /dev/null
+++ b/src/app/features/content-management/models/legal-pages.model.ts
@@ -0,0 +1,33 @@
+import { ContentPage } from './content-page.model';
+
+export type LegalPageKey = 'about' | 'contacts' | 'privacy' | 'terms' | 'cookies' | 'delivery' | 'returns' | 'faq';
+
+export interface LegalPageDefinition {
+ key: LegalPageKey;
+ labelKey: string;
+ whyKey: string;
+ required: boolean;
+ /** Slug/id/route fragments used to recognize an existing page as fulfilling this legal role. */
+ matchers: string[];
+}
+
+// Order doubles as the recommended publishing order (Task 10).
+export const LEGAL_PAGE_DEFINITIONS: readonly LegalPageDefinition[] = [
+ { key: 'about', labelKey: 'contentManagement.legal.about.label', whyKey: 'contentManagement.legal.about.why', required: true, matchers: ['about'] },
+ { key: 'contacts', labelKey: 'contentManagement.legal.contacts.label', whyKey: 'contentManagement.legal.contacts.why', required: true, matchers: ['contact'] },
+ { key: 'privacy', labelKey: 'contentManagement.legal.privacy.label', whyKey: 'contentManagement.legal.privacy.why', required: true, matchers: ['privacy'] },
+ { key: 'terms', labelKey: 'contentManagement.legal.terms.label', whyKey: 'contentManagement.legal.terms.why', required: true, matchers: ['terms', 'tos'] },
+ { key: 'cookies', labelKey: 'contentManagement.legal.cookies.label', whyKey: 'contentManagement.legal.cookies.why', required: false, matchers: ['cookie'] },
+ { key: 'delivery', labelKey: 'contentManagement.legal.delivery.label', whyKey: 'contentManagement.legal.delivery.why', required: false, matchers: ['delivery', 'shipping'] },
+ { key: 'returns', labelKey: 'contentManagement.legal.returns.label', whyKey: 'contentManagement.legal.returns.why', required: false, matchers: ['return', 'refund'] },
+ { key: 'faq', labelKey: 'contentManagement.legal.faq.label', whyKey: 'contentManagement.legal.faq.why', required: false, matchers: ['faq'] },
+];
+
+export function matchesLegalDefinition(page: ContentPage, def: LegalPageDefinition): boolean {
+ const haystack = `${page.id} ${page.slug} ${page.route}`.toLowerCase();
+ return def.matchers.some(matcher => haystack.includes(matcher));
+}
+
+export function findLegalDefinition(page: ContentPage): LegalPageDefinition | null {
+ return LEGAL_PAGE_DEFINITIONS.find(def => matchesLegalDefinition(page, def)) ?? null;
+}
diff --git a/src/app/features/content-management/services/content-page.service.ts b/src/app/features/content-management/services/content-page.service.ts
index ca73f89..0e2f17e 100644
--- a/src/app/features/content-management/services/content-page.service.ts
+++ b/src/app/features/content-management/services/content-page.service.ts
@@ -180,8 +180,11 @@ export class ContentPageService {
content: htmlMap,
customTemplate: page.customTemplate,
heroImage: page.heroImage,
+ heroImageAlt: page.heroImageAlt,
+ heroImageCaption: page.heroImageCaption,
thumbnail: page.thumbnail,
gallery: page.gallery,
+ updatedAt: page.updatedAt,
};
return acc;
}, {});
@@ -224,8 +227,11 @@ export class ContentPageService {
status: page.status ?? 'published',
customTemplate: page.customTemplate,
heroImage: page.heroImage,
+ heroImageAlt: page.heroImageAlt,
+ heroImageCaption: page.heroImageCaption,
thumbnail: page.thumbnail,
gallery: page.gallery,
+ updatedAt: page.updatedAt,
};
}
diff --git a/src/app/i18n/en.ts b/src/app/i18n/en.ts
index 7558b79..c5ceb77 100644
--- a/src/app/i18n/en.ts
+++ b/src/app/i18n/en.ts
@@ -937,6 +937,55 @@ export const en: Translations = {
previewMobile: 'Mobile',
previewToggle: 'Preview',
},
+ contentManagement: {
+ publishedPages: 'Published pages',
+ draftPages: 'Draft pages',
+ missingLegalPages: 'Missing legal pages',
+ seoHealth: 'SEO health',
+ lastEdited: 'Last edited',
+ lastEditedNever: 'Never',
+ completionLabel: 'Completion',
+ recommendedNext: 'Recommended next step',
+ recommendAddTitles: 'Some pages are missing a title in at least one language.',
+ recommendFixSeo: 'A page has an SEO field that needs fixing (canonical/OG image URL or robots value).',
+ recommendPublish: 'A required legal page is still a draft — publish it so customers can see it.',
+ recommendNone: 'Nice work — your content is in good shape.',
+ openAction: 'Open',
+ backToPages: 'Back to pages',
+ groupContent: 'Content',
+ groupSeo: 'SEO',
+ groupSharing: 'Sharing',
+ groupAdvanced: 'Advanced',
+ groupAdvancedHtml: 'Raw HTML (advanced)',
+ seoExplainDesc: 'This is what shows up in search results — a clear title and description help customers find this page.',
+ seoTitleHelp: 'The headline shown in search results. Keep it short and descriptive.',
+ seoDescriptionHelp: 'A short summary shown under the title in search results.',
+ seoCanonicalHelp: 'The official web address for this page, used to avoid duplicate-content issues.',
+ seoRobotsHelp: 'Controls whether search engines are allowed to list this page.',
+ sharingExplain: 'This is how the page looks when shared on social media (Facebook, Twitter/X, and others).',
+ mediaSelect: 'Choose image',
+ mediaReplace: 'Replace',
+ mediaRemove: 'Remove',
+ mediaAlt: 'Alt text',
+ mediaCaption: 'Caption',
+ emptyStateGuideTitle: 'Start building your storefront pages',
+ emptyStateGuideBody: 'Legal pages like About, Privacy, and Terms build trust with customers. We recommend publishing About, Contacts, Privacy, and Terms first, then adding Cookies, Delivery, Returns, and FAQ.',
+ seoStatusGood: 'SEO good',
+ seoStatusPartial: 'SEO partial',
+ seoStatusWarning: 'SEO issue',
+ seoStatusMissing: 'SEO missing',
+ needsAttention: 'Needs attention',
+ legal: {
+ about: { label: 'About', why: 'Tells customers who you are and builds trust before they buy.' },
+ contacts: { label: 'Contacts', why: 'Gives customers a way to reach you with questions or issues.' },
+ privacy: { label: 'Privacy', why: 'Explains how customer data is handled — often legally required.' },
+ terms: { label: 'Terms', why: 'Sets the rules for using your store — protects you and your customers.' },
+ cookies: { label: 'Cookies', why: 'Discloses cookie usage, required in many regions.' },
+ delivery: { label: 'Delivery', why: 'Sets clear shipping expectations and reduces support requests.' },
+ returns: { label: 'Returns', why: 'Explains your refund policy and builds purchase confidence.' },
+ faq: { label: 'FAQ', why: 'Answers common questions before customers have to ask.' },
+ },
+ },
widgets: {
unavailable: 'Widget unavailable',
},
diff --git a/src/app/i18n/hy.ts b/src/app/i18n/hy.ts
index b0b2752..0859e46 100644
--- a/src/app/i18n/hy.ts
+++ b/src/app/i18n/hy.ts
@@ -937,6 +937,55 @@ export const hy: Translations = {
previewMobile: 'Հեռախոս',
previewToggle: 'Նախադիտում',
},
+ contentManagement: {
+ publishedPages: 'Հրապարակված էջեր',
+ draftPages: 'Սևագրեր',
+ missingLegalPages: 'Բացակայող իրավական էջեր',
+ seoHealth: 'SEO վիճակ',
+ lastEdited: 'Վերջին փոփոխություն',
+ lastEditedNever: 'Երբեք',
+ completionLabel: 'Ավարտվածություն',
+ recommendedNext: 'Հաջորդ առաջարկվող քայլը',
+ recommendAddTitles: 'Որոշ էջեր չունեն վերնագիր առնվազն մեկ լեզվով։',
+ recommendFixSeo: 'Մի էջ ունի ուղղման կարիք ունեցող SEO դաշտ (canonical/OG պատկեր կամ robots)։',
+ recommendPublish: 'Պարտադիր իրավական էջը դեռ սևագիր է․ հրապարակեք այն։',
+ recommendNone: 'Հիանալի է․ բովանդակությունը լավ վիճակում է։',
+ openAction: 'Բացել',
+ backToPages: 'Վերադառնալ էջերին',
+ groupContent: 'Բովանդակություն',
+ groupSeo: 'SEO',
+ groupSharing: 'Տարածում',
+ groupAdvanced: 'Լրացուցիչ',
+ groupAdvancedHtml: 'Հում HTML (լրացուցիչ)',
+ seoExplainDesc: 'Սա այն է, ինչ երևում է որոնման արդյունքներում․ հստակ վերնագիրն ու նկարագրությունը օգնում են հաճախորդներին գտնել այս էջը։',
+ seoTitleHelp: 'Վերնագիրը, որ երևում է որոնման արդյունքներում։ Պահեք կարճ և հստակ։',
+ seoDescriptionHelp: 'Կարճ նկարագրություն՝ վերնագրի տակ, որոնման արդյունքներում։',
+ seoCanonicalHelp: 'Էջի պաշտոնական հասցեն՝ կրկնվող բովանդակության խնդիրներից խուսափելու համար։',
+ seoRobotsHelp: 'Կարգավորում է՝ արդյոք որոնողական համակարգերին թույլատրվում է ցուցադրել այս էջը։',
+ sharingExplain: 'Այսպես է էջը երևում սոցիալական ցանցերում կիսվելիս (Facebook, Twitter/X և այլն)։',
+ mediaSelect: 'Ընտրել պատկեր',
+ mediaReplace: 'Փոխարինել',
+ mediaRemove: 'Հեռացնել',
+ mediaAlt: 'Alt տեքստ',
+ mediaCaption: 'Ենթագիր',
+ emptyStateGuideTitle: 'Սկսեք ստեղծել ձեր խանութի էջերը',
+ emptyStateGuideBody: 'Իրավական էջերը՝ ինչպիսիք են Մեր մասին, Գաղտնիություն և Պայմաններ, մեծացնում են հաճախորդների վստահությունը։ Խորհուրդ ենք տալիս նախ հրապարակել Մեր մասին, Կապ, Գաղտնիություն և Պայմաններ, ապա ավելացնել Cookies, Առաքում, Վերադարձներ և ՀՏՀ։',
+ seoStatusGood: 'SEO լավ է',
+ seoStatusPartial: 'SEO մասնակի',
+ seoStatusWarning: 'SEO խնդիր',
+ seoStatusMissing: 'SEO բացակայում է',
+ needsAttention: 'Ուշադրություն է պահանջում',
+ legal: {
+ about: { label: 'Մեր մասին', why: 'Ասում է հաճախորդներին, թե ով եք դուք, և վստահություն է ստեղծում գնումից առաջ։' },
+ contacts: { label: 'Կապ', why: 'Հաճախորդներին հնարավորություն է տալիս կապվել հարցերով։' },
+ privacy: { label: 'Գաղտնիություն', why: 'Բացատրում է, թե ինչպես են մշակվում տվյալները․ հաճախ պահանջվում է օրենքով։' },
+ terms: { label: 'Պայմաններ', why: 'Սահմանում է խանութից օգտվելու կանոնները՝ պաշտպանելով և՛ ձեզ, և՛ հաճախորդներին։' },
+ cookies: { label: 'Cookies', why: 'Բացահայտում է cookie-ների օգտագործումը՝ պահանջվում է շատ երկրներում։' },
+ delivery: { label: 'Առաքում', why: 'Սահմանում է հստակ առաքման ակնկալիքներ և նվազեցնում աջակցության հարցումները։' },
+ returns: { label: 'Վերադարձներ', why: 'Բացատրում է վերադարձի քաղաքականությունը և մեծացնում գնման վստահությունը։' },
+ faq: { label: 'ՀՏՀ', why: 'Պատասխանում է հաճախակի հարցերին նախապես։' },
+ },
+ },
widgets: {
unavailable: 'Վիջեթը հասանելի չէ',
},
diff --git a/src/app/i18n/ru.ts b/src/app/i18n/ru.ts
index 72cef7b..77df43a 100644
--- a/src/app/i18n/ru.ts
+++ b/src/app/i18n/ru.ts
@@ -937,6 +937,55 @@ export const ru: Translations = {
previewMobile: 'Телефон',
previewToggle: 'Превью',
},
+ contentManagement: {
+ publishedPages: 'Опубликованные страницы',
+ draftPages: 'Черновики',
+ missingLegalPages: 'Отсутствующие юридические страницы',
+ seoHealth: 'SEO-здоровье',
+ lastEdited: 'Последнее изменение',
+ lastEditedNever: 'Никогда',
+ completionLabel: 'Готовность',
+ recommendedNext: 'Рекомендуемый следующий шаг',
+ recommendAddTitles: 'У некоторых страниц отсутствует заголовок хотя бы на одном языке.',
+ recommendFixSeo: 'На одной из страниц есть SEO-поле, которое нужно исправить (canonical/OG-изображение или robots).',
+ recommendPublish: 'Обязательная юридическая страница всё ещё черновик — опубликуйте её.',
+ recommendNone: 'Отлично — контент в хорошем состоянии.',
+ openAction: 'Открыть',
+ backToPages: 'Назад к страницам',
+ groupContent: 'Контент',
+ groupSeo: 'SEO',
+ groupSharing: 'Публикация в соцсетях',
+ groupAdvanced: 'Дополнительно',
+ groupAdvancedHtml: 'Исходный HTML (дополнительно)',
+ seoExplainDesc: 'Это то, что видно в результатах поиска — понятный заголовок и описание помогают клиентам найти страницу.',
+ seoTitleHelp: 'Заголовок, отображаемый в результатах поиска. Делайте его коротким и понятным.',
+ seoDescriptionHelp: 'Краткое описание под заголовком в результатах поиска.',
+ seoCanonicalHelp: 'Официальный адрес страницы — помогает избежать дублирования контента.',
+ seoRobotsHelp: 'Определяет, могут ли поисковые системы показывать эту страницу.',
+ sharingExplain: 'Так страница выглядит при публикации в соцсетях (Facebook, Twitter/X и другие).',
+ mediaSelect: 'Выбрать изображение',
+ mediaReplace: 'Заменить',
+ mediaRemove: 'Удалить',
+ mediaAlt: 'Альтернативный текст',
+ mediaCaption: 'Подпись',
+ emptyStateGuideTitle: 'Начните создавать страницы магазина',
+ emptyStateGuideBody: 'Юридические страницы, такие как О нас, Конфиденциальность и Условия, повышают доверие клиентов. Рекомендуем сначала опубликовать О нас, Контакты, Конфиденциальность и Условия, затем добавить Cookies, Доставку, Возвраты и FAQ.',
+ seoStatusGood: 'SEO в порядке',
+ seoStatusPartial: 'SEO частично',
+ seoStatusWarning: 'Проблема SEO',
+ seoStatusMissing: 'SEO отсутствует',
+ needsAttention: 'Требует внимания',
+ legal: {
+ about: { label: 'О нас', why: 'Рассказывает клиентам, кто вы, и повышает доверие перед покупкой.' },
+ contacts: { label: 'Контакты', why: 'Даёт клиентам способ связаться с вами по вопросам.' },
+ privacy: { label: 'Конфиденциальность', why: 'Объясняет, как обрабатываются данные клиентов — часто обязательно по закону.' },
+ terms: { label: 'Условия', why: 'Устанавливает правила использования магазина — защищает вас и клиентов.' },
+ cookies: { label: 'Cookies', why: 'Раскрывает использование cookie — требуется во многих регионах.' },
+ delivery: { label: 'Доставка', why: 'Задаёт понятные ожидания по доставке и снижает число обращений в поддержку.' },
+ returns: { label: 'Возвраты', why: 'Объясняет политику возврата и повышает уверенность в покупке.' },
+ faq: { label: 'Вопросы и ответы', why: 'Отвечает на частые вопросы заранее.' },
+ },
+ },
widgets: {
unavailable: 'Виджет недоступен',
},
diff --git a/src/app/i18n/translations.ts b/src/app/i18n/translations.ts
index 88735d3..526f221 100644
--- a/src/app/i18n/translations.ts
+++ b/src/app/i18n/translations.ts
@@ -935,6 +935,55 @@ export interface Translations {
previewMobile: string;
previewToggle: string;
};
+ contentManagement: {
+ publishedPages: string;
+ draftPages: string;
+ missingLegalPages: string;
+ seoHealth: string;
+ lastEdited: string;
+ lastEditedNever: string;
+ completionLabel: string;
+ recommendedNext: string;
+ recommendAddTitles: string;
+ recommendFixSeo: string;
+ recommendPublish: string;
+ recommendNone: string;
+ openAction: string;
+ backToPages: string;
+ groupContent: string;
+ groupSeo: string;
+ groupSharing: string;
+ groupAdvanced: string;
+ groupAdvancedHtml: string;
+ seoExplainDesc: string;
+ seoTitleHelp: string;
+ seoDescriptionHelp: string;
+ seoCanonicalHelp: string;
+ seoRobotsHelp: string;
+ sharingExplain: string;
+ mediaSelect: string;
+ mediaReplace: string;
+ mediaRemove: string;
+ mediaAlt: string;
+ mediaCaption: string;
+ emptyStateGuideTitle: string;
+ emptyStateGuideBody: string;
+ seoStatusGood: string;
+ seoStatusPartial: string;
+ seoStatusWarning: string;
+ seoStatusMissing: string;
+ needsAttention: string;
+ legal: {
+ about: { label: string; why: string };
+ contacts: { label: string; why: string };
+ privacy: { label: string; why: string };
+ terms: { label: string; why: string };
+ cookies: { label: string; why: string };
+ delivery: { label: string; why: string };
+ returns: { label: string; why: string };
+ faq: { label: string; why: string };
+ };
+ };
widgets: {
unavailable: string;
};
diff --git a/src/app/shared/models/config/static-page.model.ts b/src/app/shared/models/config/static-page.model.ts
index 471e10f..3404f98 100644
--- a/src/app/shared/models/config/static-page.model.ts
+++ b/src/app/shared/models/config/static-page.model.ts
@@ -60,8 +60,12 @@ export interface StaticPageConfig {
status?: 'draft' | 'published';
customTemplate?: string;
heroImage?: string;
+ heroImageAlt?: string;
+ heroImageCaption?: string;
thumbnail?: string;
gallery?: string[];
+ /** ISO timestamp set whenever the page is saved; drives the CMS content dashboard's last-edited/health metrics. */
+ updatedAt?: string;
}
export interface LegacyStaticPageConfig {