@taon-dev/cms 21.0.17 → 21.0.19

package/ts-source/websql-code-prod/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts

@@ -0,0 +1,249 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { ChangeDetectionStrategy, Component, DestroyRef, inject, signal, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialog } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { MatSelectModule } from '@angular/material/select';
+import { ActivatedRoute } from '@angular/router';
+import { MtxGridColumn } from '@ng-matero/extensions/grid';
+import { Translation } from '@taon-dev/i18n/websql-prod';
+import { TaonConfirmDialogComponent, TaonDatatableComponent, } from '@taon-dev/ui/websql-prod';
+import { Observable, finalize } from 'rxjs';
+import { Taon__NS____FILE_RELATIVE_PATH, Taon__NS__asset, Taon__NS__assetsFrom, Taon__NS__assetsListFrom, Taon__NS__createContext, Taon__NS__createContextTemplate, Taon__NS__error, Taon__NS__getResponseValue, Taon__NS__isBrowser, Taon__NS__isElectron, Taon__NS__isNode, Taon__NS__isWebSQL, Taon__NS__LANG_IMPORT_MAP, Taon__NS__removeLoader, Taon__NS__Response, Taon__NS__ResponseHtml, Taon__NS__StartParams } from 'taon/websql-prod';
+import { TaonCmsCategoryApiService } from '../taon-cms-category/taon-cms-category-api.service';
+import type { TaonCmsCategoryEntity } from '../taon-cms-category/taon-cms-category.entity';
+import type { TaonCmsCategoryFields } from '../taon-cms-category/taon-cms-taxonomy.validation';
+import { TaonCmsTagApiService } from '../taon-cms-tag/taon-cms-tag-api.service';
+import type { TaonCmsTagEntity } from '../taon-cms-tag/taon-cms-tag.entity';
+const t = Translation.for('src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts', { "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.html": { "en-US": async () => (await import('./i18n/taon-cms-taxonomy-backoffice.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-taxonomy-backoffice.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-taxonomy-backoffice.component.html.de-DE.i18n.data')).default }, "src/lib/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.component.ts": { "en-US": async () => (await import('./i18n/taon-cms-taxonomy-backoffice.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-taxonomy-backoffice.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-taxonomy-backoffice.component.ts.de-DE.i18n.data')).default } } as any);
+type TaxonomyRow = TaonCmsCategoryEntity | TaonCmsTagEntity;
+@Component({
+    selector: 'taon-cms-taxonomy-backoffice',
+    templateUrl: './taon-cms-taxonomy-backoffice.component.html',
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [
+        FormsModule,
+        MatButtonModule,
+        MatFormFieldModule,
+        MatInputModule,
+        MatSelectModule,
+        TaonDatatableComponent,
+    ],
+    providers: [TaonCmsCategoryApiService, TaonCmsTagApiService],
+    styles: [
+        `
+      :host {
+        display: block;
+      }
+      form {
+        display: grid;
+        gap: 1rem;
+        max-width: 640px;
+        margin-block: 1.5rem;
+      }
+      .actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 0.5rem;
+      }
+    `,
+    ],
+})
+export class TaonCmsTaxonomyBackofficeComponent {
+    readonly t = t.for(this);
+    readonly isCategory = inject(ActivatedRoute).snapshot.data['taxonomy'] === 'category';
+    private readonly categories = inject(TaonCmsCategoryApiService);
+    private readonly tags = inject(TaonCmsTagApiService);
+    private readonly destroyRef = inject(DestroyRef);
+    private readonly dialog = inject(MatDialog);
+    readonly rows = signal<TaxonomyRow[]>([]);
+    readonly busy = signal(false);
+    readonly error = signal('');
+    readonly editing = signal(false);
+    editingId: number | null = null;
+    draft: TaonCmsCategoryFields = this.emptyDraft();
+    readonly columns: MtxGridColumn[] = [
+        { header: this.t.gettext('Name'), field: 'name', sortable: true },
+        { header: this.t.gettext('Slug'), field: 'slug', sortable: true },
+        ...(this.isCategory
+            ? [
+                {
+                    header: this.t.gettext('Parent Category'),
+                    field: 'parentName',
+                    sortable: true,
+                },
+                {
+                    header: this.t.gettext('Sort Order'),
+                    field: 'sortOrder',
+                    sortable: true,
+                },
+            ]
+            : [
+                {
+                    header: this.t.gettext('Description'),
+                    field: 'description',
+                    sortable: true,
+                },
+            ]),
+        {
+            header: this.t.gettext('Actions'),
+            field: 'actions',
+            type: 'button',
+            buttons: [
+                {
+                    type: 'icon',
+                    icon: 'edit',
+                    tooltip: this.t.gettext('Edit'),
+                    disabled: () => this.busy(),
+                    click: (row: TaxonomyRow) => this.edit(row),
+                },
+                {
+                    type: 'icon',
+                    icon: 'delete',
+                    tooltip: this.t.gettext('Delete'),
+                    disabled: () => this.busy(),
+                    click: (row: TaxonomyRow) => this.delete(row),
+                },
+            ],
+        },
+    ];
+    ngOnInit(): void {
+        this.reload();
+    }
+    reload(): void {
+        if (this.busy()) {
+            return;
+        }
+        const request: Observable<TaxonomyRow[]> = this.isCategory
+            ? this.categories.allMyEntities$
+            : this.tags.allMyEntities$;
+        this.run(request, rows => this.rows.set(rows));
+    }
+    tableRows() {
+        return this.rows().map(row => ({
+            ...row,
+            parentName: 'parentCategoryId' in row
+                ? (this.rows().find(parent => parent.id === row.parentCategoryId)
+                    ?.name ?? '')
+                : '',
+        }));
+    }
+    parentOptions(): TaonCmsCategoryEntity[] {
+        const categories = this.rows().filter((row): row is TaonCmsCategoryEntity => 'parentCategoryId' in row);
+        return categories.filter(category => {
+            const visited = new Set<number>();
+            let current: TaonCmsCategoryEntity | undefined = category;
+            while (current) {
+                if (current.id === this.editingId || visited.has(current.id)) {
+                    return false;
+                }
+                visited.add(current.id);
+                current = categories.find(parent => parent.id === current?.parentCategoryId);
+            }
+            return true;
+        });
+    }
+    edit(row?: TaxonomyRow): void {
+        if (this.busy()) {
+            return;
+        }
+        this.editingId = row?.id ?? null;
+        this.draft = row
+            ? {
+                name: row.name,
+                slug: row.slug,
+                description: row.description,
+                parentCategoryId: 'parentCategoryId' in row ? row.parentCategoryId : null,
+                sortOrder: 'sortOrder' in row ? row.sortOrder : 0,
+            }
+            : this.emptyDraft();
+        this.error.set('');
+        this.editing.set(true);
+    }
+    save(): void {
+        if (this.busy()) {
+            return;
+        }
+        const request: Observable<TaxonomyRow> = this.isCategory
+            ? this.categories.save(this.editingId, this.draft)
+            : this.tags.save(this.editingId, this.draft);
+        this.run(request, saved => {
+            this.editing.set(false);
+            this.rows.update(rows => [
+                ...rows.filter(row => row.id !== saved.id),
+                saved,
+            ]);
+        });
+    }
+    delete(row: TaxonomyRow): void {
+        if (this.busy()) {
+            return;
+        }
+        this.dialog
+            .open(TaonConfirmDialogComponent, {
+            data: {
+                title: this.isCategory
+                    ? this.t.gettext('Delete category?')
+                    : this.t.gettext('Delete tag?'),
+                message: this.t.gettext('Only unused items can be deleted. This cannot be undone.'),
+                confirmText: this.t.gettext('Delete'),
+            },
+        })
+            .afterClosed()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(confirmed => {
+            if (confirmed) {
+                this.run(this.isCategory
+                    ? this.categories.delete(row.id)
+                    : this.tags.delete(row.id), () => {
+                    if (this.editingId === row.id) {
+                        this.editing.set(false);
+                    }
+                    this.rows.update(rows => rows.filter(item => item.id !== row.id));
+                });
+            }
+        });
+    }
+    private run<T>(request: Observable<T>, next: (value: T) => void): void {
+        if (this.busy()) {
+            return;
+        }
+        this.busy.set(true);
+        this.error.set('');
+        request
+            .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.busy.set(false)))
+            .subscribe({
+            next: value => {
+                this.busy.set(false);
+                next(value);
+            },
+            error: (error: unknown) => {
+                console.error('[taon-cms-taxonomy] Operation failed', error);
+                this.error.set(this.t.gettext('The operation failed. Check for duplicate names or slugs, invalid parents, or items still used by posts or child categories, then reload and try again.'));
+            },
+        });
+    }
+    private emptyDraft(): TaonCmsCategoryFields {
+        return {
+            name: '',
+            slug: '',
+            description: '',
+            parentCategoryId: null,
+            sortOrder: 0,
+        };
+    }
+}

