bfg-common 1.4.113 → 1.4.114

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

@@ -1,9 +0,0 @@
-export type UI_T_VmMigrateSelectStorageTab =
-  | 'batch-configure'
-  | 'configure-disk'
-
-export type UI_T_SelectComputeResourceTabType =
-  | 'host'
-  | 'cluster'
-  | 'resource-pool'
-  | 'v-apps'

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

@@ -1,84 +0,0 @@
-<template>
-  <section class="storage-policy clr-flex-row">
-    <label
-      for="storage-locator-disk-policy-label"
-      class="clr-col-3 clr-control-label"
-    >
-      {{ localization.common.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"
-        data-id="storage-locator-disk-policy-select"
-        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 '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/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>

package/components/common/wizards/vmNew/migrate/select/storage/selectedPerDisk/SelectedPerDisk.vue

@@ -1,88 +0,0 @@
-<template>
-  <div class="selected-per-disk">
-    <atoms-the-icon
-      data-id="go-back-icon"
-      class="icon-arrow"
-      name="arrow"
-      @click="onGoBack"
-    ></atoms-the-icon>
-
-    <div>
-      <span class="icon vsphere-icon-vm"></span>
-    </div>
-
-    <span v-if="normalizedData.length === 1">{{ normalizedData[0] }}</span>
-
-    <div v-else class="selected-per-disk__all-objects">
-      <span>
-        {{ localization.common.allSelectedObjects }}
-      </span>
-      <common-wizards-vm-common-tooltip>
-        <template #content>
-          <div v-for="(item, key) in normalizedData" :key="key">
-            {{ item }}
-          </div>
-        </template>
-      </common-wizards-vm-common-tooltip>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_VmMigrateSelectStorageTab } from '~/components/common/wizards/vm/migrate/select/storage/lib/models/types'
-
-const props = defineProps<{
-  modelValue: boolean
-  activeTab: UI_T_VmMigrateSelectStorageTab
-  connectedStorageIdLocal: string
-  data: any[]
-}>()
-const emits = defineEmits<{
-  (event: 'update:model-value', value: boolean): void
-  (event: 'update:active-tab', value: UI_T_VmMigrateSelectStorageTab): void
-  (event: 'update:connected-storage-id-local', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const normalizedData = computed<string[]>(() =>
-  props.data.map((item) => `${item.virtual_machine} | ${item.file}`)
-)
-
-const onGoBack = (): void => {
-  emits('update:model-value', false)
-  emits('update:connected-storage-id-local', '')
-  activeTabValue.value = 'configure-disk'
-}
-
-const activeTabValue = computed<UI_T_VmMigrateSelectStorageTab>({
-  get() {
-    return props.activeTab
-  },
-  set(newValue: UI_T_VmMigrateSelectStorageTab) {
-    emits('update:active-tab', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.selected-per-disk {
-  @include flex($align: center);
-  .icon {
-    display: block;
-  }
-  .icon-arrow {
-    width: 16px;
-    height: 16px;
-    margin: 0 20px 0 15px;
-    transform: rotate(270deg);
-    fill: #0079b8;
-    cursor: pointer;
-  }
-  &__all-objects {
-    @include flex($align: center);
-  }
-}
-</style>

package/components/common/wizards/vmNew/migrate/select/targetServer/lib/config/tabsPannel.ts

@@ -1,18 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-export const vmMigrateSelectTargetServerTabsFunc = (
-  localization: UI_I_Localization
-): UI_I_CollapseNavItem[] => {
-  return [
-    {
-      text: localization.common.savedVCenterServers,
-      value: 'saved-servers',
-      disabled: false,
-    },
-    {
-      text: localization.common.newVCenterServer,
-      value: 'new-server',
-      disabled: false,
-    },
-  ]
-}

package/components/common/wizards/vmNew/migrate/select/targetServer/lib/models/types.ts

@@ -1 +0,0 @@
-export type T_SelectTargetServerTab = 'new-server' | 'saved-servers'

package/components/common/wizards/vmNew/migrate/select/targetServer/new/New.vue

@@ -1,294 +0,0 @@
-<template>
-  <div class="new-server">
-    <div>
-      <div class="clr-form-control clr-row">
-        <label for="" class="clr-control-label clr-col-md-4">
-          {{ localization.common.vCenterServerAddress }}
-        </label>
-
-        <div
-          class="clr-control-container"
-          :class="nameErrorText && 'clr-error'"
-        >
-          <div class="flex-align-center">
-            <input
-              id="configuration-name-input"
-              v-model="form.name.value"
-              data-id="configuration-name-input"
-              type="text"
-              class="clr-input"
-              @blur="onBlurInputName"
-              @input="onInputName"
-            />
-            <atoms-the-icon class="error-icon" name="info-circle" />
-          </div>
-
-          <div class="clr-subtext ng-star-inserted">
-            {{ nameErrorText }}
-          </div>
-        </div>
-      </div>
-
-      <div class="clr-form-control clr-row">
-        <label class="clr-control-label clr-col-md-4">
-          {{ localization.common.username }}
-        </label>
-
-        <div
-          class="clr-control-container"
-          :class="folderErrorText && 'clr-error'"
-        >
-          <div class="flex-align-center">
-            <input
-              id="configuration-folder-input"
-              v-model="form.folder.value"
-              data-id="configuration-folder-input"
-              type="text"
-              class="clr-input"
-              @blur="onBlurInputFolder"
-              @input="onInputFolder"
-            />
-            <atoms-the-icon class="error-icon" name="info-circle" />
-          </div>
-
-          <div v-if="folderErrorText" class="clr-subtext">
-            {{ folderErrorText }}
-          </div>
-          <div v-else class="clr-subtext">example@domain.local</div>
-        </div>
-      </div>
-
-      <div class="nd-mt-0 clr-form-control clr-row">
-        <label class="clr-control-label clr-col-md-4">
-          {{ localization.common.password }}
-        </label>
-
-        <div
-          class="clr-control-container"
-          :class="serverErrorText && 'clr-error'"
-        >
-          <div class="flex-align-center input-action-wrapper">
-            <input
-              id="configuration-folder-input"
-              v-model="form.server.value"
-              data-id="configuration-folder-input"
-              type="text"
-              class="clr-input"
-              @blur="onBlurInputServer"
-              @input="onInputServer"
-            />
-            <atoms-the-icon class="error-icon" name="info-circle" />
-          </div>
-          <div v-if="serverErrorText" class="clr-subtext">
-            {{ serverErrorText }}
-          </div>
-          <div v-else class="clr-subtext">Password</div>
-        </div>
-      </div>
-    </div>
-
-    <div class="clr-form-control clr-row mt-1">
-      <label for="" class="clr-control-label clr-col-md-4">
-        {{ localization.common.saveVCenterServerAddress }}
-      </label>
-
-      <input
-        v-model="accessMode"
-        data-id="access-mode-checkbox"
-        type="checkbox"
-      />
-    </div>
-
-    <button
-      class="btn btn-primary btn-sm mt-2 clr-col-md-2"
-      :disabled="true"
-      data-id="sign-in-button"
-      @click="onSignIn"
-    >
-      {{ localization.common.login }}
-    </button>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_ValidationTouchResult } from '~/lib/models/plugins/validation/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_TargetServerData, UI_I_FormValidationTargetServer } from '~/components/common/wizards/vm/migrate/select/targetServer/new/lib/models/interfaces'
-import { checkValidityName } from '~/components/common/wizards/datastore/add/lib/utils'
-import { defaultFormFunc } from '~/components/common/wizards/vm/migrate/select/targetServer/new/lib/config/defaultForm'
-
-const props = defineProps<{
-  nfsConfigurationSubmit: number
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-const emits = defineEmits<{
-  (event: 'loading', value: boolean): void
-  (event: 'next', value: UI_I_TargetServerData): void
-}>()
-const { $validation } = useNuxtApp()
-
-const validation = $validation.call({})
-const defaultForm: UI_I_FormValidationTargetServer = defaultFormFunc(
-  localization.value
-)
-const form = ref<UI_I_FormValidationTargetServer>(useDeepCopy(defaultForm))
-const setForm = (): void => {
-  form.value = useDeepCopy(defaultForm)
-  validation.setForm(form)
-}
-setForm()
-
-const validForm = ref<UI_I_ValidationTouchResult | null>(null)
-
-/* Validation for Name input */
-const isInitNameValidation = ref<boolean>(false)
-const onBlurInputName = (): void => {
-  validForm.value = validation.touch()
-  isInitNameValidation.value = true
-}
-const onInputName = (): void => {
-  validForm.value = validation.touch()
-}
-
-const nameErrorText = computed<string>(() => {
-  if (!isInitNameValidation.value) return ''
-  return validForm.value?.errors?.name?.[0] || ''
-})
-/* Validation Name input end */
-
-/* Validation for Folder input */
-const isInitFolderValidation = ref<boolean>(false)
-const onBlurInputFolder = (): void => {
-  validForm.value = validation.touch()
-  isInitFolderValidation.value = true
-}
-const onInputFolder = (): void => {
-  validForm.value = validation.touch()
-}
-
-const folderErrorText = computed<string>(() => {
-  if (!isInitFolderValidation.value) return ''
-  return validForm.value?.errors?.folder?.[0] || ''
-})
-/* Validation Folder input end */
-
-/* Validation for Server input */
-const isInitServerValidation = ref<boolean>(false)
-const onBlurInputServer = (): void => {
-  validForm.value = validation.touch()
-  isInitServerValidation.value = true
-}
-const onInputServer = (): void => {
-  validForm.value = validation.touch()
-  isInitServerValidation.value = true
-}
-
-const serverErrorText = computed<string>(() => {
-  // if (!isInitServerValidation.value || dataServers.value.length) return ''
-  if (!isInitServerValidation.value) return ''
-  return validForm.value?.errors?.server?.[0] || ''
-})
-
-/* Validation Folder Server end */
-
-const accessMode = ref<boolean>(false)
-
-const onSignIn = (): void => {}
-
-const resetValidation = (): void => {
-  isInitNameValidation.value =
-    isInitFolderValidation.value =
-    isInitServerValidation.value =
-      false
-  validForm.value = null
-  errors.value = []
-}
-
-watch(
-  () => props.nfsConfigurationSubmit,
-  () => {
-    submit()
-  }
-)
-const submit = async (): Promise<void> => {
-  const { name, server, folder } = form.value
-
-  validForm.value = validation.touch()
-  isInitNameValidation.value =
-    isInitFolderValidation.value =
-    isInitServerValidation.value =
-      true
-
-  if (nameErrorText.value || folderErrorText.value || serverErrorText.value) {
-    return
-  }
-
-  emits('loading', true)
-
-  const { valid, msg } = await checkValidityName(name.value)
-
-  emits('loading', false)
-
-  if (!valid) {
-    showValidationErrors(msg)
-    return
-  }
-
-  resetValidation()
-
-  const configurationData: UI_I_TargetServerData = {
-    name: name.value,
-    folder: folder.value,
-    server: server.value,
-  }
-
-  emits('next', configurationData)
-}
-
-const errors = ref<string[]>([])
-
-const showValidationErrors = (errorText: string): void => {
-  errors.value = [errorText]
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins.scss';
-.new-server {
-  @include flex($dir: column, $just: space-between);
-  height: 100%;
-  margin-top: 25px;
-
-  .clr-form-control {
-    margin-top: 0;
-    display: flex;
-    flex-direction: row;
-
-    .clr-control-container {
-      min-height: 48px;
-      &.clr-error {
-        .clr-subtext,
-        .error-icon {
-          display: block;
-        }
-      }
-      .error-icon {
-        display: none;
-      }
-      .error-icon {
-        fill: #db2100;
-        width: 24px;
-        height: 24px;
-      }
-    }
-  }
-}
-.flex-align-center {
-  &.input-action-wrapper {
-    width: 260px;
-  }
-  input {
-    width: 210px;
-  }
-}
-</style>

package/components/common/wizards/vmNew/migrate/select/targetServer/new/lib/config/defaultForm.ts

@@ -1,36 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_FormValidationTargetServer } from '~/components/common/wizards/vm/migrate/select/targetServer/new/lib/models/interfaces'
-
-export const defaultFormFunc = (
-  localization: UI_I_Localization
-): UI_I_FormValidationTargetServer => {
-  return {
-    name: {
-      value: '',
-      validations: [
-        {
-          value: 'required',
-          errorText: localization.common.fieldRequired,
-        },
-      ],
-    },
-    folder: {
-      value: '',
-      validations: [
-        {
-          value: 'required',
-          errorText: localization.common.fieldRequired,
-        },
-      ],
-    },
-    server: {
-      value: '',
-      validations: [
-        {
-          value: 'required',
-          errorText: localization.common.fieldRequired,
-        },
-      ],
-    },
-  }
-}

package/components/common/wizards/vmNew/migrate/select/targetServer/new/lib/models/interfaces.ts

@@ -1,13 +0,0 @@
-import type { UI_I_Validation } from '~/lib/models/plugins/validation/interfaces'
-
-export interface UI_I_FormValidationTargetServer {
-  name: UI_I_Validation
-  folder: UI_I_Validation
-  server: UI_I_Validation
-}
-
-export interface UI_I_TargetServerData {
-  name: string
-  folder: string
-  server: string
-}

package/components/common/wizards/vmNew/migrate/select/targetServer/saved/Saved.vue

@@ -1,27 +0,0 @@
-<template>
-  <div class="saved-servers">
-    <atoms-alert
-      test-id="vm-migrate-saved-servers-alert"
-      status="alert-info"
-      :items="arrayErrorMessages"
-      hide-close-icon
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const arrayErrorMessages = ref<string[]>([])
-
-const setErrorText = (): void => {
-  arrayErrorMessages.value = [
-    localization.value.common.noSavedVCenterServerAddressesFound,
-  ]
-}
-setErrorText()
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/wizards/vmNew/migrate/select/targetServer/targetServer.vue

@@ -1,41 +0,0 @@
-<template>
-  <div class="target-server">
-    <atoms-tabs
-      v-model="activeTab"
-      test-id="migrate-select-target-server-tabs"
-      :items="selectStorageTabs"
-      size="small"
-      class="target-server__tabs"
-    />
-
-    <common-wizards-vm-migrate-select-target-server-saved
-      v-if="activeTab === 'saved-servers'"
-    />
-
-    <common-wizards-vm-migrate-select-target-server-new
-      v-if="activeTab === 'new-server'"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { T_SelectTargetServerTab } from '~/components/common/wizards/vm/migrate/select/targetServer/lib/models/types'
-import { vmMigrateSelectTargetServerTabsFunc } from '~/components/common/wizards/vm/migrate/select/targetServer/lib/config/tabsPannel'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const activeTab = ref<T_SelectTargetServerTab>('new-server')
-const selectStorageTabs = computed<UI_I_CollapseNavItem[]>(() =>
-  vmMigrateSelectTargetServerTabsFunc(localization.value)
-)
-</script>
-
-<style lang="scss" scoped>
-.target-server {
-  &__tabs {
-    width: 100%;
-  }
-}
-</style>

package/components/common/wizards/vmNew/migrate/select/type/Type.vue

@@ -1,27 +0,0 @@
-<template>
-  <common-select-radio-group
-    v-model="selectedMigrateTypeLocal"
-    :options="vmMigrationTypes"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_VmMigrateTypeOption } from '~/components/common/wizards/vmNew/migrate/select/type/lib/models/interfaces'
-import type { UI_T_VmMigrateType } from '~/components/common/wizards/vmNew/migrate/select/type/lib/models/types'
-import { vmMigrateTypesFunc } from '~/components/common/wizards/vmNew/migrate/select/type/lib/config/typeOptions'
-
-const props = defineProps<{
-  project: UI_T_Project
-}>()
-const selectedMigrateTypeLocal = defineModel<UI_T_VmMigrateType>({
-  required: true,
-})
-const localization = computed<any>(() => useLocal())
-
-const vmMigrationTypes = ref<UI_I_VmMigrateTypeOption[]>(
-  vmMigrateTypesFunc(localization.value, props.project)
-)
-</script>
-
-<style lang="scss" scoped></style>

package/components/common/wizards/vmNew/migrate/select/type/lib/config/typeOptions.ts

@@ -1,41 +0,0 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_VmMigrateTypeOption } from '~/components/common/wizards/vm/migrate/select/type/lib/models/interfaces'
-
-export const vmMigrateTypesFunc = (
-  localization: UI_I_Localization,
-  project: UI_T_Project
-): UI_I_VmMigrateTypeOption[] => {
-  const options: UI_I_VmMigrateTypeOption[] = [
-    {
-      label: localization.common.changeComputeResourceOnly,
-      value: 'resource',
-      disabled: false,
-      description: localization.common.changeComputeResourceOnlyDesc,
-      permissions: ['sphere'],
-    },
-    {
-      label: localization.common.changeStorageOnly,
-      value: 'storage',
-      disabled: false,
-      description: localization.common.changeStorageOnlyDesc,
-      permissions: ['sphere', 'procurator'],
-    },
-    {
-      label: localization.common.changeBothComputeResourceStorage,
-      value: 'resource-storage',
-      disabled: false,
-      description: localization.common.changeBothComputeResourceStorageDesc,
-      permissions: ['sphere'],
-    },
-    {
-      label: localization.common.crossVCenterServerExport,
-      value: 'server',
-      disabled: false,
-      description: localization.common.crossVCenterServerExportDesc,
-      permissions: ['sphere'],
-    },
-  ]
-
-  return options.filter((option) => option.permissions.includes(project))
-}