bfg-common 1.0.21 → 1.0.22

package/components/common/wizards/datastore/add/types/Types.vue

@@ -1,79 +1,79 @@
-<template>
-  <section class="datastore-types">
-    <span class="datastore-types__subtitle">
-      {{ localization.specifyDatastoreType }}
-    </span>
-
-    <div
-      v-for="item in datastoreTypes"
-      :key="item.value"
-      class="datastore-types__inner radio"
-      :class="item.disabled && 'disabled'"
-    >
-      <input
-        :id="item.label"
-        v-model="selectedType"
-        type="radio"
-        :value="item.value"
-        :disabled="item.disabled"
-      />
-      <label :for="item.label">
-        {{ item.label }}
-      </label>
-
-      <div class="datastore-types__desc">{{ item.desc }}</div>
-    </div>
-  </section>
-</template>
-
-<script lang="ts" setup>
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
-import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/config/typeOptions'
-
-const props = defineProps<{
-  type: string
-}>()
-const emits = defineEmits<{
-  (event: 'update:type', value: string): void
-}>()
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const datastoreTypes = readonly<UI_I_DatastoreTypeOption[]>(
-  datastoreTypesFunc(localization.value)
-)
-
-const selectedType = computed<string>({
-  get() {
-    return props.type
-  },
-  set(newValue) {
-    emits('update:type', newValue)
-  },
-})
-</script>
-
-<style lang="scss" scoped>
-.datastore-types {
-  &__subtitle {
-  }
-  &__desc {
-    margin-left: 22px;
-  }
-}
-.radio {
-  margin-bottom: 5px;
-  &:nth-child(2) {
-    margin-top: 10px;
-  }
-  &.disabled {
-    opacity: 0.7;
-  }
-}
-.radio {
-}
-input[type='radio']:focus:checked + label::before,
-input[type='radio']:focus + label::before {
-  box-shadow: inset 0 0 0 0.25rem #0094d2;
-}
-</style>
+<template>
+  <section class="datastore-types">
+    <span class="datastore-types__subtitle">
+      {{ localization.specifyDatastoreType }}
+    </span>
+
+    <div
+      v-for="item in datastoreTypes"
+      :key="item.value"
+      class="datastore-types__inner radio"
+      :class="item.disabled && 'disabled'"
+    >
+      <input
+        :id="item.label"
+        v-model="selectedType"
+        type="radio"
+        :value="item.value"
+        :disabled="item.disabled"
+      />
+      <label :for="item.label">
+        {{ item.label }}
+      </label>
+
+      <div class="datastore-types__desc">{{ item.desc }}</div>
+    </div>
+  </section>
+</template>
+
+<script lang="ts" setup>
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+import { datastoreTypesFunc } from '~/components/common/wizards/datastore/add/types/config/typeOptions'
+
+const props = defineProps<{
+  type: string
+}>()
+const emits = defineEmits<{
+  (event: 'update:type', value: string): void
+}>()
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const datastoreTypes = readonly<UI_I_DatastoreTypeOption[]>(
+  datastoreTypesFunc(localization.value)
+)
+
+const selectedType = computed<string>({
+  get() {
+    return props.type
+  },
+  set(newValue) {
+    emits('update:type', newValue)
+  },
+})
+</script>
+
+<style lang="scss" scoped>
+.datastore-types {
+  &__subtitle {
+  }
+  &__desc {
+    margin-left: 22px;
+  }
+}
+.radio {
+  margin-bottom: 5px;
+  &:nth-child(2) {
+    margin-top: 10px;
+  }
+  &.disabled {
+    opacity: 0.7;
+  }
+}
+.radio {
+}
+input[type='radio']:focus:checked + label::before,
+input[type='radio']:focus + label::before {
+  box-shadow: inset 0 0 0 0.25rem #0094d2;
+}
+</style>

package/components/common/wizards/datastore/add/types/config/typeOptions.ts