package/ts-source/websql-code-prod/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.routes.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/taon-cms-taxonomy-backoffice/taon-cms-taxonomy-backoffice.routes.ts

@@ -0,0 +1,27 @@
+// @ts-nocheck
+/* ============================================================================
+
+- TAON READONLY SOURCE
+- DO NOT MODIFY THIS FILE.
+- Changes may be overwritten.
+- Use command: taon build:watch:lib
+  inside @taon-dev/cms project repository
+  for watch development of third party modules like this.
+  
+ * ========================================================================== */
+
+import { Routes } from '@angular/router';
+export const TaonCmsCategoriesBackofficeRoutes: Routes = [
+    {
+        path: '',
+        data: { taxonomy: 'category' },
+        loadComponent: () => import('./taon-cms-taxonomy-backoffice.component').then(m => m.TaonCmsTaxonomyBackofficeComponent),
+    },
+];
+export const TaonCmsTagsBackofficeRoutes: Routes = [
+    {
+        path: '',
+        data: { taxonomy: 'tag' },
+        loadComponent: () => import('./taon-cms-taxonomy-backoffice.component').then(m => m.TaonCmsTaxonomyBackofficeComponent),
+    },
+];

package/ts-source/websql-code-prod/taon-posts/taon-cms-post/i18n/taon-cms-post.component.html.de-DE.i18n.data.ts

