bfg-common 1.5.301 → 1.5.302

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.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
+  )
+}

package/components/common/backup/storage/actions/delete/Delete.vue

@@ -1,65 +1,65 @@
-<template>
-  <common-modals-confirm-by-input
-    :title="localization.common.confirmDeletionDatastoreTitle"
-    :sub-title="props.datastore?.name || ''"
-    test-id="datastore-delete"
-    width="576px"
-    @hide="onHide"
-    @confirm="onDelete"
-  >
-    <template #content>
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodyFirst }}
-      </p>
-
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodySecond }}
-      </p>
-
-      <p class="delete-group__text">
-        {{ localization.common.confirmDeletionDatastoreBodyThird }}
-      </p>
-    </template>
-  </common-modals-confirm-by-input>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DeleteItem } from '~/components/common/backup/storage/actions/delete/lib/models/interfaces'
-import { sendTask } from '~/lib/utils/sendTask'
-import { getBackupTreeNodeIdByTypeFromRoute } from '~/components/common/backup/lib/utils/getBackupOrBackupStorageId'
-
-const props = defineProps<{
-  datastore: UI_I_DeleteItem | null
-}>()
-const emits = defineEmits<{
-  (event: 'delete', value: string): void
-  (event: 'hide'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const targetId = computed<string>(() =>
-  getBackupTreeNodeIdByTypeFromRoute('last')
-)
-const onDelete = (): void => {
-  emits('delete', targetId.value)
-}
-const onHide = (): void => {
-  emits('hide')
-}
-</script>
-
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.delete-group__text {
-  @include text($fs: 0.6rem);
-  font-size: 0.6rem;
-  letter-spacing: normal;
-  line-height: 1rem;
-
-  &:first-child {
-    margin-bottom: 1.2em;
-  }
-}
-</style>
+<template>
+  <common-modals-confirm-by-input
+    :title="localization.common.confirmDeletionDatastoreTitle"
+    :sub-title="props.datastore?.name || ''"
+    test-id="datastore-delete"
+    width="576px"
+    @hide="onHide"
+    @confirm="onDelete"
+  >
+    <template #content>
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodyFirst }}
+      </p>
+
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodySecond }}
+      </p>
+
+      <p class="delete-group__text">
+        {{ localization.common.confirmDeletionDatastoreBodyThird }}
+      </p>
+    </template>
+  </common-modals-confirm-by-input>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DeleteItem } from '~/components/common/backup/storage/actions/delete/lib/models/interfaces'
+import { sendTask } from '~/lib/utils/sendTask'
+import { getBackupTreeNodeIdByTypeFromRoute } from '~/components/common/backup/lib/utils/getBackupOrBackupStorageId'
+
+const props = defineProps<{
+  datastore: UI_I_DeleteItem | null
+}>()
+const emits = defineEmits<{
+  (event: 'delete', value: string): void
+  (event: 'hide'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const targetId = computed<string>(() =>
+  getBackupTreeNodeIdByTypeFromRoute('last')
+)
+const onDelete = (): void => {
+  emits('delete', targetId.value)
+}
+const onHide = (): void => {
+  emits('hide')
+}
+</script>
+
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.delete-group__text {
+  @include text($fs: 0.6rem);
+  font-size: 0.6rem;
+  letter-spacing: normal;
+  line-height: 1rem;
+
+  &:first-child {
+    margin-bottom: 1.2em;
+  }
+}
+</style>

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>