@taon-dev/cms 21.0.24 → 21.0.27

package/full-dts/taon-posts/taon-cms-revision-chooser/i18n/taon-cms-revision-chooser.component.html.en-US.i18n.data.d.ts

@@ -7,6 +7,7 @@ export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsRevisionChooserTaon
             "Legacy revision - cannot be restored"?: string;
             "Loading revisions..."?: string;
             "No revisions are available."?: string;
+            "Post revisions"?: string;
             "Reload revisions"?: string;
             "Restore a revision"?: string;
             "Restoring replaces the post, including its status, with the selected revision."?: string;
@@ -18,10 +19,14 @@ export interface EnUsTraslationOverrideSrcLibTaonPostsTaonCmsRevisionChooserTaon
 }
 declare const _default: {
     fileRelativePath: string;
-    tags: {
+    tags: ({
         gettextString: string;
         lineNumber: number;
         translation: string;
-    }[];
+    } | {
+        gettextString: string;
+        lineNumber: number;
+        translation?: undefined;
+    })[];
 };
 export default _default;

package/full-dts/taon-posts/taon-cms-revision-chooser/i18n/taon-cms-revision-chooser.component.html.pl-PL.i18n.data.d.ts

@@ -7,6 +7,7 @@ export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsRevisionChooserTaon
             "Legacy revision - cannot be restored"?: string;
             "Loading revisions..."?: string;
             "No revisions are available."?: string;
+            "Post revisions"?: string;
             "Reload revisions"?: string;
             "Restore a revision"?: string;
             "Restoring replaces the post, including its status, with the selected revision."?: string;
@@ -18,10 +19,14 @@ export interface PlPlTraslationOverrideSrcLibTaonPostsTaonCmsRevisionChooserTaon
 }
 declare const _default: {
     fileRelativePath: string;
-    tags: {
+    tags: ({
         gettextString: string;
         lineNumber: number;
         translation: string;
-    }[];
+    } | {
+        gettextString: string;
+        lineNumber: number;
+        translation?: undefined;
+    })[];
 };
 export default _default;

package/full-dts/taon-spreadsheet-table/index.d.ts

@@ -0,0 +1,4 @@
+// @ts-nocheck
+export * from './taon-spreadsheet-table.models';
+export * from './taon-spreadsheet-table.utils';
+export * from './taon-spreadsheet-table.component';

package/full-dts/taon-spreadsheet-table/taon-spreadsheet-table.component.d.ts

@@ -0,0 +1,51 @@
+// @ts-nocheck
+import { CdkDragDrop } from '@angular/cdk/drag-drop';
+import type { TaonSpreadsheetColumn, TaonSpreadsheetColumnType, TaonSpreadsheetData } from './taon-spreadsheet-table.models';
+export declare class TaonSpreadsheetTableComponent {
+    readonly data: import("@angular/core", { with: { "resolution-mode": "import" } }).ModelSignal<TaonSpreadsheetData>;
+    readonly readOnly: import("@angular/core", { with: { "resolution-mode": "import" } }).InputSignal<boolean>;
+    readonly disabled: import("@angular/core", { with: { "resolution-mode": "import" } }).InputSignal<boolean>;
+    readonly validationError: import("@angular/core", { with: { "resolution-mode": "import" } }).ModelSignal<string>;
+    readonly view: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<"json" | "table" | "settings">;
+    readonly activeCell: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<{
+        row: number;
+        column: number;
+    }>;
+    readonly pendingImport: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<TaonSpreadsheetData>;
+    readonly importFormat: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<string>;
+    readonly importMode: import("@angular/core", { with: { "resolution-mode": "import" } }).WritableSignal<"replace" | "append">;
+    readonly columnTypes: TaonSpreadsheetColumnType[];
+    readonly jsonPreview: import("@angular/core", { with: { "resolution-mode": "import" } }).Signal<string>;
+    private readonly undoStack;
+    private readonly redoStack;
+    addColumn(): void;
+    addRow(): void;
+    deleteRow(rowIndex: number): void;
+    duplicateRow(rowIndex: number): void;
+    deleteColumn(columnIndex: number): void;
+    renameColumn(columnIndex: number, field: 'key' | 'label', value: string): void;
+    setColumnType(columnIndex: number, type: TaonSpreadsheetColumnType): void;
+    setCell(rowIndex: number, column: TaonSpreadsheetColumn, event: Event): void;
+    onCellKeydown(event: KeyboardEvent, row: number, column: number): void;
+    onCellPaste(event: ClipboardEvent, rowIndex: number, columnIndex: number): void;
+    onRowDrop(event: CdkDragDrop<TaonSpreadsheetData['rows']>): void;
+    onColumnDrop(event: CdkDragDrop<TaonSpreadsheetColumn[]>): void;
+    undo(): void;
+    redo(): void;
+    importFile(event: Event): Promise<void>;
+    applyImport(): void;
+    cancelImport(): void;
+    previewCell(row: Record<string, unknown>, column: TaonSpreadsheetColumn): string;
+    downloadJson(fullTable?: boolean): void;
+    downloadCsv(): void;
+    copyJson(): Promise<void>;
+    keyFromLabel(label: string): string;
+    setColumnWidth(columnIndex: number, value: string): void;
+    cellValue(rowIndex: number, column: TaonSpreadsheetColumn): string;
+    trackColumn(_index: number, column: TaonSpreadsheetColumn): string;
+    private clearCell;
+    private focusCell;
+    private commit;
+    private canEdit;
+    private download;
+}

