@taon-dev/cms 21.0.22 → 21.0.23

package/ts-source/browser-code-prod/taon-posts/taon-cms-post/taon-cms-post.component.ts

@@ -10,12 +10,13 @@
   
  * ========================================================================== */
 
-import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, computed, effect, inject, input, model, output, signal, untracked, viewChild, } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, Component, DestroyRef, ElementRef, TemplateRef, ViewChild, computed, effect, inject, input, model, output, signal, untracked, viewChild, } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatButtonModule } from '@angular/material/button';
 import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatDialog } from '@angular/material/dialog';
+import { MatCardModule } from '@angular/material/card';
 import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatInputModule } from '@angular/material/input';
@@ -30,8 +31,9 @@ import type { TaonPermissionEntity } from '@taon-dev/session/browser-prod';
 import { TaonConfirmDialogComponent } from '@taon-dev/ui/browser-prod';
 import { Editor, NgxEditorModule, toHTML } from 'ngx-editor';
 import type { Toolbar } from 'ngx-editor';
-import { Observable, Subscription, finalize, firstValueFrom, forkJoin, of, take, } from 'rxjs';
+import { Observable, Subscription, finalize, firstValueFrom, forkJoin, from, of, switchMap, take, } 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/browser-prod';
+import { ___NS__add, ___NS__after, ___NS__ary, ___NS__assign, ___NS__assignIn, ___NS__assignInWith, ___NS__assignWith, ___NS__at, ___NS__attempt, ___NS__before, ___NS__bind, ___NS__bindAll, ___NS__bindKey, ___NS__camelCase, ___NS__capitalize, ___NS__castArray, ___NS__ceil, ___NS__chain, ___NS__chunk, ___NS__clamp, ___NS__clone, ___NS__cloneDeep, ___NS__cloneDeepWith, ___NS__cloneWith, ___NS__compact, ___NS__concat, ___NS__cond, ___NS__conforms, ___NS__conformsTo, ___NS__constant, ___NS__countBy, ___NS__create, ___NS__curry, ___NS__curryRight, ___NS__debounce, ___NS__deburr, ___NS__defaults, ___NS__defaultsDeep, ___NS__defaultTo, ___NS__defer, ___NS__delay, ___NS__difference, ___NS__differenceBy, ___NS__differenceWith, ___NS__divide, ___NS__drop, ___NS__dropRight, ___NS__dropRightWhile, ___NS__dropWhile, ___NS__each, ___NS__eachRight, ___NS__endsWith, ___NS__entries, ___NS__entriesIn, ___NS__eq, ___NS__escape, ___NS__escapeRegExp, ___NS__every, ___NS__extend, ___NS__extendWith, ___NS__fill, ___NS__filter, ___NS__find, ___NS__findIndex, ___NS__findKey, ___NS__findLast, ___NS__findLastIndex, ___NS__findLastKey, ___NS__first, ___NS__flatMap, ___NS__flatMapDeep, ___NS__flatMapDepth, ___NS__flatten, ___NS__flattenDeep, ___NS__flattenDepth, ___NS__flip, ___NS__floor, ___NS__flow, ___NS__flowRight, ___NS__forEach, ___NS__forEachRight, ___NS__forIn, ___NS__forInRight, ___NS__forOwn, ___NS__forOwnRight, ___NS__fromPairs, ___NS__functions, ___NS__functionsIn, ___NS__get, ___NS__groupBy, ___NS__gt, ___NS__gte, ___NS__has, ___NS__hasIn, ___NS__head, ___NS__identity, ___NS__includes, ___NS__indexOf, ___NS__initial, ___NS__inRange, ___NS__intersection, ___NS__intersectionBy, ___NS__intersectionWith, ___NS__invert, ___NS__invertBy, ___NS__invoke, ___NS__invokeMap, ___NS__isArguments, ___NS__isArray, ___NS__isArrayBuffer, ___NS__isArrayLike, ___NS__isArrayLikeObject, ___NS__isBoolean, ___NS__isBuffer, ___NS__isDate, ___NS__isElement, ___NS__isEmpty, ___NS__isEqual, ___NS__isEqualWith, ___NS__isError, ___NS__isFinite, ___NS__isFunction, ___NS__isInteger, ___NS__isLeafObject, ___NS__isLength, ___NS__isMap, ___NS__isMatch, ___NS__isMatchWith, ___NS__isNaN, ___NS__isNative, ___NS__isNil, ___NS__isNull, ___NS__isNumber, ___NS__isObject, ___NS__isObjectLike, ___NS__isPlainObject, ___NS__isRegExp, ___NS__isSafeInteger, ___NS__isSet, ___NS__isString, ___NS__isSymbol, ___NS__isTypedArray, ___NS__isUndefined, ___NS__isWeakMap, ___NS__isWeakSet, ___NS__iteratee, ___NS__join, ___NS__kebabCase, ___NS__keyBy, ___NS__keys, ___NS__keysIn, ___NS__last, ___NS__lastIndexOf, ___NS__lowerCase, ___NS__lowerFirst, ___NS__lt, ___NS__lte, ___NS__map, ___NS__mapKeys, ___NS__mapValues, ___NS__matches, ___NS__matchesProperty, ___NS__max, ___NS__maxBy, ___NS__mean, ___NS__meanBy, ___NS__memoize, ___NS__merge, ___NS__mergeWith, ___NS__method, ___NS__methodOf, ___NS__min, ___NS__minBy, ___NS__mixin, ___NS__multiply, ___NS__negate, ___NS__noop, ___NS__now, ___NS__nth, ___NS__nthArg, ___NS__omit, ___NS__omitBy, ___NS__once, ___NS__orderBy, ___NS__over, ___NS__overArgs, ___NS__overEvery, ___NS__overSome, ___NS__pad, ___NS__padEnd, ___NS__padStart, ___NS__parseInt, ___NS__partial, ___NS__partialRight, ___NS__partition, ___NS__pick, ___NS__pickBy, ___NS__property, ___NS__propertyOf, ___NS__pull, ___NS__pullAll, ___NS__pullAllBy, ___NS__pullAllWith, ___NS__pullAt, ___NS__random, ___NS__range, ___NS__rangeRight, ___NS__rearg, ___NS__reduce, ___NS__reduceRight, ___NS__reject, ___NS__remove, ___NS__repeat, ___NS__replace, ___NS__rest, ___NS__result, ___NS__reverse, ___NS__round, ___NS__sample, ___NS__sampleSize, ___NS__set, ___NS__setWith, ___NS__shuffle, ___NS__size, ___NS__slice, ___NS__snakeCase, ___NS__some, ___NS__sortBy, ___NS__sortedIndex, ___NS__sortedIndexBy, ___NS__sortedIndexOf, ___NS__sortedLastIndex, ___NS__sortedLastIndexBy, ___NS__sortedLastIndexOf, ___NS__sortedUniq, ___NS__sortedUniqBy, ___NS__split, ___NS__spread, ___NS__startCase, ___NS__startsWith, ___NS__stubArray, ___NS__stubFalse, ___NS__stubObject, ___NS__stubString, ___NS__stubTrue, ___NS__subtract, ___NS__sum, ___NS__sumBy, ___NS__tail, ___NS__take, ___NS__takeRight, ___NS__takeRightWhile, ___NS__takeWhile, ___NS__tap, ___NS__template, ___NS__templateSettings, ___NS__throttle, ___NS__thru, ___NS__times, ___NS__toArray, ___NS__toFinite, ___NS__toInteger, ___NS__toLength, ___NS__toLower, ___NS__toNumber, ___NS__toPairs, ___NS__toPairsIn, ___NS__toPath, ___NS__toPlainObject, ___NS__toSafeInteger, ___NS__toString, ___NS__toUpper, ___NS__transform, ___NS__trim, ___NS__trimEnd, ___NS__trimStart, ___NS__truncate, ___NS__unary, ___NS__unescape, ___NS__union, ___NS__unionBy, ___NS__unionWith, ___NS__uniq, ___NS__uniqBy, ___NS__uniqueId, ___NS__uniqWith, ___NS__unset, ___NS__unzip, ___NS__unzipWith, ___NS__update, ___NS__updateWith, ___NS__upperCase, ___NS__upperFirst, ___NS__values, ___NS__valuesIn, ___NS__without, ___NS__words, ___NS__wrap, ___NS__xor, ___NS__xorBy, ___NS__xorWith, ___NS__zip, ___NS__zipObject, ___NS__zipObjectDeep, ___NS__zipWith } from 'tnp-core/browser-prod';
 import type { TaonCmsApplicationHookEntity } from '../../taon-cms-application-hook/taon-cms-application-hook.entity';
 import type { TaonCmsApplicationHook } from '../../taon-cms-application-hooks';
 import { TaonCmsCategoryApiService } from '../../taon-cms-category/taon-cms-category-api.service';
