bfg-common 1.4.69 → 1.4.70

package/components/common/wizards/datastore/add/nfs/{_kerberosAuthentication → kerberosAuthentication}/KerberosAuthentication.vue

@@ -1,55 +1,55 @@
-<template>
-  <div class="kerberos-auth">
-    <atoms-alert
-      v-show="isShowAlert"
-      test-id="kerberos-authentication"
-      status="alert-warning"
-      :items="[localization.common.kerberosAuthenticationAlert]"
-      @remove="isShowAlert = false"
-    />
-
-    <div class="kerberos-auth__inner">
-      <div v-for="item in kerberosTypes" :key="item.value" class="radio">
-        <input
-          :id="item.label"
-          v-model="kerberosType"
-          :data-id="item.testId"
-          type="radio"
-          :value="item.value"
-        />
-        <label :for="item.label">
-          {{ item.label }}
-        </label>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { UI_I_Localization } from '~/lib/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-import { UI_T_KerberosAuthentication } from '~/components/common/wizards/datastore/add/lib/models/types'
-import { kerberosOptionsFunc } from '~/components/common/wizards/datastore/add/nfs/kerberosAuthentication/lib/config/radioOptions'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const kerberosType = ref<UI_T_KerberosAuthentication>('dont-use')
-const isShowAlert = ref<boolean>(true)
-
-const kerberosTypes = readonly<UI_I_RadioOption[]>(
-  kerberosOptionsFunc(localization.value)
-)
-</script>
-
-<style lang="scss" scoped>
-.kerberos-auth {
-  &__inner {
-    margin-top: 12px;
-  }
-}
-
-input[type='radio']:focus:checked + label::before,
-input[type='radio']:focus + label::before {
-  box-shadow: inset 0 0 0 0.25rem #0094d2;
-}
-</style>
+<template>
+  <div class="kerberos-auth">
+    <atoms-alert
+      v-show="isShowAlert"
+      test-id="kerberos-authentication"
+      status="alert-warning"
+      :items="[localization.common.kerberosAuthenticationAlert]"
+      @remove="isShowAlert = false"
+    />
+
+    <div class="kerberos-auth__inner">
+      <div v-for="item in kerberosTypes" :key="item.value" class="radio">
+        <input
+          :id="item.label"
+          v-model="kerberosType"
+          :data-id="item.testId"
+          type="radio"
+          :value="item.value"
+        />
+        <label :for="item.label">
+          {{ item.label }}
+        </label>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type { UI_T_KerberosAuthentication } from '~/components/common/wizards/datastore/add/lib/models/types'
+import { kerberosOptionsFunc } from '~/components/common/wizards/datastore/add/nfs/kerberosAuthentication/lib/config/radioOptions'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const kerberosType = ref<UI_T_KerberosAuthentication>('dont-use')
+const isShowAlert = ref<boolean>(true)
+
+const kerberosTypes = readonly<UI_I_RadioOption[]>(
+  kerberosOptionsFunc(localization.value)
+)
+</script>
+
+<style lang="scss" scoped>
+.kerberos-auth {
+  &__inner {
+    margin-top: 12px;
+  }
+}
+
+input[type='radio']:focus:checked + label::before,
+input[type='radio']:focus + label::before {
+  box-shadow: inset 0 0 0 0.25rem #0094d2;
+}
+</style>

package/components/common/wizards/datastore/add/nfs/{_kerberosAuthentication → kerberosAuthentication}/lib/config/radioOptions.ts

