bfg-common 1.4.365 → 1.4.367

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/StorageModalOld.vue

@@ -1,52 +0,0 @@
-<template>
-  <atoms-modal
-    class="storage-modal-old"
-    :show="props.storageModalIsShow"
-    :title="localization.common.selectStorage"
-    @submit="emits('submit')"
-    @hide="emits('hide')"
-  >
-    <template #modalBody>
-      <span>{{
-        localization.common
-          .followingDatastoresAccessibleDestinationResourceThatSelected
-      }}</span>
-      <common-vm-actions-common-select-storage
-        :storage-submit="props.storageSubmit"
-        :datastore="props.datastore"
-        :get-datastore-table-func="props.getDatastoreTableFunc"
-        hide-compatibility
-        @submit="emits('change-storage', $event)"
-      />
-    </template>
-  </atoms-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  storageModalIsShow: boolean
-  storageSubmit: number
-  datastore: UI_I_DatastoreTableItem[]
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-}>()
-
-const emits = defineEmits<{
-  (event: 'change-storage', value: UI_I_DatastoreTableItem): void
-  (event: 'submit'): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.storage-modal-old {
-  :deep(.modal-dialog) {
-    width: 864px;
-  }
-}
-</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/storageModalNew/StorageModalNew.vue

@@ -1,175 +0,0 @@
-<template>
-  <ui-modal
-    v-if="props.storageModalIsShow"
-    show
-    :title="localization.common.selectStorage"
-    :texts="texts"
-    test-id="storage-modal-new"
-    size="md"
-    @hide="emits('hide')"
-    @submit="onSubmit"
-  >
-    <template #content>
-      <div class="select-storage-modal-container">
-        <span class="description-text">{{
-          localization.common
-            .followingDatastoresAccessibleDestinationResourceThatSelected
-        }}</span>
-        <ui-data-table
-          test-id="select-storage-data-table"
-          :data="data"
-          :options="tableOptions"
-          :loading="loading"
-          server-off
-          :default-layout="false"
-          @select-row="onSelectRow"
-        />
-      </div>
-    </template>
-    <template #footerLeftContent>
-      <span></span>
-    </template>
-  </ui-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ModalTexts } from '~/node_modules/bfg-uikit/components/ui/modal/models/interfaces'
-import type { UI_I_DataTable } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { datastoreLocalizationByState } from '~/components/common/lib/config/states'
-import {
-  tableDataFunc,
-  tableOptions,
-} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/storageModalNew/lib/config/table'
-
-const props = defineProps<{
-  storageModalIsShow: boolean
-  // storageSubmit: number
-  datastore: UI_I_DatastoreTableItem[]
-  // getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-}>()
-
-const emits = defineEmits<{
-  (event: 'change-storage', value: UI_I_DatastoreTableItem): void
-  (event: 'submit'): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const texts = ref<UI_I_ModalTexts>({
-  button2: localization.value.common.select,
-})
-
-const loading = ref<boolean>(true)
-
-const data = ref<UI_I_DataTable>(tableDataFunc(localization.value))
-
-watch(
-  () => props.datastore,
-  (newValue) => {
-    if (!newValue.length || data.value.body.length) return
-
-    const { $binary } = useNuxtApp()
-
-    newValue.forEach((item, key) => {
-      const state =
-        localization.value.inventorySummary[
-          datastoreLocalizationByState[item.state]
-        ]
-      data.value.body.push({
-        row: key,
-        collapse: false,
-        isHiddenCollapse: false,
-        collapseToggle: false,
-        data: [
-          {
-            key: item.id,
-            col: 0,
-            text: item.name,
-          },
-          {
-            col: 1,
-            text: state,
-          },
-          { col: 2, text: $binary.round(item.capacity.capacity_mb) },
-          {
-            col: 3,
-            text: $binary.round(item.capacity.provisioned_mb.toString()),
-          },
-          {
-            col: 4,
-            text: $binary.round(item.capacity.free_mb.toString()),
-          },
-          {
-            col: 5,
-            text: $binary.round(item.capacity.used_mb.toString()),
-          },
-          {
-            col: 6,
-            text: item.type_text,
-          },
-          {
-            col: 7,
-            text: item.thin_provisioning
-              ? localization.value.common.yes
-              : localization.value.common.no,
-          },
-          {
-            col: 8,
-            text: item.access_mode,
-          },
-          {
-            col: 9,
-            text: item.hardware_acceleration,
-          },
-          {
-            col: 10,
-            text: item.drive_type,
-          },
-          {
-            col: 11,
-            text: item.device,
-          },
-          {
-            col: 12,
-            text: item.storage_io_control,
-          },
-        ],
-      })
-    })
-    loading.value = false
-  },
-  { immediate: true, deep: true }
-)
-
-const onSelectRow = (selectedData: UI_I_DataTable): void => {
-  const selectedId = selectedData[0]?.data[0]?.key
-  const selectedItem = props.datastore.find((item) => (item.id = selectedId))
-
-  selectedItem && emits('change-storage', selectedItem)
-}
-
-const onSubmit = (): void => {
-  emits('submit')
-  emits('hide')
-}
-</script>
-
-<style scoped lang="scss">
-.select-storage-modal-container {
-  display: flex;
-  flex-direction: column;
-  grid-gap: 12px;
-  padding-left: 32px;
-  padding-bottom: 5px;
-
-  .description-text {
-    font-size: 12px;
-    font-weight: 400;
-    line-height: 14.52px;
-    color: #9da6ad;
-  }
-}
-</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/location/storageModalNew/lib/config/table.ts

@@ -1,167 +0,0 @@
-import type { UI_I_DataTable } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_DataTableOptions } from '~/node_modules/bfg-uikit/components/ui/dataTable/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-export const tableDataFunc = (
-  localization: UI_I_Localization
-): UI_I_DataTable => ({
-  id: '0',
-  header: [
-    {
-      col: 0,
-      colName: localization.common.name,
-      text: localization.common.name,
-      isSortable: true,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 1,
-      colName: localization.inventorySummary.state,
-      text: localization.inventorySummary.state,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 2,
-      colName: localization.common.capacity,
-      text: localization.common.capacity,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 3,
-      colName: localization.common.provisioned,
-      text: localization.common.provisioned,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 4,
-      colName: localization.common.free,
-      text: localization.common.free,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 5,
-      colName: localization.common.used,
-      text: localization.common.used,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 6,
-      colName: localization.common.type,
-      text: localization.common.type,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 7,
-      colName: localization.common.thinProvisioning,
-      text: localization.common.thinProvisioning,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 8,
-      colName: localization.common.access,
-      text: localization.common.access,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 9,
-      colName: localization.common.hardwareAcceleration,
-      text: localization.common.hardwareAcceleration,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 10,
-      colName: localization.common.driverType,
-      text: localization.common.driverType,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 11,
-      colName: localization.common.device,
-      text: localization.common.device,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-    {
-      col: 12,
-      colName: localization.common.storageIoControl,
-      text: localization.common.storageIoControl,
-      isSortable: false,
-      sort: 'asc',
-      sortColumn: true,
-      width: '30%',
-      show: true,
-      filter: true,
-    },
-  ],
-
-  body: [],
-})
-
-export const tableOptions: UI_I_DataTableOptions = {
-  isSelectable: true,
-  selectType: 'radio',
-  showPagination: true,
-  showPageInfo: false,
-  isSortable: true,
-  server: false,
-  isResizable: true,
-  showColumnManager: true,
-}