bfg-common 1.5.574 → 1.5.575

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 | null
+  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

@@ -5,12 +5,12 @@ import type { UI_I_CreateDatastoreForm } from '~/components/common/backup/storag
 import type { UI_I_CompatibleHosts } from '~/components/common/backup/storage/actions/add/steps/hostAccessibility/table/lib/models/interfaces'
 
 const getSelectedHosts = (
-  allHosts: UI_I_CompatibleHosts,
+  allHosts: UI_I_CompatibleHosts | null,
   selectedHosts: string[],
   localization: UI_I_Localization
 ) => {
   const hostsData = selectedHosts
-    ? allHosts.items
+    ? allHosts?.items
         .filter((host) => selectedHosts.includes(host.id))
         .map((host) => ({
           label: host.name,
@@ -38,7 +38,7 @@ const localDetailsFunc = (
   localization: UI_I_Localization,
   data: UI_I_CreateDatastoreForm,
   project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts
+  allHosts: UI_I_CompatibleHosts | null
 ): UI_I_DetailsItem[] => {
   const { name, hosts } = data
 
@@ -70,7 +70,7 @@ const nfsDetailsFunc = (
   localization: UI_I_Localization,
   data: UI_I_CreateDatastoreForm,
   project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts
+  allHosts: UI_I_CompatibleHosts | null
 ): UI_I_DetailsItem[] => {
   const { name, server, folder, version, hosts } = data
   // const accessMode = readonly ? 'Read-only' : 'Read-write'
@@ -131,7 +131,7 @@ const sambaDetailsFunc = (
   localization: UI_I_Localization,
   data: UI_I_CreateDatastoreForm,
   project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts
+  allHosts: UI_I_CompatibleHosts | null
 ): UI_I_DetailsItem[] => {
   const { name, server, folder, hosts } = data
 
@@ -177,7 +177,7 @@ const sharedStormDetailsFunc = (
   localization: UI_I_Localization,
   data: UI_I_CreateDatastoreForm,
   project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts,
+  allHosts: UI_I_CompatibleHosts | null,
   allDatastore: any
 ): UI_I_DetailsItem[] => {
   const { name, hosts, storm_id } = data
@@ -223,7 +223,7 @@ export const constructDataReadyViewFunc = (
   localization: UI_I_Localization,
   data: UI_I_CreateDatastoreForm,
   project: UI_T_Project,
-  allHosts: UI_I_CompatibleHosts,
+  allHosts: UI_I_CompatibleHosts | null,
   allDatastore: any
 ): UI_I_DetailsItem[] => {
   const details = {

package/components/common/browse/blocks/contents/filesNew/Skeleton.vue

@@ -1,18 +1,18 @@
-<template>
-  <div class="skeleton-wrap">
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-    <ui-skeleton-item height="18px" />
-  </div>
-</template>
-
-<script setup lang="ts"></script>
-
-<style scoped lang="scss">
-.skeleton-wrap {
-  display: grid;
-  grid-gap: 12px;
-}
-</style>
+<template>
+  <div class="skeleton-wrap">
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+    <ui-skeleton-item height="18px" />
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss">
+.skeleton-wrap {
+  display: grid;
+  grid-gap: 12px;
+}
+</style>