bfg-common 1.4.706 → 1.4.708

package/components/common/pages/tasks/table/lib/config/config.ts

@@ -0,0 +1,268 @@
+import type {
+  UI_I_DataTableBody,
+  UI_I_DataTableOptions,
+  UI_I_DataTableHeader,
+} from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
+import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_TaskItem } from '~/lib/models/store/tasks/interfaces'
+import { UI_E_RecentTaskStatus } from '~/lib/models/store/tasks/enums'
+import {
+  UI_E_RTaskChipColor,
+  UI_E_RTaskStatusIcon,
+} from '~/components/common/pages/tasks/table/lib/models/enums'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_T_ProcuratorTypeNodes } from '~/lib/models/types'
+import * as taskConfig from '~/components/templates/tasks/lib/config/taskConfig' // url из ( sphere, procurator )
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'task_name',
+    text: localization.tasks.taskName,
+    isSortable: true,
+    sort: 'asc',
+    sortColumn: true,
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col1',
+    colName: 'target',
+    text: localization.common.target,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col2',
+    colName: 'status',
+    text: localization.common.status,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col3',
+    colName: 'details',
+    text: localization.common.details,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col4',
+    colName: 'initiator',
+    text: localization.common.initiator,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col5',
+    colName: 'queued_for',
+    text: localization.common.queuedFor,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col6',
+    colName: 'start_time',
+    text: localization.common.startTime,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col7',
+    colName: 'completion_time',
+    text: localization.common.completionTime,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col8',
+    colName: 'execution_time',
+    text: localization.common.executionTime,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col9',
+    colName: 'server',
+    text: localization.common.server,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col10',
+    colName: 'zone',
+    text: localization.common.zone,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+]
+
+export const getTargetActionsFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): UI_I_Dropdown[] => {
+  const actions: UI_I_Dropdown[] = [
+    {
+      value: 'view-target',
+      text: localization.common.viewTarget,
+      iconName: 'hide',
+      selected: false,
+    },
+  ]
+
+  if (project === 'sphere') {
+    actions.push({
+      value: 'view-zone',
+      text: localization.common.viewZone,
+      iconName: 'hide',
+      selected: false,
+    })
+  }
+
+  return actions
+}
+
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [
+    { text: '10', value: 10 },
+    { text: '50', value: 50 },
+    { text: '100', value: 100, default: true },
+  ],
+  isSelectable: true,
+  isFocusable: false,
+  showPagination: true,
+  showPaginationOnTop: true,
+  showPageInfo: true,
+  isSortable: true,
+  server: true,
+  isResizable: true,
+  showSearch: false,
+  showSelectedRows: true,
+  showColumnManager: true,
+  withActions: true,
+  inBlock: true,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_TaskItem<UI_T_ProcuratorTypeNodes>[],
+  localization: UI_I_Localization
+): UI_I_DataTableBody[] => {
+  const { $formattedDatetime } = useNuxtApp() as any
+
+  return bodyData.map((task, index: number) => {
+    const iconClassName = taskConfig.iconFunc(task.targetType)
+    const id = taskConfig.idFunc(task)
+    const nav = taskConfig.navFunc(task.targetType)
+    const type = taskConfig.typeFunc(task.targetType)
+
+    const targetData = {
+      id,
+      nav,
+      type,
+      icon: iconClassName,
+      isLink: !!iconClassName,
+      testId: `${task.targetType}-item`,
+    }
+
+    const statusData = {
+      icon: UI_E_RTaskStatusIcon[task.status],
+      chipColor: UI_E_RTaskChipColor[task.status],
+      error: task.error,
+      testId: `${task.taskName}-progress`,
+    }
+
+    const zoneNodeParams = taskConfig.zoneNodeFunc(task, nav)
+    const zoneData = {
+      ...zoneNodeParams,
+      nav,
+      icon: 'vsphere-icon-vcenter',
+      type: 'zone',
+      testId: `${task.targetType}-zone`,
+    }
+
+    const formattedStartTime =
+      task.startTime === '--'
+        ? '--'
+        : $formattedDatetime(+task.startTime * 1000, '', true)
+
+    const formattedCompletionTime =
+      task.completion === '--'
+        ? '--'
+        : $formattedDatetime(+task.completion * 1000, '', true)
+
+    return {
+      row: index,
+      collapse: true,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      data: [
+        { col: 'col0', text: task.taskName },
+        {
+          key: 'icon',
+          col: 'col1',
+          text: task.target,
+          data: targetData,
+        },
+        {
+          key: 'status',
+          col: 'col2',
+          text: localization.common[UI_E_RecentTaskStatus[task.status]],
+          data: statusData,
+        },
+        { col: 'col3', text: task.details || '--' },
+        { col: 'col4', text: task.initiator },
+        { col: 'col5', text: `${task.queuedFor} ms` },
+        { col: 'col6', text: formattedStartTime },
+        { col: 'col7', text: formattedCompletionTime },
+        { col: 'col8', text: `${task.execution} ms` },
+        { col: 'col9', text: task.server },
+        {
+          key: 'icon',
+          col: 'col10',
+          text: task.zone,
+          data: zoneData,
+        },
+        {
+          key: 'default-actions',
+          col: 'default-actions',
+          text: '',
+          data: { id: index, target: targetData },
+        },
+      ],
+    }
+  })
+}

