bfg-common 1.5.416 → 1.5.418

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

@@ -1,270 +1,270 @@
-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, '', 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 },
-        },
-      ],
-    }
-  })
-}
+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, '', 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

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

package/components/common/perPage/PerPage.vue

@@ -1,52 +1,52 @@
-<template>
-  <div class="page-size">
-    {{ selectLabel }}
-
-    <div class="clr-select-wrapper">
-      <select
-        :id="`${props.testId}-page-size-select`"
-        :data-id="`${props.testId}-page-size-select`"
-        :value="props.pageSize"
-        class="clr-page-size-select"
-        @change="change"
-      >
-        <option
-          v-for="(item, key) in props.options"
-          :key="key"
-          :value="item.value"
-        >
-          {{ item.text }}
-        </option>
-      </select>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const props = withDefaults(
-  defineProps<{
-    testId: string
-    pageSize: number
-    options: UI_I_OptionItem[]
-    label?: string
-  }>(),
-  {
-    label: 'itemsPerPage',
-  }
-)
-const emits = defineEmits<{
-  (event: 'change', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const selectLabel = computed<string>(() => localization.value.common[props.label])
-
-const change = (e: InputEvent): void => {
-  emits('change', +(e.target as HTMLInputElement).value)
-}
-</script>
-
-<style scoped></style>
+<template>
+  <div class="page-size">
+    {{ selectLabel }}
+
+    <div class="clr-select-wrapper">
+      <select
+        :id="`${props.testId}-page-size-select`"
+        :data-id="`${props.testId}-page-size-select`"
+        :value="props.pageSize"
+        class="clr-page-size-select"
+        @change="change"
+      >
+        <option
+          v-for="(item, key) in props.options"
+          :key="key"
+          :value="item.value"
+        >
+          {{ item.text }}
+        </option>
+      </select>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const props = withDefaults(
+  defineProps<{
+    testId: string
+    pageSize: number
+    options: UI_I_OptionItem[]
+    label?: string
+  }>(),
+  {
+    label: 'itemsPerPage',
+  }
+)
+const emits = defineEmits<{
+  (event: 'change', value: number): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const selectLabel = computed<string>(() => localization.value.common[props.label])
+
+const change = (e: InputEvent): void => {
+  emits('change', +(e.target as HTMLInputElement).value)
+}
+</script>
+
+<style scoped></style>