@tager/admin-import 0.1.2 → 0.1.3

package/dist/index.esm.js

@@ -16,6 +16,7 @@ const EN = {
     status: 'status',
     message: 'Message',
     log: 'Log',
+    params: 'Params',
     file: 'file',
     newImport: 'New import',
     importCreation: 'Import creation',
@@ -36,6 +37,7 @@ const RU = {
     status: 'Статус',
     message: 'Сообщение',
     log: 'Лог',
+    params: 'Параметры',
     file: 'Файл',
     newImport: 'Новый импорт',
     importCreation: 'Создание импорта',
@@ -254,11 +256,11 @@ __vue_render__._withStripped = true;
   /* style */
   const __vue_inject_styles__ = function (inject) {
     if (!inject) return
-    inject("data-v-0a898ff6_0", { source: ".name[data-v-0a898ff6] {\n  display: inline-block;\n  width: 100px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-import/tager-admin-import/src/views/ImportList/components/CellHistory/CellHistory.vue","CellHistory.vue"],"names":[],"mappings":"AAoCA;EACA,qBAAA;EACA,YAAA;ACnCA;;AAEA,0CAA0C","file":"CellHistory.vue","sourcesContent":["<template>\n  <ul v-if=\"history.length > 0\">\n    <li v-for=\"(history, index) of history\" :key=\"index\">\n      <span class=\"name\">\n        {{ history.status }}\n      </span>\n      {{ dateTimeFormat(history.datetime) }}\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from '@vue/composition-api';\n\nimport { HistoryType } from '../../../../typings/model';\n\nimport { Props } from './CellHistory.types';\nimport { dateTimeFormat } from './CellHistory.helpers';\n\nexport default defineComponent<Props>({\n  name: 'CellHistory',\n  props: {\n    history: {\n      type: Array as PropType<HistoryType[]>,\n      default: () => [],\n    },\n  },\n  setup() {\n    return {\n      dateTimeFormat,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.name {\n  display: inline-block;\n  width: 100px;\n}\n</style>\n",".name {\n  display: inline-block;\n  width: 100px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */"]}, media: undefined });
+    inject("data-v-567e7558_0", { source: ".name[data-v-567e7558] {\n  display: inline-block;\n  width: 75px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-import/tager-admin-import/src/views/ImportList/components/CellHistory/CellHistory.vue","CellHistory.vue"],"names":[],"mappings":"AAoCA;EACA,qBAAA;EACA,WAAA;ACnCA;;AAEA,0CAA0C","file":"CellHistory.vue","sourcesContent":["<template>\n  <ul v-if=\"history.length > 0\">\n    <li v-for=\"(history, index) of history\" :key=\"index\">\n      <span class=\"name\">\n        {{ history.status }}\n      </span>\n      {{ dateTimeFormat(history.datetime) }}\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from '@vue/composition-api';\n\nimport { HistoryType } from '../../../../typings/model';\n\nimport { Props } from './CellHistory.types';\nimport { dateTimeFormat } from './CellHistory.helpers';\n\nexport default defineComponent<Props>({\n  name: 'CellHistory',\n  props: {\n    history: {\n      type: Array as PropType<HistoryType[]>,\n      default: () => [],\n    },\n  },\n  setup() {\n    return {\n      dateTimeFormat,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.name {\n  display: inline-block;\n  width: 75px;\n}\n</style>\n",".name {\n  display: inline-block;\n  width: 75px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */"]}, media: undefined });
 
   };
   /* scoped */
-  const __vue_scope_id__ = "data-v-0a898ff6";
+  const __vue_scope_id__ = "data-v-567e7558";
   /* module identifier */
   const __vue_module_identifier__ = undefined;
   /* functional template */
