bfg-common 1.4.397 → 1.4.399

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/limitIops/lib/config/options.ts

@@ -1,28 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const limitIopsTypeOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.unlimited, value: 'unlimited' },
-    { text: localization.common.custom, value: 'custom' },
-  ]
-}
-
-export const limitIopsOptionsFunc = (
-  localization: UI_I_Localization,
-  minLimitIops: number,
-  maxLimitIops: number
-): UI_I_OptionItem[] => {
-  return [
-    {
-      text: `${localization.common.minimum}: ${minLimitIops}`,
-      value: minLimitIops,
-    },
-    {
-      text: `${localization.common.maximum}: ${maxLimitIops}`,
-      value: maxLimitIops,
-    },
-  ]
-}

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/location/Location.vue

@@ -1,172 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.location }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          :selector="`.vm-wizard-disk-device-target-field-${props.index}`"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                :id="`vm-wizard-disk-device-target-field-${props.index}`"
-                v-model="selectedLocation"
-                :data-id="`vm-wizard-disk-device-target-field-${props.index}`"
-                :class="`vm-wizard-disk-device-target-field-${props.index}`"
-                @change="changeLocation"
-              >
-                <option
-                  v-for="(item, key) in locationOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ apiError }}</template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-
-    <Teleport to="body">
-      <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-location-storage-modal-new
-        v-if="isNewView"
-        :storage-modal-is-show="storageModalIsShow"
-        :datastore="props.datastore"
-        @change-storage="onChangeStorage"
-        @hide="onHideStorageModal"
-        @submit="onSubmitStorageModal"
-      />
-      <common-vm-actions-common-customize-hardware-virtual-hardware-new-hard-disk-location-storage-modal-old
-        v-else
-        :storage-modal-is-show="storageModalIsShow"
-        :storage-submit="storageSubmit"
-        :datastore="props.datastore"
-        :get-datastore-table-func="props.getDatastoreTableFunc"
-        @change-storage="onChangeStorage"
-        @hide="onHideStorageModal"
-        @submit="onSubmitStorageModal"
-      />
-    </Teleport>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_HTMLSelectElement,
-  UI_I_Localization,
-} from '~/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  location: UI_I_DatastoreTableItem | null
-  index: number
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-  datastore: UI_I_DatastoreTableItem[]
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-}>()
-const emits = defineEmits<{
-  (event: 'change', value: UI_I_DatastoreTableItem): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const selectedLocation = ref<string>(props.location?.id || '')
-
-const storages = ref<UI_I_DatastoreTableItem[]>([])
-const addStorage = (storage: UI_I_DatastoreTableItem): void => {
-  const hasStorage = storages.value.some((item) => item.id === storage.id)
-  if (hasStorage) {
-    return
-  }
-
-  storages.value.push(storage)
-}
-const locationOptions = ref<UI_I_OptionItem[]>([])
-
-watch(
-  () => props.location,
-  (newValue) => {
-    if (locationOptions.value.length || !newValue) {
-      return
-    }
-
-    locationOptions.value = [
-      {
-        text: localization.value.common.storeWithVirtualMachine,
-        value: newValue.id,
-      },
-      { text: `${localization.value.common.browse}...`, value: -1 },
-    ]
-    selectedLocation.value = newValue.id
-    storages.value.push(newValue)
-    addStorage(newValue)
-  },
-  { immediate: true }
-)
-
-const storageSubmit = ref<number>(0)
-const onSubmitStorageModal = (): void => {
-  storageSubmit.value++
-}
-const storageModalIsShow = ref<boolean>(false)
-const onHideStorageModal = (): void => {
-  storageModalIsShow.value = false
-}
-const onChangeStorage = (storage: UI_I_DatastoreTableItem): void => {
-  locationOptions.value = [
-    locationOptions.value[0],
-    { text: storage.name, value: storage.id },
-    // @ts-ignore
-    locationOptions.value.at(-1),
-  ]
-
-  selectedLocation.value = storage.id
-  emits('change', storage)
-  addStorage(storage)
-  onHideStorageModal()
-}
-const changeLocation = (event: UI_I_HTMLSelectElement): void => {
-  const value = +event.target.value
-  if (value === -1) {
-    storageModalIsShow.value = true
-    return
-  }
-
-  selectedLocation.value = event.target.value
-  const storage = storages.value.find((item) => item.id === event.target.value)
-  storage && emits('change', storage)
-}
-
-const typeError = computed<string>(
-  () => `disk_devices[${props.index}].location`
-)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped lang="scss"></style>

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,
-}

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/mode/Mode.vue

@@ -1,88 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.diskMode }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          :selector="`.vm-wizard-disk-device-mode-field-${props.index}`"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                :id="`vm-wizard-disk-device-mode-field-${props.index}`"
-                v-model="diskModeLocal"
-                :data-id="`vm-wizard-disk-device-mode-field-${props.index}`"
-                :class="`vm-wizard-disk-device-mode-field-${props.index}`"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="item in diskModeOptions"
-                  :key="item.value"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>{{ apiError }}</template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { diskModeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/mode/lib/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  diskMode: string
-  index: number
-  disabled: boolean
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:disk-mode', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const diskModeOptions = ref<UI_I_OptionItem[]>(
-  diskModeOptionsFunc(localization.value)
-)
-
-const diskModeLocal = computed<string>({
-  get() {
-    return props.diskMode
-  },
-  set(newValue) {
-    emits('update:disk-mode', newValue)
-  },
-})
-
-const typeError = computed<string>(
-  () => `disk_devices[${props.index}].disk_mode`
-)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === typeError.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError.value)
-}
-</script>
-
-<style scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/newHardDisk/mode/lib/config/options.ts

@@ -1,18 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const diskModeOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.dependent, value: 'dependent' },
-    {
-      text: localization.common.independentPersistent,
-      value: 'independent_persistent',
-    },
-    {
-      text: localization.common.independentNonPersistent,
-      value: 'independent_nonpersistent',
-    },
-  ]
-}