bfg-common 1.5.5 → 1.5.7

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

@@ -1,60 +1,60 @@
-<template>
-  <div class="nfs-container">
-<!--    <common-wizards-datastore-add-nfs-version-->
-<!--      v-if="props.stepId === 4"-->
-<!--      v-model="model.nfsVersion"-->
-<!--    />-->
-
-    <common-wizards-datastore-add-nfs-configuration
-      v-show="props.stepId === 4"
-      v-model="model"
-      :project="props.project"
-      :alert-messages="props.alertMessages"
-      :messages-fields="props.messagesFields"
-      @hide-alert="(e) => emits('hide-alert', e)"
-    />
-
-    <common-wizards-datastore-add-nfs-accessibility
-      v-if="showHostAccessibility"
-      v-model="model.hosts"
-      :alert-messages="props.alertMessages"
-      :hosts="props.hosts"
-      @hide-alert="(e) => emits('hide-alert', e)"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {
-  UI_I_ArbitraryObject,
-} from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
-
-const props = defineProps<{
-  project: UI_T_Project
-  stepId: number
-  alertMessages: string[]
-  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
-  hosts?: any
-}>()
-const model = defineModel<UI_I_CreateDatastoreForm>({ required: true })
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const showHostAccessibility = computed<boolean>(() => {
-  return props.project === 'sphere' && props.stepId === 5
-})
-</script>
-
-<style lang="scss" scoped>
-@import '~/assets/scss/common/mixins.scss';
-.nfs-container {
-  @include flex($dir: column);
-  height: inherit;
-  &__desc {
-  }
-}
-</style>
+<template>
+  <div class="nfs-container">
+<!--    <common-wizards-datastore-add-nfs-version-->
+<!--      v-if="props.stepId === 4"-->
+<!--      v-model="model.nfsVersion"-->
+<!--    />-->
+
+    <common-wizards-datastore-add-nfs-configuration
+      v-show="props.stepId === 4"
+      v-model="model"
+      :project="props.project"
+      :alert-messages="props.alertMessages"
+      :messages-fields="props.messagesFields"
+      @hide-alert="(e) => emits('hide-alert', e)"
+    />
+
+    <common-wizards-datastore-add-nfs-accessibility
+      v-if="showHostAccessibility"
+      v-model="model.hosts"
+      :alert-messages="props.alertMessages"
+      :hosts="props.hosts"
+      @hide-alert="(e) => emits('hide-alert', e)"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type {
+  UI_I_ArbitraryObject,
+} from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/wizards/datastore/add/lib/models/interfaces'
+
+const props = defineProps<{
+  project: UI_T_Project
+  stepId: number
+  alertMessages: string[]
+  messagesFields: UI_I_ArbitraryObject<UI_I_ErrorFields>
+  hosts?: any
+}>()
+const model = defineModel<UI_I_CreateDatastoreForm>({ required: true })
+const emits = defineEmits<{
+  (event: 'hide-alert', value: number): void
+}>()
+
+const showHostAccessibility = computed<boolean>(() => {
+  return props.project === 'sphere' && props.stepId === 5
+})
+</script>
+
+<style lang="scss" scoped>
+@import '~/assets/scss/common/mixins.scss';
+.nfs-container {
+  @include flex($dir: column);
+  height: inherit;
+  &__desc {
+  }
+}
+</style>