@@ -312,30 +314,42 @@ var script$1 = defineComponent({
                 id: 2,
                 name: t('import:type'),
                 field: 'strategy',
-                style: { width: '15%' },
-                headStyle: { width: '15%' },
+                style: { width: '150px' },
+                headStyle: { width: '150px' },
             },
             {
                 id: 3,
+                name: t('import:params'),
+                field: 'params',
+                type: 'key-value',
+                format: ({ row }) => row.params ? row.params.map((param) => {
+                    return {
+                        key: param.label,
+                        value: param.value
+                    };
+                }) : null
+            },
+            {
+                id: 4,
                 name: t('import:status'),
                 field: 'status',
-                style: { width: '15%' },
-                headStyle: { width: '15%' },
+                style: { width: '120px' },
+                headStyle: { width: '120px' },
             },
             {
-                id: 4,
+                id: 5,
                 name: t('import:message'),
                 field: 'message',
             },
             {
-                id: 5,
+                id: 6,
                 name: t('import:log'),
                 field: 'history',
-                style: { width: '25%' },
-                headStyle: { width: '25%' },
+                style: { width: '250px' },
+                headStyle: { width: '250px' },
             },
             {
-                id: 6,
+                id: 7,
                 name: t('import:file'),
                 field: 'file',
                 type: 'file',

package/dist/index.umd.js

@@ -18,6 +18,7 @@
       status: 'status',
       message: 'Message',
       log: 'Log',
+      params: 'Params',
       file: 'file',
       newImport: 'New import',
       importCreation: 'Import creation',
@@ -38,6 +39,7 @@
       status: 'Статус',
       message: 'Сообщение',
       log: 'Лог',
+      params: 'Параметры',
       file: 'Файл',
       newImport: 'Новый импорт',
       importCreation: 'Создание импорта',
@@ -256,11 +258,11 @@
     /* style */
     const __vue_inject_styles__ = function (inject) {
       if (!inject) return
-      inject("data-v-0a898ff6_0", { source: ".name[data-v-0a898ff6] {\n  display: inline-block;\n  width: 100px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-import/tager-admin-import/src/views/ImportList/components/CellHistory/CellHistory.vue","CellHistory.vue"],"names":[],"mappings":"AAoCA;EACA,qBAAA;EACA,YAAA;ACnCA;;AAEA,0CAA0C","file":"CellHistory.vue","sourcesContent":["<template>\n  <ul v-if=\"history.length > 0\">\n    <li v-for=\"(history, index) of history\" :key=\"index\">\n      <span class=\"name\">\n        {{ history.status }}\n      </span>\n      {{ dateTimeFormat(history.datetime) }}\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from '@vue/composition-api';\n\nimport { HistoryType } from '../../../../typings/model';\n\nimport { Props } from './CellHistory.types';\nimport { dateTimeFormat } from './CellHistory.helpers';\n\nexport default defineComponent<Props>({\n  name: 'CellHistory',\n  props: {\n    history: {\n      type: Array as PropType<HistoryType[]>,\n      default: () => [],\n    },\n  },\n  setup() {\n    return {\n      dateTimeFormat,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.name {\n  display: inline-block;\n  width: 100px;\n}\n</style>\n",".name {\n  display: inline-block;\n  width: 100px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */"]}, media: undefined });
+      inject("data-v-567e7558_0", { source: ".name[data-v-567e7558] {\n  display: inline-block;\n  width: 75px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-import/tager-admin-import/src/views/ImportList/components/CellHistory/CellHistory.vue","CellHistory.vue"],"names":[],"mappings":"AAoCA;EACA,qBAAA;EACA,WAAA;ACnCA;;AAEA,0CAA0C","file":"CellHistory.vue","sourcesContent":["<template>\n  <ul v-if=\"history.length > 0\">\n    <li v-for=\"(history, index) of history\" :key=\"index\">\n      <span class=\"name\">\n        {{ history.status }}\n      </span>\n      {{ dateTimeFormat(history.datetime) }}\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from '@vue/composition-api';\n\nimport { HistoryType } from '../../../../typings/model';\n\nimport { Props } from './CellHistory.types';\nimport { dateTimeFormat } from './CellHistory.helpers';\n\nexport default defineComponent<Props>({\n  name: 'CellHistory',\n  props: {\n    history: {\n      type: Array as PropType<HistoryType[]>,\n      default: () => [],\n    },\n  },\n  setup() {\n    return {\n      dateTimeFormat,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.name {\n  display: inline-block;\n  width: 75px;\n}\n</style>\n",".name {\n  display: inline-block;\n  width: 75px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */"]}, media: undefined });
 
     };
     /* scoped */
-    const __vue_scope_id__ = "data-v-0a898ff6";
+    const __vue_scope_id__ = "data-v-567e7558";
     /* module identifier */
     const __vue_module_identifier__ = undefined;
     /* functional template */
@@ -314,30 +316,42 @@
                   id: 2,
                   name: t('import:type'),
                   field: 'strategy',
