bfg-common 1.5.82 → 1.5.84

package/components/common/wizards/datastore/add/lib/config/steps.ts

@@ -1,138 +1,138 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const stepsFunc = (
-  localization: UI_I_Localization
-): UI_I_WizardStep[] => [
-  {
-    id: 0,
-    title: localization.common.type,
-    status: UI_E_WIZARD_STATUS.SELECTED,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-select-type',
-  },
-
-  {
-    id: 1,
-    title: localization.common.selectDatastoreName,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      datastoreName: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'select-datastore-name',
-  },
-  {
-    id: 2,
-    title: localization.common.nameAndDeviceSelection,
-    subTitle: localization.common.nameAndDeviceSelectionDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      datastoreName: {
-        alert: '',
-        field: '',
-      },
-      lunDisk: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-name-and-device-selection',
-  },
-
-  {
-    id: 3,
-    title: localization.common.partitionConfiguration,
-    subTitle: localization.common.partitionConfigurationDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-partition-configuration',
-  },
-
-  // {
-  //   id: 4,
-  //   title: localization.common.nfsVersion,
-  //   subTitle: localization.common.selectNfsVersion,
-  //   status: UI_E_WIZARD_STATUS.INACTIVE,
-  //   fields: {},
-  //   isValid: true,
-  //   testId: 'create-datastore-select-nfs-version',
-  // },
-  {
-    id: 4,
-    title: localization.common.nameAndConfiguration,
-    subTitle: localization.common.nameAndConfigurationDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      name: {
-        alert: '',
-        field: '',
-      },
-      folder: {
-        alert: '',
-        field: '',
-      },
-      server: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-name-and-configuration',
-  },
-
-  {
-    id: 5,
-    title: localization.common.hostsAccessibility,
-    subTitle: localization.common.hostsAccessibilityDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {
-      hostsAccessibility: {
-        alert: '',
-        field: '',
-      },
-    },
-    isValid: true,
-    testId: 'create-datastore-hosts-accessibility',
-  },
-
-  // { // TODO Пока что не будет чут попоже
-  //   id: 7,
-  //   title: localization.kerberosAuthentication,
-  //   subTitle: localization.kerberosAuthenticationDesc.replace(
-  //     '{0}',
-  //     'version'?.toUpperCase() || ''
-  //   ),
-  //   status: UI_E_WIZARD_STATUS.INACTIVE,
-  //   fields: {},
-  //   isValid: true,
-  //   testId: 'select-kerberos-authentication',
-  // },
-  {
-    id: 11,
-    title: localization.common.readyComplete,
-    subTitle: localization.common.readyCompleteDesc,
-    status: UI_E_WIZARD_STATUS.INACTIVE,
-    fields: {},
-    isValid: true,
-    testId: 'create-datastore-ready-complete',
-    // testId: 'create-datastore-storm-ready-complete',
-    // testId: 'create-datastore-nfs-ready-complete',
-    // testId: 'create-datastore-local-ready-complete',
-  },
-]
-
-export const stepsSchemeInitial: number[][] = [
-  [0, 1, 11], // Procurator Scheme for "local" type
-  [0, 2, 11], // Procurator Scheme for "shared-storm" type
-  [0, 4, 11], // Procurator Scheme for "nfs" type
-  [0, 2, 11], // Sphere Scheme for "shared-storm" type
-  [0, 4, 5, 11], // Sphere Scheme for "nfs" type
-]
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const stepsFunc = (
+  localization: UI_I_Localization
+): UI_I_WizardStep[] => [
+  {
+    id: 0,
+    title: localization.common.type,
+    status: UI_E_WIZARD_STATUS.SELECTED,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-select-type',
+  },
+
+  {
+    id: 1,
+    title: localization.common.selectDatastoreName,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      datastoreName: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'select-datastore-name',
+  },
+  {
+    id: 2,
+    title: localization.common.nameAndDeviceSelection,
+    subTitle: localization.common.nameAndDeviceSelectionDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      datastoreName: {
+        alert: '',
+        field: '',
+      },
+      lunDisk: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-name-and-device-selection',
+  },
+
+  {
+    id: 3,
+    title: localization.common.partitionConfiguration,
+    subTitle: localization.common.partitionConfigurationDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-partition-configuration',
+  },
+
+  // {
+  //   id: 4,
+  //   title: localization.common.nfsVersion,
+  //   subTitle: localization.common.selectNfsVersion,
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'create-datastore-select-nfs-version',
+  // },
+  {
+    id: 4,
+    title: localization.common.nameAndConfiguration,
+    subTitle: localization.common.nameAndConfigurationDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      name: {
+        alert: '',
+        field: '',
+      },
+      folder: {
+        alert: '',
+        field: '',
+      },
+      server: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-name-and-configuration',
+  },
+
+  {
+    id: 5,
+    title: localization.common.hostsAccessibility,
+    subTitle: localization.common.hostsAccessibilityDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {
+      hostsAccessibility: {
+        alert: '',
+        field: '',
+      },
+    },
+    isValid: true,
+    testId: 'create-datastore-hosts-accessibility',
+  },
+
+  // { // TODO Пока что не будет чут попоже
+  //   id: 7,
+  //   title: localization.kerberosAuthentication,
+  //   subTitle: localization.kerberosAuthenticationDesc.replace(
+  //     '{0}',
+  //     'version'?.toUpperCase() || ''
+  //   ),
+  //   status: UI_E_WIZARD_STATUS.INACTIVE,
+  //   fields: {},
+  //   isValid: true,
+  //   testId: 'select-kerberos-authentication',
+  // },
+  {
+    id: 11,
+    title: localization.common.readyComplete,
+    subTitle: localization.common.readyCompleteDesc,
+    status: UI_E_WIZARD_STATUS.INACTIVE,
+    fields: {},
+    isValid: true,
+    testId: 'create-datastore-ready-complete',
+    // testId: 'create-datastore-storm-ready-complete',
+    // testId: 'create-datastore-nfs-ready-complete',
+    // testId: 'create-datastore-local-ready-complete',
+  },
+]
+
+export const stepsSchemeInitial: number[][] = [
+  [0, 1, 11], // Procurator Scheme for "local" type
+  [0, 2, 11], // Procurator Scheme for "shared-storm" type
+  [0, 4, 11], // Procurator Scheme for "nfs" type
+  [0, 2, 11], // Sphere Scheme for "shared-storm" type
+  [0, 4, 5, 11], // Sphere Scheme for "nfs" type
+]

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/readyComplete/ReadyComplete.vue

@@ -1,92 +1,92 @@
-<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
-          :test-id="item.testId"
-        >
-          <template #stackBlockKey>
-            <span class="list__labels">
-              {{ item.label }}
-            </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">
+    <common-details-list :items="properties" class="ready-complete__list list">
+      <template #default="{ item }">
+        <common-details-item
+          :has-children="true"
+          open-by-default
+          :test-id="item.testId"
+        >
+          <template #stackBlockKey>
+            <span class="list__labels">
+              {{ item.label }}
+            </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>