package/components/common/wizards/datastore/add/nfs/_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 { 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>

package/components/common/wizards/datastore/add/nfs/_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/accessibility/Accessibility.vue

@@ -1,60 +1,60 @@
-<template>
-  <div class="host-accessibility">
-    <atoms-alert
-      v-show="props.alertMessages?.length"
-      test-id="accessibility"
-      status="alert-danger"
-      :items="props.alertMessages"
-      @remove="onHideAlert"
-    />
-
-    <atoms-tabs
-      v-model="activeTab"
-      test-id="accessibility"
-      :items="tabs"
-      size="small"
-      class="w-100"
-    />
-    <common-wizards-datastore-add-nfs-accessibility-tables-view
-      v-model="modelHosts"
-      :data-table="dataTable?.items || []"
-      :total-items="dataTable?.total_items || 0"
-      :total-pages="dataTable?.total_pages || 1"
-      :table-type="activeTab"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'
-import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/models/interfaces'
-import { hostAccessibilityTabsFunc } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/config/tabsPannel'
-
-const props = defineProps<{
-  alertMessages: string[]
-  hosts?: UI_I_CreateDatastoreHosts
-}>()
-const modelHosts = defineModel<string[]>()
-const emits = defineEmits<{
-  (event: 'hide-alert', value: number): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const activeTab = ref<T_HostsAccessibilityTab>('compatible-hosts')
-const tabs = computed<UI_I_CollapseNavItem[]>(() =>
-  hostAccessibilityTabsFunc(localization.value, [
-    (props.hosts?.items?.length || 0) + '',
-    '0',
-  ])
-)
-
-const dataTable = computed<UI_I_CreateDatastoreHosts>(() => props.hosts)
-const onHideAlert = (): void => {
-  emits('hide-alert', 6)
-}
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="host-accessibility">
+    <atoms-alert
+      v-show="props.alertMessages?.length"
+      test-id="accessibility"
+      status="alert-danger"
+      :items="props.alertMessages"
+      @remove="onHideAlert"
+    />
+
+    <atoms-tabs
+      v-model="activeTab"
+      test-id="accessibility"
+      :items="tabs"
+      size="small"
+      class="w-100"
+    />
+    <common-wizards-datastore-add-nfs-accessibility-tables-view
+      v-model="modelHosts"
+      :data-table="dataTable?.items || []"
+      :total-items="dataTable?.total_items || 0"
+      :total-pages="dataTable?.total_pages || 1"
+      :table-type="activeTab"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'
+import type { UI_I_CreateDatastoreHosts } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/models/interfaces'
+import { hostAccessibilityTabsFunc } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/config/tabsPannel'
+
+const props = defineProps<{
+  alertMessages: string[]
+  hosts?: UI_I_CreateDatastoreHosts
+}>()
+const modelHosts = defineModel<string[]>()
+const emits = defineEmits<{
+  (event: 'hide-alert', value: number): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const activeTab = ref<T_HostsAccessibilityTab>('compatible-hosts')
+const tabs = computed<UI_I_CollapseNavItem[]>(() =>
+  hostAccessibilityTabsFunc(localization.value, [
+    (props.hosts?.items?.length || 0) + '',
+    '0',
+  ])
+)
+
+const dataTable = computed<UI_I_CreateDatastoreHosts>(() => props.hosts)
+const onHideAlert = (): void => {
+  emits('hide-alert', 6)
+}
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/wizards/datastore/add/nfs/accessibility/lib/config/tabsPannel.ts

@@ -1,31 +1,31 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-
-export const hostAccessibilityTabsFunc = (
-  localization: UI_I_Localization,
-  hosts: string[]
-) => {
-  const [compatibleHosts, incompatibleHost] = hosts
-
-  const tabs: UI_I_CollapseNavItem[] = [
-    {
-      text: localization.common.compatibleHosts.replace(
-        '{0}',
-        compatibleHosts || ''
-      ),
-      value: 'compatible-hosts',
-      disabled: false,
-      testId: 'host-accessibility-compatible',
-    },
-    {
-      text: localization.common.incompatibleHosts.replace(
-        '{0}',
-        incompatibleHost || ''
-      ),
-      value: 'incompatible-hosts',
-      disabled: true,
-      testId: 'host-accessibility-incompatible',
-    },
-  ]
-  return tabs
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+
+export const hostAccessibilityTabsFunc = (
+  localization: UI_I_Localization,
+  hosts: string[]
+) => {
+  const [compatibleHosts, incompatibleHost] = hosts
+
+  const tabs: UI_I_CollapseNavItem[] = [
+    {
+      text: localization.common.compatibleHosts.replace(
+        '{0}',
+        compatibleHosts || ''
+      ),
+      value: 'compatible-hosts',
+      disabled: false,
+      testId: 'host-accessibility-compatible',
+    },
+    {
+      text: localization.common.incompatibleHosts.replace(
+        '{0}',
+        incompatibleHost || ''
+      ),
+      value: 'incompatible-hosts',
+      disabled: true,
+      testId: 'host-accessibility-incompatible',
+    },
+  ]
+  return tabs
+}

package/components/common/wizards/datastore/add/nfs/accessibility/lib/models/interfaces.ts

@@ -1,9 +1,9 @@
-export interface I_CompatibleHostsTable {
-    id: number,
-    host: string,
-    cluster: string
-}
-
-export interface I_IncompatibleHostsTable extends I_CompatibleHostsTable{
-    host_incompatibility_reason: string
-}
+export interface I_CompatibleHostsTable {
+    id: number,
+    host: string,
+    cluster: string
+}
+
+export interface I_IncompatibleHostsTable extends I_CompatibleHostsTable{
+    host_incompatibility_reason: string
+}

package/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types.ts

@@ -1,5 +1,5 @@
-export type T_HostsAccessibilityTab = 'compatible-hosts' | 'incompatible-hosts'
-
-export type T_CompatibleHostsTableKeys = 'host' | 'cluster'
-
-export type T_IncompatibleHostsTableKeys = 'host' | 'cluster' | 'host_incompatibility_reason'
+export type T_HostsAccessibilityTab = 'compatible-hosts' | 'incompatible-hosts'
+
+export type T_CompatibleHostsTableKeys = 'host' | 'cluster'
+
+export type T_IncompatibleHostsTableKeys = 'host' | 'cluster' | 'host_incompatibility_reason'