@@ -16,17 +16,23 @@ export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostTaonCmsPostComp
             "(in use by post # [[ postId ]])"?: string;
             "Add"?: string;
             "Add related post"?: string;
+            "Add tag"?: string;
             "Allow Read only with Permissions"?: string;
             "Application Hook"?: string;
+            "Apply Default Placeholder"?: string;
             "Apply permissions to related posts"?: string;
             "Assign permission"?: string;
             "Attached file: [[ fileName ]]"?: string;
             "Cancel"?: string;
+            "Category"?: string;
+            "Category and Tags"?: string;
             "Delete"?: string;
             "Download or open"?: string;
+            "Duplicate"?: string;
             "Edit"?: string;
             "Loading application hooks..."?: string;
             "Loading assigned permissions..."?: string;
+            "Loading categories and tags..."?: string;
             "Loading media preview..."?: string;
             "Loading media..."?: string;
             "Loading related posts..."?: string;
@@ -36,6 +42,8 @@ export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostTaonCmsPostComp
             "No permissions available"?: string;
             "No post is loaded."?: string;
             "No related posts yet."?: string;
+            "No thumbnail selected."?: string;
+            "None"?: string;
             "Permission"?: string;
             "Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them."?: string;
             "Publish"?: string;
@@ -43,13 +51,18 @@ export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostTaonCmsPostComp
             "Remove"?: string;
             "Remove permission [[ name ]]"?: string;
             "Remove related post [[ title ]]"?: string;
+            "Remove tag [[ name ]]"?: string;
             "Replace"?: string;
             "Revert"?: string;
             "Save"?: string;
             "Saving..."?: string;
+            "Search tags"?: string;
+            "Tags"?: string;
+            "Thumbnail"?: string;
             "Try again"?: string;
             "URL slug"?: string;
             "Unpublish"?: string;
+            "Upload Thumbnail"?: string;
             "Uploading... "?: string;
             "Use as application hook"?: string;
             "Your browser does not support audio playback."?: string;
@@ -105,204 +118,273 @@ export default {
             "lineNumber": 62,
             "translation": "Löschen"
         },
