bfg-common 1.5.398 → 1.5.399

package/components/common/readyToComplete/New.vue

@@ -1,129 +1,129 @@
-<template>
-  <ul :class="['details-list', { 'lang-ru': interfaceLang === 'ru_RU' }]">
-    <li
-      v-for="(item, key) in dataLocal"
-      :key="key"
-      :class="['details-item', { 'has-separator': item.separator }]"
-    >
-      <div v-if="item.separator" class="details-item-separator"></div>
-
-      <template v-else>
-        <span class="details-item-label"> {{ item.label }}: </span>
-
-        <div class="details-list__col-right flex-align-center text-ellipsis">
-          <ui-icon
-            v-if="item.iconName"
-            :name="item.iconName"
-            width="20px"
-            height="20px"
-            class="details-item-icon mr-2"
-          />
-          <span class="details-item-value text-ellipsis">
-            {{ item.value }}
-          </span>
-        </div>
-      </template>
-    </li>
-  </ul>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
-
-const props = defineProps<{
-  data: UI_I_TableInfoItem[]
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const interfaceLang = ref<string>($store.getters['main/getInterfaceLang'])
-
-const dataLocal = computed<UI_I_TableInfoItem[]>(() => {
-  const result: UI_I_TableInfoItem[] = []
-
-  props.data.forEach((item) => {
-    result.push({
-      label: item.label,
-      value: item.value,
-      iconName: item.iconName,
-    })
-    if (item.separator) {
-      result.push({
-        label: '',
-        value: '',
-        iconName: '',
-        separator: true,
-      })
-    }
-  })
-
-  return result
-})
-</script>
-
-<style>
-:root {
-  --ready-to-complete-border-color: #e9ebeda3;
-}
-:root.dark-theme {
-  --ready-to-complete-border-color: #e9ebed1f;
-}
-</style>
-<style lang="scss" scoped>
-@import 'bfg-common/assets/scss/common/mixins.scss';
-.details-list {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  row-gap: 12px;
-  column-gap: 24px;
-  margin-top: 16px;
-
-  &.lang-ru {
-    .details-item {
-      .details-item-label {
-        text-transform: unset;
-
-        &:first-letter {
-          text-transform: capitalize;
-        }
-      }
-    }
-  }
-  .details-item {
-    display: contents;
-    font-family: 'Inter', sans-serif;
-
-    &.has-separator {
-      display: block;
-      grid-column: 1 / 3;
-      margin: 4px 0;
-
-      .details-item-separator {
-        border-bottom: 1px solid var(--ready-to-complete-border-color);
-      }
-    }
-
-    .details-item-label {
-      color: #9da6ad;
-      font-weight: 400;
-      font-size: 13px;
-      line-height: 20px;
-      letter-spacing: 0;
-      vertical-align: middle;
-      text-transform: capitalize;
-      white-space: nowrap;
-    }
-    .details-item-icon {
-      color: var(--title-form-first-color);
-    }
-    .details-item-value {
-      color: var(--title-form-first-color);
-      font-weight: 400;
-      font-size: 13px;
-      line-height: 20px;
-      letter-spacing: 0;
-      vertical-align: middle;
-    }
-  }
-}
-</style>
+<template>
+  <ul :class="['details-list', { 'lang-ru': interfaceLang === 'ru_RU' }]">
+    <li
+      v-for="(item, key) in dataLocal"
+      :key="key"
+      :class="['details-item', { 'has-separator': item.separator }]"
+    >
+      <div v-if="item.separator" class="details-item-separator"></div>
+
+      <template v-else>
+        <span class="details-item-label"> {{ item.label }}: </span>
+
+        <div class="details-list__col-right flex-align-center text-ellipsis">
+          <ui-icon
+            v-if="item.iconName"
+            :name="item.iconName"
+            width="20px"
+            height="20px"
+            class="details-item-icon mr-2"
+          />
+          <span class="details-item-value text-ellipsis">
+            {{ item.value }}
+          </span>
+        </div>
+      </template>
+    </li>
+  </ul>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_TableInfoItem[]
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const interfaceLang = ref<string>($store.getters['main/getInterfaceLang'])
+
+const dataLocal = computed<UI_I_TableInfoItem[]>(() => {
+  const result: UI_I_TableInfoItem[] = []
+
+  props.data.forEach((item) => {
+    result.push({
+      label: item.label,
+      value: item.value,
+      iconName: item.iconName,
+    })
+    if (item.separator) {
+      result.push({
+        label: '',
+        value: '',
+        iconName: '',
+        separator: true,
+      })
+    }
+  })
+
+  return result
+})
+</script>
+
+<style>
+:root {
+  --ready-to-complete-border-color: #e9ebeda3;
+}
+:root.dark-theme {
+  --ready-to-complete-border-color: #e9ebed1f;
+}
+</style>
+<style lang="scss" scoped>
+@import 'bfg-common/assets/scss/common/mixins.scss';
+.details-list {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  row-gap: 12px;
+  column-gap: 24px;
+  margin-top: 16px;
+
+  &.lang-ru {
+    .details-item {
+      .details-item-label {
+        text-transform: unset;
+
+        &:first-letter {
+          text-transform: capitalize;
+        }
+      }
+    }
+  }
+  .details-item {
+    display: contents;
+    font-family: 'Inter', sans-serif;
+
+    &.has-separator {
+      display: block;
+      grid-column: 1 / 3;
+      margin: 4px 0;
+
+      .details-item-separator {
+        border-bottom: 1px solid var(--ready-to-complete-border-color);
+      }
+    }
+
+    .details-item-label {
+      color: #9da6ad;
+      font-weight: 400;
+      font-size: 13px;
+      line-height: 20px;
+      letter-spacing: 0;
+      vertical-align: middle;
+      text-transform: capitalize;
+      white-space: nowrap;
+    }
+    .details-item-icon {
+      color: var(--title-form-first-color);
+    }
+    .details-item-value {
+      color: var(--title-form-first-color);
+      font-weight: 400;
+      font-size: 13px;
+      line-height: 20px;
+      letter-spacing: 0;
+      vertical-align: middle;
+    }
+  }
+}
+</style>

package/components/common/readyToComplete/Old.vue

@@ -1,15 +1,15 @@
-<template>
-  <div>
-    <atoms-table-info :items="props.data" test-id="ready-to-complete"/>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
-
-const props = defineProps<{
-  data: UI_I_TableInfoItem[]
-}>()
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div>
+    <atoms-table-info :items="props.data" test-id="ready-to-complete"/>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_TableInfoItem } from '~/components/atoms/table/info/lib/models/interfaces'
+
+const props = defineProps<{
+  data: UI_I_TableInfoItem[]
+}>()
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/recursionTree/lib/models/interfaces.ts

