bfg-common 1.4.731 → 1.4.734

package/components/common/spiceConsole/lib/models/interfaces.ts

@@ -1,5 +1,5 @@
-export interface UI_I_DeviceOption {
-  label: string
-  value: any
-  disabled?: boolean
-}
+export interface UI_I_DeviceOption {
+  label: string
+  value: any
+  disabled?: boolean
+}

package/components/common/split/vertical/Vertical.vue

@@ -1,160 +1,160 @@
-<template>
-  <common-split-vertical-new
-    v-if="isNewView"
-    v-model:is-grab="isGrab"
-    v-model:is-focus="isFocus"
-    :element-id="elementId"
-    :is-drag="isDrag"
-    :top-panel-style="topPanelStyle"
-    :bottom-panel-style="bottomPanelStyle"
-  >
-    <template #firstPanel>
-      <slot name="firstPanel" />
-    </template>
-
-    <template #secondPanel>
-      <slot name="secondPanel" />
-    </template>
-  </common-split-vertical-new>
-
-  <common-split-vertical-old
-    v-else
-    v-model:is-grab="isGrab"
-    v-model:is-focus="isFocus"
-    :element-id="elementId"
-    :is-drag="isDrag"
-    :top-panel-style="topPanelStyle"
-    :bottom-panel-style="bottomPanelStyle"
-  >
-    <template #firstPanel>
-      <slot name="firstPanel" />
-    </template>
-
-    <template #secondPanel>
-      <slot name="secondPanel" />
-    </template>
-  </common-split-vertical-old>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_SplitVerticalStyle } from '~/components/common/split/vertical/lib/models/interfaces'
-
-const props = withDefaults(defineProps<{
-  parentElementSelector: string
-  topPanelHForce?: string
-  topPanelH?: number
-  topPanelMinHeight?: number
-  bottomPanelMinHeight?: number
-}>(), {
-  topPanelMinHeight: 200, // 200px
-  bottomPanelMinHeight: 200, // 200px
-  topPanelHForce: '',
-  topPanelH: undefined,
-})
-const emits = defineEmits<{
-  (event: 'dragend', value: number): void
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const topPanelStyle = computed<UI_I_SplitVerticalStyle>(() => {
-  let height = `calc(${topPanelH.value}% - 1.5px)`
-  if (props.topPanelHForce) {
-    height = props.topPanelHForce
-  }
-  return { height }
-})
-
-const bottomPanelStyle = computed<UI_I_SplitVerticalStyle>(() => {
-  let height = `calc(${100 - topPanelH.value}% - 1.5px)`
-
-  return { height }
-})
-
-const isGrab = ref<boolean>(false)
-const isFocus = ref<boolean>(false)
-const isDrag = ref<boolean>(false)
-const topPanelH = ref<number>(80) // 80%
-watch(
-  () => props.topPanelH,
-  (newValue) => {
-    if (newValue === undefined) return
-    topPanelH.value = newValue
-  },
-  { immediate: true }
-)
-
-let parentElem: HTMLDivElement | null
-const mouseup = (): void => {
-  if (!isGrab.value) {
-    return
-  }
-
-  isGrab.value = false
-  isDrag.value = false
-
-  emits('dragend', topPanelH.value)
-}
-let mousemove = (e: MouseEvent): void => {
-  if (!isGrab.value) {
-    return
-  }
-
-  e.preventDefault()
-  isDrag.value = true
-
-  doDrag(e.clientY)
-}
-mousemove = useThrottle(mousemove)
-
-const doDrag = (clientY: number): void => {
-  const parentElemTop = parentElem?.getBoundingClientRect().top || 0
-  const parentHeight = parentElem?.clientHeight || 0
-  const onePercent = parentHeight / 100
-
-  const topLimit = clientY <= props.topPanelMinHeight + parentElemTop + 1.5
-  const bottomLimit =
-    clientY >= parentHeight + parentElemTop - props.bottomPanelMinHeight - 1.5
-
-  if (topLimit || bottomLimit) {
-    return
-  }
-
-  topPanelH.value = (clientY - parentElemTop) / onePercent
-}
-
-const elementId = `vertical${useUniqueId()}`
-const keydown = (e: KeyboardEvent): void => {
-  if (!isFocus.value) return
-
-  const gutter = document.getElementById(`gutter-${elementId}`)
-
-  if (!gutter) return
-
-  const gutterTop = ~~(gutter.getBoundingClientRect().top + 1.5)
-
-  if (e.keyCode === 40) {
-    doDrag(gutterTop + 10)
-  }
-  if (e.keyCode === 38) {
-    doDrag(gutterTop - 10)
-  }
-}
-
-onMounted(() => {
-  parentElem = document.querySelector(props.parentElementSelector)
-
-  window.addEventListener('mousemove', mousemove)
-  window.addEventListener('mouseup', mouseup)
-  window.addEventListener('keydown', keydown)
-})
-onUnmounted(() => {
-  window.removeEventListener('mouseup', mouseup)
-  window.removeEventListener('mousemove', mousemove)
-  window.removeEventListener('keydown', keydown)
-})
-</script>
-
-<style scoped lang="scss">
-</style>
+<template>
+  <common-split-vertical-new
+    v-if="isNewView"
+    v-model:is-grab="isGrab"
+    v-model:is-focus="isFocus"
+    :element-id="elementId"
+    :is-drag="isDrag"
+    :top-panel-style="topPanelStyle"
+    :bottom-panel-style="bottomPanelStyle"
+  >
+    <template #firstPanel>
+      <slot name="firstPanel" />
+    </template>
+
+    <template #secondPanel>
+      <slot name="secondPanel" />
+    </template>
+  </common-split-vertical-new>
+
+  <common-split-vertical-old
+    v-else
+    v-model:is-grab="isGrab"
+    v-model:is-focus="isFocus"
+    :element-id="elementId"
+    :is-drag="isDrag"
+    :top-panel-style="topPanelStyle"
+    :bottom-panel-style="bottomPanelStyle"
+  >
+    <template #firstPanel>
+      <slot name="firstPanel" />
+    </template>
+
+    <template #secondPanel>
+      <slot name="secondPanel" />
+    </template>
+  </common-split-vertical-old>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_SplitVerticalStyle } from '~/components/common/split/vertical/lib/models/interfaces'
+
+const props = withDefaults(defineProps<{
+  parentElementSelector: string
+  topPanelHForce?: string
+  topPanelH?: number
+  topPanelMinHeight?: number
+  bottomPanelMinHeight?: number
+}>(), {
+  topPanelMinHeight: 200, // 200px
+  bottomPanelMinHeight: 200, // 200px
+  topPanelHForce: '',
+  topPanelH: undefined,
+})
+const emits = defineEmits<{
+  (event: 'dragend', value: number): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const topPanelStyle = computed<UI_I_SplitVerticalStyle>(() => {
+  let height = `calc(${topPanelH.value}% - 1.5px)`
+  if (props.topPanelHForce) {
+    height = props.topPanelHForce
+  }
+  return { height }
+})
+
+const bottomPanelStyle = computed<UI_I_SplitVerticalStyle>(() => {
+  let height = `calc(${100 - topPanelH.value}% - 1.5px)`
+
+  return { height }
+})
+
+const isGrab = ref<boolean>(false)
+const isFocus = ref<boolean>(false)
+const isDrag = ref<boolean>(false)
+const topPanelH = ref<number>(80) // 80%
+watch(
+  () => props.topPanelH,
+  (newValue) => {
+    if (newValue === undefined) return
+    topPanelH.value = newValue
+  },
+  { immediate: true }
+)
+
+let parentElem: HTMLDivElement | null
+const mouseup = (): void => {
+  if (!isGrab.value) {
+    return
+  }
+
+  isGrab.value = false
+  isDrag.value = false
+
+  emits('dragend', topPanelH.value)
+}
+let mousemove = (e: MouseEvent): void => {
+  if (!isGrab.value) {
+    return
+  }
+
+  e.preventDefault()
+  isDrag.value = true
+
+  doDrag(e.clientY)
+}
+mousemove = useThrottle(mousemove)
+
+const doDrag = (clientY: number): void => {
+  const parentElemTop = parentElem?.getBoundingClientRect().top || 0
+  const parentHeight = parentElem?.clientHeight || 0
+  const onePercent = parentHeight / 100
+
+  const topLimit = clientY <= props.topPanelMinHeight + parentElemTop + 1.5
+  const bottomLimit =
+    clientY >= parentHeight + parentElemTop - props.bottomPanelMinHeight - 1.5
+
+  if (topLimit || bottomLimit) {
+    return
+  }
+
+  topPanelH.value = (clientY - parentElemTop) / onePercent
+}
+
+const elementId = `vertical${useUniqueId()}`
+const keydown = (e: KeyboardEvent): void => {
+  if (!isFocus.value) return
+
+  const gutter = document.getElementById(`gutter-${elementId}`)
+
+  if (!gutter) return
+
+  const gutterTop = ~~(gutter.getBoundingClientRect().top + 1.5)
+
+  if (e.keyCode === 40) {
+    doDrag(gutterTop + 10)
+  }
+  if (e.keyCode === 38) {
+    doDrag(gutterTop - 10)
+  }
+}
+
+onMounted(() => {
+  parentElem = document.querySelector(props.parentElementSelector)
+
+  window.addEventListener('mousemove', mousemove)
+  window.addEventListener('mouseup', mouseup)
+  window.addEventListener('keydown', keydown)
+})
+onUnmounted(() => {
+  window.removeEventListener('mouseup', mouseup)
+  window.removeEventListener('mousemove', mousemove)
+  window.removeEventListener('keydown', keydown)
+})
+</script>
+
+<style scoped lang="scss">
+</style>

package/components/common/vm/actions/clone/lib/config/steps.ts

@@ -1,129 +1,129 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-import type { I_DynamicSteps } from '~/components/common/vm/actions/clone/lib/models/interfaces'
-
-export const stepsFunc = (
-  localization: UI_I_Localization,
-  isScheduledTasks: boolean
-): UI_I_WizardStep[] => {
-  let result: UI_I_WizardStep[] = [
-    {
-      id: 0,
-      stepName: '',
-      title: localization.common.schedulingOptions,
-      subTitle: '',
-      status: UI_E_WIZARD_STATUS.SELECTED,
-      isValid: true,
-      fields: {},
-      testId: 'new-roles-scheduling-options',
-    },
-    {
-      id: 1,
-      stepName: '',
-      title: localization.common.selectName,
-      subTitle: localization.common.specifyUniqueName,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-name',
-      fields: {
-        name: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: 2,
-      stepName: '',
-      title: localization.common.selectStorage,
-      subTitle: localization.common.selectStorageConfigurationDiskFiles,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-storage',
-      fields: {
-        storage: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: 3,
-      stepName: '',
-      title: localization.common.selectCloneOptions,
-      subTitle:
-        localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-clone-options',
-      fields: {},
-    },
-    {
-      id: 4,
-      stepName: '',
-      title: localization.common.customizeHardware,
-      subTitle: localization.common.configureVirtualMachineHardware,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-customize-hardware',
-      fields: {
-        customizeHardware: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: 5,
-      stepName: '',
-      title: localization.common.readyComplete,
-      subTitle: localization.common.clickFinishStartCreation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-ready-complete',
-      fields: {},
-    },
-  ]
-
-  if (!isScheduledTasks) {
-    result.shift()
-    result[0].status = UI_E_WIZARD_STATUS.SELECTED
-    result = result.map((item) => {
-      item.id--
-      return item
-    })
-  }
-
-  return result
-}
-
-export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
-  const resultWithOutScheduledTasks = [0, 1, 2, 3, 4]
-  const resultWithScheduledTasks = [0, 1, 2, 3, 4, 5]
-
-  return isScheduledTasks
-    ? [resultWithScheduledTasks]
-    : [resultWithOutScheduledTasks]
-}
-export const getDynamicSteps = (isScheduledTasks: boolean): I_DynamicSteps => {
-  const resultWithOutScheduledTasks = {
-    selectName: 0,
-    selectStorage: 1,
-    selectOptions: 2,
-    customizeHardware: 3,
-    readyComplete: 4,
-  }
-  const resultWithScheduledTasks = {
-    scheduledTasks: 0,
-    selectName: 1,
-    selectStorage: 2,
-    selectOptions: 3,
-    customizeHardware: 4,
-    readyComplete: 5,
-  }
-
-  return isScheduledTasks
-    ? resultWithScheduledTasks
-    : resultWithOutScheduledTasks
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+import type { I_DynamicSteps } from '~/components/common/vm/actions/clone/lib/models/interfaces'
+
+export const stepsFunc = (
+  localization: UI_I_Localization,
+  isScheduledTasks: boolean
+): UI_I_WizardStep[] => {
+  let result: UI_I_WizardStep[] = [
+    {
+      id: 0,
+      stepName: '',
+      title: localization.common.schedulingOptions,
+      subTitle: '',
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      fields: {},
+      testId: 'new-roles-scheduling-options',
+    },
+    {
+      id: 1,
+      stepName: '',
+      title: localization.common.selectName,
+      subTitle: localization.common.specifyUniqueName,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-name',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 2,
+      stepName: '',
+      title: localization.common.selectStorage,
+      subTitle: localization.common.selectStorageConfigurationDiskFiles,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-storage',
+      fields: {
+        storage: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 3,
+      stepName: '',
+      title: localization.common.selectCloneOptions,
+      subTitle:
+        localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-clone-options',
+      fields: {},
+    },
+    {
+      id: 4,
+      stepName: '',
+      title: localization.common.customizeHardware,
+      subTitle: localization.common.configureVirtualMachineHardware,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-customize-hardware',
+      fields: {
+        customizeHardware: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: 5,
+      stepName: '',
+      title: localization.common.readyComplete,
+      subTitle: localization.common.clickFinishStartCreation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-ready-complete',
+      fields: {},
+    },
+  ]
+
+  if (!isScheduledTasks) {
+    result.shift()
+    result[0].status = UI_E_WIZARD_STATUS.SELECTED
+    result = result.map((item) => {
+      item.id--
+      return item
+    })
+  }
+
+  return result
+}
+
+export const stepsSchemeInitial = (isScheduledTasks: boolean): number[][] => {
+  const resultWithOutScheduledTasks = [0, 1, 2, 3, 4]
+  const resultWithScheduledTasks = [0, 1, 2, 3, 4, 5]
+
+  return isScheduledTasks
+    ? [resultWithScheduledTasks]
+    : [resultWithOutScheduledTasks]
+}
+export const getDynamicSteps = (isScheduledTasks: boolean): I_DynamicSteps => {
+  const resultWithOutScheduledTasks = {
+    selectName: 0,
+    selectStorage: 1,
+    selectOptions: 2,
+    customizeHardware: 3,
+    readyComplete: 4,
+  }
+  const resultWithScheduledTasks = {
+    scheduledTasks: 0,
+    selectName: 1,
+    selectStorage: 2,
+    selectOptions: 3,
+    customizeHardware: 4,
+    readyComplete: 5,
+  }
+
+  return isScheduledTasks
+    ? resultWithScheduledTasks
+    : resultWithOutScheduledTasks
+}