@@ -45,12 +47,14 @@ import { resolveTemplateVariables } from '../../taon-cms-content/taon-cms-templa
 import type { TaonCmsTemplateVariable } from '../../taon-cms-content/taon-cms-template-variables';
 import { TaonCmsTagApiService } from '../../taon-cms-tag/taon-cms-tag-api.service';
 import type { TaonCmsTagEntity } from '../../taon-cms-tag/taon-cms-tag.entity';
+import { TaonCmsTaxonomyQuickCreateDialogComponent } from '../../taon-cms-taxonomy-backoffice/taon-cms-taxonomy-quick-create-dialog.component';
 import { TaonCmsRevisionChooserComponent } from '../taon-cms-revision-chooser/taon-cms-revision-chooser.component';
 import { TaonRelatedPostChooserComponent } from '../taon-related-post-chooser/taon-related-post-chooser.component';
 import type { TaonRelatedPostChooserData } from '../taon-related-post-chooser/taon-related-post-chooser.component';
 import { TaonCmsEditableDirective } from './taon-cms-editable.directive';
 import type { TaonCmsPostDraft, TaonCmsPostMode } from './taon-cms-post.models';
 import { defaultThumbnailKey, defaultThumbnailUrl, generateVideoThumbnail, } from './taon-cms-thumbnail';