@@ -1,23 +1,23 @@
-export interface UI_I_TreeNodeDuplicate extends UI_I_TreeNode {}
-
-export interface UI_I_TreeNodeShort<T = string> {
-  id: string | number
-  type: T
-}
-export interface UI_I_TreeNode<N = UI_I_TreeNodeDuplicate, T = string, D = any>
-  extends UI_I_TreeNodeShort<T> {
-  state: string | number // TODO только number
-  name: string
-  iconClassName: string
-  isActive: boolean
-  hasNodes: boolean
-  nodesShow: boolean
-  nodes: N[]
-  parent?: N
-  capacity?: number
-  available?: number
-  modified?: number
-  testId?: string
-  kind?: number
-  data?: D
-}
+export interface UI_I_TreeNodeDuplicate extends UI_I_TreeNode {}
+
+export interface UI_I_TreeNodeShort<T = string> {
+  id: string | number
+  type: T
+}
+export interface UI_I_TreeNode<N = UI_I_TreeNodeDuplicate, T = string, D = any>
+  extends UI_I_TreeNodeShort<T> {
+  state: string | number // TODO только number
+  name: string
+  iconClassName: string
+  isActive: boolean
+  hasNodes: boolean
+  nodesShow: boolean
+  nodes: N[]
+  parent?: N
+  capacity?: number
+  available?: number
+  modified?: number
+  testId?: string
+  kind?: number
+  data?: D
+}