package/full-dts/taon-spreadsheet-table/taon-spreadsheet-table.models.d.ts

@@ -0,0 +1,13 @@
+// @ts-nocheck
+export type TaonSpreadsheetColumnType = 'string' | 'number' | 'boolean' | 'date' | 'json';
+export interface TaonSpreadsheetColumn {
+    key: string;
+    label?: string;
+    type: TaonSpreadsheetColumnType;
+    width?: number;
+}
+export interface TaonSpreadsheetData {
+    version: 1;
+    columns: TaonSpreadsheetColumn[];
+    rows: Record<string, unknown>[];
+}

package/full-dts/taon-spreadsheet-table/taon-spreadsheet-table.utils.d.ts

@@ -0,0 +1,10 @@
+// @ts-nocheck
+import type { TaonSpreadsheetData } from './taon-spreadsheet-table.models';
+export declare const TAON_SPREADSHEET_MAX_BYTES = 10000000;
+export declare function normalizeSpreadsheetKey(header: string): string;
+export declare function validateSpreadsheetData(value: unknown): TaonSpreadsheetData;
+export declare function parseSpreadsheetDocument(body: string | null): TaonSpreadsheetData;
+export declare function importSpreadsheetJson(text: string): TaonSpreadsheetData;
+export declare function inferSpreadsheetData(rows: unknown[]): TaonSpreadsheetData;
+export declare function parseSpreadsheetCsv(text: string, delimiter?: ',' | ';' | '\t'): TaonSpreadsheetData;
+export declare function serializeSpreadsheetCsv(data: TaonSpreadsheetData): string;

package/full-dts/taon-spreadsheet-table/taon-spreadsheet-table.utils.spec.d.ts

@@ -0,0 +1,2 @@
+// @ts-nocheck
+export {};

package/html/lib/taon-cms-backoffice/taon-cms-website-features/taon-cms-website-features.component.html

@@ -0,0 +1,45 @@
+<h1>{{ t.gettext('Website Features') }}</h1>
+@if (error()) {
+  <p role="alert">{{ error() }}</p>
+  <button mat-button type="button" [disabled]="busy()" (click)="reload()">
+    {{ t.gettext('Reload features') }}
+  </button>
+}
+<p role="status" aria-live="polite">{{ feedback() }}</p>
+<ul [attr.aria-busy]="busy()">
+  @for (feature of features(); track feature.key) {
+    <li>
+      <mat-checkbox
+        [checked]="feature.enabled"
+        [disabled]="busy()"
+        [attr.aria-label]="feature.name"
+        (change)="toggle(feature, $event.checked)" />
+      <div class="feature-name">
+        <span>{{ feature.name }}</span>
+        <small>{{ feature.key }}</small>
+      </div>
+      <button mat-icon-button type="button"
+        [attr.aria-label]="t.gettext('Copy feature key')"
+        (click)="copyKey(feature.key)">
+        <mat-icon>content_copy</mat-icon>
+      </button>
+      <button mat-icon-button type="button" [disabled]="busy()"
+        [attr.aria-label]="t.gettext('Delete feature')"
+        (click)="deleteFeature(feature)">
+        <mat-icon>delete</mat-icon>
+      </button>
+    </li>
+  }
+</ul>
+<form (ngSubmit)="addFeature()">
+  <mat-form-field class="flex-grow">
+    <mat-label>{{ t.gettext('Enter feature name') }}</mat-label>
+    <input matInput name="featureName" [(ngModel)]="name"
+      [disabled]="busy() || !loaded()"
+      [placeholder]="t.gettext('Enter feature name')" />
+  </mat-form-field>
+  <button mat-flat-button type="submit" class="flex"
+    [disabled]="busy() || !loaded() || !name.trim()">
+    {{ t.gettext('Add feature') }}
+  </button>
+</form>

