bfg-common 1.5.426 → 1.5.427

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/lib/config/lunDiskTable.ts

@@ -1,185 +1,185 @@
-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_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
-import {
-  UI_E_DeviceStatus,
-  UI_E_DeviceStatusChipColor,
-  UI_E_DeviceStatusIcon,
-} from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/lib/models/enums'
-
-// Маппинг для статусов
-const STATUS_MAPPING = {
-  [UI_E_DeviceStatus.Unknown]: {
-    icon: UI_E_DeviceStatusIcon.HelpIcon,
-    chipColor: UI_E_DeviceStatusChipColor.Primary,
-  },
-  [UI_E_DeviceStatus.Supported]: {
-    icon: UI_E_DeviceStatusIcon.StatusCheck,
-    chipColor: UI_E_DeviceStatusChipColor.Green,
-  },
-  [UI_E_DeviceStatus.NotSupported]: {
-    icon: UI_E_DeviceStatusIcon.Close,
-    chipColor: UI_E_DeviceStatusChipColor.Red,
-  },
-}
-
-export const getHeaderDataFunc = (
-  localization: UI_I_Localization
-): UI_I_DataTableHeader[] => [
-  {
-    col: 'col0',
-    colName: 'name',
-    text: localization.common.name,
-    isSortable: true,
-    sort: 'asc',
-    width: '180px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col1',
-    colName: 'identifier',
-    text: localization.common.identifier,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col2',
-    colName: 'lun',
-    text: localization.common.lun.toUpperCase(),
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col3',
-    colName: 'capacity_mb',
-    text: localization.common.capacity,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col4',
-    colName: 'hardware_acceleration',
-    text: localization.common.hardwareAcceleration,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col5',
-    colName: 'drive_type',
-    text: localization.common.driveType,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-  {
-    col: 'col6',
-    colName: 'sector_format',
-    text: localization.common.sectorFormat,
-    isSortable: true,
-    sort: 'asc',
-    width: '96px',
-    show: true,
-    filter: false,
-  },
-]
-export const options: UI_I_DataTableOptions = {
-  perPageOptions: [{ text: '10', value: 100, default: true }],
-  isSelectable: true,
-  selectType: 'checkbox',
-  showPagination: false,
-  showPageInfo: false,
-  isSortable: true,
-  server: true,
-  isResizable: true,
-  showSelectedRows: true,
-  showColumnManager: true,
-  inModal: true,
-  inBlock: false
-  // isFocusable: false,
-  // showPaginationOnTop: false,
-  // showSearch: false,
-  // withActions: false,
-  // showExport: false,
-  // withCollapse: false,
-}
-
-export const getBodyDataFunc = (
-  bodyData: UI_I_CreateStorageLunDiskItem[],
-  localization: UI_I_Localization,
-  selectedRows: UI_I_CreateStorageLunDiskItem[]
-): UI_I_DataTableBody[] => {
-  const { $binary } = useNuxtApp() as any
-
-  const selectedItems: string[] = selectedRows.map((item) => item.id)
-
-  return bodyData.map((device, index: number) => {
-    const statusKey = device.hardware_acceleration
-      ? UI_E_DeviceStatus.Unknown
-      : UI_E_DeviceStatus.Supported
-    const hardwareAccelerationData = {
-      ...STATUS_MAPPING[statusKey],
-      testId: `${device.identifier}-${index}-status`,
-    }
-
-    return {
-      row: index,
-      collapse: false,
-      isHiddenCollapse: false,
-      collapseToggle: false,
-      isSelected: selectedItems.includes(device.id),
-      data: [
-        {
-          key: 'icon',
-          col: 'col0',
-          text: device.name,
-          data: { iconClassName: 'disk' }
-        },
-        {
-          col: 'col1',
-          text: device.identifier,
-        },
-        {
-          col: 'col2',
-          text: device.lun,
-        },
-        {
-          col: 'col3',
-          text: $binary.round(device.capacity_mb),
-        },
-        {
-          key: 'status',
-          col: 'col4',
-          text: localization.common[statusKey],
-          data: hardwareAccelerationData,
-        },
-        {
-          col: 'col5',
-          text: device.drive_type,
-        },
-        {
-          col: 'col6',
-          text: device.sector_format || '--',
-        },
-      ],
-    }
-  })
-}
+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_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
+import {
+  UI_E_DeviceStatus,
+  UI_E_DeviceStatusChipColor,
+  UI_E_DeviceStatusIcon,
+} from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/lib/models/enums'
+
+// Маппинг для статусов
+const STATUS_MAPPING = {
+  [UI_E_DeviceStatus.Unknown]: {
+    icon: UI_E_DeviceStatusIcon.HelpIcon,
+    chipColor: UI_E_DeviceStatusChipColor.Primary,
+  },
+  [UI_E_DeviceStatus.Supported]: {
+    icon: UI_E_DeviceStatusIcon.StatusCheck,
+    chipColor: UI_E_DeviceStatusChipColor.Green,
+  },
+  [UI_E_DeviceStatus.NotSupported]: {
+    icon: UI_E_DeviceStatusIcon.Close,
+    chipColor: UI_E_DeviceStatusChipColor.Red,
+  },
+}
+
+export const getHeaderDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTableHeader[] => [
+  {
+    col: 'col0',
+    colName: 'name',
+    text: localization.common.name,
+    isSortable: true,
+    sort: 'asc',
+    width: '180px',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 'col1',
+    colName: 'identifier',
+    text: localization.common.identifier,
+    isSortable: true,
+    sort: 'asc',
+    width: '96px',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 'col2',
+    colName: 'lun',
+    text: localization.common.lun.toUpperCase(),
+    isSortable: true,
+    sort: 'asc',
+    width: '96px',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 'col3',
+    colName: 'capacity_mb',
+    text: localization.common.capacity,
+    isSortable: true,
+    sort: 'asc',
+    width: '96px',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 'col4',
+    colName: 'hardware_acceleration',
+    text: localization.common.hardwareAcceleration,
+    isSortable: true,
+    sort: 'asc',
+    width: '96px',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 'col5',
+    colName: 'drive_type',
+    text: localization.common.driveType,
+    isSortable: true,
+    sort: 'asc',
+    width: '96px',
+    show: true,
+    filter: false,
+  },
+  {
+    col: 'col6',
+    colName: 'sector_format',
+    text: localization.common.sectorFormat,
+    isSortable: true,
+    sort: 'asc',
+    width: '96px',
+    show: true,
+    filter: false,
+  },
+]
+export const options: UI_I_DataTableOptions = {
+  perPageOptions: [{ text: '10', value: 100, default: true }],
+  isSelectable: true,
+  selectType: 'checkbox',
+  showPagination: false,
+  showPageInfo: false,
+  isSortable: true,
+  server: true,
+  isResizable: true,
+  showSelectedRows: true,
+  showColumnManager: true,
+  inModal: true,
+  inBlock: false
+  // isFocusable: false,
+  // showPaginationOnTop: false,
+  // showSearch: false,
+  // withActions: false,
+  // showExport: false,
+  // withCollapse: false,
+}
+
+export const getBodyDataFunc = (
+  bodyData: UI_I_CreateStorageLunDiskItem[],
+  localization: UI_I_Localization,
+  selectedRows: UI_I_CreateStorageLunDiskItem[]
+): UI_I_DataTableBody[] => {
+  const { $binary } = useNuxtApp() as any
+
+  const selectedItems: string[] = selectedRows.map((item) => item.id)
+
+  return bodyData.map((device, index: number) => {
+    const statusKey = device.hardware_acceleration
+      ? UI_E_DeviceStatus.Unknown
+      : UI_E_DeviceStatus.Supported
+    const hardwareAccelerationData = {
+      ...STATUS_MAPPING[statusKey],
+      testId: `${device.identifier}-${index}-status`,
+    }
+
+    return {
+      row: index,
+      collapse: false,
+      isHiddenCollapse: false,
+      collapseToggle: false,
+      isSelected: selectedItems.includes(device.id),
+      data: [
+        {
+          key: 'icon',
+          col: 'col0',
+          text: device.name,
+          data: { iconClassName: 'disk' }
+        },
+        {
+          col: 'col1',
+          text: device.identifier,
+        },
+        {
+          col: 'col2',
+          text: device.lun,
+        },
+        {
+          col: 'col3',
+          text: $binary.round(device.capacity_mb),
+        },
+        {
+          key: 'status',
+          col: 'col4',
+          text: localization.common[statusKey],
+          data: hardwareAccelerationData,
+        },
+        {
+          col: 'col5',
+          text: device.drive_type,
+        },
+        {
+          col: 'col6',
+          text: device.sector_format || '--',
+        },
+      ],
+    }
+  })
+}

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/new/lib/models/enums.ts

@@ -1,16 +1,16 @@
-export enum UI_E_DeviceStatus {
-  Unknown = 'unknown',
-  Supported = 'supported',
-  NotSupported = 'not-supported',
-}
-
-export enum UI_E_DeviceStatusChipColor {
-  Green = 'green',
-  Red = 'red',
-  Primary = 'primary',
-}
-export enum UI_E_DeviceStatusIcon {
-  StatusCheck = 'status-check',
-  Close = 'close',
-  HelpIcon = 'icon-help',
-}
+export enum UI_E_DeviceStatus {
+  Unknown = 'unknown',
+  Supported = 'supported',
+  NotSupported = 'not-supported',
+}
+
+export enum UI_E_DeviceStatusChipColor {
+  Green = 'green',
+  Red = 'red',
+  Primary = 'primary',
+}
+export enum UI_E_DeviceStatusIcon {
+  StatusCheck = 'status-check',
+  Close = 'close',
+  HelpIcon = 'icon-help',
+}

package/components/common/wizards/datastore/add/steps/nameAndDevice/table/old/Old.vue

@@ -1,99 +1,99 @@
-<template>
-  <div class="data-table-view">
-    <atoms-table-data-grid
-      v-model:selected-row="selectedLunDiskLocal"
-      v-model:column-keys="columnKeys"
-      v-model:page-size="props.pagination.pageSize"
-      v-model:page="props.pagination.page"
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="props.totalItems"
-      :total-pages="props.totalPages"
-      :loading="props.loading"
-      :is-main-filter="props.isMainFilter"
-      :main-filter-placeholder="localization.filter"
-      type="checkbox"
-      class="data-table"
-      test-id="device-selection-lun-disk-table"
-      hide-page-size
-      @sorting="onSorting"
-      @main-filter="emits('main-filter', $event)"
-    >
-    </atoms-table-data-grid>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_HeadItem,
-  UI_I_ColumnKey,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
-import * as lunDiskTable from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/old/lib/config/lunDiskTable'
-
-const props = withDefaults(
-  defineProps<{
-    tableData: UI_I_CreateStorageLunDiskItem[]
-    loading: boolean
-    totalItems: number
-    totalPages: number
-    pagination: UI_I_Pagination
-    isMainFilter?: boolean
-  }>(),
-  {
-    isMainFilter: undefined,
-  }
-)
-const emits = defineEmits<{
-  (event: 'select-lun-disk', value: number[]): void
-  (event: 'pagination', value: UI_I_Pagination): void
-  (event: 'sort', value: string): void
-  (event: 'main-filter', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const onSorting = (e: [number, boolean]): void => {
-  const [column, status] = e
-  const direction = status ? 'desc' : 'asc'
-
-  const sort = `${column}.${direction}`
-
-  emits('sort', sort)
-}
-
-const columnKeys = ref<UI_I_ColumnKey[]>(
-  lunDiskTable.columnKeys(localization.value)
-)
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  lunDiskTable.headItems(localization.value)
-)
-const bodyItems = computed<UI_I_BodyItem[][]>(() => {
-  return lunDiskTable.bodyItems(props.tableData || [])
-})
-
-const selectedLunDiskLocal = ref<number[]>([])
-watch(
-  selectedLunDiskLocal,
-  (newValue: number[]) => {
-    emits('select-lun-disk', newValue)
-  },
-  { deep: true, immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-.data-table-view {
-  height: inherit;
-  overflow: hidden;
-  .data-table {
-    height: inherit;
-    :deep(.datagrid-outer-wrapper) {
-      height: 400px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="data-table-view">
+    <atoms-table-data-grid
+      v-model:selected-row="selectedLunDiskLocal"
+      v-model:column-keys="columnKeys"
+      v-model:page-size="props.pagination.pageSize"
+      v-model:page="props.pagination.page"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="props.totalItems"
+      :total-pages="props.totalPages"
+      :loading="props.loading"
+      :is-main-filter="props.isMainFilter"
+      :main-filter-placeholder="localization.filter"
+      type="checkbox"
+      class="data-table"
+      test-id="device-selection-lun-disk-table"
+      hide-page-size
+      @sorting="onSorting"
+      @main-filter="emits('main-filter', $event)"
+    >
+    </atoms-table-data-grid>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_HeadItem,
+  UI_I_ColumnKey,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type { UI_I_CreateStorageLunDiskItem } from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/lib/models/interfaces'
+import * as lunDiskTable from '~/components/common/wizards/datastore/add/steps/nameAndDevice/table/old/lib/config/lunDiskTable'
+
+const props = withDefaults(
+  defineProps<{
+    tableData: UI_I_CreateStorageLunDiskItem[]
+    loading: boolean
+    totalItems: number
+    totalPages: number
+    pagination: UI_I_Pagination
+    isMainFilter?: boolean
+  }>(),
+  {
+    isMainFilter: undefined,
+  }
+)
+const emits = defineEmits<{
+  (event: 'select-lun-disk', value: number[]): void
+  (event: 'pagination', value: UI_I_Pagination): void
+  (event: 'sort', value: string): void
+  (event: 'main-filter', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const onSorting = (e: [number, boolean]): void => {
+  const [column, status] = e
+  const direction = status ? 'desc' : 'asc'
+
+  const sort = `${column}.${direction}`
+
+  emits('sort', sort)
+}
+
+const columnKeys = ref<UI_I_ColumnKey[]>(
+  lunDiskTable.columnKeys(localization.value)
+)
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  lunDiskTable.headItems(localization.value)
+)
+const bodyItems = computed<UI_I_BodyItem[][]>(() => {
+  return lunDiskTable.bodyItems(props.tableData || [])
+})
+
+const selectedLunDiskLocal = ref<number[]>([])
+watch(
+  selectedLunDiskLocal,
+  (newValue: number[]) => {
+    emits('select-lun-disk', newValue)
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+.data-table-view {
+  height: inherit;
+  overflow: hidden;
+  .data-table {
+    height: inherit;
+    :deep(.datagrid-outer-wrapper) {
+      height: 400px;
+    }
+  }
+}
+</style>