@masterteam/work-center 0.0.29 → 0.0.30

package/assets/i18n/ar.json

@@ -104,6 +104,23 @@
     "modal": {
       "cancel": "إلغاء",
       "confirmAction": "تأكيد {{ action }} لهذا العنصر."
+    },
+    "preview": {
+      "name": "الاسم",
+      "status": "الحالة",
+      "user": "المستخدم",
+      "initiationDate": "تاريخ البدء",
+      "actionDate": "تاريخ الإجراء",
+      "start": "بداية",
+      "end": "نهاية",
+      "appAction": "إجراء تطبيق",
+      "formStep": "خطوة نموذج",
+      "initial": "ابتدائية",
+      "final": "نهائية",
+      "loadFailed": "فشل تحميل معاينة العملية"
+    },
+    "actions": {
+      "loadActionsFailed": "فشل تحميل إجراءات العنصر."
     }
   }
 }

package/assets/i18n/en.json

@@ -104,6 +104,23 @@
     "modal": {
       "cancel": "Cancel",
       "confirmAction": "Confirm {{ action }} for this item."
+    },
+    "preview": {
+      "name": "Name",
+      "status": "Status",
+      "user": "User",
+      "initiationDate": "Initiation Date",
+      "actionDate": "Action Date",
+      "start": "Start",
+      "end": "End",
+      "appAction": "App Action",
+      "formStep": "Form Step",
+      "initial": "Initial",
+      "final": "Final",
+      "loadFailed": "Failed to load process preview"
+    },
+    "actions": {
+      "loadActionsFailed": "Failed to load item actions."
     }
   }
 }

package/fesm2022/masterteam-work-center.mjs