package/html/lib/taon-cms-comment/taon-cms-comments-backoffice/taon-cms-comments-blocked-users/taon-cms-comments-blocked-users.component.html

@@ -1,4 +1,4 @@
-<h1>{{ t.gettext('Comment-blocked users') }}</h1>
+<h1>{{ t.gettext('Users blocked from commenting') }}</h1>
 <p>{{ t.gettext('Blocking comments here does not block Session sign-in.') }}</p>
 <form (submit)="$event.preventDefault(); block()">
   <label>

package/html/lib/taon-posts/taon-cms-course-backoffice/taon-cms-course-backoffice.component.html

@@ -1,5 +1,5 @@
 <h1>{{ t.gettext('Courses') }}</h1>
-<h2 style="color: goldenrod;">{{ t.gettext('Course is just a post with related posts and thumbnail. Any non archived post can be course.') }}</h2>
+<h2 style="color: goldenrod;">{{ t.gettext('A course is a post with related posts and a thumbnail. Any post that is not archived can be a course.') }}</h2>
 <button mat-button type="button" [disabled]="loading()" (click)="reload()">
   {{ t.gettext('Reload courses') }}
 </button>

package/html/lib/taon-posts/taon-cms-post/taon-cms-post.component.html

@@ -166,6 +166,14 @@
           </button>
         }
         <section class="post-content-editor">