package/components/common/pages/tasks/table/lib/models/enums.ts

@@ -0,0 +1,13 @@
+export enum UI_E_RTaskChipColor {
+  'default',
+  'primary',
+  'green',
+  'red',
+}
+
+export enum UI_E_RTaskStatusIcon {
+  'help-icon',
+  'running-icon',
+  'status-check',
+  'error-outline',
+}

package/lib/models/store/tasks/interfaces.ts

@@ -14,10 +14,12 @@ export interface UI_I_RTaskQuery {
 }
 
 export interface API_UI_I_RTaskExtra {
-  created_objects: {
-    created_id: string
-    created_name: string
-  }[] | {}
+  created_objects:
+    | {
+        created_id: string
+        created_name: string
+      }[]
+    | {}
 }
 export interface API_UI_I_RTaskGroupExtra {
   task_group_extra: {
@@ -97,7 +99,7 @@ export interface API_UI_I_TaskItem<T, E = any> {
   args?: string // base64
 }
 
-export interface UI_I_TaskItem<T> {
+export interface UI_I_TaskItem<T, E = any> {
   relatedEvents: any
   completion: number | string
   queuedFor: number
@@ -115,6 +117,8 @@ export interface UI_I_TaskItem<T> {
   taskName: string
   id: string
   zone: string
+  extra: E
+  args: string // base64
 }
 
 export interface API_UI_I_Task<T>

package/lib/models/table/interfaces.ts

@@ -1,4 +1,22 @@
 import type { UI_T_Schema } from '~/lib/models/table/types'
+import type { UI_T_NavNodes, UI_T_Project } from '~/lib/models/types'
+import type {
+  UI_T_ProcuratorTypeNodes,
+  UI_T_SphereTypeNodes,
+} from '~/lib/models/types'
+
+export interface UI_I_TableTarget<T extends UI_T_Project> {
+  id: string
+  nav: UI_T_NavNodes
+  type: T extends 'sphere'
+    ? UI_T_SphereTypeNodes
+    : T extends 'procurator'
+    ? UI_T_ProcuratorTypeNodes
+    : never
+  icon: string
+  isLink: boolean
+  testId: string
+}
 
 export interface API_UI_I_DataTable<T> {
   total_items: number

package/lib/models/types.ts

@@ -43,3 +43,13 @@ export type UI_T_LanguageKey =
   | 'inventory'
   | 'inventoryMonitor'
   | 'inventoryTabs'
+
+export type UI_T_ProcuratorTypeNodes =
+  | 'host'
+  | 'vm'
+  | 'datastore'
+  | 'network'
+  | 'folder'
+  | 'file'
+
+export type UI_T_SphereTypeNodes = UI_T_ProcuratorTypeNodes // TODO добавить осталиные типи те что исползуется в сфере

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.4.706",
+  "version": "1.4.708",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",

package/store/tasks/mappers/tasks.ts

@@ -17,6 +17,8 @@ export const tasksConstructor = (
       return {
         // relatedEvents: task?.RelatedEvents || '',
         relatedEvents: '',
+        args: task?.args || '',
+        extra: task?.extra || '',
         completion: task.completion || '--',
         queuedFor: task.start_time - task.creation_time,
         execution: Math.abs(task.start_time - task.completion),