bfg-common 1.2.115 → 1.2.116

package/components/common/wizards/vm/migrate/select/storage/configure/batch/Batch.vue

@@ -1,61 +1,61 @@
-<template>
-  <div>
-    <common-wizards-vm-migrate-select-storage-disk-format
-      v-model:vm-disk-format="selectedVmDiskFormat"
-    />
-
-    <common-wizards-vm-migrate-select-storage-policy />
-
-    <div class="clr-checkbox-wrapper flex-align-center w-100">
-      <input
-        id="suspend-on-revert"
-        v-model="isDisableStorageDrs"
-        type="checkbox"
-        class="checkbox-btn"
-      />
-      <label for="suspend-on-revert" class="clr-control-label">
-        {{ localization.disableStorageDRSVirtualMachine }}
-      </label>
-    </div>
-
-    <common-wizards-vm-migrate-select-storage-table-datastore
-      :get-datastore-table-func="props.getDatastoreTableFunc"
-      :datastore="props.datastore"
-      :connected-storage-id="props.connectedStorageId"
-      @update-selected-datastore="emits('update-selected-datastore', $event)"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/models/interfaces'
-import type { UI_I_TablePayload } from '~/models/store/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/models/store/storage/interfaces'
-
-const props = defineProps<{
-  vmDiskFormat: string
-  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  datastore: UI_I_DatastoreTableItem[]
-  connectedStorageId: string | null
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isDisableStorageDrs = ref<boolean>(false)
-
-const emits = defineEmits<{
-  (event: 'update-selected-datastore', value: UI_I_TablePayload): void
-  (event: 'update:vm-disk-format', value: string): void
-}>()
-
-const selectedVmDiskFormat = computed<string>({
-  get() {
-    return props.vmDiskFormat
-  },
-  set(newValue: string) {
-    emits('update:vm-disk-format', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div>
+    <common-wizards-vm-migrate-select-storage-disk-format
+      v-model:vm-disk-format="selectedVmDiskFormat"
+    />
+
+    <common-wizards-vm-migrate-select-storage-policy />
+
+    <div class="clr-checkbox-wrapper flex-align-center w-100">
+      <input
+        id="suspend-on-revert"
+        v-model="isDisableStorageDrs"
+        type="checkbox"
+        class="checkbox-btn"
+      />
+      <label for="suspend-on-revert" class="clr-control-label">
+        {{ localization.disableStorageDRSVirtualMachine }}
+      </label>
+    </div>
+
+    <common-wizards-vm-migrate-select-storage-table-datastore
+      :get-datastore-table-func="props.getDatastoreTableFunc"
+      :datastore="props.datastore"
+      :connected-storage-id="props.connectedStorageId"
+      @update-selected-datastore="emits('update-selected-datastore', $event)"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_TablePayload } from '~/models/store/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/models/store/storage/interfaces'
+
+const props = defineProps<{
+  vmDiskFormat: string
+  getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
+  datastore: UI_I_DatastoreTableItem[]
+  connectedStorageId: string | null
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isDisableStorageDrs = ref<boolean>(false)
+
+const emits = defineEmits<{
+  (event: 'update-selected-datastore', value: UI_I_TablePayload): void
+  (event: 'update:vm-disk-format', value: string): void
+}>()
+
+const selectedVmDiskFormat = computed<string>({
+  get() {
+    return props.vmDiskFormat
+  },
+  set(newValue: string) {
+    emits('update:vm-disk-format', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/wizards/vm/migrate/select/storage/configure/disk/Disk.vue

@@ -1,73 +1,73 @@
-<template>
-  <div class="migrate-configure-disk">
-    <div class="btn-group">
-      <button
-        id="vm-migrate-configure"
-        class="btn btn-link btn-sm"
-        :disabled="!selectedDisksFromTable.length"
-        @click="onConfigure"
-      >
-        {{ localization.configure }}
-      </button>
-    </div>
-
-    <common-wizards-vm-migrate-select-storage-table-disk
-      v-model:selected-per-disk="selectedPerDiskKeys"
-      :configure-per-disks="props.configurePerDisks"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/models/interfaces'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
-import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/models/types'
-
-const props = defineProps<{
-  modelValue: boolean
-  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
-  activeTab: UI_T_VmMigrateSelectStorageTab
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: boolean): void
-  (
-    event: 'update-selected-per-disks',
-    value: UI_I_StorageConfigurePerDiskItem[]
-  ): void
-  (event: 'update:active-tab', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedPerDiskKeys = ref<number[]>([])
-const selectedDisksFromTable = computed<UI_I_StorageConfigurePerDiskItem[]>(
-  () => {
-    if (!props.configurePerDisks) return []
-
-    return props.configurePerDisks.filter((_: never, key: number) =>
-      selectedPerDiskKeys.value.includes(key)
-    )
-  }
-)
-
-const onConfigure = (): void => {
-  emits('update-selected-per-disks', selectedDisksFromTable.value)
-  emits('update:model-value', true)
-  activeTabValue.value = 'batch-configure'
-}
-
-const activeTabValue = computed<UI_T_VmMigrateSelectStorageTab>({
-  get() {
-    return props.activeTab
-  },
-  set(newValue: string) {
-    emits('update:active-tab', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-.migrate-configure-disk {
-  margin-top: 10px;
-}
-</style>
+<template>
+  <div class="migrate-configure-disk">
+    <div class="btn-group">
+      <button
+        id="vm-migrate-configure"
+        class="btn btn-link btn-sm"
+        :disabled="!selectedDisksFromTable.length"
+        @click="onConfigure"
+      >
+        {{ localization.configure }}
+      </button>
+    </div>
+
+    <common-wizards-vm-migrate-select-storage-table-disk
+      v-model:selected-per-disk="selectedPerDiskKeys"
+      :configure-per-disks="props.configurePerDisks"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
+import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/models/types'
+
+const props = defineProps<{
+  modelValue: boolean
+  configurePerDisks: UI_I_StorageConfigurePerDiskItem[]
+  activeTab: UI_T_VmMigrateSelectStorageTab
+}>()
+const emits = defineEmits<{
+  (event: 'update:model-value', value: boolean): void
+  (
+    event: 'update-selected-per-disks',
+    value: UI_I_StorageConfigurePerDiskItem[]
+  ): void
+  (event: 'update:active-tab', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedPerDiskKeys = ref<number[]>([])
+const selectedDisksFromTable = computed<UI_I_StorageConfigurePerDiskItem[]>(
+  () => {
+    if (!props.configurePerDisks) return []
+
+    return props.configurePerDisks.filter((_: never, key: number) =>
+      selectedPerDiskKeys.value.includes(key)
+    )
+  }
+)
+
+const onConfigure = (): void => {
+  emits('update-selected-per-disks', selectedDisksFromTable.value)
+  emits('update:model-value', true)
+  activeTabValue.value = 'batch-configure'
+}
+
+const activeTabValue = computed<UI_T_VmMigrateSelectStorageTab>({
+  get() {
+    return props.activeTab
+  },
+  set(newValue: string) {
+    emits('update:active-tab', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.migrate-configure-disk {
+  margin-top: 10px;
+}
+</style>

package/components/common/wizards/vm/migrate/select/storage/diskFormat/DiskFormat.vue

@@ -1,68 +1,68 @@
-<template>
-  <section class="disk-format clr-flex-row">
-    <label
-      for="storage-locator-disk-format-label"
-      class="clr-col-3 clr-control-label"
-    >
-      {{ localization.selectVirtualDiskFormat }}
-    </label>
-    <div class="select select-lang mt-0 clr-form-control">
-      <select
-        id="storage-locator-disk-format-label"
-        v-model="selectedVirtualDiskFormat"
-        class="storage-locator-disk-format-label"
-      >
-        <option
-          v-for="option in configuredSpeedOptions"
-          :key="option.value"
-          :value="option.value"
-        >
-          {{ option.text }}
-        </option>
-      </select>
-    </div>
-  </section>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-import { vmDiskFormatOptions } from '~/components/common/wizards/vm/migrate/select/storage/diskFormat/config/formatOptions'
-
-const props = defineProps<{
-  vmDiskFormat: string
-}>()
-const emits = defineEmits<{
-  (event: 'update:vm-disk-format', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const configuredSpeedOptions = computed<UI_I_OptionItem[]>(() =>
-  vmDiskFormatOptions()
-)
-
-const selectedVirtualDiskFormat = computed<string>({
-  get() {
-    return props.vmDiskFormat
-  },
-  set(newValue: string) {
-    emits('update:vm-disk-format', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.disk-format {
-  @include flex($align: center);
-}
-.select-lang {
-  margin-left: 25px;
-  height: 24px;
-  min-width: 210px;
-  & > select {
-    height: 100%;
-  }
-}
-</style>
+<template>
+  <section class="disk-format clr-flex-row">
+    <label
+      for="storage-locator-disk-format-label"
+      class="clr-col-3 clr-control-label"
+    >
+      {{ localization.selectVirtualDiskFormat }}
+    </label>
+    <div class="select select-lang mt-0 clr-form-control">
+      <select
+        id="storage-locator-disk-format-label"
+        v-model="selectedVirtualDiskFormat"
+        class="storage-locator-disk-format-label"
+      >
+        <option
+          v-for="option in configuredSpeedOptions"
+          :key="option.value"
+          :value="option.value"
+        >
+          {{ option.text }}
+        </option>
+      </select>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+import { vmDiskFormatOptions } from '~/components/common/wizards/vm/migrate/select/storage/diskFormat/config/formatOptions'
+
+const props = defineProps<{
+  vmDiskFormat: string
+}>()
+const emits = defineEmits<{
+  (event: 'update:vm-disk-format', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const configuredSpeedOptions = computed<UI_I_OptionItem[]>(() =>
+  vmDiskFormatOptions()
+)
+
+const selectedVirtualDiskFormat = computed<string>({
+  get() {
+    return props.vmDiskFormat
+  },
+  set(newValue: string) {
+    emits('update:vm-disk-format', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.disk-format {
+  @include flex($align: center);
+}
+.select-lang {
+  margin-left: 25px;
+  height: 24px;
+  min-width: 210px;
+  & > select {
+    height: 100%;
+  }
+}
+</style>

package/components/common/wizards/vm/migrate/select/storage/diskFormat/config/formatOptions.ts

@@ -1,22 +1,22 @@
-import type { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-export const vmDiskFormatOptions = (): UI_I_OptionItem[] => {
-  return [
-    {
-      text: 'Same Format as source',
-      value: 'same-format-source',
-    },
-    {
-      text: 'Thick Provision Lazy Zeroed',
-      value: 'thick-provision-lazy-zeroed',
-    },
-    {
-      text: 'Thick Provision Eager Zeroed',
-      value: 'thick-provision-eager-zeroed',
-    },
-    {
-      text: 'Thin Provision',
-      value: 'thin-provision',
-    },
-  ]
-}
+import type { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+export const vmDiskFormatOptions = (): UI_I_OptionItem[] => {
+  return [
+    {
+      text: 'Same Format as source',
+      value: 'same-format-source',
+    },
+    {
+      text: 'Thick Provision Lazy Zeroed',
+      value: 'thick-provision-lazy-zeroed',
+    },
+    {
+      text: 'Thick Provision Eager Zeroed',
+      value: 'thick-provision-eager-zeroed',
+    },
+    {
+      text: 'Thin Provision',
+      value: 'thin-provision',
+    },
+  ]
+}

package/components/common/wizards/vm/migrate/select/storage/models/interfaces.ts

@@ -1,14 +1,14 @@
-import type { UI_I_DatastoreTableItem } from '~/models/store/storage/interfaces'
-import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
-import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/models/types'
-
-export interface UI_I_SelectStorageDataLocal {
-  vmDiskFormat: string
-  storage: UI_I_DatastoreTableItem | null
-}
-
-export interface UI_I_SelectStorageReadyData
-  extends UI_I_SelectStorageDataLocal {
-  tab: UI_T_VmMigrateSelectStorageTab
-  configureDisks?: UI_I_StorageConfigurePerDiskItem[]
-}
+import type { UI_I_DatastoreTableItem } from '~/models/store/storage/interfaces'
+import type { UI_I_StorageConfigurePerDiskItem } from '~/components/common/wizards/vm/migrate/select/storage/table/disk/models/interfaces'
+import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/models/types'
+
+export interface UI_I_SelectStorageDataLocal {
+  vmDiskFormat: string
+  storage: UI_I_DatastoreTableItem | null
+}
+
+export interface UI_I_SelectStorageReadyData
+  extends UI_I_SelectStorageDataLocal {
+  tab: UI_T_VmMigrateSelectStorageTab
+  configureDisks?: UI_I_StorageConfigurePerDiskItem[]
+}

package/components/common/wizards/vm/migrate/select/storage/models/types.ts

@@ -1,3 +1,3 @@
-export type UI_T_VmMigrateSelectStorageTab =
-  | 'batch-configure'
-  | 'configure-disk'
+export type UI_T_VmMigrateSelectStorageTab =
+  | 'batch-configure'
+  | 'configure-disk'

package/components/common/wizards/vm/migrate/select/storage/policy/Policy.vue

@@ -1,83 +1,83 @@
-<template>
-  <section class="storage-policy clr-flex-row">
-    <label
-      for="storage-locator-disk-policy-label"
-      class="clr-col-3 clr-control-label"
-    >
-      {{ localization.vmStoragePolicy }}
-    </label>
-    <div
-      class="mt-0 clr-form-control btn btn-outline-primary dropdown-toggle storage-policy__select-wrapper"
-    >
-      <select
-        id="storage-locator-disk-policy-label"
-        v-model="selectedVmStoragePolicy"
-        class="storage-locator-disk-format-label"
-      >
-        <option
-          v-for="option in configuredSpeedOptions"
-          :key="option.value"
-          :value="option.value"
-        >
-          {{ option.text }}
-        </option>
-      </select>
-    </div>
-  </section>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedVmStoragePolicy = ref<string>('keep-existing-storage-policies')
-
-const configuredSpeedOptions = computed<UI_I_OptionItem[]>(() => {
-  return [
-    {
-      text: 'Keep existing VM storage policies',
-      value: 'keep-existing-storage-policies',
-    },
-    {
-      text: 'Datastore Default',
-      value: 'datastore-default',
-    },
-    {
-      text: 'Management Storage Policy - Large',
-      value: 'management-storage-policy-large',
-    },
-    {
-      text: 'Management Storage Policy - Regular',
-      value: 'management-storage-policy-regular',
-    },
-    {
-      text: 'vSAN Default Storage Policy',
-      value: 'vsan-default-storage-policy',
-    },
-  ]
-})
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.storage-policy {
-  @include flex($align: center);
-  margin-top: 2px;
-  &__select-wrapper {
-    margin-left: 25px;
-    height: 24px;
-    min-width: 420px;
-    & > select {
-      width: 100%;
-      height: 100%;
-      text-align: center;
-      border: none;
-      &:focus-visible {
-        outline: none;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <section class="storage-policy clr-flex-row">
+    <label
+      for="storage-locator-disk-policy-label"
+      class="clr-col-3 clr-control-label"
+    >
+      {{ localization.vmStoragePolicy }}
+    </label>
+    <div
+      class="mt-0 clr-form-control btn btn-outline-primary dropdown-toggle storage-policy__select-wrapper"
+    >
+      <select
+        id="storage-locator-disk-policy-label"
+        v-model="selectedVmStoragePolicy"
+        class="storage-locator-disk-format-label"
+      >
+        <option
+          v-for="option in configuredSpeedOptions"
+          :key="option.value"
+          :value="option.value"
+        >
+          {{ option.text }}
+        </option>
+      </select>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedVmStoragePolicy = ref<string>('keep-existing-storage-policies')
+
+const configuredSpeedOptions = computed<UI_I_OptionItem[]>(() => {
+  return [
+    {
+      text: 'Keep existing VM storage policies',
+      value: 'keep-existing-storage-policies',
+    },
+    {
+      text: 'Datastore Default',
+      value: 'datastore-default',
+    },
+    {
+      text: 'Management Storage Policy - Large',
+      value: 'management-storage-policy-large',
+    },
+    {
+      text: 'Management Storage Policy - Regular',
+      value: 'management-storage-policy-regular',
+    },
+    {
+      text: 'vSAN Default Storage Policy',
+      value: 'vsan-default-storage-policy',
+    },
+  ]
+})
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins.scss';
+.storage-policy {
+  @include flex($align: center);
+  margin-top: 2px;
+  &__select-wrapper {
+    margin-left: 25px;
+    height: 24px;
+    min-width: 420px;
+    & > select {
+      width: 100%;
+      height: 100%;
+      text-align: center;
+      border: none;
+      &:focus-visible {
+        outline: none;
+      }
+    }
+  }
+}
+</style>