@tager/admin-export 1.0.3 → 1.0.5

package/dist/index.mjs

@@ -13,10 +13,10 @@ const EN = {
   type: "Type",
   params: "Params",
   exportType: "Export type",
-  status: "status",
+  status: "Status",
   message: "Message",
   log: "Log",
-  file: "file",
+  file: "File",
   newExport: "New export",
   exportCreation: "Export creation",
   success: "Success",
@@ -27,7 +27,11 @@ const EN = {
   format: "Format",
   delimiter: "Delimiter",
   comma: "Comma",
-  semicolon: "Semicolon"
+  semicolon: "Semicolon",
+  statusCreated: "Created",
+  statusInProgress: "In Progress",
+  statusCompleted: "Completed",
+  statusFailure: "Failed"
 };
 const RU = {
   home: "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
@@ -51,7 +55,11 @@ const RU = {
   format: "\u0424\u043E\u0440\u043C\u0430\u0442",
   delimiter: "\u0420\u0430\u0437\u0434\u0435\u043B\u0438\u0442\u0435\u043B\u044C",
   comma: "\u0417\u0430\u043F\u044F\u0442\u0430\u044F",
-  semicolon: "\u0422\u043E\u0447\u043A\u0430 \u0441 \u0437\u0430\u043F\u044F\u0442\u043E\u0439"
+  semicolon: "\u0422\u043E\u0447\u043A\u0430 \u0441 \u0437\u0430\u043F\u044F\u0442\u043E\u0439",
+  statusCreated: "\u0421\u043E\u0437\u0434\u0430\u043D",
+  statusInProgress: "\u0412 \u043F\u0440\u043E\u0446\u0435\u0441\u0441\u0435",
+  statusCompleted: "\u0417\u0430\u0432\u0435\u0440\u0448\u0435\u043D",
+  statusFailure: "\u041E\u0448\u0438\u0431\u043A\u0430"
 };
 function applyTranslations() {
   i18n.addTranslations("en", "export", EN);
@@ -87,6 +95,20 @@ function dateTimeFormat(value) {
     second: "numeric"
   }).format(date);
 }
+function getExportStatusLabel(status, t) {
+  switch (status) {
+    case "CREATED":
+      return t("export:statusCreated");
+    case "IN_PROGRESS":
+      return t("export:statusInProgress");
+    case "COMPLETED":
+      return t("export:statusCompleted");
+    case "FAILURE":
+      return t("export:statusFailure");
+    default:
+      return "Unknown";
+  }
+}
 var CellHistory_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -105,7 +127,8 @@ const _sfc_main$2 = defineComponent({
   },
   setup() {
     return {
-      dateTimeFormat
+      dateTimeFormat,
+      getExportStatusLabel
     };
   }
 });
@@ -115,13 +138,13 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.history.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_1$1, [
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.history, (history, index) => {
       return openBlock(), createElementBlock("li", { key: index }, [
-        createElementVNode("span", _hoisted_2, toDisplayString(history.status), 1),
+        createElementVNode("span", _hoisted_2, toDisplayString(_ctx.getExportStatusLabel(history.status, _ctx.$i18n.t)), 1),
         createTextVNode(" " + toDisplayString(_ctx.dateTimeFormat(history.datetime)), 1)
       ]);
     }), 128))
   ])) : createCommentVNode("", true);
 }