+        {
+            "gettextString": "Duplicate",
+            "lineNumber": 70
+        },
         {
             "gettextString": "Uploading... ",
-            "lineNumber": 70,
+            "lineNumber": 77,
             "translation": "- Ich lade..."
         },
         {
             "gettextString": "Saving...",
-            "lineNumber": 71,
+            "lineNumber": 78,
             "translation": "Ich spare..."
         },
         {
             "gettextString": "URL slug",
-            "lineNumber": 133,
+            "lineNumber": 140,
             "translation": "URL-Schläger"
         },
         {
             "gettextString": "Loading media preview...",
-            "lineNumber": 154,
+            "lineNumber": 161,
             "translation": "Die Medien-Vorsicht lädt..."
         },
         {
             "gettextString": "Your browser does not support video playback.",
-            "lineNumber": 168,
+            "lineNumber": 175,
             "translation": "Ihr Browser unterstützt das Wiedergeben von Videos nicht."
         },
         {
             "gettextString": "Your browser does not support video playback.",
-            "lineNumber": 491,
+            "lineNumber": 618,
             "translation": "Ihr Browser unterstützt das Wiedergeben von Videos nicht."
         },
         {
             "gettextString": "Your browser does not support audio playback.",
-            "lineNumber": 175,
+            "lineNumber": 182,
             "translation": "Ihr Browser unterstützt das Wiedergeben von Audio nicht."
         },
         {
             "gettextString": "Your browser does not support audio playback.",
-            "lineNumber": 498,
+            "lineNumber": 625,
             "translation": "Ihr Browser unterstützt das Wiedergeben von Audio nicht."
         },
         {
             "gettextString": "Attached file: [[ fileName ]]",
-            "lineNumber": 180,
+            "lineNumber": 187,
             "translation": "Beigefügte Datei: [[ fileName ]]"
         },
         {
             "gettextString": "Attached file: [[ fileName ]]",
-            "lineNumber": 503,
+            "lineNumber": 630,
             "translation": "Beigefügte Datei: [[ fileName ]]"
         },
         {
             "gettextString": "Download or open",
-            "lineNumber": 188,
+            "lineNumber": 195,
             "translation": "Download oder Öffnen"
         },
         {
             "gettextString": "Download or open",
-            "lineNumber": 511,
+            "lineNumber": 638,
             "translation": "Download oder Öffnen"
         },
         {
             "gettextString": "Replace",
-            "lineNumber": 204,
+            "lineNumber": 211,
             "translation": "Ersetzen"
         },
         {
             "gettextString": "Remove",
-            "lineNumber": 211,
+            "lineNumber": 218,
             "translation": "Entfernen"
         },
         {
-            "gettextString": "Related posts",
-            "lineNumber": 234,
-            "translation": "Verwandte Beiträge"
+            "gettextString": "Thumbnail",
+            "lineNumber": 241,
+            "translation": "Vorschaubild"
         },
         {
-            "gettextString": "Loading related posts...",
-            "lineNumber": 236,
-            "translation": "Verwandte Posts laden..."
+            "gettextString": "No thumbnail selected.",
+            "lineNumber": 248,
+            "translation": "Kein Vorschaubild ausgewählt."
+        },
+        {
+            "gettextString": "Upload Thumbnail",
+            "lineNumber": 266,
+            "translation": "Vorschaubild hochladen"
+        },
+        {
+            "gettextString": "Apply Default Placeholder",
+            "lineNumber": 273,
+            "translation": "Standardplatzhalter verwenden"
+        },
+        {
+            "gettextString": "Category and Tags",
+            "lineNumber": 280,
+            "translation": "Kategorie und Tags"
+        },
+        {
+            "gettextString": "Loading categories and tags...",
+            "lineNumber": 282,
+            "translation": "Kategorien und Tags werden geladen..."
         },
         {
             "gettextString": "Try again",
-            "lineNumber": 248,
+            "lineNumber": 291,
             "translation": "Versuchen Sie es noch mal."
         },
         {
             "gettextString": "Try again",
-            "lineNumber": 302,
+            "lineNumber": 366,
+            "translation": "Versuchen Sie es noch mal."
+        },
+        {
+            "gettextString": "Try again",
+            "lineNumber": 420,
             "translation": "Versuchen Sie es noch mal."
         },
         {
             "gettextString": "Try again",
-            "lineNumber": 378,
+            "lineNumber": 496,
             "translation": "Versuchen Sie es noch mal."
         },
         {
             "gettextString": "Try again",
-            "lineNumber": 413,
+            "lineNumber": 531,
             "translation": "Versuchen Sie es noch mal."
         },