@@ -1,27 +1,27 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-
-export const kerberosOptionsFunc = (
-  localization: UI_I_Localization
-): UI_I_RadioOption[] => {
-  return [
-    {
-      label: localization.common.dontUseKerberosAuthentication,
-      value: 'dont-use',
-      disabled: false,
-      testId: 'dont-use-value',
-    },
-    {
-      label: localization.common.useKerberosAuthenticationKrb5,
-      value: 'use-only-krb5',
-      disabled: false,
-      testId: 'use-only-krb5-value',
-    },
-    {
-      label: localization.common.useKerberosAuthenticationIntegrity,
-      value: 'use-integrity',
-      disabled: false,
-      testId: 'use-integrity-value',
-    },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+
+export const kerberosOptionsFunc = (
+  localization: UI_I_Localization
+): UI_I_RadioOption[] => {
+  return [
+    {
+      label: localization.common.dontUseKerberosAuthentication,
+      value: 'dont-use',
+      disabled: false,
+      testId: 'dont-use-value',
+    },
+    {
+      label: localization.common.useKerberosAuthenticationKrb5,
+      value: 'use-only-krb5',
+      disabled: false,
+      testId: 'use-only-krb5-value',
+    },
+    {
+      label: localization.common.useKerberosAuthenticationIntegrity,
+      value: 'use-integrity',
+      disabled: false,
+      testId: 'use-integrity-value',
+    },
+  ]
+}

package/components/common/wizards/datastore/add/nfs/version/Version.vue

@@ -1,26 +1,42 @@
-<template>
-  <section class="nfs-version">
-    <common-select-radio-group
-      v-model="selectedNfsVersionLocal"
-      :options="nfsVersion"
-    />
-  </section>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-import type { UI_T_NfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
-import { nfsVersionFunc } from '~/components/common/wizards/datastore/add/nfs/version/lib/config/versionOptions'
-
-const selectedNfsVersionLocal = defineModel<UI_T_NfsType>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const nfsVersion = ref<UI_I_RadioOption[]>(nfsVersionFunc(localization.value))
-</script>
-
-<style lang="scss" scoped>
-.nfs-version {
-}
-</style>
+<template>
+  <section class="nfs-version">
+    <common-select-radio-group
+      v-model="selectedVersion"
+      :options="nfsVersion"
+    />
+  </section>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type { UI_T_NfsType } from '~/components/common/wizards/datastore/add/lib/models/types'
+import { nfsVersionFunc } from '~/components/common/wizards/datastore/add/nfs/version/lib/config/versionOptions'
+
+const props = defineProps<{
+  version: UI_T_NfsType
+}>()
+const emits = defineEmits<{
+  (event: 'update:version', value: UI_T_NfsType): void
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const nfsVersion = ref<UI_I_RadioOption[]>(nfsVersionFunc(localization.value))
+
+const selectedVersion = computed<UI_T_NfsType>({
+  get() {
+    return props.version
+  },
+  set(newValue) {
+    emits('update:version', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.nfs-version {
+  //&__desc {
+  //  margin-left: 22px;
+  //}
+}
+</style>

package/components/common/wizards/datastore/add/nfs/version/lib/config/versionOptions.ts

@@ -1,22 +1,22 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-export const nfsVersionFunc = (
-  localization: UI_I_Localization
-): UI_I_RadioOption[] => {
-  return [
-    {
-      label: 'NFS 3',
-      value: 'nfs-3',
-      disabled: false,
-      description: localization.common.nfsVersionDesc1,
-      testId: 'datastore-nfs-version-3',
-    },
-    {
-      label: 'NFS 4.1',
-      value: 'nfs-4.1',
-      disabled: false,
-      description: localization.common.nfsVersionDesc2,
-      testId: 'datastore-nfs-version-4.1',
-    },
-  ]
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+export const nfsVersionFunc = (
+  localization: UI_I_Localization
+): UI_I_RadioOption[] => {
+  return [
+    {
+      label: 'NFS 3',
+      value: 'nfs-3',
+      disabled: false,
+      description: localization.common.nfsVersionDesc1,
+      testId: 'datastore-nfs-version-3',
+    },
+    {
+      label: 'NFS 4.1',
+      value: 'nfs-4.1',
+      disabled: false,
+      description: localization.common.nfsVersionDesc2,
+      testId: 'datastore-nfs-version-4.1',
+    },
+  ]
+}

package/components/common/wizards/datastore/add/readyComplete/ReadyComplete.vue

@@ -1,88 +1,95 @@
-<template>
-  <div class="ready-complete">
-    <common-details-list :items="properties" class="ready-complete__list list">
-      <template #default="{ item }">
-        <common-details-item :has-children="true" open-by-default>
-          <template #stackBlockKey>
-            <span class="list__labels">
-              {{ localization.common.chosenDatastoreName }}
-            </span>
-          </template>
-
-          <template #stackChildren>
-            <template
-              v-for="(item2, key2) in item.items"
-              :key="`${item2}_${key2}`"
-            >
-              <common-details-item
-                :has-children="false"
-                :test-id="item2.testId"
-                class="list__default-style"
-              >
-                <template #stackBlockKey>
-                  <div>
-                    {{ item2.label }}
-                  </div>
-                </template>
-                <template #stackBlockContent>
-                  <div v-if="item2.data">
-                    <div
-                      v-for="item3 in item2.data"
-                      :key="item3"
-                      class="flex-align-center"
-                    >
-                      <div class="vsphere-icon-host"></div>
-                      <span>{{ item3 }}</span>
-                    </div>
-                  </div>
-                  <span v-else>
-                    {{ item2.value }}
-                  </span>
-                </template>
-              </common-details-item>
-            </template>
-          </template>
-        </common-details-item>
-      </template>
-    </common-details-list>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  dataReadyView: UI_I_DetailsItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const properties = computed<UI_I_DetailsItem[]>(() => props.dataReadyView)
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.ready-complete {
-  &__list {
-    @include flex($dir: column);
-    padding: 12px 0;
-    row-gap: 15px;
-  }
-}
-.list {
-  &__labels {
-    @include text($fs: 13px, $fw: 700);
-  }
-  :deep(.list__default-style) {
-    .stack-block {
-      &__label {
-        align-items: flex-start;
-      }
-      &-content {
-        white-space: pre-line;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="ready-complete">
+    <div class="ready-complete__desc">{{ localization.common.readyCompleteDesc }}</div>
+
+    <common-details-list :items="properties" class="ready-complete__list list">
+      <template #default="{ item }">
+        <common-details-item
+          :has-children="true"
+          :test-id="item.testId"
+          open-by-default
+        >
+          <template #stackBlockKey>
+            <span class="list__labels">
+              {{ localization.common.chosenDatastoreName }}
+            </span>
+          </template>
+
+          <template #stackChildren>
+            <template
+              v-for="(item2, key2) in item.items"
+              :key="`${item2}_${key2}`"
+            >
+              <common-details-item
+                :has-children="false"
+                :test-id="item2.testId"
+                class="list__default-style"
+              >
+                <template #stackBlockKey>
+                  <div>
+                    {{ item2.label }}
+                  </div>
+                </template>
+                <template #stackBlockContent>
+                  <div v-if="item2.data">
+                    <div
+                      v-for="item3 in item2.data"
+                      :key="item3"
+                      class="flex-align-center"
+                    >
+                      <div class="vsphere-icon-host"></div>
+                      <span>{{ item3 }}</span>
+                    </div>
+                  </div>
+                  <span v-else>
+                    {{ item2.value }}
+                  </span>
+                </template>
+              </common-details-item>
+            </template>
+          </template>
+        </common-details-item>
+      </template>
+    </common-details-list>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const props = defineProps<{
+  dataReadyView: UI_I_DetailsItem[]
+}>()
+// console.log(props)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const properties = computed<UI_I_DetailsItem[]>(() => props.dataReadyView)
+</script>
+
+<style lang="scss" scoped>
+@import '~/assets/scss/common/mixins.scss';
+.ready-complete {
+  &__list {
+    @include flex($dir: column);
+    padding: 12px 0;
+    row-gap: 15px;
+  }
+}
+.list {
+  &__labels {
+    @include text($fs: 13px, $fw: 700);
+  }
+  :deep(.list__default-style) {
+    .stack-block {
+      &__label {
+        align-items: flex-start;
+      }
+      &-content {
+        white-space: pre-line;
+      }
+    }
+  }
+}
+</style>