bfg-common 1.2.53 → 1.2.55

package/components/common/wizards/datastore/add/nfs/version/Version.vue

@@ -1,42 +1,42 @@
-<template>
-  <section class="nfs-version">
-    <common-select-radio-group
-      v-model="selectedVersion"
-      :options="nfsVersion"
-    />
-  </section>
-</template>
-
-<script lang="ts" setup>
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
-import { UI_T_NfsType } from '~/components/common/wizards/datastore/add/models/types'
-import { nfsVersionFunc } from '~/components/common/wizards/datastore/add/nfs/version/config/versionOptions'
-
-const props = defineProps<{
-  version: UI_T_NfsType
-}>()
-const emits = defineEmits<{
-  (event: 'update:version', value: UI_T_NfsType): void
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const nfsVersion = ref<UI_I_RadioOption[]>(nfsVersionFunc(localization.value))
-
-const selectedVersion = computed<UI_T_NfsType>({
-  get() {
-    return props.version
-  },
-  set(newValue) {
-    emits('update:version', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-.nfs-version {
-  //&__desc {
-  //  margin-left: 22px;
-  //}
-}
-</style>
+<template>
+  <section class="nfs-version">
+    <common-select-radio-group
+      v-model="selectedVersion"
+      :options="nfsVersion"
+    />
+  </section>
+</template>
+
+<script lang="ts" setup>
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
+import { UI_T_NfsType } from '~/components/common/wizards/datastore/add/models/types'
+import { nfsVersionFunc } from '~/components/common/wizards/datastore/add/nfs/version/config/versionOptions'
+
+const props = defineProps<{
+  version: UI_T_NfsType
+}>()
+const emits = defineEmits<{
+  (event: 'update:version', value: UI_T_NfsType): void
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const nfsVersion = ref<UI_I_RadioOption[]>(nfsVersionFunc(localization.value))
+
+const selectedVersion = computed<UI_T_NfsType>({
+  get() {
+    return props.version
+  },
+  set(newValue) {
+    emits('update:version', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.nfs-version {
+  //&__desc {
+  //  margin-left: 22px;
+  //}
+}
+</style>

package/components/common/wizards/datastore/add/nfs/version/config/versionOptions.ts

@@ -1,20 +1,20 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
-export const nfsVersionFunc = (
-  localization: UI_I_Localization
-): UI_I_RadioOption[] => {
-  return [
-    {
-      label: 'NFS 3',
-      value: 'nfs-3',
-      disabled: false,
-      description: localization.nfsVersionDesc1,
-    },
-    {
-      label: 'NFS 4.1',
-      value: 'nfs-4.1',
-      disabled: false,
-      description: localization.nfsVersionDesc2,
-    },
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
+export const nfsVersionFunc = (
+  localization: UI_I_Localization
+): UI_I_RadioOption[] => {
+  return [
+    {
+      label: 'NFS 3',
+      value: 'nfs-3',
+      disabled: false,
+      description: localization.nfsVersionDesc1,
+    },
+    {
+      label: 'NFS 4.1',
+      value: 'nfs-4.1',
+      disabled: false,
+      description: localization.nfsVersionDesc2,
+    },
+  ]
+}

package/components/common/wizards/datastore/add/readyComplete/ReadyComplete.vue

@@ -1,77 +1,77 @@
-<template>
-  <div class="ready-complete">
-    <div class="ready-complete__desc">{{ localization.readyCompleteDesc }}</div>
-
-    <common-details-list :items="properties" class="ready-complete__list list">
-      <template #default="{ item }">
-        <common-details-item :has-children="true" open-by-default>
-          <template #stackBlockKey>
-            <span class="list__labels">{{
-              localization.chosenDatastoreName
-            }}</span>
-          </template>
-
-          <template #stackChildren>
-            <template
-              v-for="(item2, key2) in item.items"
-              :key="`${item2}_${key2}`"
-            >
-              <common-details-item
-                :has-children="false"
-                class="list__default-style"
-              >
-                <template #stackBlockKey>
-                  <div>
-                    {{ item2.label }}
-                  </div>
-                </template>
-                <template #stackBlockContent>
-                  {{ item2.value }}
-                </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/model/interfaces'
-
-const props = defineProps<{
-  dataReadyView: UI_I_DetailsItem[]
-}>()
-// console.log(props)
-
-const localization = computed(() => 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">
+    <div class="ready-complete__desc">{{ localization.readyCompleteDesc }}</div>
+
+    <common-details-list :items="properties" class="ready-complete__list list">
+      <template #default="{ item }">
+        <common-details-item :has-children="true" open-by-default>
+          <template #stackBlockKey>
+            <span class="list__labels">{{
+              localization.chosenDatastoreName
+            }}</span>
+          </template>
+
+          <template #stackChildren>
+            <template
+              v-for="(item2, key2) in item.items"
+              :key="`${item2}_${key2}`"
+            >
+              <common-details-item
+                :has-children="false"
+                class="list__default-style"
+              >
+                <template #stackBlockKey>
+                  <div>
+                    {{ item2.label }}
+                  </div>
+                </template>
+                <template #stackBlockContent>
+                  {{ item2.value }}
+                </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/model/interfaces'
+
+const props = defineProps<{
+  dataReadyView: UI_I_DetailsItem[]
+}>()
+// console.log(props)
+
+const localization = computed(() => 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>

package/components/common/wizards/datastore/add/readyComplete/config/propertiesDetails.ts

@@ -1,165 +1,165 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_DetailsItem } from '~/components/common/details/model/interfaces'
-import { UI_I_LunDisk } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/models/interfaces'
-import { UI_T_DatastoreType } from '~/components/common/wizards/datastore/add/models/types'
-import { UI_I_ReadyDataForLocal } from '~/components/common/wizards/datastore/add/readyComplete/models/interfaces'
-
-const constructLunDiskItems = (disks: any): string => {
-  const { $binary } = useNuxtApp()
-
-  let result = ''
-  disks.forEach((disk: UI_I_LunDisk) => {
-    const capacity = $binary.round(disk.capacity)
-    result += `${disk.name} - ${capacity} \n`
-  })
-  return result
-}
-
-const nfsDetailsFunc = (
-  localization: UI_I_Localization,
-  data: any
-): UI_I_DetailsItem[] => {
-  const { name, server, folder, version } = data
-  // const accessMode = readonly ? 'Read-only' : 'Read-write'
-
-  return [
-    {
-      label: localization.vmfsVersion,
-      value: '',
-      items: [
-        {
-          label: localization.version,
-          value: version.toUpperCase(),
-          items: [],
-        },
-      ],
-      actions: [],
-    },
-    {
-      label: localization.nameAndConfiguration,
-      value: '',
-      items: [
-        {
-          label: localization.datastoreName,
-          value: name,
-          items: [],
-        },
-        {
-          label: localization.server,
-          value: server,
-          items: [],
-        },
-        {
-          label: localization.folder,
-          value: folder,
-          items: [],
-        },
-        // {
-        //   label: localization.accessMode,
-        //   value: accessMode,
-        //   items: [],
-        // },
-      ],
-      actions: [],
-    },
-  ]
-}
-
-const localDetailsFunc = (
-  localization: UI_I_Localization,
-  event: UI_I_ReadyDataForLocal | string,
-  isSphereWizard: boolean
-): UI_I_DetailsItem[] => {
-  const data = [
-    {
-      label: localization.selectName,
-      value: '',
-      items: [
-        {
-          label: localization.datastoreName,
-          value: isSphereWizard ? event.name : event,
-          items: [],
-        },
-      ],
-      actions: [],
-    },
-  ]
-
-  if (isSphereWizard) {
-    data[0].items.push({
-      label: localization.host,
-      value: event.host,
-      items: [],
-    })
-  }
-  return data
-}
-
-const sharedStormDetailsFunc = (
-  localization: UI_I_Localization,
-  data: { name: string; lunDisk: string[] } // пока так ставляем тип но надо будет поменять когда будем добавлять осталние настройки
-): UI_I_DetailsItem[] => {
-  const { name, lunDisk } = data
-
-  return [
-    {
-      label: localization.nameAndDeviceSelection,
-      value: '',
-      items: [
-        {
-          label: localization.datastoreName,
-          value: name,
-          items: [],
-        },
-        {
-          label: localization.diskLun,
-          value: constructLunDiskItems(lunDisk),
-          items: [],
-        },
-      ],
-      actions: [],
-    },
-    // {
-    //   label: localization.partitionConfiguration,
-    //   value: '',
-    //   items: [
-    //     {
-    //       label: localization.method,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //     {
-    //       label: localization.partitionFormat,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //     {
-    //       label: localization.blockSize,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //     {
-    //       label: localization.spaceReclamationGranularity,
-    //       value: 'None',
-    //       items: [],
-    //     },
-    //   ],
-    //   actions: [],
-    // }, /*  TODO  данные с нее пока никуда не вставляем */
-  ]
-}
-
-export const constructDataReadyViewFunc = <T>(
-  localization: UI_I_Localization,
-  type: UI_T_DatastoreType,
-  data: T,
-  isSphereWizard: boolean
-): UI_I_DetailsItem[] => {
-  const details = {
-    local: localDetailsFunc,
-    'shared-storm': sharedStormDetailsFunc,
-    nfs: nfsDetailsFunc,
-  }
-
-  return details[type](localization, data, isSphereWizard)
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_DetailsItem } from '~/components/common/details/model/interfaces'
+import { UI_I_LunDisk } from '~/components/common/wizards/datastore/add/sharedStorm/deviceSelection/models/interfaces'
+import { UI_T_DatastoreType } from '~/components/common/wizards/datastore/add/models/types'
+import { UI_I_ReadyDataForLocal } from '~/components/common/wizards/datastore/add/readyComplete/models/interfaces'
+
+const constructLunDiskItems = (disks: any): string => {
+  const { $binary } = useNuxtApp()
+
+  let result = ''
+  disks.forEach((disk: UI_I_LunDisk) => {
+    const capacity = $binary.round(disk.capacity)
+    result += `${disk.name} - ${capacity} \n`
+  })
+  return result
+}
+
+const nfsDetailsFunc = (
+  localization: UI_I_Localization,
+  data: any
+): UI_I_DetailsItem[] => {
+  const { name, server, folder, version } = data
+  // const accessMode = readonly ? 'Read-only' : 'Read-write'
+
+  return [
+    {
+      label: localization.vmfsVersion,
+      value: '',
+      items: [
+        {
+          label: localization.version,
+          value: version.toUpperCase(),
+          items: [],
+        },
+      ],
+      actions: [],
+    },
+    {
+      label: localization.nameAndConfiguration,
+      value: '',
+      items: [
+        {
+          label: localization.datastoreName,
+          value: name,
+          items: [],
+        },
+        {
+          label: localization.server,
+          value: server,
+          items: [],
+        },
+        {
+          label: localization.folder,
+          value: folder,
+          items: [],
+        },
+        // {
+        //   label: localization.accessMode,
+        //   value: accessMode,
+        //   items: [],
+        // },
+      ],
+      actions: [],
+    },
+  ]
+}
+
+const localDetailsFunc = (
+  localization: UI_I_Localization,
+  event: UI_I_ReadyDataForLocal | string,
+  isSphereWizard: boolean
+): UI_I_DetailsItem[] => {
+  const data = [
+    {
+      label: localization.selectName,
+      value: '',
+      items: [
+        {
+          label: localization.datastoreName,
+          value: isSphereWizard ? event.name : event,
+          items: [],
+        },
+      ],
+      actions: [],
+    },
+  ]
+
+  if (isSphereWizard) {
+    data[0].items.push({
+      label: localization.host,
+      value: event.host,
+      items: [],
+    })
+  }
+  return data
+}
+
+const sharedStormDetailsFunc = (
+  localization: UI_I_Localization,
+  data: { name: string; lunDisk: string[] } // пока так ставляем тип но надо будет поменять когда будем добавлять осталние настройки
+): UI_I_DetailsItem[] => {
+  const { name, lunDisk } = data
+
+  return [
+    {
+      label: localization.nameAndDeviceSelection,
+      value: '',
+      items: [
+        {
+          label: localization.datastoreName,
+          value: name,
+          items: [],
+        },
+        {
+          label: localization.diskLun,
+          value: constructLunDiskItems(lunDisk),
+          items: [],
+        },
+      ],
+      actions: [],
+    },
+    // {
+    //   label: localization.partitionConfiguration,
+    //   value: '',
+    //   items: [
+    //     {
+    //       label: localization.method,
+    //       value: 'None',
+    //       items: [],
+    //     },
+    //     {
+    //       label: localization.partitionFormat,
+    //       value: 'None',
+    //       items: [],
+    //     },
+    //     {
+    //       label: localization.blockSize,
+    //       value: 'None',
+    //       items: [],
+    //     },
+    //     {
+    //       label: localization.spaceReclamationGranularity,
+    //       value: 'None',
+    //       items: [],
+    //     },
+    //   ],
+    //   actions: [],
+    // }, /*  TODO  данные с нее пока никуда не вставляем */
+  ]
+}
+
+export const constructDataReadyViewFunc = <T>(
+  localization: UI_I_Localization,
+  type: UI_T_DatastoreType,
+  data: T,
+  isSphereWizard: boolean
+): UI_I_DetailsItem[] => {
+  const details = {
+    local: localDetailsFunc,
+    'shared-storm': sharedStormDetailsFunc,
+    nfs: nfsDetailsFunc,
+  }
+
+  return details[type](localization, data, isSphereWizard)
+}

package/components/common/wizards/datastore/add/readyComplete/models/interfaces.ts

@@ -1,4 +1,4 @@
-export interface UI_I_ReadyDataForLocal {
-  name: string
-  host: string
-}
+export interface UI_I_ReadyDataForLocal {
+  name: string
+  host: string
+}