+        {
+            "gettextString": "Category",
+            "lineNumber": 295,
+            "translation": "Kategorie"
+        },
+        {
+            "gettextString": "None",
+            "lineNumber": 302,
+            "translation": "Keine"
+        },
+        {
+            "gettextString": "Tags",
+            "lineNumber": 308,
+            "translation": "Tags"
+        },
+        {
+            "gettextString": "Remove tag [[ name ]]",
+            "lineNumber": 320,
+            "translation": "Tag [[ name ]] entfernen"
+        },
+        {
+            "gettextString": "Search tags",
+            "lineNumber": 328,
+            "translation": "Tags suchen"
+        },
+        {
+            "gettextString": "Add tag",
+            "lineNumber": 336,
+            "translation": "Tag hinzufügen"
+        },
+        {
+            "gettextString": "Related posts",
+            "lineNumber": 352,
+            "translation": "Verwandte Beiträge"
+        },
+        {
+            "gettextString": "Loading related posts...",
+            "lineNumber": 354,
+            "translation": "Verwandte Posts laden..."
+        },
         {
             "gettextString": "Remove related post [[ title ]]",
-            "lineNumber": 259,
+            "lineNumber": 377,
             "translation": "Verwandte Bezeichnung entfernen [[ title ]]"
         },
         {
             "gettextString": "No related posts yet.",
-            "lineNumber": 269,
+            "lineNumber": 387,
             "translation": "Keine verwandten Beiträge noch."
         },
         {
             "gettextString": "Add related post",
-            "lineNumber": 277,
+            "lineNumber": 395,
             "translation": "Verwandte Beiträge hinzufügen"
         },
         {
             "gettextString": "Application Hook",
-            "lineNumber": 287,
+            "lineNumber": 405,
             "translation": "Anwendungshaken"
         },
         {
             "gettextString": "Application Hook",
-            "lineNumber": 315,
+            "lineNumber": 433,
             "translation": "Anwendungshaken"
         },
         {
             "gettextString": "Loading application hooks...",
-            "lineNumber": 290,
+            "lineNumber": 408,
             "translation": "Lade Anwendungshaken..."
         },
         {
             "gettextString": "Use as application hook",
-            "lineNumber": 309,
+            "lineNumber": 427,
             "translation": "Verwendung als Anwendungshaken"
         },
         {
             "gettextString": "(in use by post # [[ postId ]])",
-            "lineNumber": 332,
+            "lineNumber": 450,
             "translation": "(In Anwendungsbereich von Post # [[ postId ]])"
         },
         {
             "gettextString": "No application hooks configured",
-            "lineNumber": 340,
+            "lineNumber": 458,
             "translation": "Keine Anwendungshaken konfiguriert"
         },
         {
             "gettextString": "Allow Read only with Permissions",
-            "lineNumber": 353,
+            "lineNumber": 471,
             "translation": "Erlaubt nur mit Erlaubnissen zu lesen"
         },
         {
             "gettextString": "Permissions are inherited from # [[ postId ]] - [[ title ]]. Edit the source post to change them.",
-            "lineNumber": 358,
+            "lineNumber": 476,
             "translation": "Die Genehmigungen sind von #[[ postId ]] - [[ title ]] ererbt."
         },
         {
             "gettextString": "Loading assigned permissions...",
-            "lineNumber": 366,
+            "lineNumber": 484,
             "translation": "Lade zugeteilte Berechtigungen..."
         },
         {
             "gettextString": "Remove permission [[ name ]]",
-            "lineNumber": 389,
+            "lineNumber": 507,
             "translation": "Entfernen Sie die Genehmigung [[ name ]]"
         },
         {
             "gettextString": "No permissions assigned.",
-            "lineNumber": 399,
+            "lineNumber": 517,
             "translation": "Keine Berechtigungen zugewiesen."
         },
         {
             "gettextString": "Permission",
-            "lineNumber": 420,
+            "lineNumber": 538,
             "translation": "Erlaubnis"
         },
         {
             "gettextString": "No permissions available",
-            "lineNumber": 439,
+            "lineNumber": 557,
             "translation": "Keine Berechtigungen verfügbar"
         },
         {
             "gettextString": "Assign permission",
-            "lineNumber": 454,
+            "lineNumber": 572,
             "translation": "Berechtigung zuzuweisen"
         },
         {
             "gettextString": "Apply permissions to related posts",
-            "lineNumber": 464,
+            "lineNumber": 582,
             "translation": "Berechtigungen für verwandte Posts anwenden"
         },
         {
             "gettextString": "Loading media...",
-            "lineNumber": 479,
+            "lineNumber": 606,
             "translation": "Die Medien laden..."
         },
         {
             "gettextString": "No post is loaded.",
-            "lineNumber": 518,
+            "lineNumber": 645,
             "translation": "Keine Post ist geladen."
         }
     ]