-var CellHistory = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-82dd6750"]]);
+var CellHistory = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-2c813c30"]]);
 const _sfc_main$1 = defineComponent({
   name: "ExportList",
   components: {
@@ -164,7 +187,8 @@ const _sfc_main$1 = defineComponent({
         id: 2,
         name: t("export:status"),
         field: "status",
-        width: "120px"
+        width: "120px",
+        format: ({ row }) => getExportStatusLabel(row.status, t)
       },
       {
         id: 3,
@@ -208,7 +232,13 @@ const _sfc_main$1 = defineComponent({
         name: t("export:file"),
         field: "file",
         type: "file",
-        width: "100px"
+        width: "100px",
+        style: {
+          textAlign: "center"
+        },
+        headStyle: {
+          textAlign: "center"
+        }
       }
     ];
     return {

package/dist/locales/en.d.ts

@@ -21,4 +21,8 @@ export declare const EN: {
     delimiter: string;
     comma: string;
     semicolon: string;
+    statusCreated: string;
+    statusInProgress: string;
+    statusCompleted: string;
+    statusFailure: string;
 };

package/dist/style.css

@@ -1 +1 @@
-.name[data-v-82dd6750]{display:inline-block;width:100px}.field[data-v-559849fa]{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px}
+.name[data-v-2c813c30]{display:inline-block;width:100px}.field[data-v-559849fa]{display:grid;grid-template-columns:repeat(2,1fr);column-gap:20px}

package/dist/typings/model.d.ts

@@ -1,13 +1,14 @@
 import { FileType } from '@tager/admin-services';
 import { FieldConfigUnion, FieldShortType, OutgoingValueUnion } from '@tager/admin-dynamic-field';
+export declare type ExportStatus = 'CREATED' | 'IN_PROGRESS' | 'COMPLETED' | 'FAILURE';
 export interface HistoryType {
     readonly datetime: string;
-    readonly status: string;
+    readonly status: ExportStatus;
 }
 export interface ExportType {
     readonly id: number;
     readonly strategy: string;
-    readonly status: string;
+    readonly status: ExportStatus;
     readonly message: string | null;
     readonly history: Array<HistoryType>;
     readonly file: FileType | null;

package/dist/views/ExportList/ExportList.helpers.d.ts

@@ -0,0 +1,3 @@
+import { TranslateFunction } from '@tager/admin-services';
+import { ExportStatus } from '../../typings/model';
+export declare function getExportStatusLabel(status: ExportStatus, t: TranslateFunction): string;

package/dist/views/ExportList/components/CellHistory/CellHistory.vue.d.ts

@@ -1,6 +1,7 @@
-import { PropType } from "vue";
+import { PropType } from 'vue';
+import { HistoryType } from '../../../../typings/model';
 import { dateTimeFormat } from './CellHistory.helpers';
-import { HistoryType } from "../../../../typings/model";
+import { getExportStatusLabel } from "../../ExportList.helpers";
 declare const _default: import("vue").DefineComponent<{
     history: {
         type: PropType<HistoryType[]>;
@@ -8,6 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dateTimeFormat: typeof dateTimeFormat;
+    getExportStatusLabel: typeof getExportStatusLabel;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     history: {
         type: PropType<HistoryType[]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tager/admin-export",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "license": "MIT",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",

package/src/locales/en.ts

@@ -6,10 +6,10 @@ export const EN = {
   type: 'Type',
   params: 'Params',
   exportType: 'Export type',
-  status: 'status',
+  status: 'Status',
   message: 'Message',
   log: 'Log',
-  file: 'file',
+  file: 'File',
   newExport: 'New export',
   exportCreation: 'Export creation',
   success: 'Success',
@@ -21,4 +21,9 @@ export const EN = {
   delimiter: 'Delimiter',
   comma: 'Comma',
   semicolon: 'Semicolon',
+
+  statusCreated: 'Created',
+  statusInProgress: 'In Progress',
+  statusCompleted: 'Completed',
+  statusFailure: 'Failed',
 };

package/src/locales/ru.ts

@@ -23,4 +23,9 @@ export const RU: typeof EN = {
   delimiter: 'Разделитель',
   comma: 'Запятая',
   semicolon: 'Точка с запятой',
+
+  statusCreated: 'Создан',
+  statusInProgress: 'В процессе',
+  statusCompleted: 'Завершен',
+  statusFailure: 'Ошибка',
 };

package/src/typings/model.ts

@@ -5,15 +5,17 @@ import {
   OutgoingValueUnion,
 } from '@tager/admin-dynamic-field';
 
+export type ExportStatus = 'CREATED' | 'IN_PROGRESS' | 'COMPLETED' | 'FAILURE';
+
 export interface HistoryType {
   readonly datetime: string;
-  readonly status: string;
+  readonly status: ExportStatus;
 }
 
 export interface ExportType {
   readonly id: number;
   readonly strategy: string;
-  readonly status: string;
+  readonly status: ExportStatus;
   readonly message: string | null;
   readonly history: Array<HistoryType>;
   readonly file: FileType | null;

package/src/views/ExportList/ExportList.helpers.ts

@@ -0,0 +1,21 @@
+import { TranslateFunction } from '@tager/admin-services';
+
+import { ExportStatus } from '../../typings/model';
+
+export function getExportStatusLabel(
+  status: ExportStatus,
+  t: TranslateFunction
+): string {
+  switch (status) {
+    case 'CREATED':
+      return t('export:statusCreated');
+    case 'IN_PROGRESS':
+      return t('export:statusInProgress');
+    case 'COMPLETED':
+      return t('export:statusCompleted');
+    case 'FAILURE':
+      return t('export:statusFailure');
+    default:
+      return 'Unknown';
+  }
+}

package/src/views/ExportList/ExportList.vue

@@ -45,6 +45,7 @@ import { ExportType } from '../../typings/model';
 import { getExportFormUrl } from '../../utils/paths';
 
 import { CellHistory } from './components/CellHistory';
+import { getExportStatusLabel } from './ExportList.helpers';
 
 export default defineComponent({
   name: 'ExportList',
@@ -93,6 +94,7 @@ export default defineComponent({
         name: t('export:status'),
         field: 'status',
         width: '120px',
+        format: ({row}) => getExportStatusLabel(row.status, t)
       },
       {
         id: 3,
@@ -139,6 +141,12 @@ export default defineComponent({
         field: 'file',
         type: 'file',
         width: '100px',
+        style:{
+          textAlign: 'center'
+        },
+        headStyle:{
+          textAlign: 'center'
+        }
       },
     ];
 

package/src/views/ExportList/components/CellHistory/CellHistory.vue

@@ -2,7 +2,7 @@
   <ul v-if="history.length > 0">
     <li v-for="(history, index) of history" :key="index">
       <span class="name">
-        {{ history.status }}
+        {{ getExportStatusLabel(history.status, $i18n.t) }}
       </span>
       {{ dateTimeFormat(history.datetime) }}
     </li>
@@ -10,12 +10,16 @@
 </template>
 
 <script lang="ts">
-import {defineComponent, PropType} from "vue";
-import {dateTimeFormat} from './CellHistory.helpers';
-import {HistoryType} from "../../../../typings/model";
+import { defineComponent, PropType } from 'vue';
+
+import { HistoryType } from '../../../../typings/model';
+
+import { dateTimeFormat } from './CellHistory.helpers';
+import { getExportStatusLabel } from "../../ExportList.helpers";
 
 export default defineComponent({
   name: 'CellHistory',
+
   props: {
     history: {
       type: Array as PropType<HistoryType[]>,
@@ -25,6 +29,7 @@ export default defineComponent({
   setup() {
     return {
       dateTimeFormat,
+      getExportStatusLabel,
     };
   },
 });