bfg-common 1.5.302 → 1.5.304

package/components/common/backup/storage/actions/add/steps/readyComplete/ReadyComplete.vue

@@ -1,45 +1,45 @@
-<template>
-  <common-backup-storage-actions-add-steps-ready-complete-new
-    v-if="isNewView"
-    :data-ready-view="dataReadyView"
-  />
-
-  <common-backup-storage-actions-add-steps-ready-complete-old
-    v-else
-    :data-ready-view="dataReadyView"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
-import { constructDataReadyViewFunc } from '~/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails'
-
-const props = defineProps<{
-  project: UI_T_Project
-  form: UI_I_CreateDatastoreForm
-  hosts: UI_I_CompatibleHosts
-  datastore: UI_I_DatastoreTableItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const dataReadyView = computed<UI_I_DetailsItem>(() =>
-  constructDataReadyViewFunc(
-    localization.value,
-    props.form,
-    props.project,
-    props.hosts,
-    props.datastore
-  )
-)
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-backup-storage-actions-add-steps-ready-complete-new
+    v-if="isNewView"
+    :data-ready-view="dataReadyView"
+  />
+
+  <common-backup-storage-actions-add-steps-ready-complete-old
+    v-else
+    :data-ready-view="dataReadyView"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
+import { constructDataReadyViewFunc } from '~/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails'
+
+const props = defineProps<{
+  project: UI_T_Project
+  form: UI_I_CreateDatastoreForm
+  hosts: UI_I_CompatibleHosts
+  datastore: UI_I_DatastoreTableItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const dataReadyView = computed<UI_I_DetailsItem>(() =>
+  constructDataReadyViewFunc(
+    localization.value,
+    props.form,
+    props.project,
+    props.hosts,
+    props.datastore
+  )
+)
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/backup/storage/actions/add/steps/readyComplete/lib/config/propertiesDetails.ts

@@ -1,243 +1,243 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
-import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
-
-const getSelectedHosts = (
-  allHosts: UI_I_CompatibleHosts,
-  selectedHosts: string[],
-  localization: UI_I_Localization
-) => {
-  const hostsData = selectedHosts
-    ? allHosts.items
-        .filter((host) => selectedHosts.includes(host.id))
-        .map((host) => ({
-          label: host.name,
-          iconClassName: 'vsphere-icon-host',
-        }))
-    : []
-
-  return {
-    label: localization.common.hostsAccessibility,
-    value: '',
-    items: [
-      {
-        label: localization.common.hosts,
-        value: hostsData as any,
-        items: [],
-        testId: 'view-hosts-name-in-complete',
-        iconClassName: 'vsphere-icon-host',
-      },
-    ],
-    actions: [],
-  }
-}
-
-const localDetailsFunc = (
-  localization: UI_I_Localization,
-  data: UI_I_CreateDatastoreForm,
-  project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts
-): UI_I_DetailsItem[] => {
-  const { name, hosts } = data
-
-  const details: UI_I_DetailsItem[] = [
-    {
-      label: localization.common.name,
-      value: '',
-      items: [
-        {
-          label: localization.common.name,
-          value: name,
-          items: [],
-          testId: 'view-selected-name-in-complete',
-          iconClassName: 'vsphere-icon-datastore',
-        },
-      ],
-      actions: [],
-      testId: 'view-selected-name',
-    },
-  ]
-
-  if (project === 'sphere') {
-    details.push(getSelectedHosts(allHosts, hosts, localization))
-  }
-
-  return details
-}
-const nfsDetailsFunc = (
-  localization: UI_I_Localization,
-  data: UI_I_CreateDatastoreForm,
-  project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts
-): UI_I_DetailsItem[] => {
-  const { name, server, folder, version, hosts } = data
-  // const accessMode = readonly ? 'Read-only' : 'Read-write'
-
-  const details: UI_I_DetailsItem[] = [
-    {
-      label: localization.common.nfsVersion,
-      value: '',
-      items: [
-        {
-          label: localization.common.version,
-          value: version + '',
-          items: [],
-          testId: 'view-selected-nfs-version-in-complete',
-        },
-      ],
-      actions: [],
-      testId: 'view-selected-nfs-version',
-    },
-    {
-      label: localization.common.nameAndConfiguration,
-      value: '',
-      items: [
-        {
-          label: localization.common.name,
-          value: name,
-          items: [],
-          testId: 'view-storage-name-in-complete',
-          iconClassName: 'vsphere-icon-datastore',
-        },
-        {
-          label: localization.common.server,
-          value: server,
-          items: [],
-          testId: 'view-server-name-in-complete',
-          iconClassName: 'icon-server',
-        },
-        {
-          label: localization.common.folder,
-          value: folder,
-          items: [],
-          testId: 'view-folder-name-in-complete',
-          iconClassName: 'vsphere-icon-folder',
-        }
-      ],
-      actions: [],
-      testId: 'view-selected-name-configuration',
-    },
-  ]
-
-  if (project === 'sphere') {
-    details.push(getSelectedHosts(allHosts, hosts, localization))
-  }
-
-  return details
-}
-const sambaDetailsFunc = (
-  localization: UI_I_Localization,
-  data: UI_I_CreateDatastoreForm,
-  project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts
-): UI_I_DetailsItem[] => {
-  const { name, server, folder, hosts } = data
-
-  const details: UI_I_DetailsItem[] = [
-    {
-      label: localization.common.nameAndConfiguration,
-      value: '',
-      items: [
-        {
-          label: localization.common.name,
-          value: name,
-          items: [],
-          testId: 'view-storage-name-in-complete',
-          iconClassName: 'vsphere-icon-datastore',
-        },
-        {
-          label: localization.common.server,
-          value: server,
-          items: [],
-          testId: 'view-server-name-in-complete',
-          iconClassName: 'icon-server',
-        },
-        {
-          label: localization.common.folder,
-          value: folder,
-          items: [],
-          testId: 'view-folder-name-in-complete',
-          iconClassName: 'vsphere-icon-folder',
-        }
-      ],
-      actions: [],
-      testId: 'view-selected-name-configuration',
-    },
-  ]
-
-  if (project === 'sphere') {
-    details.push(getSelectedHosts(allHosts, hosts, localization))
-  }
-
-  return details
-}
-const sharedStormDetailsFunc = (
-  localization: UI_I_Localization,
-  data: UI_I_CreateDatastoreForm,
-  project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts,
-  allDatastore: any
-): UI_I_DetailsItem[] => {
-  const { name, hosts, storm_id } = data
-  const datastore = allDatastore.find(storage => storage.id === storm_id)
-  const details: UI_I_DetailsItem[] = [
-    {
-      label: localization.common.name,
-      value: '',
-      items: [
-        {
-          label: localization.common.name,
-          value: name,
-          items: [],
-          testId: 'view-storage-name-in-complete',
-          iconClassName: 'vsphere-icon-datastore',
-        },
-      ],
-      actions: [],
-    },
-    {
-      label: localization.common.datastore,
-      value: '',
-      items: [
-        {
-          label: localization.common.name,
-          value: datastore.name,
-          items: [],
-          testId: 'view-storage-name-in-complete',
-          iconClassName: 'vsphere-icon-datastore',
-        },
-      ],
-      actions: [],
-    },
-  ]
-  if (project === 'sphere') {
-    details.push(getSelectedHosts(allHosts, hosts, localization))
-  }
-
-  return details
-}
-
-export const constructDataReadyViewFunc = (
-  localization: UI_I_Localization,
-  data: UI_I_CreateDatastoreForm,
-  project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts,
-  allDatastore: any
-): UI_I_DetailsItem[] => {
-  const details = {
-    1: localDetailsFunc,
-    2: nfsDetailsFunc,
-    3: sambaDetailsFunc,
-    4: sharedStormDetailsFunc,
-  }
-
-  return details[data.type_code as 1 | 2 | 3 | 4](
-    localization,
-    data,
-    project,
-    allHosts,
-      allDatastore
-  )
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DetailsItem } from '~/components/common/details/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storage/actions/add/lib/models/interfaces'
+import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
+
+const getSelectedHosts = (
+  allHosts: UI_I_CompatibleHosts,
+  selectedHosts: string[],
+  localization: UI_I_Localization
+) => {
+  const hostsData = selectedHosts
+    ? allHosts.items
+        .filter((host) => selectedHosts.includes(host.id))
+        .map((host) => ({
+          label: host.name,
+          iconClassName: 'vsphere-icon-host',
+        }))
+    : []
+
+  return {
+    label: localization.common.hostsAccessibility,
+    value: '',
+    items: [
+      {
+        label: localization.common.hosts,
+        value: hostsData as any,
+        items: [],
+        testId: 'view-hosts-name-in-complete',
+        iconClassName: 'vsphere-icon-host',
+      },
+    ],
+    actions: [],
+  }
+}
+
+const localDetailsFunc = (
+  localization: UI_I_Localization,
+  data: UI_I_CreateDatastoreForm,
+  project: UI_T_Project,
+  allHosts: UI_I_CompatibleHosts
+): UI_I_DetailsItem[] => {
+  const { name, hosts } = data
+
+  const details: UI_I_DetailsItem[] = [
+    {
+      label: localization.common.name,
+      value: '',
+      items: [
+        {
+          label: localization.backup.backupStorageName,
+          value: name,
+          items: [],
+          testId: 'view-selected-name-in-complete',
+          iconClassName: 'icon-backup-storage',
+        },
+      ],
+      actions: [],
+      testId: 'view-selected-name',
+    },
+  ]
+
+  if (project === 'sphere') {
+    details.push(getSelectedHosts(allHosts, hosts, localization))
+  }
+
+  return details
+}
+const nfsDetailsFunc = (
+  localization: UI_I_Localization,
+  data: UI_I_CreateDatastoreForm,
+  project: UI_T_Project,
+  allHosts: UI_I_CompatibleHosts
+): UI_I_DetailsItem[] => {
+  const { name, server, folder, version, hosts } = data
+  // const accessMode = readonly ? 'Read-only' : 'Read-write'
+
+  const details: UI_I_DetailsItem[] = [
+    {
+      label: localization.common.nfsVersion,
+      value: '',
+      items: [
+        {
+          label: localization.common.version,
+          value: version + '',
+          items: [],
+          testId: 'view-selected-nfs-version-in-complete',
+        },
+      ],
+      actions: [],
+      testId: 'view-selected-nfs-version',
+    },
+    {
+      label: localization.common.nameAndConfiguration,
+      value: '',
+      items: [
+        {
+          label: localization.backup.backupStorageName,
+          value: name,
+          items: [],
+          testId: 'view-storage-name-in-complete',
+          iconClassName: 'icon-backup-storage',
+        },
+        {
+          label: localization.common.server,
+          value: server,
+          items: [],
+          testId: 'view-server-name-in-complete',
+          iconClassName: 'icon-server',
+        },
+        {
+          label: localization.common.folder,
+          value: folder,
+          items: [],
+          testId: 'view-folder-name-in-complete',
+          iconClassName: 'vsphere-icon-folder',
+        }
+      ],
+      actions: [],
+      testId: 'view-selected-name-configuration',
+    },
+  ]
+
+  if (project === 'sphere') {
+    details.push(getSelectedHosts(allHosts, hosts, localization))
+  }
+
+  return details
+}
+const sambaDetailsFunc = (
+  localization: UI_I_Localization,
+  data: UI_I_CreateDatastoreForm,
+  project: UI_T_Project,
+  allHosts: UI_I_CompatibleHosts
+): UI_I_DetailsItem[] => {
+  const { name, server, folder, hosts } = data
+
+  const details: UI_I_DetailsItem[] = [
+    {
+      label: localization.common.nameAndConfiguration,
+      value: '',
+      items: [
+        {
+          label: localization.backup.backupStorageName,
+          value: name,
+          items: [],
+          testId: 'view-storage-name-in-complete',
+          iconClassName: 'icon-backup-storage',
+        },
+        {
+          label: localization.common.server,
+          value: server,
+          items: [],
+          testId: 'view-server-name-in-complete',
+          iconClassName: 'icon-server',
+        },
+        {
+          label: localization.common.folder,
+          value: folder,
+          items: [],
+          testId: 'view-folder-name-in-complete',
+          iconClassName: 'vsphere-icon-folder',
+        }
+      ],
+      actions: [],
+      testId: 'view-selected-name-configuration',
+    },
+  ]
+
+  if (project === 'sphere') {
+    details.push(getSelectedHosts(allHosts, hosts, localization))
+  }
+
+  return details
+}
+const sharedStormDetailsFunc = (
+  localization: UI_I_Localization,
+  data: UI_I_CreateDatastoreForm,
+  project: UI_T_Project,
+  allHosts: UI_I_CompatibleHosts,
+  allDatastore: any
+): UI_I_DetailsItem[] => {
+  const { name, hosts, storm_id } = data
+  const datastore = allDatastore.find(storage => storage.id === storm_id)
+  const details: UI_I_DetailsItem[] = [
+    {
+      label: localization.common.name,
+      value: '',
+      items: [
+        {
+          label: localization.backup.backupStorageName,
+          value: name,
+          items: [],
+          testId: 'view-storage-name-in-complete',
+          iconClassName: 'icon-backup-storage',
+        },
+      ],
+      actions: [],
+    },
+    {
+      label: localization.common.datastore,
+      value: '',
+      items: [
+        {
+          label: localization.common.name,
+          value: datastore.name,
+          items: [],
+          testId: 'view-storage-name-in-complete',
+          iconClassName: 'vsphere-icon-datastore',
+        },
+      ],
+      actions: [],
+    },
+  ]
+  if (project === 'sphere') {
+    details.push(getSelectedHosts(allHosts, hosts, localization))
+  }
+
+  return details
+}
+
+export const constructDataReadyViewFunc = (
+  localization: UI_I_Localization,
+  data: UI_I_CreateDatastoreForm,
+  project: UI_T_Project,
+  allHosts: UI_I_CompatibleHosts,
+  allDatastore: any
+): UI_I_DetailsItem[] => {
+  const details = {
+    1: localDetailsFunc,
+    2: nfsDetailsFunc,
+    3: sambaDetailsFunc,
+    4: sharedStormDetailsFunc,
+  }
+
+  return details[data.type_code as 1 | 2 | 3 | 4](
+    localization,
+    data,
+    project,
+    allHosts,
+      allDatastore
+  )
+}

package/components/common/backup/storage/actions/add/steps/typeMode/TypeMode.vue

@@ -3,6 +3,8 @@
     v-if="isNewView"
     v-model="formDatastoreTypeMode"
     :options="datastoreTypeOptions"
+    :updater-hide-all-help-popups="props.updaterHideAllHelpPopups"
+    @hide-all-help-popups="emits('hide-all-help-popups')"
   />
 
   <common-backup-storage-actions-add-steps-type-mode-old
@@ -14,13 +16,17 @@
 
 <script lang="ts" setup>
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {UI_T_Project} from "~/lib/models/types";
+import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
 import { datastoreTypesFunc } from '~/components/common/backup/storage/actions/add/steps/typeMode/lib/config/typeOptions'
 
 const formDatastoreTypeMode = defineModel<number>({ required: true })
 const props = defineProps<{
   project: UI_T_Project
+  updaterHideAllHelpPopups: number
+}>()
+const emits = defineEmits<{
+  (event: 'hide-all-help-popups'): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())