+import { NgTemplateOutlet } from '@angular/common';
 const t = Translation.for('src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts', { "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.html": { "en-US": async () => (await import('./i18n/taon-cms-post.component.html.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-post.component.html.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-post.component.html.de-DE.i18n.data')).default }, "src/lib/taon-posts/taon-cms-post/taon-cms-post.component.ts": { "en-US": async () => (await import('./i18n/taon-cms-post.component.ts.en-US.i18n.data')).default, "pl-PL": async () => (await import('./i18n/taon-cms-post.component.ts.pl-PL.i18n.data')).default, "de-DE": async () => (await import('./i18n/taon-cms-post.component.ts.de-DE.i18n.data')).default } } as any);
 @Component({
     selector: 'taon-cms-post',
@@ -60,6 +64,7 @@ const t = Translation.for('src/lib/taon-posts/taon-cms-post/taon-cms-post.compon
     imports: [
         MatButtonModule,
         MatCheckboxModule,
+        MatCardModule,
         MatFormFieldModule,
         MatIconModule,
         MatInputModule,
@@ -71,6 +76,7 @@ const t = Translation.for('src/lib/taon-posts/taon-cms-post/taon-cms-post.compon
         MatRadioModule,
         MatSelectModule,
         TaonCmsEditableDirective,
+        NgTemplateOutlet,
     ],
     providers: [
         TaonCmsContentApiService,
@@ -80,7 +86,7 @@ const t = Translation.for('src/lib/taon-posts/taon-cms-post/taon-cms-post.compon
         TaonCmsTagApiService,
     ],
 })
-export class TaonCmsPostComponent {
+export class TaonCmsPostComponent implements AfterViewInit {
     readonly t = t.for(this);
     readonly post = input<TaonCmsContentEntity | null>(null);
     readonly mode = model<TaonCmsPostMode>('view');
@@ -88,6 +94,9 @@ export class TaonCmsPostComponent {
     readonly deleted = output<TaonCmsContentEntity>();
     readonly duplicated = output<TaonCmsContentEntity>();
     readonly cancelled = output<void>();
+    readonly actionButtonsTemplate = output<TemplateRef<unknown>>();
+    @ViewChild('actionButtonsTemplate')
+    private readonly actionButtonsTemplateRef?: TemplateRef<unknown>;
     readonly currentPost = signal<TaonCmsContentEntity | null>(null);
     readonly placeholderShortIntro = this.t.signal.gettext('A short introduction...');
     readonly placeholderTitle = this.t.signal.gettext('Title');
@@ -179,6 +188,7 @@ export class TaonCmsPostComponent {
     } | null>(null);
     private mediaPreviewRequest = 0;
     private mediaPreviewSignature = '';
+    private slugManuallySet = false;
     readonly dialogOpen = signal(false);
     readonly error = signal('');
     readonly relatedPosts = signal<TaonCmsContentEntity[]>([]);
@@ -257,6 +267,11 @@ export class TaonCmsPostComponent {
     private relatedPostsLoad?: Subscription;
     private applicationHooksLoad?: Subscription;
     private permissionsLoad?: Subscription;
+    ngAfterViewInit(): void {
+        if (this.actionButtonsTemplateRef) {
+            this.actionButtonsTemplate.emit(this.actionButtonsTemplateRef);
+        }
+    }
     constructor() {
         const editor = new Editor({
             attributes: {
@@ -301,8 +316,8 @@ export class TaonCmsPostComponent {
         });
         effect(onCleanup => {
             const key = this.thumbnailReference();
-            const slug = this.thumbnailSlug();
             const editing = this.editing();
+            const slug = editing ? '' : this.thumbnailSlug();
             const staged = this.stagedThumbnail();
             let active = true;
             onCleanup(() => {
@@ -322,7 +337,7 @@ export class TaonCmsPostComponent {
                 this.thumbnailPreviewUrl.set(placeholder);
                 return;
             }
-            if (!slug) {
+            if (!editing && !slug) {
                 return;
             }
             const load = async () => {
@@ -426,7 +441,7 @@ export class TaonCmsPostComponent {
             this.releaseThumbnailPreview();
         });
     }
-    loadTaxonomy(): void {
+    loadTaxonomy(preserveSelectedTags = false): void {
         this.taxonomyLoad?.unsubscribe();
         const session = this.editorSession;
         const postId = this.currentPost()?.id;
@@ -443,7 +458,9 @@ export class TaonCmsPostComponent {
                 if (session === this.editorSession) {
                     this.categories.set(result.categories.sort((a, b) => a.sortOrder - b.sortOrder || a.name.localeCompare(b.name)));
                     this.tags.set(result.tags);
-                    this.updateDraft('tagIds', result.tagIds);
+                    if (!preserveSelectedTags) {
+                        this.updateDraft('tagIds', result.tagIds);
+                    }
                 }
             },
             error: (error: unknown) => {
@@ -465,6 +482,58 @@ export class TaonCmsPostComponent {
             this.tagSearch.set(event.target.value);
         }
     }
+    createTaxonomy(taxonomy: 'category' | 'tag'): void {
+        if (this.busy() || this.dialogOpen()) {
+            return;
+        }
+        this.dialogOpen.set(true);
+        this.taxonomyError.set('');
+        const ref = this.dialog.open<TaonCmsTaxonomyQuickCreateDialogComponent, {
+            taxonomy: 'category' | 'tag';
+        }, {
+            name: string;
+            slug: string;
+            description: string | null;
+            parentCategoryId: number | null;
+            sortOrder: number;
+        }>(TaonCmsTaxonomyQuickCreateDialogComponent, {
+            data: { taxonomy },
+            width: '560px',
+            maxWidth: '95vw',
+            disableClose: true,
+        });
+        ref
+            .afterClosed()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(fields => {
+            if (!fields) {
+                this.dialogOpen.set(false);
+                return;
+            }
+            const request = taxonomy === 'category'
+                ? this.categoryApi.save(null, fields)
+                : this.tagApi.save(null, fields);
+            request
+                .pipe(takeUntilDestroyed(this.destroyRef), finalize(() => this.dialogOpen.set(false)))
+                .subscribe({
+                next: saved => {
+                    if (taxonomy === 'category') {
+                        this.updateDraft('categoryId', saved.id);
+                    }
+                    else {
+                        this.addTag(saved.id);
+                    }
+                    this.loadTaxonomy(true);
+                },
+                error: (error: unknown) => {
+                    console.error(`[taon-cms-post] Unable to create ${taxonomy}`, error);
+                    this.taxonomyError.set(taxonomy === 'category'
+                        ? this.t.gettext('The category could not be created. Please try again.')
+                        : this.t.gettext('The tag could not be created. Please try again.'));
+                },
+            });
+        });
+    }
     applyDefaultThumbnail(): void {
         if (!this.editing() || this.busy() || this.dialogOpen()) {
             return;
@@ -588,6 +657,49 @@ export class TaonCmsPostComponent {
             }
         });
     }
+    addAsChildOf(): void {
+        const post = this.currentPost();
+        if (!this.editing() ||
+            !post ||
+            this.busy() ||
+            this.dialogOpen() ||
+            this.relatedPostsLoading()) {
+            return;
+        }
+        this.dialogOpen.set(true);
+        const ref = this.dialog.open<TaonRelatedPostChooserComponent, TaonRelatedPostChooserData, TaonCmsContentEntity>(TaonRelatedPostChooserComponent, {
+            data: { postId: post.id, excludedIds: [] },
+            width: '560px',
+            maxWidth: '95vw',
+            disableClose: true,
+        });
+        ref
+            .afterClosed()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(parent => {
+            this.dialogOpen.set(false);
+            if (!parent || !this.currentPost()) {
+                return;
+            }
+            this.busy.set(true);
+            this.error.set('');
+            this.api
+                .addRelatedPost(parent.id, post.id, parent.version)
+                .pipe(switchMap(() => from(this.api.getById(post.id))), takeUntilDestroyed(this.destroyRef), finalize(() => this.busy.set(false)))
+                .subscribe({
+                next: refreshedPost => {
+                    this.currentPost.set(refreshedPost);
+                    this.permissionsLoad?.unsubscribe();
+                    this.permissionsLoading.set(false);
+                    this.loadPermissions();
+                },
+                error: (error: unknown) => {
+                    console.error('[taon-cms-post] Unable to make post a child', error);
+                    this.error.set(this.t.gettext('The parent post could not be changed. Please try again.'));
+                },
+            });
+        });
+    }
     removeRelatedPost(id: number): void {
         if (!this.editing() ||
             this.busy() ||
@@ -721,6 +833,18 @@ export class TaonCmsPostComponent {
         }
     }
     updateDraft<K extends keyof TaonCmsPostDraft>(field: K, value: TaonCmsPostDraft[K]): void {
+        if (field === 'title' &&
+            this.mode() === 'add' &&
+            !this.slugManuallySet &&
+            !this.draft().slug) {
+            const title = String(value);
+            this.draft.update(draft => ({
+                ...draft,
+                title,
+                slug: ___NS__kebabCase(title),
+            }));
+            return;
+        }
         this.draft.update(draft => ({ ...draft, [field]: value }));
     }
     async fileSelected(event: Event): Promise<void> {
@@ -846,6 +970,7 @@ export class TaonCmsPostComponent {
     }
     updateSlug(event: Event): void {
         if (event.target instanceof HTMLInputElement) {
+            this.slugManuallySet = true;
             this.updateDraft('slug', event.target.value);
         }
     }
@@ -1050,6 +1175,7 @@ export class TaonCmsPostComponent {
         this.mediaPreviewSignature = '';
         this.mediaPreviewRequest += 1;
         this.currentPost.set(post);
+        this.slugManuallySet = Boolean(post);
         this.relatedPosts.set(post?.relatedPosts ?? []);
         this.permissions.set(post?.permissions ?? []);
         this.permissionSource.set(null);

package/ts-source/browser-code-prod/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.de-DE.i18n.data.ts

@@ -13,6 +13,7 @@
 export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaonCmsPostDetailsPageComponentTs {
     "de-DE": {
         "": {
+            "Back to Courses"?: string;
             "Back to Posts"?: string;
         };
     };
@@ -20,9 +21,13 @@ export interface DeDeTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaon
 export default {
     "fileRelativePath": "src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts",
     "tags": [
+        {
+            "gettextString": "Back to Courses",
+            "lineNumber": 32
+        },
         {
             "gettextString": "Back to Posts",
-            "lineNumber": 23,
+            "lineNumber": 33,
             "translation": "Zurück zu den Beiträgen"
         }
     ]

package/ts-source/browser-code-prod/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.de-DE.po

@@ -4,6 +4,10 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:23
+#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:32
+msgid "Back to Courses"
+msgstr ""
+
+#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:33
 msgid "Back to Posts"
 msgstr "Zurück zu den Beiträgen"

package/ts-source/browser-code-prod/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.en-US.i18n.data.ts

@@ -13,6 +13,7 @@
 export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaonCmsPostDetailsPageComponentTs {
     "en-US": {
         "": {
+            "Back to Courses"?: string;
             "Back to Posts"?: string;
         };
     };
@@ -20,9 +21,13 @@ export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaon
 export default {
     "fileRelativePath": "src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts",
     "tags": [
+        {
+            "gettextString": "Back to Courses",
+            "lineNumber": 32
+        },
         {
             "gettextString": "Back to Posts",
-            "lineNumber": 23,
+            "lineNumber": 33,
             "translation": "Back to Posts"
         }
     ]

package/ts-source/browser-code-prod/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.en-US.po

@@ -4,6 +4,10 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:23
+#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:32
+msgid "Back to Courses"
+msgstr ""
+
+#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:33
 msgid "Back to Posts"
 msgstr "Back to Posts"

package/ts-source/browser-code-prod/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.pl-PL.i18n.data.ts

@@ -13,6 +13,7 @@
 export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaonCmsPostDetailsPageComponentTs {
     "pl-PL": {
         "": {
+            "Back to Courses"?: string;
             "Back to Posts"?: string;
         };
     };
@@ -20,9 +21,13 @@ export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsPostDetailsPageTaon
 export default {
     "fileRelativePath": "src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts",
     "tags": [
+        {
+            "gettextString": "Back to Courses",
+            "lineNumber": 32
+        },
         {
             "gettextString": "Back to Posts",
-            "lineNumber": 23,
+            "lineNumber": 33,
             "translation": "Wróć do wpisów"
         }
     ]

package/ts-source/browser-code-prod/taon-posts/taon-cms-post-details-page/i18n/taon-cms-post-details-page.component.ts.pl-PL.po

@@ -4,6 +4,10 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:23
+#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:32
+msgid "Back to Courses"
+msgstr ""
+
+#: src/lib/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts:33
 msgid "Back to Posts"
 msgstr "Wróć do wpisów"

package/ts-source/browser-code-prod/taon-posts/taon-cms-post-details-page/taon-cms-post-details-page.component.ts

@@ -11,11 +11,12 @@
  * ========================================================================== */
 
 import { AsyncPipe } from '@angular/common';
-import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { ChangeDetectionStrategy, Component, DestroyRef, TemplateRef, inject, } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
-import { ActivatedRoute, Router, RouterLink } from '@angular/router';
-import { map } from 'rxjs';
+import { ActivatedRoute, Router } from '@angular/router';
+import { combineLatest, map } from 'rxjs';
 import { Translation } from '@taon-dev/i18n/browser-prod';
+import { TaonAdminContentFooterService } from '@taon-dev/ui/browser-prod';
 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/browser-prod';
 import type { TaonCmsContentEntity } from '../../taon-cms-content/taon-cms-content.entity';
 import { TaonCmsPostComponent } from '../taon-cms-post/taon-cms-post.component';
@@ -23,20 +24,25 @@ const t = Translation.for('src/lib/taon-posts/taon-cms-post-details-page/taon-cm
 @Component({
     selector: 'taon-cms-post-details-page',
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [AsyncPipe, MatButtonModule, RouterLink, TaonCmsPostComponent],
+    imports: [AsyncPipe, MatButtonModule, TaonCmsPostComponent],
     template: `
     @if (page$ | async; as page) {
       <a
         mat-button
-        routerLink="../"
-        >{{ t.gettext('Back to Posts') }}</a
+        (click)="goBack(page.fromCourses)"
+        >{{
+          page.fromCourses
+            ? t.gettext('Back to Courses')
+            : t.gettext('Back to Posts')
+        }}</a
       >
       <taon-cms-post
         [post]="page.post"
         [mode]="page.create ? 'add' : 'view'"
         (changed)="onChanged($event, page.create)"
         (duplicated)="openPost($event)"
-        (cancelled)="onCancelled(page.create)" />
+        (cancelled)="onCancelled(page.create)"
+        (actionButtonsTemplate)="setFooterTemplate($event)" />
     }
   `,
 })
@@ -44,21 +50,58 @@ export class TaonCmsPostDetailsPageComponent {
     readonly t = t.for(this);
     private readonly route = inject(ActivatedRoute);
     private readonly router = inject(Router);
-    readonly page$ = this.route.data.pipe(map(data => ({
+    private readonly contentFooterService = inject(TaonAdminContentFooterService);
+    private readonly destroyRef = inject(DestroyRef);
+    readonly page$ = combineLatest([
+        this.route.data,
+        this.route.queryParamMap,
+    ]).pipe(map(([data, queryParams]) => ({
         create: data['createPost'] === true,
         post: (data['post'] as TaonCmsContentEntity | undefined) ?? null,
+        fromCourses: queryParams.get('postOrigin') === 'courses',
     })));
+    constructor() {
+        this.destroyRef.onDestroy(() => this.contentFooterService.setTemplate());
+    }
+    setFooterTemplate(template: TemplateRef<unknown>): void {
+        this.contentFooterService.setTemplate(template);
+    }
+    goBack(fromCourses: boolean): void {
+        void this.router
+            .navigate([fromCourses ? '../../courses' : '../'], {
+            relativeTo: this.route,
+            queryParams: { postOrigin: null },
+            queryParamsHandling: 'merge',
+        })
+            .catch(error => {
+            console.error('[taon-cms-post-details-page] Unable to navigate back', error);
+        });
+    }
     onChanged(post: TaonCmsContentEntity, create: boolean): void {
         if (create) {
             this.openPost(post);
         }
     }
     openPost(post: TaonCmsContentEntity): void {
-        void this.router.navigate(['../', post.id], { relativeTo: this.route });
+        void this.router
+            .navigate(['../', post.id], {
+            relativeTo: this.route,
+            queryParamsHandling: 'preserve',
+        })
+            .catch(error => {
+            console.error('[taon-cms-post-details-page] Unable to open post', error);
+        });
     }
     onCancelled(create: boolean): void {
         if (create) {
-            void this.router.navigate(['../'], { relativeTo: this.route });
+            void this.router
+                .navigate(['../'], {
+                relativeTo: this.route,
+                queryParamsHandling: 'preserve',
+            })
+                .catch(error => {
+                console.error('[taon-cms-post-details-page] Unable to cancel post creation', error);
+            });
         }
     }
 }

package/ts-source/browser-code-prod/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-post-table-actions.directive.ts.de-DE.i18n.data.ts

@@ -31,43 +31,47 @@ export default {
     "tags": [
         {
             "gettextString": "Actions",
-            "lineNumber": 39
+            "lineNumber": 41
         },
         {
             "gettextString": "Duplicate post",
-            "lineNumber": 46
+            "lineNumber": 48
         },
         {
             "gettextString": "Post details",
-            "lineNumber": 53
+            "lineNumber": 55
         },
         {
             "gettextString": "Delete (archive) post",
-            "lineNumber": 59
+            "lineNumber": 61
         },
         {
             "gettextString": "The Post details route is unavailable.",
-            "lineNumber": 81
+            "lineNumber": 83
+        },
+        {
+            "gettextString": "The Post details route is unavailable.",
+            "lineNumber": 102
         },
         {
             "gettextString": "The post could not be duplicated. Please try again.",
-            "lineNumber": 108
+            "lineNumber": 129
         },
         {
             "gettextString": "Delete post?",
-            "lineNumber": 123
+            "lineNumber": 144
         },
         {
             "gettextString": "This archives the post. It can be restored from its revisions.",
-            "lineNumber": 124
+            "lineNumber": 145
         },
         {
             "gettextString": "Delete",
-            "lineNumber": 127
+            "lineNumber": 148
         },
         {
             "gettextString": "The post could not be deleted. Refresh the table before retrying.",
-            "lineNumber": 153
+            "lineNumber": 174
         }
     ]
 };

package/ts-source/browser-code-prod/taon-posts/taon-cms-posts-backoffice/i18n/taon-cms-post-table-actions.directive.ts.de-DE.po

@@ -4,42 +4,43 @@ msgstr ""
 "Content-Type: text/plain; charset=UTF-8\n"
 "Content-Transfer-Encoding: 8bit\n"
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:39
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:41
 msgid "Actions"
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:46
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:48
 msgid "Duplicate post"
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:53
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:55
 msgid "Post details"
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:59
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:61
 msgid "Delete (archive) post"
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:81
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:83
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:102
 msgid "The Post details route is unavailable."
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:108
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:129
 msgid "The post could not be duplicated. Please try again."
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:123
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:144
 msgid "Delete post?"
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:124
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:145
 msgid "This archives the post. It can be restored from its revisions."
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:127
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:148
 msgid "Delete"
 msgstr ""
 
-#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:153
+#: src/lib/taon-posts/taon-cms-posts-backoffice/taon-cms-post-table-actions.directive.ts:174
 msgid "The post could not be deleted. Refresh the table before retrying."
 msgstr ""