bfg-common 1.0.30 → 1.0.31

package/components/common/vm/actions/add/select/createType/CreateType.vue

@@ -1,61 +1,61 @@
-<template>
-  <div class="select-create-type">
-    <atoms-list-select-list
-      v-model="selectedItem"
-      class="select"
-      :items="items"
-    />
-    <p class="description">
-      {{ localization.newVmCreateDescription }}
-    </p>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { itemsFunc } from '~/components/common/vm/actions/add/select/createType/config/items'
-
-const props = defineProps<{
-  importFromVMWarevSphere: string
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedItem = ref<string>('0')
-const items = computed<UI_I_OptionItem[]>(() =>
-  itemsFunc(localization.value, props.importFromVMWarevSphere)
-)
-</script>
-
-<style scoped lang="scss">
-.select-create-type {
-  display: flex;
-  padding-top: 12px;
-
-  .description {
-    color: #333333;
-    font-size: 13px;
-  }
-
-  .description,
-  .select {
-    flex: 1 1 100%;
-    margin-right: 5px;
-  }
-
-  :deep(select) {
-    background-color: transparent;
-    border-color: var(--type-list-border-color);
-  }
-}
-</style>
-
-<style>
-:root {
-  --type-list-border-color: #ccc;
-}
-:root.dark-theme {
-  --type-list-border-color: #000;
-}
-</style>
+<template>
+  <div class="select-create-type">
+    <atoms-list-select-list
+      v-model="selectedItem"
+      class="select"
+      :items="items"
+    />
+    <p class="description">
+      {{ localization.newVmCreateDescription }}
+    </p>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { itemsFunc } from '~/components/common/vm/actions/add/select/createType/config/items'
+
+const props = defineProps<{
+  importFromVMWarevSphere: string
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedItem = ref<string>('0')
+const items = computed<UI_I_OptionItem[]>(() =>
+  itemsFunc(localization.value, props.importFromVMWarevSphere)
+)
+</script>
+
+<style scoped lang="scss">
+.select-create-type {
+  display: flex;
+  padding-top: 12px;
+
+  .description {
+    color: #333333;
+    font-size: 13px;
+  }
+
+  .description,
+  .select {
+    flex: 1 1 100%;
+    margin-right: 5px;
+  }
+
+  :deep(select) {
+    background-color: transparent;
+    border-color: var(--type-list-border-color);
+  }
+}
+</style>
+
+<style>
+:root {
+  --type-list-border-color: #ccc;
+}
+:root.dark-theme {
+  --type-list-border-color: #000;
+}
+</style>

package/components/common/vm/actions/add/select/createType/config/items.ts

@@ -1,26 +1,26 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-export const itemsFunc = (
-  localization: UI_I_Localization,
-  importFromVMWarevSphere: string
-): UI_I_OptionItem[] => {
-  return [
-    {
-      text: localization.createNewVirtualMachine,
-      value: '0',
-      disabled: false,
-    },
-    { text: localization.deployVmFromOVF, value: '1', disabled: true },
-    {
-      text: importFromVMWarevSphere,
-      value: '2',
-      disabled: true,
-    },
-    {
-      text: localization.importFromGorizontVS,
-      value: '3',
-      disabled: true,
-    },
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+export const itemsFunc = (
+  localization: UI_I_Localization,
+  importFromVMWarevSphere: string
+): UI_I_OptionItem[] => {
+  return [
+    {
+      text: localization.createNewVirtualMachine,
+      value: '0',
+      disabled: false,
+    },
+    { text: localization.deployVmFromOVF, value: '1', disabled: true },
+    {
+      text: importFromVMWarevSphere,
+      value: '2',
+      disabled: true,
+    },
+    {
+      text: localization.importFromGorizontVS,
+      value: '3',
+      disabled: true,
+    },
+  ]
+}

package/components/common/vm/actions/add/select/models/interfaces.ts

@@ -1,32 +1,32 @@
-import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { UI_I_ArbitraryObject } from '~/models/interfaces'
-
-export interface UI_I_OsChange {
-  selectedMachineType: UI_I_OptionItem | null
-  selectedOS: UI_I_OptionItem | null
-  selectedVersion: UI_I_OptionItem | null
-  windowsVirtualization: boolean
-}
-
-export interface API_UI_I_CompatibilityCpu {
-  max_vcpus: number
-  models: UI_I_ArbitraryObject<string>
-}
-export interface API_UI_I_Compatibility {
-  compatibility: UI_I_ArbitraryObject<string>
-  guest_os_families: UI_I_ArbitraryObject<string>
-  guest_os_versions: UI_I_ArbitraryObject<UI_I_ArbitraryObject<string>>
-  machine_types: UI_I_ArbitraryObject<string>
-  cpu: API_UI_I_CompatibilityCpu
-  max_memory_mb: number
-}
-
-export interface UI_I_Compatibility {
-  compatibility: UI_I_OptionItem[]
-  guestOsFamilies: UI_I_OptionItem[]
-  guestOsVersions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
-  machineTypes: UI_I_OptionItem[]
-  cpuModels: UI_I_OptionItem[]
-  maxCpus: number
-  maxMemory: number
-}
+import { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { UI_I_ArbitraryObject } from '~/models/interfaces'
+
+export interface UI_I_OsChange {
+  selectedMachineType: UI_I_OptionItem | null
+  selectedOS: UI_I_OptionItem | null
+  selectedVersion: UI_I_OptionItem | null
+  windowsVirtualization: boolean
+}
+
+export interface API_UI_I_CompatibilityCpu {
+  max_vcpus: number
+  models: UI_I_ArbitraryObject<string>
+}
+export interface API_UI_I_Compatibility {
+  compatibility: UI_I_ArbitraryObject<string>
+  guest_os_families: UI_I_ArbitraryObject<string>
+  guest_os_versions: UI_I_ArbitraryObject<UI_I_ArbitraryObject<string>>
+  machine_types: UI_I_ArbitraryObject<string>
+  cpu: API_UI_I_CompatibilityCpu
+  max_memory_mb: number
+}
+
+export interface UI_I_Compatibility {
+  compatibility: UI_I_OptionItem[]
+  guestOsFamilies: UI_I_OptionItem[]
+  guestOsVersions: UI_I_ArbitraryObject<UI_I_OptionItem[]>
+  machineTypes: UI_I_OptionItem[]
+  cpuModels: UI_I_OptionItem[]
+  maxCpus: number
+  maxMemory: number
+}

package/components/common/vm/actions/add/select/models/types.ts

@@ -1,44 +1,44 @@
-export type UI_T_ActionType =
-  | 'newVirtualMachine'
-  | 'openRemoteConsole'
-  | 'deleteFromDisk'
-  | 'removeFromInventory'
-  | 'powerOn'
-  | 'powerOff'
-  | 'suspend'
-  | 'reset'
-  | 'hardStop'
-  | 'shutDownGuestOs'
-  | 'restartGuestOs'
-  | 'mountGuestTools'
-  | 'unmountGuestTools'
-  | 'deleteDatastore'
-  | 'takeSnapshot'
-  | 'revertLatestSnapshot'
-  | 'deleteAllSnapshots'
-
-export type UI_T_CustomizeHardwareField =
-  | 'cpu.vcpus'
-  | 'cpu.max_vcpus'
-  | 'cpu.shares'
-  | 'cpu.core_per_socket'
-  | 'cpu.model'
-  | 'memory.size_mb'
-  | 'memory.limit_mb'
-  | 'memory.reservation_mb'
-  | 'video_card.adapter'
-  | 'video_card.displays'
-  | 'video_card.memory_mb'
-  | 'options.remote_console.type'
-  | 'options.remote_console.spice.img_compression'
-  | 'options.remote_console.spice.jpeg_compression'
-  | 'options.remote_console.spice.zlib_glz_compression'
-  | 'options.remote_console.spice.streaming_mode'
-  | 'options.boot_options.firmware'
-
-export type UI_T_AllField =
-  | UI_T_CustomizeHardwareField
-  | 'compatibility'
-  | 'guest_os_family'
-  | 'guest_os_version'
-  | 'machine_type'
+export type UI_T_ActionType =
+  | 'newVirtualMachine'
+  | 'openRemoteConsole'
+  | 'deleteFromDisk'
+  | 'removeFromInventory'
+  | 'powerOn'
+  | 'powerOff'
+  | 'suspend'
+  | 'reset'
+  | 'hardStop'
+  | 'shutDownGuestOs'
+  | 'restartGuestOs'
+  | 'mountGuestTools'
+  | 'unmountGuestTools'
+  | 'deleteDatastore'
+  | 'takeSnapshot'
+  | 'revertLatestSnapshot'
+  | 'deleteAllSnapshots'
+
+export type UI_T_CustomizeHardwareField =
+  | 'cpu.vcpus'
+  | 'cpu.max_vcpus'
+  | 'cpu.shares'
+  | 'cpu.core_per_socket'
+  | 'cpu.model'
+  | 'memory.size_mb'
+  | 'memory.limit_mb'
+  | 'memory.reservation_mb'
+  | 'video_card.adapter'
+  | 'video_card.displays'
+  | 'video_card.memory_mb'
+  | 'options.remote_console.type'
+  | 'options.remote_console.spice.img_compression'
+  | 'options.remote_console.spice.jpeg_compression'
+  | 'options.remote_console.spice.zlib_glz_compression'
+  | 'options.remote_console.spice.streaming_mode'
+  | 'options.boot_options.firmware'
+
+export type UI_T_AllField =
+  | UI_T_CustomizeHardwareField
+  | 'compatibility'
+  | 'guest_os_family'
+  | 'guest_os_version'
+  | 'machine_type'

package/components/common/vm/actions/add/select/name/Name.vue

@@ -1,173 +1,173 @@
-<template>
-  <div class="select-name">
-    <atoms-alert
-      v-show="errors.length"
-      status="alert-danger"
-      :items="errors"
-      @remove="onRemoveValidationErrors"
-    />
-
-    <form id="virtual-machine-form" @submit.prevent>
-      <label for="virtual-machine-name"
-        >{{ localization.virtualMachineName }}:</label
-      >
-      <input id="virtual-machine-name" v-model.trim="vmName" type="text" />
-    </form>
-
-    <template v-if="props.project === 'sphere'">
-      <p class="new-vm-name-and-folder-instructions mt-1">
-        {{ localization.selectLocationVirtualMachine }}
-      </p>
-      <div class="tree-view-wrap">
-        <common-vm-actions-add-folder-tree-view
-          :data-center="props.dataCenter"
-          @select-node="onSelectNode"
-        />
-      </div>
-    </template>
-  </div>
-</template>
-
-<script setup lang="ts">
-// import { API_UI_I_Error } from '~/models/store/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_T_Project } from '~/models/types'
-import { UI_I_TreeNode } from '~/components/common/recursionTree/models/interfaces'
-
-const props = defineProps<{
-  nameFormSubmit: number
-  show: boolean
-  project: UI_T_Project
-  dataCenter?: UI_I_TreeNode // для сферы
-}>()
-const emits = defineEmits<{
-  (event: 'submit', value: [string, UI_I_TreeNode | null]): void
-  (event: 'loading', value: boolean): void
-  (event: 'check-name', value: [[string, UI_I_TreeNode | null], (error: any) => void]): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const vmName = ref<string>('')
-
-const selectedNode = ref<UI_I_TreeNode | null>(null)
-const onSelectNode = (node: UI_I_TreeNode): void => {
-  selectedNode.value = node
-}
-
-watch(
-  () => props.nameFormSubmit,
-  () => {
-    submit()
-  }
-)
-
-const isParentDatacenter = (node: UI_I_TreeNode | null): boolean => {
-  if (!node) return false
-
-  if (node.parent?.type === 'datacenter') return true
-  if (node.parent?.type === 'folder') return isParentDatacenter(node.parent)
-  return false
-}
-const submit = async (): Promise<void> => {
-  const name = vmName.value
-
-  if (name !== '') {
-    const isNameValid = await checkNameIsValid(name)
-    if (!isNameValid) return
-  }
-
-  if (props.project === 'sphere') {
-    const isDatacenterFolder = isParentDatacenter(selectedNode.value)
-
-    if (selectedNode.value?.type !== 'datacenter' && selectedNode.value?.type === 'folder' && !isDatacenterFolder) {
-      showValidationErrors([
-        localization.value.enterValidLocationVirtualMachine,
-      ])
-      return
-    }
-  }
-
-  onRemoveValidationErrors()
-  emits('submit', [name, selectedNode.value])
-}
-const checkNameIsValid = async (name: string): Promise<boolean> => {
-  emits('loading', true)
-
-  return new Promise((resolve) => {
-    emits('check-name', [
-      [name, selectedNode.value],
-      (error) => {
-        emits('loading', false)
-
-        const status = error?.statusCode || 200
-        switch (status) {
-          case 406: // Invalid name
-            showValidationErrors([
-              localization.value.vmNameValidationDescription,
-            ])
-            resolve(false)
-            break
-          case 409: // Name exist
-            showValidationErrors([
-              localization.value.vmNameExistInSelectedLocation,
-            ])
-            resolve(false)
-            break
-        }
-
-        resolve(true)
-      },
-    ])
-  })
-}
-
-const errors = ref<string[]>([])
-const showValidationErrors = (data: string[]): void => {
-  errors.value = data
-}
-const onRemoveValidationErrors = (): void => {
-  errors.value = []
-}
-
-watch(
-  () => props.show,
-  (newValue) => {
-    if (!newValue) return
-
-    const input = document.getElementById('virtual-machine-name')
-    if (!input) return
-
-    setTimeout(() => {
-      input.focus()
-    }, 0)
-  }
-)
-</script>
-
-<style scoped lang="scss">
-.select-name {
-  form {
-    display: flex;
-    align-items: center;
-    padding-top: 20px;
-
-    label {
-      width: 216px;
-    }
-    input {
-      width: 345px;
-    }
-  }
-
-  .tree-view-wrap {
-    position: relative;
-    border: 1px solid #000;
-    padding: 5px;
-    max-height: 300px;
-    min-height: 200px;
-    overflow: auto;
-    margin-bottom: 10px;
-  }
-}
-</style>
+<template>
+  <div class="select-name">
+    <atoms-alert
+      v-show="errors.length"
+      status="alert-danger"
+      :items="errors"
+      @remove="onRemoveValidationErrors"
+    />
+
+    <form id="virtual-machine-form" @submit.prevent>
+      <label for="virtual-machine-name"
+        >{{ localization.virtualMachineName }}:</label
+      >
+      <input id="virtual-machine-name" v-model.trim="vmName" type="text" />
+    </form>
+
+    <template v-if="props.project === 'sphere'">
+      <p class="new-vm-name-and-folder-instructions mt-1">
+        {{ localization.selectLocationVirtualMachine }}
+      </p>
+      <div class="tree-view-wrap">
+        <common-vm-actions-add-folder-tree-view
+          :data-center="props.dataCenter"
+          @select-node="onSelectNode"
+        />
+      </div>
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+// import { API_UI_I_Error } from '~/models/store/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_T_Project } from '~/models/types'
+import { UI_I_TreeNode } from '~/components/common/recursionTree/models/interfaces'
+
+const props = defineProps<{
+  nameFormSubmit: number
+  show: boolean
+  project: UI_T_Project
+  dataCenter?: UI_I_TreeNode // для сферы
+}>()
+const emits = defineEmits<{
+  (event: 'submit', value: [string, UI_I_TreeNode | null]): void
+  (event: 'loading', value: boolean): void
+  (event: 'check-name', value: [[string, UI_I_TreeNode | null], (error: any) => void]): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const vmName = ref<string>('')
+
+const selectedNode = ref<UI_I_TreeNode | null>(null)
+const onSelectNode = (node: UI_I_TreeNode): void => {
+  selectedNode.value = node
+}
+
+watch(
+  () => props.nameFormSubmit,
+  () => {
+    submit()
+  }
+)
+
+const isParentDatacenter = (node: UI_I_TreeNode | null): boolean => {
+  if (!node) return false
+
+  if (node.parent?.type === 'datacenter') return true
+  if (node.parent?.type === 'folder') return isParentDatacenter(node.parent)
+  return false
+}
+const submit = async (): Promise<void> => {
+  const name = vmName.value
+
+  if (name !== '') {
+    const isNameValid = await checkNameIsValid(name)
+    if (!isNameValid) return
+  }
+
+  if (props.project === 'sphere') {
+    const isDatacenterFolder = isParentDatacenter(selectedNode.value)
+
+    if (selectedNode.value?.type !== 'datacenter' && selectedNode.value?.type === 'folder' && !isDatacenterFolder) {
+      showValidationErrors([
+        localization.value.enterValidLocationVirtualMachine,
+      ])
+      return
+    }
+  }
+
+  onRemoveValidationErrors()
+  emits('submit', [name, selectedNode.value])
+}
+const checkNameIsValid = async (name: string): Promise<boolean> => {
+  emits('loading', true)
+
+  return new Promise((resolve) => {
+    emits('check-name', [
+      [name, selectedNode.value],
+      (error) => {
+        emits('loading', false)
+
+        const status = error?.statusCode || 200
+        switch (status) {
+          case 406: // Invalid name
+            showValidationErrors([
+              localization.value.vmNameValidationDescription,
+            ])
+            resolve(false)
+            break
+          case 409: // Name exist
+            showValidationErrors([
+              localization.value.vmNameExistInSelectedLocation,
+            ])
+            resolve(false)
+            break
+        }
+
+        resolve(true)
+      },
+    ])
+  })
+}
+
+const errors = ref<string[]>([])
+const showValidationErrors = (data: string[]): void => {
+  errors.value = data
+}
+const onRemoveValidationErrors = (): void => {
+  errors.value = []
+}
+
+watch(
+  () => props.show,
+  (newValue) => {
+    if (!newValue) return
+
+    const input = document.getElementById('virtual-machine-name')
+    if (!input) return
+
+    setTimeout(() => {
+      input.focus()
+    }, 0)
+  }
+)
+</script>
+
+<style scoped lang="scss">
+.select-name {
+  form {
+    display: flex;
+    align-items: center;
+    padding-top: 20px;
+
+    label {
+      width: 216px;
+    }
+    input {
+      width: 345px;
+    }
+  }
+
+  .tree-view-wrap {
+    position: relative;
+    border: 1px solid #000;
+    padding: 5px;
+    max-height: 300px;
+    min-height: 200px;
+    overflow: auto;
+    margin-bottom: 10px;
+  }
+}
+</style>