bfg-common 1.5.711 → 1.5.713

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

@@ -1,270 +1,279 @@
-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_T_Project, UI_T_ProcuratorTypeNodes } from '~/lib/models/types'
-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 * 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',
-    width: '248px',
-    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: false,
-    sort: 'asc',
-    width: '180px',
-    show: true,
-    filter: true,
-  },
-  {
-    col: 'col6',
-    colName: 'start_time',
-    text: localization.common.startTime,
-    isSortable: false,
-    sort: 'asc',
-    width: '208px',
-    show: true,
-    filter: true,
-  },
-  {
-    col: 'col7',
-    colName: 'completion',
-    text: localization.common.completionTime,
-    isSortable: true,
-    sort: 'asc',
-    width: '208px',
-    show: true,
-    filter: true,
-  },
-  {
-    col: 'col8',
-    colName: 'execution_time',
-    text: localization.common.executionTime,
-    isSortable: false,
-    sort: 'asc',
-    width: '180px',
-    show: true,
-    filter: true,
-  },
-  {
-    col: 'col9',
-    colName: 'server',
-    text: localization.common.server,
-    isSortable: true,
-    sort: 'asc',
-    width: '400px',
-    show: true,
-    filter: true,
-  },
-  {
-    col: 'col10',
-    colName: 'zone',
-    text: localization.common.zone,
-    isSortable: true,
-    sort: 'asc',
-    width: '144px',
-    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: '25', value: 25 },
-    { 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,
-  showExport: true,
-  withCollapse: true,
-}
-
-export const getBodyDataFunc = (
-  bodyData: UI_I_TaskItem<UI_T_ProcuratorTypeNodes>[],
-  localization: UI_I_Localization,
-  project: UI_T_Project
-): 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.replaceAll(/[\s.]/g, '-')}-${index}-status`,
-    }
-
-    const zoneData = {
-      id: task?.zoneId || '',
-      isLink: project === 'sphere',
-      nav,
-      icon: 'vsphere-icon-vcenter',
-      type: 'zone',
-      testId: `${task.targetType}-zone`,
-    }
-
-    const formattedStartTime =
-      task.startTime === '--'
-        ? '--'
-        : $formattedDatetime(+task.startTime * 1000, { hasSeconds: true })
-
-    const formattedCompletionTime =
-      task.completion === '--'
-        ? '--'
-        : $formattedDatetime(+task.completion * 1000, { hasSeconds: 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 },
-        },
-      ],
-    }
-  })
-}
+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_T_Project,
+  UI_T_ProcuratorTypeNodes,
+  UI_T_LangValue,
+} from '~/lib/models/types'
+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'
+// TODO fix
+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',
+    width: '248px',
+    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: false,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col6',
+    colName: 'start_time',
+    text: localization.common.startTime,
+    isSortable: false,
+    sort: 'asc',
+    width: '208px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col7',
+    colName: 'completion',
+    text: localization.common.completionTime,
+    isSortable: true,
+    sort: 'asc',
+    width: '208px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col8',
+    colName: 'execution_time',
+    text: localization.common.executionTime,
+    isSortable: false,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col9',
+    colName: 'server',
+    text: localization.common.server,
+    isSortable: true,
+    sort: 'asc',
+    width: '400px',
+    show: true,
+    filter: true,
+  },
+  {
+    col: 'col10',
+    colName: 'zone',
+    text: localization.common.zone,
+    isSortable: true,
+    sort: 'asc',
+    width: '144px',
+    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: '25', value: 25 },
+    { 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,
+  showExport: true,
+  withCollapse: true,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_TaskItem<UI_T_ProcuratorTypeNodes>[],
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): UI_I_DataTableBody[] => {
+  const { $formattedDatetime, $time } = 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.replaceAll(/[\s.]/g, '-')}-${index}-status`,
+    }
+
+    const zoneData = {
+      id: task?.zoneId || '',
+      isLink: project === 'sphere',
+      nav,
+      icon: 'vsphere-icon-vcenter',
+      type: 'zone',
+      testId: `${task.targetType}-zone`,
+    }
+
+    const formattedStartTime =
+      task.startTime === '--'
+        ? '--'
+        : $formattedDatetime(+task.startTime * 1000, { hasSeconds: true })
+
+    const formattedCompletionTime =
+      task.completion === '--'
+        ? '--'
+        : $formattedDatetime(+task.completion * 1000, { hasSeconds: true })
+
+    const currentLanguage: UI_T_LangValue = useLocalStorage('lang') || 'en_US'
+    const queuedFor = $time.formatTime(task.queuedFor, currentLanguage)
+    const executionTime = $time.formatTime(task.execution, currentLanguage)
+
+    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 || task.error || '--' }, // PC-2874
+        { col: 'col4', text: task.initiator || '--' },
+        { col: 'col5', text: queuedFor },
+        { col: 'col6', text: formattedStartTime },
+        { col: 'col7', text: formattedCompletionTime },
+        { col: 'col8', text: executionTime },
+        { 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/readyToComplete/ReadyToComplete.vue

@@ -1,17 +1,17 @@
-<template>
-  <common-ready-to-complete-new v-if="isNewView" :data="props.data" />
-  <common-ready-to-complete-old v-else :data="props.data" />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
-
-const props = defineProps<{
-  data: UI_I_TableInfoItem[]
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-ready-to-complete-new v-if="isNewView" :data="props.data" />
+  <common-ready-to-complete-old v-else :data="props.data" />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_TableInfoItem[]
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style lang="scss" scoped></style>