package/components/common/resource/lib/models/interfaces.ts

@@ -1,10 +1,10 @@
-import type { UI_I_ItemView } from '~/lib/models/interfaces'
-import type { UI_T_ResourceType } from '~/components/common/resource/lib/models/types'
-
-export interface UI_I_Resources<T = UI_I_ItemView> {
-  type: UI_T_ResourceType
-  capacity: T
-  free: T
-  used: T
-  disabled?: boolean
-}
+import type { UI_I_ItemView } from '~/lib/models/interfaces'
+import type { UI_T_ResourceType } from '~/components/common/resource/lib/models/types'
+
+export interface UI_I_Resources<T = UI_I_ItemView> {
+  type: UI_T_ResourceType
+  capacity: T
+  free: T
+  used: T
+  disabled?: boolean
+}

package/components/common/resource/lib/models/types.ts

@@ -1 +1 @@
-export type UI_T_ResourceType = 'cpu' | 'memory' | 'storage'
+export type UI_T_ResourceType = 'cpu' | 'memory' | 'storage'

package/components/common/resource/lib/utils.ts

@@ -1,44 +1,44 @@
-import type { UI_I_Resources } from '~/components/common/resource/lib/models/interfaces'
-
-export const parseResourceUnit = (
-  arr: UI_I_Resources<number>[],
-  isMainValue: boolean = false
-): UI_I_Resources[] => {
-  return arr.map((resource: UI_I_Resources<number>) => {
-    return {
-      type: resource.type,
-      free: {
-        value: resource.free || 0,
-        text: isMainValue
-          ? String(resource.free) || '0'
-          : setResourceNumeric(resource.type, resource.free || 0),
-      },
-      used: {
-        value: resource.used || 0,
-        text: isMainValue
-          ? String(resource.used) || '0'
-          : setResourceNumeric(resource.type, resource.used || 0),
-      },
-      capacity: {
-        value: resource.capacity || 0,
-        text: isMainValue
-          ? String(resource.capacity) || '0'
-          : setResourceNumeric(resource.type, resource.capacity || 0),
-      },
-    }
-  })
-}
-
-export const setResourceNumeric = (
-  type: string,
-  value: number,
-  lang: string = 'en'
-): string => {
-  if (value === undefined) return ''
-
-  const { $binary } = useNuxtApp()
-
-  if (type === 'cpu') return $binary.roundHz(value, lang)
-
-  return $binary.round(value, false, lang)
-}
+import type { UI_I_Resources } from '~/components/common/resource/lib/models/interfaces'
+
+export const parseResourceUnit = (
+  arr: UI_I_Resources<number>[],
+  isMainValue: boolean = false
+): UI_I_Resources[] => {
+  return arr.map((resource: UI_I_Resources<number>) => {
+    return {
+      type: resource.type,
+      free: {
+        value: resource.free || 0,
+        text: isMainValue
+          ? String(resource.free) || '0'
+          : setResourceNumeric(resource.type, resource.free || 0),
+      },
+      used: {
+        value: resource.used || 0,
+        text: isMainValue
+          ? String(resource.used) || '0'
+          : setResourceNumeric(resource.type, resource.used || 0),
+      },
+      capacity: {
+        value: resource.capacity || 0,
+        text: isMainValue
+          ? String(resource.capacity) || '0'
+          : setResourceNumeric(resource.type, resource.capacity || 0),
+      },
+    }
+  })
+}
+
+export const setResourceNumeric = (
+  type: string,
+  value: number,
+  lang: string = 'en'
+): string => {
+  if (value === undefined) return ''
+
+  const { $binary } = useNuxtApp()
+
+  if (type === 'cpu') return $binary.roundHz(value, lang)
+
+  return $binary.round(value, false, lang)
+}