bfg-common 1.2.36 → 1.2.38

package/components/common/vm/actions/clone/select/options/Options.vue

@@ -1,65 +1,65 @@
-<template>
-  <div class="select-options">
-    <div class="checkbox">
-      <input
-        id="customize-os"
-        v-model="selectedOptions"
-        type="checkbox"
-        value="customize-os"
-      />
-      <label for="customize-os">{{
-        localization.customizeTheOperatingSystem
-      }}</label>
-    </div>
-    <div class="checkbox">
-      <input
-        id="customize-hardware"
-        v-model="selectedOptions"
-        type="checkbox"
-        value="customize-hardware"
-      />
-      <label for="customize-hardware">{{
-        localization.customizeThisVirtualMachineHardware
-      }}</label>
-    </div>
-    <div class="checkbox">
-      <input
-        id="power-on"
-        v-model="selectedOptions"
-        type="checkbox"
-        value="power-on"
-      />
-      <label for="power-on">{{
-        localization.powerOnVirtualMachineAfterCreation
-      }}</label>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  selectOptionsSubmit: number
-}>()
-
-const emits = defineEmits<{
-  (event: 'submit', value: string[]): void
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedOptions = ref<string[]>([])
-watch(() => props.selectOptionsSubmit, () => {
-  emits('submit', selectedOptions.value)
-})
-</script>
-
-<style scoped lang="scss">
-.select-options {
-  padding: 12px 0 0;
-
-  .checkbox {
-    margin: 6px 0;
-  }
-}
-</style>
+<template>
+  <div class="select-options">
+    <div class="checkbox">
+      <input
+        id="customize-os"
+        v-model="selectedOptions"
+        type="checkbox"
+        value="customize-os"
+      />
+      <label for="customize-os">{{
+        localization.customizeTheOperatingSystem
+      }}</label>
+    </div>
+    <div class="checkbox">
+      <input
+        id="customize-hardware"
+        v-model="selectedOptions"
+        type="checkbox"
+        value="customize-hardware"
+      />
+      <label for="customize-hardware">{{
+        localization.customizeThisVirtualMachineHardware
+      }}</label>
+    </div>
+    <div class="checkbox">
+      <input
+        id="power-on"
+        v-model="selectedOptions"
+        type="checkbox"
+        value="power-on"
+      />
+      <label for="power-on">{{
+        localization.powerOnVirtualMachineAfterCreation
+      }}</label>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  selectOptionsSubmit: number
+}>()
+
+const emits = defineEmits<{
+  (event: 'submit', value: string[]): void
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedOptions = ref<string[]>([])
+watch(() => props.selectOptionsSubmit, () => {
+  emits('submit', selectedOptions.value)
+})
+</script>
+
+<style scoped lang="scss">
+.select-options {
+  padding: 12px 0 0;
+
+  .checkbox {
+    margin: 6px 0;
+  }
+}
+</style>

package/components/common/vm/actions/clone/utils.ts

@@ -1,43 +1,43 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces'
-import { UI_T_Project } from '~/models/types'
-
-export const stepItemsFunc = (
-  localization: UI_I_Localization,
-  project: UI_T_Project
-): UI_I_VerticalStepItem[] => {
-  if (project === 'sphere') {
-    return []
-  }
-  return [
-    {
-      text: localization.selectName,
-      disabled: false,
-      complete: false,
-    },
-    { text: localization.selectStorage, disabled: true, complete: false },
-    { text: localization.selectCloneOptions, disabled: true, complete: false },
-    {
-      text: localization.customizeHardware,
-      disabled: true,
-      complete: false,
-    },
-    { text: localization.readyComplete, disabled: true, complete: false },
-  ]
-}
-
-export const subTitleFunc = (
-  localization: UI_I_Localization,
-  project: UI_T_Project
-): string[] => {
-  if (project === 'sphere') {
-    return []
-  }
-  return [
-    localization.specifyUniqueName,
-    localization.selectStorageConfigurationDiskFiles,
-    localization.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
-    localization.selectFurtherCloneOptions,
-    localization.clickFinishStartCreation,
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_VerticalStepItem } from '~/components/atoms/models/interfaces'
+import { UI_T_Project } from '~/models/types'
+
+export const stepItemsFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): UI_I_VerticalStepItem[] => {
+  if (project === 'sphere') {
+    return []
+  }
+  return [
+    {
+      text: localization.selectName,
+      disabled: false,
+      complete: false,
+    },
+    { text: localization.selectStorage, disabled: true, complete: false },
+    { text: localization.selectCloneOptions, disabled: true, complete: false },
+    {
+      text: localization.customizeHardware,
+      disabled: true,
+      complete: false,
+    },
+    { text: localization.readyComplete, disabled: true, complete: false },
+  ]
+}
+
+export const subTitleFunc = (
+  localization: UI_I_Localization,
+  project: UI_T_Project
+): string[] => {
+  if (project === 'sphere') {
+    return []
+  }
+  return [
+    localization.specifyUniqueName,
+    localization.selectStorageConfigurationDiskFiles,
+    localization.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+    localization.selectFurtherCloneOptions,
+    localization.clickFinishStartCreation,
+  ]
+}

package/components/common/wizards/datastore/add/Add.vue

@@ -44,6 +44,7 @@
 
           <common-wizards-datastore-add-nfs
             v-show="datastoreType === 'nfs' && !isShowCompleteBlock"
+            :mode="props.mode"
             :step-position="stepPosition"
             :datastore-type="datastoreType"
             :nfs-configuration-submit="nfsConfigurationSubmit"

package/components/common/wizards/datastore/add/nfs/Nfs.vue

@@ -1,91 +1,94 @@
-<template>
-  <div class="nfs-container">
-    <span class="nfs-container__desc">{{ stepSubTitle }}</span>
-
-    <common-wizards-datastore-add-nfs-version
-      v-show="props.stepPosition === 1"
-      v-model:version="nfsVersion"
-    />
-
-    <common-wizards-datastore-add-nfs-configuration
-      v-show="props.stepPosition === 2"
-      :nfs-version="nfsVersion"
-      :nfs-configuration-submit="nfsConfigurationSubmit"
-      @loading="(e) => emits('loading', e)"
-      @next="applyChangesAndNext"
-    />
-
-    <!--    <templates-home-datastore-actions-add-nfs-kerberos-authentication-->
-    <!--      v-show="nfsVersion === 'nfs-4.1' && props.stepPosition === 3"-->
-    <!--      :nfs-version="nfsVersion"-->
-    <!--    />--><!-- TODO Он будет когда будем делать групповое -->
-
-    <!--    <templates-home-datastore-actions-add-nfs-accessibility-->
-    <!--      v-if="showHostAccessibility"-->
-    <!--      :host-accessibility-submit="hostAccessibilitySubmit"-->
-    <!--      @next="applyChangesAndNext"-->
-    <!--    />-->
-    <!-- TODO Он будет когда будем делать групповое  -->
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { UI_I_Localization } from '~/models/interfaces'
-import {
-  UI_T_DatastoreType,
-  UI_T_NfsType,
-} from '~/components/common/wizards/datastore/add/models/types'
-import { UI_I_ConfigurationSendDataNfs } from '~/components/common/wizards/datastore/add/nfs/configuration/models/interfaces'
-import { subTitleFunc } from '~/components/common/wizards/datastore/add/config/stepItems'
-
-const props = defineProps<{
-  stepPosition: number
-  datastoreType: UI_T_DatastoreType
-  nfsConfigurationSubmit: number
-  hostAccessibilitySubmit: number
-}>()
-const emits = defineEmits<{
-  (event: 'loading', value: boolean): void
-  (event: 'submit', value: UI_I_ConfigurationSendDataNfs): void
-  (event: 'change-nfs-version', value: UI_T_NfsType): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const nfsVersion = ref<UI_T_NfsType>('nfs-3')
-
-const stepSubTitle = computed<string>(() => {
-  const { datastoreType, stepPosition } = props
-  return subTitleFunc(
-    localization.value,
-    datastoreType,
-    stepPosition,
-    nfsVersion.value
-  )
-})
-
-// const showHostAccessibility = computed<boolean>(() => {
-//   return (
-//     (props.stepPosition === 4 && nfsVersion.value === 'nfs-4.1') ||
-//     (props.stepPosition === 3 && nfsVersion.value === 'nfs-3')
-//   )
-// })
-
-watch(nfsVersion, (val: UI_T_NfsType) => {
-  emits('change-nfs-version', val)
-})
-
-const applyChangesAndNext = (event: UI_I_ConfigurationSendDataNfs): void => {
-  emits('submit', event)
-}
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.nfs-container {
-  @include flex($dir: column);
-  height: 100%;
-  &__desc {
-  }
-}
-</style>
+<template>
+  <div class="nfs-container">
+    <span class="nfs-container__desc">{{ stepSubTitle }}</span>
+
+    <common-wizards-datastore-add-nfs-version
+      v-show="props.stepPosition === 1"
+      v-model:version="nfsVersion"
+    />
+
+    <common-wizards-datastore-add-nfs-configuration
+      v-show="props.stepPosition === 2"
+      :mode="props.mode"
+      :nfs-version="nfsVersion"
+      :nfs-configuration-submit="nfsConfigurationSubmit"
+      @loading="(e) => emits('loading', e)"
+      @next="applyChangesAndNext"
+    />
+
+    <!--    <templates-home-datastore-actions-add-nfs-kerberos-authentication-->
+    <!--      v-show="nfsVersion === 'nfs-4.1' && props.stepPosition === 3"-->
+    <!--      :nfs-version="nfsVersion"-->
+    <!--    />--><!-- TODO Он будет когда будем делать групповое -->
+
+    <!--    <templates-home-datastore-actions-add-nfs-accessibility-->
+    <!--      v-if="showHostAccessibility"-->
+    <!--      :host-accessibility-submit="hostAccessibilitySubmit"-->
+    <!--      @next="applyChangesAndNext"-->
+    <!--    />-->
+    <!-- TODO Он будет когда будем делать групповое  -->
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { UI_I_Localization } from '~/models/interfaces'
+import {
+  UI_T_DatastoreType,
+  UI_T_NfsType,
+  UI_T_WizardDatastoreMode,
+} from '~/components/common/wizards/datastore/add/models/types'
+import { UI_I_ConfigurationSendDataNfs } from '~/components/common/wizards/datastore/add/nfs/configuration/models/interfaces'
+import { subTitleFunc } from '~/components/common/wizards/datastore/add/config/stepItems'
+
+const props = defineProps<{
+  mode: UI_T_WizardDatastoreMode
+  stepPosition: number
+  datastoreType: UI_T_DatastoreType
+  nfsConfigurationSubmit: number
+  hostAccessibilitySubmit: number
+}>()
+const emits = defineEmits<{
+  (event: 'loading', value: boolean): void
+  (event: 'submit', value: UI_I_ConfigurationSendDataNfs): void
+  (event: 'change-nfs-version', value: UI_T_NfsType): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const nfsVersion = ref<UI_T_NfsType>('nfs-3')
+
+const stepSubTitle = computed<string>(() => {
+  const { datastoreType, stepPosition } = props
+  return subTitleFunc(
+    localization.value,
+    datastoreType,
+    stepPosition,
+    nfsVersion.value
+  )
+})
+
+// const showHostAccessibility = computed<boolean>(() => {
+//   return (
+//     (props.stepPosition === 4 && nfsVersion.value === 'nfs-4.1') ||
+//     (props.stepPosition === 3 && nfsVersion.value === 'nfs-3')
+//   )
+// })
+
+watch(nfsVersion, (val: UI_T_NfsType) => {
+  emits('change-nfs-version', val)
+})
+
+const applyChangesAndNext = (event: UI_I_ConfigurationSendDataNfs): void => {
+  emits('submit', event)
+}
+</script>
+
+<style lang="scss" scoped>
+@import '~/assets/scss/common/mixins.scss';
+.nfs-container {
+  @include flex($dir: column);
+  height: 100%;
+  &__desc {
+  }
+}
+</style>