+          @if (draft().type === contentType.JsonTable) {
+            <taon-spreadsheet-table
+              [data]="jsonTableData()"
+              [disabled]="busy() || dialogOpen()"
+              [validationError]="jsonTableValidationError()"
+              (dataChange)="setJsonTableData($event)"
+              (validationErrorChange)="jsonTableValidationError.set($event)" />
+          } @else {
           <mat-tab-group
             [selectedIndex]="contentTab()"
             (selectedIndexChange)="setContentTab($event)"
@@ -173,8 +181,45 @@
             animationDuration="0ms">
             <mat-tab [label]="t.gettext('Editor')">
               @if (contentEditor(); as editor) {
+                <ng-template #customMenu>
+                  <button
+                    type="button"
+                    class="NgxEditor__MenuItem"
+                    title="Table"
+                    aria-label="Table actions"
+                    [disabled]="busy() || dialogOpen()"
+                    [matMenuTriggerFor]="tableMenu"
+                    [matMenuTriggerRestoreFocus]="false"
+                    (mousedown)="$event.preventDefault()">
+                    <mat-icon>table_chart</mat-icon>
+                  </button>
+
+                  <mat-menu #tableMenu="matMenu">
+                    <button
+                      mat-menu-item
+                      type="button"
+                      (click)="insertTable($event)">
+                      <mat-icon>add</mat-icon>
+                      <span>Insert table</span>
+                    </button>
+
+                    <mat-divider />
+
+                    @for (item of tableCommands; track item.label) {
+                      <button
+                        mat-menu-item
+                        type="button"
+                        [disabled]="!canRunTableCommand(item.command)"
+                        (click)="runTableCommand($event, item.command)">
+                        {{ item.label }}
+                      </button>
+                    }
+                  </mat-menu>
+                </ng-template>
+
                 <ngx-editor-menu
                   [editor]="editor"
+                  [customMenuRef]="customMenu"
                   [toolbar]="contentToolbar"
                   [disabled]="busy() || dialogOpen()" />
                 <ngx-editor
@@ -259,6 +304,7 @@
               {{ t.gettext('Post Thumbnail URL') }}
             </button>
           </mat-menu>
+          }
         </section>
         <label class="slug-field">
           <span>{{ t.gettext('URL slug') }}</span>
@@ -269,9 +315,157 @@
             (input)="updateSlug($event)"
             [placeholder]="t.gettext('my-post')" />
         </label>
+        @if (requiredSlugs.length) {
+          <mat-form-field
+            class="required-slugs-field"
+            appearance="outline">
+            <mat-label>{{ t.gettext('Required Slugs') }}</mat-label>
+            <mat-select
+              [value]="selectedRequiredSlug()"
+              [disabled]="busy() || dialogOpen()"
+              (selectionChange)="selectRequiredSlug($event.value)">
+              @for (slug of requiredSlugs; track slug) {
+                <mat-option [value]="slug">{{ slug }}</mat-option>
+              }
+            </mat-select>
+          </mat-form-field>
+        }
       </mat-tab>
       <mat-tab [label]="t.gettext('SETTINGS')">
         <div class="post-settings">
+          <mat-card class="post-setting-card">
+            <section
+              class="related-child-files"
+              aria-labelledby="related-child-files-heading">
+              <h2 id="related-child-files-heading">
+                {{ t.gettext('Create related children from files') }}
+              </h2>
+              @if (!currentPost()) {
+                <p role="note">
+                  {{
+                    t.gettext(
+                      'Please save the post before creating children.'
+                    )
+                  }}
+                </p>
+              }
+              <mat-form-field appearance="outline">
+                <mat-label>{{ t.gettext('Child title prefix') }}</mat-label>
+                <input
+                  matInput
+                  [value]="childTitlePrefix()"
+                  [disabled]="!currentPost() || busy() || dialogOpen()"
+                  (input)="updateChildTitlePrefix($event)" />
+              </mat-form-field>
+              <input
+                #relatedChildFilesInput
+                hidden
+                type="file"
+                multiple
+                [disabled]="!currentPost() || busy() || dialogOpen()"
+                (change)="relatedChildFilesSelected($event)" />
+              <button
+                mat-button
+                type="button"
+                [disabled]="!currentPost() || busy() || dialogOpen()"
+                (click)="relatedChildFilesInput.click()">
+                <mat-icon>add</mat-icon>
+                {{ t.gettext('Choose files') }}
+              </button>
+              @if (childBatchError()) {
+                <p
+                  class="error"
+                  role="alert">
+                  {{ childBatchError() }}
+                </p>
+              }
+              @if (childFiles().length) {
+                <div class="related-child-progress">
+                  <mat-progress-bar
+                    mode="determinate"
+                    [value]="childOverallProgress()"
+                    [attr.aria-label]="
+                      t.gettext('Overall child creation progress')
+                    " />
+                  <span>
+                    {{ childOverallProgress() }}%
+                    {{ t.gettext('overall progress') }}
+                  </span>
+                </div>
+                <ul>
+                  @for (file of childFiles(); track file.id; let index =
+                  $index) {
+                    <li>
+                      <div class="related-child-file">
+                        <div class="related-child-file-heading">
+                          <span>{{ file.file.name }}</span>
+                          <span>{{ childTitlePreviews()[index] }}</span>
+                        </div>
+                        <div class="related-child-file-progress">
+                          <mat-progress-bar
+                            mode="determinate"
+                            [value]="file.progress"
+                            [attr.aria-label]="
+                              t.gettext('Progress for [[ fileName ]]', {
+                                fileName: file.file.name,
+                              })
+                            " />
+                          <span>{{ file.progress }}%</span>
+                        </div>
+                        @if (file.status === 'processing') {
+                          <p role="status">{{ t.gettext('Processing...') }}</p>
+                        } @else if (file.status === 'success') {
+                          <p role="status">{{ t.gettext('Child created.') }}</p>
+                          @if (file.error) {
+                            <p
+                              class="error"
+                              role="alert">
+                              {{ file.error | json }}
+                            </p>
+                          }
+                        } @else if (file.status === 'error') {
+                          <p
+                            class="error"
+                            role="alert">
+                            {{ file.error | json }}
+                          </p>
+                        } @else {
+                          <p>{{ t.gettext('Waiting to upload.') }}</p>
+                        }
+                      </div>
+                      <button
+                        mat-icon-button
+                        type="button"
+                        [attr.aria-label]="
+                          t.gettext('Remove file [[ fileName ]]', {
+                            fileName: file.file.name,
+                          })
+                        "
+                        [disabled]="!currentPost() || busy() || dialogOpen()"
+                        (click)="removeRelatedChildFile(file.id)">
+                        <mat-icon>close</mat-icon>
+                      </button>
+                    </li>
+                  }
+                </ul>
+              }
+              <button
+                mat-flat-button
+                type="button"
+                [disabled]="!canUploadRelatedChildren()"
+                (click)="uploadAndCreateChildren()">
+                {{ t.gettext('Upload and Create Children') }}
+              </button>
+              @if (childUploadRunning()) {
+                <button
+                  mat-button
+                  type="button"
+                  (click)="cancelRelatedChildUploads()">
+                  {{ t.gettext('Cancel upload') }}
+                </button>
+              }
+            </section>
+          </mat-card>
           @if (mediaAttachment(); as media) {
             <mat-card class="post-setting-card">
               <section
@@ -283,6 +477,12 @@
                     mode="determinate"
                     [value]="uploadProgress()"
                     [attr.aria-label]="t.gettext('Media upload progress')" />
+                  <button
+                    mat-button
+                    type="button"
+                    (click)="cancelMediaUpload()">
+                    {{ t.gettext('Cancel upload') }}
+                  </button>
                 }
                 @if (draft()[media.key]; as key) {
                   @if (mediaPreviewLoading()) {
@@ -534,6 +734,7 @@
                 </p>
               } @else if (parentPost(); as parent) {
                 <p>
+                  <taon-cms-post-thumbnail [post]="parent" />
                   <a
                     href="#"
                     (click)="requestPostEditor($event, parent)">
@@ -592,10 +793,27 @@
                   {{ t.gettext('Try again') }}
                 </button>
               } @else {
-                <ul>
+                <ul
+                  cdkDropList
+                  [cdkDropListData]="relatedPosts()"
+                  [cdkDropListDisabled]="busy() || dialogOpen()"
+                  (cdkDropListDropped)="reorderRelatedPosts($event)">
                   @for (post of relatedPosts(); track post.id) {
-                    <li>
-                      <span>
+                    <li cdkDrag [cdkDragData]="post">
+                      <button
+                        mat-icon-button
+                        cdkDragHandle
+                        type="button"
+                        [disabled]="busy() || dialogOpen()"
+                        [attr.aria-label]="
+                          t.gettext('Reorder related post [[ title ]]', {
+                            title: post.title,
+                          })
+                        ">
+                        <mat-icon>drag_indicator</mat-icon>
+                      </button>
+                      <taon-cms-post-thumbnail [post]="post" />
+                      <span class="related-post-title">
                         #{{ post.id }} -
                         <a
                           href="#"
@@ -671,6 +889,7 @@
                 <h3>{{ t.gettext('Public post version') }}</h3>
                 @if (postVersionLinks().publicVersionPost; as versionPost) {
                   <p>
+                    <taon-cms-post-thumbnail [post]="versionPost" />
                     <a
                       href="#"
                       (click)="requestPostEditor($event, versionPost)">
@@ -736,6 +955,7 @@
                 <h3>{{ t.gettext('Private post version') }}</h3>
                 @if (postVersionLinks().privateVersionPost; as versionPost) {
                   <p>
+                    <taon-cms-post-thumbnail [post]="versionPost" />
                     <a
                       href="#"
                       (click)="requestPostEditor($event, versionPost)">
@@ -1025,9 +1245,16 @@
     @if (post.excerpt) {
       <p class="post-excerpt">{{ post.excerpt }}</p>
     }
-    <div
-      class="post-body"
-      [innerHTML]="resolvedBody()"></div>
+    @if (post.type === contentType.JsonTable) {
+      <taon-spreadsheet-table
+        [data]="jsonTableData()"
+        [validationError]="jsonTableValidationError()"
+        [readOnly]="true" />
+    } @else {
+      <div
+        class="post-body"
+        [innerHTML]="resolvedBody()"></div>
+    }
     @if (mediaAttachment(); as media) {
       @if (draft()[media.key]; as key) {
         @if (mediaPreviewLoading()) {
@@ -1083,7 +1310,9 @@
       }
     }
     @if (mode() === 'view-clean') {
-      <taon-cms-comments [contentId]="post.id" class="w-full" />
+      <taon-cms-comments
+        [contentId]="post.id"
+        class="w-full" />
     }
   } @else {
     <p role="status">{{ t.gettext('No post is loaded.') }}</p>