feat(builder): implement professional content management experience

Content dashboard with real published/draft/SEO-health/completion metrics and a recommended-next-action; static pages editor rebuilt as visual page cards (icon/status/SEO badge/last edited) with legal pages surfaced first; full-page editor grouped into Content/SEO/Sharing/Advanced tabs, raw HTML moved behind an Advanced disclosure; hero image now supports alt text and caption; content-health-widget is a reusable checklist+completion component.
2026-07-18 11:02:26 +04:00
parent 04b36bab9b
commit b31c75214d
24 changed files with 1350 additions and 263 deletions
--- a/src/app/features/content-management/components/page-card/page-card.component.scss
+++ b/src/app/features/content-management/components/page-card/page-card.component.scss
@@ -0,0 +1,83 @@
+.page-card-tile {
+  display: block;
+  height: 100%;
+}
+
+.page-card-tile__surface {
+  all: unset;
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  cursor: pointer;
+  box-sizing: border-box;
+  padding-bottom: 12px;
+
+  &:focus-visible {
+    outline: 2px solid var(--brand-primary, #1e8a6e);
+    outline-offset: 3px;
+    border-radius: 8px;
+  }
+}
+
+.page-card-tile__icon {
+  font-size: 1.5rem;
+  line-height: 1;
+  flex-shrink: 0;
+}
+
+.page-card-tile__body {
+  display: grid;
+  gap: 4px;
+  min-width: 0;
+}
+
+.page-card-tile__title-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.page-card-tile__title {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 700;
+  color: var(--text-primary, #1e3c38);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.page-card-tile__slug {
+  margin: 0;
+  font-size: 0.8rem;
+  color: var(--text-secondary, #5f6e6a);
+  font-family: monospace;
+}
+
+.page-card-tile__meta {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 2px;
+}
+
+.page-card-tile__visibility {
+  font-size: 0.75rem;
+  color: var(--text-tertiary, #9aa6a2);
+}
+
+.page-card-tile__updated {
+  margin: 4px 0 0;
+  font-size: 0.75rem;
+  color: var(--text-tertiary, #9aa6a2);
+}
+
+.page-card-tile__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  border-top: 1px solid var(--border-subtle, #e7ece9);
+  padding-top: 10px;
+}