@@ -1721,16 +1721,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
 
 class WorkCenterProcessPreview {
     http = inject(HttpClient);
+    transloco = inject(TranslocoService);
     loadSub;
     requestId = input(null, ...(ngDevMode ? [{ debugName: "requestId" }] : /* istanbul ignore next */ []));
     view = input('approvals', ...(ngDevMode ? [{ debugName: "view" }] : /* istanbul ignore next */ []));
-    approvalColumns = [
-        { key: 'stepName', label: 'Name' },
-        { key: 'status', label: 'Status' },
-        { key: 'user', label: 'User', type: 'entity' },
-        { key: 'createdAt', label: 'Initiation Date', type: 'entity' },
-        { key: 'actionDate', label: 'Action Date', type: 'entity' },
-    ];
+    approvalColumns = computed(() => [
+        {
+            key: 'stepName',
+            label: this.transloco.translate('workCenter.preview.name'),
+        },
+        {
+            key: 'status',
+            label: this.transloco.translate('workCenter.preview.status'),
+        },
+        {
+            key: 'user',
+            label: this.transloco.translate('workCenter.preview.user'),
+            type: 'entity',
+        },
+        {
+            key: 'createdAt',
+            label: this.transloco.translate('workCenter.preview.initiationDate'),
+            type: 'entity',
+        },
+        {
+            key: 'actionDate',
+            label: this.transloco.translate('workCenter.preview.actionDate'),
+            type: 'entity',
+        },
+    ], ...(ngDevMode ? [{ debugName: "approvalColumns" }] : /* istanbul ignore next */ []));
     loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
     error = signal(null, ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
     preview = signal(null, ...(ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []));
@@ -1764,13 +1783,17 @@ class WorkCenterProcessPreview {
                         ? 'map.flag-04'
                         : 'file.clipboard-check',
             subtitle: step.isInitial
-                ? 'Start'
+                ? this.transloco.translate('workCenter.preview.start')
                 : step.isFinal
-                    ? 'End'
+                    ? this.transloco.translate('workCenter.preview.end')
                     : isAppAction
-                        ? 'App Action'
-                        : 'Form Step',
-            badge: step.isInitial ? 'Initial' : step.isFinal ? 'Final' : null,
+                        ? this.transloco.translate('workCenter.preview.appAction')
+                        : this.transloco.translate('workCenter.preview.formStep'),
+            badge: step.isInitial
+                ? this.transloco.translate('workCenter.preview.initial')
+                : step.isFinal
+                    ? this.transloco.translate('workCenter.preview.final')
+                    : null,
             status: step.status ?? null,
             style: isAppAction ? 'icon' : 'detail',
         };
@@ -1824,16 +1847,16 @@ class WorkCenterProcessPreview {
                 this.preview.set(null);
                 this.error.set(error?.error?.message ??
                     error?.message ??
-                    'Failed to load process preview');
+                    this.transloco.translate('workCenter.preview.loadFailed'));
             },
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessPreview, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessPreview, isStandalone: true, selector: "mt-work-center-process-preview", inputs: { requestId: { classPropertyName: "requestId", publicName: "requestId", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!canRenderPreview()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else if (loading()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-red-600\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <div\r\n        class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n      >\r\n        <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <mt-table\r\n      [data]=\"approvalRows()\"\r\n      [columns]=\"approvalColumns\"\r\n      storageKey=\"work-center-process-preview-table\"\r\n      [showFilters]=\"false\"\r\n      [generalSearch]=\"false\"\r\n      [clickableRows]=\"false\"\r\n    />\r\n  } @else {\r\n    <div\r\n      class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n    >\r\n      <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "exportable", "printable", "groupable", "cellClickFilter", "freezeActions", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange"] }, { kind: "component", type: StructureBuilder, selector: "mt-structure-builder", inputs: ["availableNodes", "availableNodesLabel", "nodeForm", "nodeDialogFooterConfig", "connectionForm", "connectionFormulaSchemaId", "connectionFormulaConfig", "nodeActions", "nodeFields", "isAutoLayout", "readonly", "structureMode", "nodeStyle", "addModalType", "updateModalType", "addModalStyleClass", "updateModalStyleClass", "addModalHeader", "updateModalHeader", "appendTo", "availableTabsClass", "layoutDirection", "nodes", "connections", "nodeTemplate"], outputs: ["nodeActionsEvent", "action", "nodesChange", "connectionsChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: WorkCenterProcessPreview, isStandalone: true, selector: "mt-work-center-process-preview", inputs: { requestId: { classPropertyName: "requestId", publicName: "requestId", isSignal: true, isRequired: false, transformFunction: null }, view: { classPropertyName: "view", publicName: "view", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (!canRenderPreview()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else if (loading()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-red-600\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <div\r\n        class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n      >\r\n        <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <mt-table\r\n      [data]=\"approvalRows()\"\r\n      [columns]=\"approvalColumns()\"\r\n      storageKey=\"work-center-process-preview-table\"\r\n      [showFilters]=\"false\"\r\n      [generalSearch]=\"false\"\r\n      [clickableRows]=\"false\"\r\n    />\r\n  } @else {\r\n    <div\r\n      class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n    >\r\n      <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: Table, selector: "mt-table", inputs: ["filters", "data", "columns", "rowActions", "size", "showGridlines", "stripedRows", "selectableRows", "clickableRows", "generalSearch", "lazyLocalSearch", "showFilters", "filterMode", "loading", "updating", "lazy", "lazyLocalSort", "lazyTotalRecords", "reorderableColumns", "reorderableRows", "dataKey", "storageKey", "storageMode", "exportable", "printable", "groupable", "cellClickFilter", "freezeActions", "printTitle", "exportFilename", "actionShape", "rowActionsLoadingFn", "tableLayout", "noCard", "tabs", "tabsOptionLabel", "tabsOptionValue", "activeTab", "actions", "paginatorPosition", "alwaysShowPaginator", "rowsPerPageOptions", "pageSize", "currentPage", "first", "filterTerm", "groupBy"], outputs: ["selectionChange", "cellChange", "lazyLoad", "columnReorder", "rowReorder", "rowClick", "rowActionsRequested", "filtersChange", "activeTabChange", "onTabChange", "pageSizeChange", "currentPageChange", "firstChange", "filterTermChange", "groupByChange"] }, { kind: "component", type: StructureBuilder, selector: "mt-structure-builder", inputs: ["availableNodes", "availableNodesLabel", "nodeForm", "nodeDialogFooterConfig", "connectionForm", "connectionFormulaSchemaId", "connectionFormulaConfig", "nodeActions", "nodeFields", "isAutoLayout", "readonly", "structureMode", "nodeStyle", "addModalType", "updateModalType", "addModalStyleClass", "updateModalStyleClass", "addModalHeader", "updateModalHeader", "appendTo", "availableTabsClass", "layoutDirection", "nodes", "connections", "nodeTemplate"], outputs: ["nodeActionsEvent", "action", "nodesChange", "connectionsChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: WorkCenterProcessPreview, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-work-center-process-preview', standalone: true, imports: [CommonModule, Table, StructureBuilder], template: "@if (!canRenderPreview()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else if (loading()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-red-600\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <div\r\n        class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n      >\r\n        <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <mt-table\r\n      [data]=\"approvalRows()\"\r\n      [columns]=\"approvalColumns\"\r\n      storageKey=\"work-center-process-preview-table\"\r\n      [showFilters]=\"false\"\r\n      [generalSearch]=\"false\"\r\n      [clickableRows]=\"false\"\r\n    />\r\n  } @else {\r\n    <div\r\n      class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n    >\r\n      <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n" }]
+            args: [{ selector: 'mt-work-center-process-preview', standalone: true, imports: [CommonModule, Table, StructureBuilder], template: "@if (!canRenderPreview()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n      Process preview is not available for this item yet.\r\n    </p>\r\n  </div>\r\n} @else if (loading()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n  >\r\n    <p class=\"text-sm text-surface-500\">Loading process preview...</p>\r\n  </div>\r\n} @else if (error()) {\r\n  <div\r\n    class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-red-300 bg-red-50 p-6\"\r\n  >\r\n    <p class=\"max-w-md text-center text-sm text-red-600\">{{ error() }}</p>\r\n  </div>\r\n} @else {\r\n  @if (view() === \"schema\") {\r\n    @if (hasSchema()) {\r\n      <div class=\"h-[70vh] overflow-hidden\">\r\n        <mt-structure-builder\r\n          class=\"h-full\"\r\n          [layoutDirection]=\"'LR'\"\r\n          [readonly]=\"true\"\r\n          [structureMode]=\"'workflow'\"\r\n          [nodeFields]=\"previewNodeFields\"\r\n          [nodes]=\"schemaNodes()\"\r\n          [connections]=\"schemaConnections()\"\r\n        />\r\n      </div>\r\n    } @else {\r\n      <div\r\n        class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n      >\r\n        <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n          Process steps are not available for this item yet.\r\n        </p>\r\n      </div>\r\n    }\r\n  } @else if (hasApprovals()) {\r\n    <mt-table\r\n      [data]=\"approvalRows()\"\r\n      [columns]=\"approvalColumns()\"\r\n      storageKey=\"work-center-process-preview-table\"\r\n      [showFilters]=\"false\"\r\n      [generalSearch]=\"false\"\r\n      [clickableRows]=\"false\"\r\n    />\r\n  } @else {\r\n    <div\r\n      class=\"flex min-h-[22rem] items-center justify-center rounded-lg border border-dashed border-surface-300 bg-surface-50 p-6\"\r\n    >\r\n      <p class=\"max-w-md text-center text-sm text-surface-500\">\r\n        Process approvals data is not available for this item yet.\r\n      </p>\r\n    </div>\r\n  }\r\n}\r\n" }]
         }], ctorParameters: () => [], propDecorators: { requestId: [{ type: i0.Input, args: [{ isSignal: true, alias: "requestId", required: false }] }], view: [{ type: i0.Input, args: [{ isSignal: true, alias: "view", required: false }] }] } });
 function buildEntity(name, viewType, value) {
     return {
@@ -2046,6 +2069,7 @@ class WorkCenterItemModalFooterActions {
     http = inject(HttpClient);
     runner = inject(RuntimeActionRunner);
     actionContext = inject(RuntimeActionContextStore);
+    transloco = inject(TranslocoService);
     loadSub;
     lastContextKey = null;
     currentExecution = null;
@@ -2153,7 +2177,7 @@ class WorkCenterItemModalFooterActions {
             if (response.code === 1) {
                 return response.data.actions ?? [];
             }
-            throw new Error(resolveEnvelopeErrorMessage(response, 'Failed to load item actions.'));
+            throw new Error(resolveEnvelopeErrorMessage(response, this.transloco.translate('workCenter.actions.loadActionsFailed')));
         }))
             .subscribe({
             next: (actions) => {
@@ -2165,7 +2189,7 @@ class WorkCenterItemModalFooterActions {
                 this.actions.set([]);
                 this.loading.set(false);
                 this.hasResolvedLoad.set(true);
-                this.error.set(resolveHttpErrorMessage(error, 'Failed to load item actions.'));
+                this.error.set(resolveHttpErrorMessage(error, this.transloco.translate('workCenter.actions.loadActionsFailed')));
             },
         });
     }