-                  style: { width: '15%' },
-                  headStyle: { width: '15%' },
+                  style: { width: '150px' },
+                  headStyle: { width: '150px' },
               },
               {
                   id: 3,
+                  name: t('import:params'),
+                  field: 'params',
+                  type: 'key-value',
+                  format: ({ row }) => row.params ? row.params.map((param) => {
+                      return {
+                          key: param.label,
+                          value: param.value
+                      };
+                  }) : null
+              },
+              {
+                  id: 4,
                   name: t('import:status'),
                   field: 'status',
-                  style: { width: '15%' },
-                  headStyle: { width: '15%' },
+                  style: { width: '120px' },
+                  headStyle: { width: '120px' },
               },
               {
-                  id: 4,
+                  id: 5,
                   name: t('import:message'),
                   field: 'message',
               },
               {
-                  id: 5,
+                  id: 6,
                   name: t('import:log'),
                   field: 'history',
-                  style: { width: '25%' },
-                  headStyle: { width: '25%' },
+                  style: { width: '250px' },
+                  headStyle: { width: '250px' },
               },
               {
-                  id: 6,
+                  id: 7,
                   name: t('import:file'),
                   field: 'file',
                   type: 'file',

package/dist/locales/en.d.ts

@@ -9,6 +9,7 @@ declare const EN: {
     status: string;
     message: string;
     log: string;
+    params: string;
     file: string;
     newImport: string;
     importCreation: string;

package/dist/typings/model.d.ts

@@ -4,12 +4,17 @@ export interface HistoryType {
     readonly datetime: string;
     readonly status: string;
 }
+export interface ParamType {
+    readonly label: string;
+    readonly value: string;
+}
 export interface ImportType {
     readonly id: number;
     readonly strategy: string;
     readonly status: string;
     readonly message: string | null;
     readonly history: Array<HistoryType>;
+    readonly params: Array<ParamType> | null;
     readonly file: FileType | null;
 }
 export interface StrategyType {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tager/admin-import",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "MIT",
   "main": "dist/index.umd.js",
   "module": "dist/index.esm.js",
@@ -26,9 +26,9 @@
     "@rollup/plugin-commonjs": "^14.0.0",
     "@rollup/plugin-node-resolve": "^8.1.0",
     "@tager/admin-dynamic-field": "^0.1.18",
-    "@tager/admin-layout": "^0.5.3",
-    "@tager/admin-services": "^0.2.24",
-    "@tager/admin-ui": "^0.8.81",
+    "@tager/admin-layout": "^0.5.4",
+    "@tager/admin-services": "^0.2.26",
+    "@tager/admin-ui": "^0.8.93",
     "@types/lodash.kebabcase": "^4.1.6",
     "@types/node": "12.x",
     "@typescript-eslint/eslint-plugin": "^2.26.0",

package/src/locales/en.ts

@@ -9,6 +9,7 @@ const EN = {
   status: 'status',
   message: 'Message',
   log: 'Log',
+  params: 'Params',
   file: 'file',
   newImport: 'New import',
   importCreation: 'Import creation',

package/src/locales/ru.ts

@@ -11,6 +11,7 @@ const RU: typeof EN = {
   status: 'Статус',
   message: 'Сообщение',
   log: 'Лог',
+  params: 'Параметры',
   file: 'Файл',
   newImport: 'Новый импорт',
   importCreation: 'Создание импорта',

package/src/typings/model.ts

@@ -10,12 +10,18 @@ export interface HistoryType {
   readonly status: string;
 }
 
+export interface ParamType {
+  readonly label: string;
+  readonly value: string;
+}
+
 export interface ImportType {
   readonly id: number;
   readonly strategy: string;
   readonly status: string;
   readonly message: string | null;
   readonly history: Array<HistoryType>;
+  readonly params: Array<ParamType> | null;
   readonly file: FileType | null;
 }
 

package/src/views/ImportList/ImportList.vue

@@ -88,31 +88,43 @@ export default defineComponent({
         id: 2,
         name: t('import:type'),
         field: 'strategy',
-        style: { width: '15%' },
-        headStyle: { width: '15%' },
+        style: { width: '150px' },
+        headStyle: { width: '150px' },
       },
       {
         id: 3,
+        name: t('import:params'),
+        field: 'params',
+        type: 'key-value',
+        format: ({ row }) => row.params ? row.params.map((param) => {
+          return {
+            key: param.label,
+            value: param.value
+          };
+        }) : null
+      },
+      {
+        id: 4,
         name: t('import:status'),
         field: 'status',
-        style: { width: '15%' },
-        headStyle: { width: '15%' },
+        style: { width: '120px' },
+        headStyle: { width: '120px' },
       },
       {
-        id: 4,
+        id: 5,
         name: t('import:message'),
         field: 'message',
       },
 
       {
-        id: 5,
+        id: 6,
         name: t('import:log'),
         field: 'history',
-        style: { width: '25%' },
-        headStyle: { width: '25%' },
+        style: { width: '250px' },
+        headStyle: { width: '250px' },
       },
       {
-        id: 6,
+        id: 7,
         name: t('import:file'),
         field: 'file',
         type: 'file',

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

@@ -36,6 +36,6 @@ export default defineComponent<Props>({
 <style lang="scss" scoped>
 .name {
   display: inline-block;
-  width: 100px;
+  width: 75px;
 }
 </style>