@@ -1,31 +1,31 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
-
-export const datastoreTypesFunc = (localization: UI_I_Localization): UI_I_DatastoreTypeOption[] => {
-  return [
-    {
-      label: localization.local,
-      value: 'local',
-      disabled: false,
-      desc: localization.localDesc,
-    },
-    {
-      label: localization.sharedStorm,
-      value: 'shared-storm',
-      disabled: false,
-      desc: localization.sharedStormDesc,
-    },
-    {
-      label: localization.nfs,
-      value: 'nfs',
-      disabled: false,
-      desc: localization.nfsDesc,
-    },
-    // {
-    //   label: localization.vVol,
-    //   value: 'vVol',
-    //   disabled: true,
-    //   desc: localization.vVolDesc,
-    // },
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_DatastoreTypeOption } from '~/components/common/select/radio/models/interfaces'
+
+export const datastoreTypesFunc = (localization: UI_I_Localization): UI_I_DatastoreTypeOption[] => {
+  return [
+    {
+      label: localization.local,
+      value: 'local',
+      disabled: false,
+      desc: localization.localDesc,
+    },
+    {
+      label: localization.sharedStorm,
+      value: 'shared-storm',
+      disabled: false,
+      desc: localization.sharedStormDesc,
+    },
+    {
+      label: localization.nfs,
+      value: 'nfs',
+      disabled: false,
+      desc: localization.nfsDesc,
+    },
+    // {
+    //   label: localization.vVol,
+    //   value: 'vVol',
+    //   disabled: true,
+    //   desc: localization.vVolDesc,
+    // },
+  ]
+}

package/components/common/wizards/datastore/add/utils.ts

@@ -1,69 +1,69 @@
-import { API_UI_I_Error } from '~/models/store/interfaces'
-import {
-  UI_I_DatastoreValidityName,
-  UI_T_WizardDatastoreMode,
-} from '~/components/common/wizards/datastore/add/models/types'
-// import {
-//   UI_I_CreateDatastoreBodyRequest,
-//   I_CreateStorageUuid,
-// } from '~/components/common/wizards/datastore/add/models/interfaces'
-
-// type T_StoragePoolNameResult = {
-//   data: I_CreateStorageUuid
-//   msg: API_UI_I_Error
-// }
-
-// type T_NullableStoragePoolNameResult = {
-//   [K in keyof T_StoragePoolNameResult]: T_StoragePoolNameResult[K] | null
-// }
-
-export const checkValidityName = async (
-  name: string,
-  mode: UI_T_WizardDatastoreMode = 'procurator'
-): Promise<UI_I_DatastoreValidityName> => {
-  let api = '/api/v1'
-  mode === 'procurator' && (api += '/pn')
-
-  // @ts-ignore
-  const { error } = await useMyFetch<null, API_UI_I_Error>(
-    `${api}/ds/validate?name=${name}`,
-    {
-      method: 'GET',
-    }
-  )
-
-  if (error.value && error.value.data.error_code !== 0) {
-    const existError = error.value.data?.error_message || error.value.data
-
-    return { valid: false, msg: existError }
-  }
-
-  return { valid: true, msg: null }
-}
-
-// export const getStoragePoolName = async <T>(
-//   url: string,
-//   params: T
-// ): Promise<T_NullableStoragePoolNameResult> => {
-//   const { data, error } = await useMyFetch<I_CreateStorageUuid, API_UI_I_Error>(
-//     url,
-//     {
-//       method: 'POST',
-//       body: params,
-//     }
-//   )
-//
-//   if (error.value) return { data: null, msg: error.value }
-//
-//   return { data: data.value, msg: null }
-// }
-
-// export const createDatastore = async <T = UI_I_CreateDatastoreBodyRequest>(
-//   params: T
-// ): Promise<API_UI_I_Error> => {
-//   const { error } = await useMyFetch<any, API_UI_I_Error>('/api/v1/pn/ds', {
-//     method: 'POST',
-//     body: params,
-//   })
-//   return error.value
-// }
+import { API_UI_I_Error } from '~/models/store/interfaces'
+import {
+  UI_I_DatastoreValidityName,
+  UI_T_WizardDatastoreMode,
+} from '~/components/common/wizards/datastore/add/models/types'
+// import {
+//   UI_I_CreateDatastoreBodyRequest,
+//   I_CreateStorageUuid,
+// } from '~/components/common/wizards/datastore/add/models/interfaces'
+
+// type T_StoragePoolNameResult = {
+//   data: I_CreateStorageUuid
+//   msg: API_UI_I_Error
+// }
+
+// type T_NullableStoragePoolNameResult = {
+//   [K in keyof T_StoragePoolNameResult]: T_StoragePoolNameResult[K] | null
+// }
+
+export const checkValidityName = async (
+  name: string,
+  mode: UI_T_WizardDatastoreMode = 'procurator'
+): Promise<UI_I_DatastoreValidityName> => {
+  let api = '/api/v1'
+  mode === 'procurator' && (api += '/pn')
+
+  // @ts-ignore
+  const { error } = await useMyFetch<null, API_UI_I_Error>(
+    `${api}/ds/validate?name=${name}`,
+    {
+      method: 'GET',
+    }
+  )
+
+  if (error.value && error.value.data.error_code !== 0) {
+    const existError = error.value.data?.error_message || error.value.data
+
+    return { valid: false, msg: existError }
+  }
+
+  return { valid: true, msg: null }
+}
+
+// export const getStoragePoolName = async <T>(
+//   url: string,
+//   params: T
+// ): Promise<T_NullableStoragePoolNameResult> => {
+//   const { data, error } = await useMyFetch<I_CreateStorageUuid, API_UI_I_Error>(
+//     url,
+//     {
+//       method: 'POST',
+//       body: params,
+//     }
+//   )
+//
+//   if (error.value) return { data: null, msg: error.value }
+//
+//   return { data: data.value, msg: null }
+// }
+
+// export const createDatastore = async <T = UI_I_CreateDatastoreBodyRequest>(
+//   params: T
+// ): Promise<API_UI_I_Error> => {
+//   const { error } = await useMyFetch<any, API_UI_I_Error>('/api/v1/pn/ds', {
+//     method: 'POST',
+//     body: params,
+//   })
+//   return error.value
+// }

package/components/models/interfaces.ts

@@ -1,14 +1,14 @@
-export interface UI_I_FileTreeNode {
-  path: string
-  modified_time: number
-  name: string
-  size: number
-  id: string
-  iconClassName: string
-  provisioned_type: number
-  type: number
-  nodes: UI_I_FileTreeNode[]
-  isActive: boolean
-  nodesShow: boolean
-  hasNodes: boolean
-}
+export interface UI_I_FileTreeNode {
+  path: string
+  modified_time: number
+  name: string
+  size: number
+  id: string
+  iconClassName: string
+  provisioned_type: number
+  type: number
+  nodes: UI_I_FileTreeNode[]
+  isActive: boolean
+  nodesShow: boolean
+  hasNodes: boolean
+}

package/composables/deepCopy.ts

@@ -1,21 +1,21 @@
-let exists: any = []
-export const useDeepCopy = (obj: any, is = false) => {
-  if (!is) exists = []
-  if (typeof obj !== 'object' || obj === null) {
-    return obj
-  }
-
-  const res: any = Array.isArray(obj) ? [] : {}
-  for (const i in obj) {
-    const item = obj[i]
-    if (exists.includes(item)) {
-      res[i] = item
-      continue
-    }
-    exists.push(item)
-
-    res[i] = useDeepCopy(item, true)
-  }
-
-  return res
-}
+let exists: any = []
+export const useDeepCopy = (obj: any, is = false) => {
+  if (!is) exists = []
+  if (typeof obj !== 'object' || obj === null) {
+    return obj
+  }
+
+  const res: any = Array.isArray(obj) ? [] : {}
+  for (const i in obj) {
+    const item = obj[i]
+    if (exists.includes(item)) {
+      res[i] = item
+      continue
+    }
+    exists.push(item)
+
+    res[i] = useDeepCopy(item, true)
+  }
+
+  return res
+}

package/composables/useDiff.ts

@@ -1,15 +1,15 @@
-export const useDiff = (data1: any, data2: any): any => {
-  if (typeof data2 !== 'object' || data2 === null) {
-    return data2
-  }
-  const res: any = Array.isArray(data1) ? [] : {}
-  for (let key in data1) {
-    if (data1[key] !== data2[key]) {
-      const localDiff = useDiff(data1[key], data2[key])
-      if (typeof localDiff === 'object' && Object.keys(localDiff).length === 0) continue
-
-      res[key] = useDiff(data1[key], data2[key])
-    }
-  }
-  return res
-}
+export const useDiff = (data1: any, data2: any): any => {
+  if (typeof data2 !== 'object' || data2 === null) {
+    return data2
+  }
+  const res: any = Array.isArray(data1) ? [] : {}
+  for (let key in data1) {
+    if (data1[key] !== data2[key]) {
+      const localDiff = useDiff(data1[key], data2[key])
+      if (typeof localDiff === 'object' && Object.keys(localDiff).length === 0) continue
+
+      res[key] = useDiff(data1[key], data2[key])
+    }
+  }
+  return res
+}

package/composables/useLocal.ts

@@ -1,36 +1,36 @@
-import localRu from '~/assets/localization/local_ru.json'
-import localEn from '~/assets/localization/local_en.json'
-import localHy from '~/assets/localization/local_hy.json'
-import localZh from '~/assets/localization/local_zh.json'
-import localKk from '~/assets/localization/local_kk.json'
-import localBe from '~/assets/localization/local_be.json'
-const locals = {
-  localRu,
-  localEn,
-  localHy,
-  localZh,
-  localKk,
-  localBe,
-}
-export const useLocal = () => {
-  const config = useRuntimeConfig()
-
-  const code: string = config?.public?.LOCALIZATION_CODE?.toLowerCase() || 'ru'
-
-  switch (code) {
-    case 'ru':
-      return locals.localRu
-    case 'en':
-      return locals.localEn
-    case 'hy':
-      return locals.localHy
-    case 'zh':
-      return locals.localZh
-    case 'kk':
-      return locals.localKk
-    case 'be':
-      return locals.localBe
-    default:
-      return locals.localRu
-  }
-}
+import localRu from '~/assets/localization/local_ru.json'
+import localEn from '~/assets/localization/local_en.json'
+import localHy from '~/assets/localization/local_hy.json'
+import localZh from '~/assets/localization/local_zh.json'
+import localKk from '~/assets/localization/local_kk.json'
+import localBe from '~/assets/localization/local_be.json'
+const locals = {
+  localRu,
+  localEn,
+  localHy,
+  localZh,
+  localKk,
+  localBe,
+}
+export const useLocal = () => {
+  const config = useRuntimeConfig()
+
+  const code: string = config?.public?.LOCALIZATION_CODE?.toLowerCase() || 'ru'
+
+  switch (code) {
+    case 'ru':
+      return locals.localRu
+    case 'en':
+      return locals.localEn
+    case 'hy':
+      return locals.localHy
+    case 'zh':
+      return locals.localZh
+    case 'kk':
+      return locals.localKk
+    case 'be':
+      return locals.localBe
+    default:
+      return locals.localRu
+  }
+}

package/composables/useLocalStorage.ts

@@ -1,45 +1,45 @@
-const lastTimestamp = 1700804420796
-
-export const useLocalStorage = (
-  name: string,
-  value?: any,
-  withPrefix = true
-): any => {
-  const localStoragePrefix = withPrefix ? getLocalStoragePrefix() : ''
-  if (value === undefined) {
-    const dataOfStorage: string | null = window.localStorage.getItem(
-      name + localStoragePrefix
-    )
-    if (!dataOfStorage) return ''
-
-    const { value, timestamp } = JSON.parse(dataOfStorage)
-    if (!timestamp || lastTimestamp > timestamp) {
-      window.localStorage.setItem(name + localStoragePrefix, '')
-      return null
-    }
-    return value
-  }
-
-  const data = {
-    value,
-    timestamp: Date.now(),
-  }
-
-  window.localStorage.setItem(name + localStoragePrefix, JSON.stringify(data))
-  window.dispatchEvent(
-    new CustomEvent(name + localStoragePrefix + 'StorageChanged', {
-      detail: {
-        storage: window.localStorage.getItem(name + localStoragePrefix),
-      },
-    })
-  )
-
-  return value
-}
-
-const getLocalStoragePrefix = () => {
-  const { $store } = useNuxtApp()
-
-  // @ts-ignore
-  return $store.getters['auth/getUserInfo']?.username ?? ''
-}
+const lastTimestamp = 1700804420796
+
+export const useLocalStorage = (
+  name: string,
+  value?: any,
+  withPrefix = true
+): any => {
+  const localStoragePrefix = withPrefix ? getLocalStoragePrefix() : ''
+  if (value === undefined) {
+    const dataOfStorage: string | null = window.localStorage.getItem(
+      name + localStoragePrefix
+    )
+    if (!dataOfStorage) return ''
+
+    const { value, timestamp } = JSON.parse(dataOfStorage)
+    if (!timestamp || lastTimestamp > timestamp) {
+      window.localStorage.setItem(name + localStoragePrefix, '')
+      return null
+    }
+    return value
+  }
+
+  const data = {
+    value,
+    timestamp: Date.now(),
+  }
+
+  window.localStorage.setItem(name + localStoragePrefix, JSON.stringify(data))
+  window.dispatchEvent(
+    new CustomEvent(name + localStoragePrefix + 'StorageChanged', {
+      detail: {
+        storage: window.localStorage.getItem(name + localStoragePrefix),
+      },
+    })
+  )
+
+  return value
+}
+
+const getLocalStoragePrefix = () => {
+  const { $store } = useNuxtApp()
+
+  // @ts-ignore
+  return $store.getters['auth/getUserInfo']?.username ?? ''
+}