bfg-common 1.0.76 → 1.0.78

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

@@ -1,77 +1,77 @@
-<template>
-  <section class="datastore-types">
-    <div class="header-row">
-      <span class="datastore-types__subtitle">
-        {{ localization.specifyDatastoreType }}
-      </span>
-      <div id="type-select-help-icon" class="signpost-container relative">
-        <atoms-the-icon
-          fill="#0072a3"
-          width="24px"
-          height="24px"
-          name="info-circle"
-          @click="isShowTypeHelp = !isShowTypeHelp"
-        />
-        <atoms-tooltip-signpost
-          v-if="isShowTypeHelp"
-          elem-id="type-select-help-icon"
-          @hide="isShowTypeHelp = false"
-        >
-          <p class="help-desc">{{ localization.datastoreTypeHelpDesc }}</p>
-        </atoms-tooltip-signpost>
-      </div>
-    </div>
-
-    <common-select-radio-group
-      v-model="selectedType"
-      :options="datastoreTypes"
-    />
-  </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 { 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 = ref<UI_I_RadioOption[]>(
-  datastoreTypesFunc(localization.value)
-)
-
-const selectedType = computed<string>({
-  get() {
-    return props.type
-  },
-  set(newValue) {
-    emits('update:type', newValue)
-  },
-})
-
-const isShowTypeHelp = ref<boolean>(false)
-</script>
-
-<style lang="scss" scoped>
-.datastore-types {
-  .signpost-container {
-    display: flex;
-    cursor: pointer;
-
-    .help-desc-container {
-      max-width: 350px;
-    }
-  }
-  .header-row {
-    display: flex;
-    align-items: center;
-    gap: 10px;
-  }
-}
-</style>
+<template>
+  <section class="datastore-types">
+    <div class="header-row">
+      <span class="datastore-types__subtitle">
+        {{ localization.specifyDatastoreType }}
+      </span>
+      <div id="type-select-help-icon" class="signpost-container relative">
+        <atoms-the-icon
+          fill="#0072a3"
+          width="24px"
+          height="24px"
+          name="info-circle"
+          @click="isShowTypeHelp = !isShowTypeHelp"
+        />
+        <atoms-tooltip-signpost
+          v-if="isShowTypeHelp"
+          elem-id="type-select-help-icon"
+          @hide="isShowTypeHelp = false"
+        >
+          <p class="help-desc">{{ localization.datastoreTypeHelpDesc }}</p>
+        </atoms-tooltip-signpost>
+      </div>
+    </div>
+
+    <common-select-radio-group
+      v-model="selectedType"
+      :options="datastoreTypes"
+    />
+  </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 { 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 = ref<UI_I_RadioOption[]>(
+  datastoreTypesFunc(localization.value)
+)
+
+const selectedType = computed<string>({
+  get() {
+    return props.type
+  },
+  set(newValue) {
+    emits('update:type', newValue)
+  },
+})
+
+const isShowTypeHelp = ref<boolean>(false)
+</script>
+
+<style lang="scss" scoped>
+.datastore-types {
+  .signpost-container {
+    display: flex;
+    cursor: pointer;
+
+    .help-desc-container {
+      max-width: 350px;
+    }
+  }
+  .header-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+}
+</style>

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

@@ -1,39 +1,39 @@
-import { UI_I_Localization } from '~/models/interfaces'
-import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
-
-export const datastoreTypesFunc = (
-  localization: UI_I_Localization
-): UI_I_RadioOption[] => {
-  return [
-    {
-      label: localization.localStorage,
-      value: 'local',
-      disabled: false,
-      description: localization.localDesc,
-      isTooltip: false,
-      tooltipContent: localization.localStorageHelpDesc,
-    },
-    {
-      label: localization.stormSharedStorage,
-      value: 'shared-storm',
-      disabled: false,
-      description: localization.sharedStormDesc,
-      isTooltip: false,
-      tooltipContent: localization.stormSharedStorageHelpDesc,
-    },
-    {
-      label: localization.nfs,
-      value: 'nfs',
-      disabled: false,
-      description: localization.nfsDesc,
-      isTooltip: false,
-      tooltipContent: localization.nfsHelpDesc,
-    },
-    // {
-    //   label: localization.vVol,
-    //   value: 'vVol',
-    //   disabled: true,
-    //   desc: localization.vVolDesc,
-    // },
-  ]
-}
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_RadioOption } from '~/components/common/select/radio/models/interfaces'
+
+export const datastoreTypesFunc = (
+  localization: UI_I_Localization
+): UI_I_RadioOption[] => {
+  return [
+    {
+      label: localization.localStorage,
+      value: 'local',
+      disabled: false,
+      description: localization.localDesc,
+      isTooltip: false,
+      tooltipContent: localization.localStorageHelpDesc,
+    },
+    {
+      label: localization.stormSharedStorage,
+      value: 'shared-storm',
+      disabled: false,
+      description: localization.sharedStormDesc,
+      isTooltip: false,
+      tooltipContent: localization.stormSharedStorageHelpDesc,
+    },
+    {
+      label: localization.nfs,
+      value: 'nfs',
+      disabled: false,
+      description: localization.nfsDesc,
+      isTooltip: false,
+      tooltipContent: localization.nfsHelpDesc,
+    },
+    // {
+    //   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 ?? ''
+}