bfg-common 1.4.398 → 1.4.400

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/browseView/BrowseView.vue

@@ -1,203 +0,0 @@
-<template>
-  <div>
-    <common-browse
-      v-model:selected-file="selectedFile"
-      v-model:selected-file-type="selectedFileType"
-      :show="props.show"
-      :nodes="props.nodes"
-      :files="files"
-      :info="selectedNodeInfo"
-      :file-types="props.fileTypes"
-      @get-nodes="onGetCurrentDirNodes"
-      @select-node="onSelectNode"
-      @submit="onSubmit"
-      @hide="emits('hide')"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_CurrentDirNodesArguments } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/browseView/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_FileInfo } from '~/components/common/browse/lib/models/interfaces'
-
-const props = defineProps<{
-  show: boolean
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  fileTypes?: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit', value: UI_I_FileTreeNode | null): void
-  (event: 'get-storage', value: UI_I_TablePayload): void
-  (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
-  (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
-  (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
-}>()
-
-const { $recursion } = useNuxtApp()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedFileType = ref<string | null>(null)
-watch(
-  selectedFileType,
-  (newValue) => {
-    if (newValue === null || selectedFile.value === null) return
-
-    const isExist = files.value.includes(selectedFile.value)
-    if (!isExist) selectedFile.value = null
-  },
-  { immediate: true, deep: true }
-)
-watch(
-  () => props.fileTypes,
-  (newValue) => {
-    if (newValue?.length) selectedFileType.value = newValue[0].value
-  },
-  { immediate: true, deep: true }
-)
-
-const getStorage = (): void => {
-  const payload: UI_I_TablePayload = {
-    pagination: {
-      page: 1,
-      pageSize: 100,
-    },
-    sortBy: null,
-    type: 'datastore',
-    schema: 'full',
-  }
-
-  emits('get-storage', payload)
-}
-getStorage()
-
-const getFileNodes = (payload: UI_I_FolderOrFileTreePayload): void => {
-  emits('get-folders-or-files', payload)
-}
-
-const files = computed<UI_I_FileTreeNode[]>(() => {
-  if (!selectedNode.value) return []
-
-  const files: UI_I_FileTreeNode[] = props.files
-  if (selectedFileType.value === 'all' || selectedFileType.value === null)
-    return files
-
-  let type = 3
-  if (selectedFileType.value === 'iso') type = 2
-
-  return files.filter((file) => file.provisioned_type === type)
-})
-
-const getRootNodeById = (id: string): UI_I_FileTreeNode | null => {
-  let result = null
-  props.nodes.forEach((node) => {
-    const findNode =
-      node.id === id ? node : $recursion.find(node.nodes, id, 'id', 'nodes')
-
-    findNode && (result = node)
-  })
-
-  return result
-}
-const onGetCurrentDirNodes = async ({
-  node,
-  cb,
-  select = false,
-  type = 'folder',
-}: UI_I_CurrentDirNodesArguments): Promise<void> => {
-  if (!node) return
-
-  const isRootNode = props.nodes?.some((item) => item.id === node.id)
-
-  if (!select && (isRootNode || node.nodesShow)) {
-    emits('show-datastore-child', node)
-    cb && cb()
-    return
-  }
-
-  const rootNode = getRootNodeById(node.id)
-  if (!rootNode) return
-
-  const payload: UI_I_FolderOrFileTreePayload = {
-    type,
-    id: rootNode.id,
-    path: node.path,
-    merge: true,
-    show: !select,
-  }
-
-  await getFileNodes(payload)
-  cb && cb()
-}
-
-const selectedNode = ref<UI_I_FileTreeNode | null>(null)
-const selectedFile = ref<UI_I_FileTreeNode | null>(null)
-const selectedNodeInfo = computed<UI_I_FileInfo[] | null>(() => {
-  const node = selectedFile.value || selectedNode.value
-  if (!node) return null
-
-  const result = [
-    {
-      type: 'text',
-      title: localization.value.common.name,
-      value: node.name || '',
-    },
-    {
-      type: 'size',
-      title: localization.value.common.available,
-      value: node.size || 0,
-    },
-  ]
-
-  if (node.type !== 4) {
-    const modified = node.modified_time || 0
-    result.push({
-      type: 'date',
-      title: localization.value.common.modified,
-      value: +modified * 1000,
-    })
-  }
-
-  return result
-})
-const onSelectNode = (node: UI_I_FileTreeNode): void => {
-  selectedNode.value = node
-  selectedFile.value = null
-
-  onGetCurrentDirNodes({ node, select: true, type: 'file' })
-
-  emits('get-active-device-child', node)
-}
-const onSubmit = (): void => {
-  emits('submit', selectedFile.value)
-  emits('hide')
-}
-
-let helper = false
-watch(
-  () => props.nodes,
-  (newValue: UI_I_FileTreeNode[]) => {
-    if (helper || !newValue.length) return
-    newValue.forEach((node) => {
-      getFileNodes({
-        id: node.id,
-        path: `${node.id}:/`,
-        type: 'folder',
-        show: false,
-        merge: false,
-      })
-    })
-    helper = true
-  },
-  { immediate: true }
-)
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/browseView/lib/models/interfaces.ts

@@ -1,8 +0,0 @@
-import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
-
-export interface UI_I_CurrentDirNodesArguments {
-  node: UI_I_FileTreeNode | null
-  cb?: () => void
-  select?: boolean
-  type?: string
-}

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/bus/Bus.vue

@@ -1,156 +0,0 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.bus }}
-      </template>
-      <template #stackBlockContent>
-        <div class="select-row">
-          <atoms-tooltip-error
-            :has-error="!!apiError"
-            :selector="`.vm-wizard-${props.componentType}-bus-field-${props.index}`"
-            @remove="onRemoveValidationError"
-          >
-            <template #elem>
-              <div class="select">
-                <select
-                  :id="`vm-wizard-${props.componentType}-bus-field-${props.index}`"
-                  v-model="busLocal"
-                  :data-id="`${props.testId}-select`"
-                  :class="`vm-wizard-${props.componentType}-bus-field-${props.index}`"
-                  :disabled="props.disabled"
-                >
-                  <option
-                    v-for="(item, key) in busOptions"
-                    :key="key"
-                    :value="item.value"
-                  >
-                    {{ item.text }}
-                  </option>
-                </select>
-              </div>
-            </template>
-            <template #content>{{ apiError }}</template>
-          </atoms-tooltip-error>
-          <div
-            v-if="props.helpText"
-            :id="helpId"
-            class="content-signpost relative"
-          >
-            <atoms-the-icon
-              :data-id="`${props.testId}-show-help-icon`"
-              class="icon-show-help"
-              fill="#0072a3"
-              width="24px"
-              height="24px"
-              name="info-circle"
-              @click="isShowHelp = !isShowHelp"
-            />
-            <Teleport to="body">
-              <atoms-tooltip-signpost
-                v-if="isShowHelp"
-                test-id="help-signpost"
-                :elem-id="helpId"
-                @hide="isShowHelp = false"
-              >
-                <p>
-                  <!--                  {{ localization.common.busVirtioHelpDesc }}-->
-                  {{ props.helpText }}
-                </p>
-              </atoms-tooltip-signpost>
-            </Teleport>
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </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'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  bus: string
-  index: number
-  componentType: string
-  testId: string
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-  disabled?: boolean
-  shortOptions?: boolean
-  helpText?: string
-  guestMachineType?: UI_I_OptionItem | null
-}>()
-const emits = defineEmits<{
-  (event: 'update:bus', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const helpId = ref<string>(`bus-field-help-icon${useUniqueId()}`)
-
-const busLocal = computed<string>({
-  get() {
-    return props.bus
-  },
-  set(newValue) {
-    emits('update:bus', newValue)
-  },
-})
-const busOptions = ref<UI_I_OptionItem[]>([])
-watch(
-  () => props.guestMachineType,
-  () => {
-    if (props.guestMachineType) {
-      busOptions.value = capabilities.bus[props.guestMachineType.value]
-      if (props.shortOptions) {
-        busOptions.value = capabilities.cdromBus[props.guestMachineType.value]
-      }
-
-      const hasSelected = busOptions.value.some(
-        (option) => option.value === busLocal.value
-      )
-      if (!hasSelected) busLocal.value = busOptions.value[0].value
-    }
-  },
-  { immediate: true, deep: true }
-)
-
-const busValidationType = computed<string>(
-  () => `disk_devices[${props.index}].bus`
-)
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find(
-      (message) => message.field === busValidationType.value
-    )?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', busValidationType.value)
-}
-
-const isShowHelp = ref<boolean>(false)
-</script>
-
-<style scoped>
-.select-row {
-  display: flex;
-  justify-content: space-between;
-
-  .content-signpost {
-    .icon-show-help {
-      cursor: pointer;
-    }
-
-    .signpost {
-      max-width: 360px;
-    }
-  }
-}
-</style>

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

@@ -1,20 +0,0 @@
-// import type { UI_I_Localization } from '~/lib/models/interfaces'
-// import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-//
-// export const busOptionsFunc = (
-//   localization: UI_I_Localization,
-//   shortOptions?: boolean
-// ): UI_I_OptionItem[] => {
-//   if (shortOptions) {
-//     return [
-//       { text: localization.common.ide, value: 'ide' },
-//       { text: localization.common.sata, value: 'sata' },
-//     ]
-//   }
-//   return [
-//     { text: localization.common.ide, value: 'ide' },
-//     { text: localization.common.scsi, value: 'scsi' },
-//     { text: localization.common.sata, value: 'sata' },
-//     { text: localization.common.virtio, value: 'virtio' },
-//   ]
-// }

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue

@@ -1,270 +0,0 @@
-<template>
-  <div class="hardware-cd-dvd-drive">
-    <atoms-stack-block
-      :has-children="true"
-      :is-roll-back="props.type === 'removed'"
-      :removable="isRemovable"
-      :test-id="`cd-dvd-drive-stack-block-${props.index}`"
-      @remove="onRemoveCdDvdDrive"
-      @roll-back="onRollBackCdDvdDrive"
-    >
-      <template #stackBlockKey>
-        <div
-          :id="`vm-wizard-toggle-block-cd-dvd-drive-${props.index}`"
-          :data-id="`vm-wizard-toggle-block-cd-dvd-drive-${props.index}`"
-          class="vm-wizard-toggle-block-cd-dvd-drive vm-wizard-toggle-block-hard-disk"
-        >
-          <span>{{ label }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center flex-space-between">
-          <template v-if="props.type === 'removed'">
-            <span>{{ localization.common.deviceWillRemoved }}</span>
-            <div class="flex-align-center" @click.stop>
-              <input
-                :id="`cd-dvd-delete-files-from-datastore-${props.index}`"
-                v-model="deleteFilesFromDatastore"
-                :data-id="`cd-dvd-delete-files-from-datastore-${props.index}`"
-                :disabled="props.disabled"
-                type="checkbox"
-                class="pointer"
-                @click.stop
-              />
-              <label
-                :for="`cd-dvd-delete-files-from-datastore-${props.index}`"
-                :class="[
-                  'label-text-normal pointer',
-                  props.disabled && 'div-disabled',
-                ]"
-                >{{ localization.common.deleteFilesFromDatastore }}</label
-              >
-            </div>
-          </template>
-          <template v-else>
-            <div class="select">
-              <select
-                id="vm-wizard-cd-dvd-drive-field"
-                v-model="selectedCdDvdDrive"
-                :data-id="`vm-wizard-cd-dvd-drive-field-${props.index}`"
-                class="vm-wizard-cd-dvd-drive-field input-text-color"
-                @click.stop
-                @change="changeCdDvdDrive"
-              >
-                <option
-                  v-for="(item, key) in cdDvdDriveOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-        </div>
-      </template>
-      <template #stackChildren>
-        <common-vm-actions-common-customize-hardware-virtual-hardware-cd-dvd-drive-media
-          v-if="selectedCdDvdDrive === 'datastoreIsoFile'"
-          v-model:cd-dvd-media="cdDvdMedia"
-          @browse="isShowFileModal = true"
-        />
-
-        <!--        :short-options="props.type === 'edit'" // поменял из-за задачки PNCWEB-384-->
-        <common-vm-actions-common-customize-hardware-virtual-hardware-bus
-          v-model:bus="bus"
-          :index="indexByHardDisks"
-          :validation-type="busValidationType"
-          :error-validation-fields="props.errorValidationFields"
-          :disabled="isRunning"
-          :test-id="`vm-wizard-cd-dvd-bus-field-${props.index}`"
-          short-options
-          component-type="disk_devices"
-          :guest-machine-type="props.guestMachineType"
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-        />
-      </template>
-    </atoms-stack-block>
-
-    <Teleport to="body">
-      <common-vm-actions-common-customize-hardware-virtual-hardware-browse-view
-        v-if="isShowFileModal"
-        :show="isShowFileModal"
-        :file-types="fileTypes"
-        :nodes="props.nodes"
-        :files="props.files"
-        @submit="onSelectFile"
-        @get-storage="emits('get-storage', $event)"
-        @get-folders-or-files="emits('get-folders-or-files', $event)"
-        @get-active-device-child="emits('get-active-device-child', $event)"
-        @show-datastore-child="emits('show-datastore-child', $event)"
-        @hide="onHideFileModal"
-      />
-    </Teleport>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type { UI_T_CdDvdDrive } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/models/types'
-import type { UI_I_SendDataNewCdDvdDrive } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type {
-  UI_I_Localization,
-  UI_I_HTMLSelectElement,
-} 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 type { UI_I_FolderOrFileTreePayload } from '~/lib/models/store/storage/interfaces'
-import type { UI_T_CdDvdType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import { cdDvdDriveOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/config/options'
-import { fileTypesFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/lib/config/fileTypes'
-
-const props = defineProps<{
-  hardDisksCount: number
-  index: number
-  cdDvdDrive: UI_I_SendDataNewCdDvdDrive
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-  type: UI_T_CdDvdType
-  isEdit: boolean
-  state?: string | number
-  guestMachineType?: UI_I_OptionItem | null
-}>()
-
-const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataNewCdDvdDrive): void
-  (event: 'remove'): void
-  (event: 'roll-back'): void
-  (event: 'remove-error-by-title', value: string): void
-  (event: 'get-storage', value: UI_I_TablePayload): void
-  (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
-  (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
-  (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isRunning = computed<boolean>(() => {
-  return props.state === 2
-})
-
-const isRemovable = computed<boolean>(() => {
-  return (
-    !props.isEdit ||
-    !isRunning.value ||
-    (isRunning.value && bus.value === 'virtio')
-  )
-})
-
-const indexByHardDisks = computed<number>(
-  () => props.index + props.hardDisksCount
-)
-
-const label = computed<string>(() => {
-  if (props.type === 'edit' || props.type === 'removed')
-    // 2 так как из-под капота создается еще один cd/dvd driver
-    return `${localization.value.common.cdDvdDrive} ${props.index + 2}`
-
-  return `${localization.value.common.newCdDvdDrive} *`
-})
-
-const busValidationType = computed<string>(
-  () => `disk_devices[${indexByHardDisks}].bus`
-)
-
-const selectedCdDvdDrive = ref<UI_T_CdDvdDrive>('clientDevice')
-const cdDvdDriveOptions = ref<UI_I_OptionItem[]>(
-  cdDvdDriveOptionsFunc(localization.value)
-)
-const changeCdDvdDrive = (event: UI_I_HTMLSelectElement): void => {
-  const isDatastoreIsoFile = event.target.value === 'datastoreIsoFile'
-  if (!isDatastoreIsoFile) {
-    cdDvdMedia.value = ''
-    return
-  }
-
-  isShowFileModal.value = true
-}
-const isShowFileModal = ref<boolean>(false)
-const onHideFileModal = (): void => {
-  if (!cdDvdMedia.value) {
-    selectedCdDvdDrive.value = 'clientDevice'
-  }
-  isShowFileModal.value = false
-}
-const onSelectFile = (file: UI_I_FileTreeNode): void => {
-  cdDvdMedia.value = file.path
-}
-const fileTypes = computed<UI_I_OptionItem[]>(() =>
-  fileTypesFunc(localization.value)
-)
-
-const onRemoveCdDvdDrive = (): void => {
-  emits('remove')
-}
-const onRollBackCdDvdDrive = (): void => {
-  emits('roll-back')
-}
-
-const cdDvdMedia = ref<string>('')
-// const bus = ref<string>('ide')
-const bus = ref<string>('sata') // PNCWEB-384
-
-const deleteFilesFromDatastore = ref<boolean>(false)
-
-watch(
-  [cdDvdMedia, bus, deleteFilesFromDatastore, () => props.type],
-  () => {
-    emits('send-data', {
-      create: props.cdDvdDrive.create,
-      attach: props.cdDvdDrive.attach,
-      source: cdDvdMedia.value,
-      size: 0,
-      bus: bus.value,
-      device_type: 'cdrom',
-      provision_type: 'thick',
-      disk_mode: 'dependent',
-      sharing: false,
-      read_only: true,
-      shares: 0,
-      cache: 'none',
-      io: 'native',
-      limit_iops: 0,
-      discard: 'unmap',
-      target: props.cdDvdDrive.target,
-      boot_order: props.cdDvdDrive.boot_order,
-      detach: props.type === 'removed',
-      remove: props.type === 'removed' && deleteFilesFromDatastore.value, // Проверяем если удалили диск и указали Delete files from datastore
-    })
-  },
-  { immediate: true }
-)
-
-// Добавляем данные для редактирования
-watch(
-  () => props.cdDvdDrive,
-  (newValue) => {
-    if (newValue.source !== '') {
-      selectedCdDvdDrive.value = 'datastoreIsoFile'
-      cdDvdMedia.value = newValue.source
-    }
-    if (newValue.bus !== '') {
-      bus.value = newValue.bus
-    }
-  },
-  { immediate: true }
-)
-watch(
-  isRunning,
-  (newValue) => {
-    if (newValue && props.type === 'new') {
-      bus.value = 'virtio'
-    }
-  },
-  { immediate: true }
-)
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/cdDvdDrive/lib/config/fileTypes.ts

@@ -1,9 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const fileTypesFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => [
-  { text: `${localization.common.isoImage} (*.iso)`, value: 'iso' },
-  { text: `${localization.common.allFiles} (*.*)`, value: 'all' },
-]

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

@@ -1,11 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-export const cdDvdDriveOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_OptionItem[] => {
-  return [
-    { text: localization.common.clientDevice, value: 'clientDevice' },
-    { text: localization.common.datastoreIsoFile, value: 'datastoreIsoFile' },
-  ]
-}

package/components/common/vm/actions/common/_customizeHardware/virtualHardware/cdDvdDrive/lib/models/types.ts

@@ -1 +0,0 @@
-export type UI_T_CdDvdDrive = 'clientDevice' | 'datastoreIsoFile'