bfg-common 1.5.20 → 1.5.21

package/components/common/wizards/vm/migrate/select/network/table/network/Network.vue

@@ -1,150 +1,150 @@
-<template>
-  <div class="table-view-container">
-    <atoms-table-data-grid
-      v-model:page-size="pagination.pageSize"
-      v-model:page="pagination.page"
-      :head-items="headItems"
-      :body-items="bodyItems"
-      :total-items="bodyItems.length"
-      :total-pages="1"
-      class="select-network"
-      test-id="network-table"
-      :off-select-by-row="props.type === 'advanced'"
-      server-off
-      hide-footer
-      hide-page-size
-    >
-      <template #select="{ item }">
-        <span class="select select-network__select">
-          <select
-            :id="item.data.id"
-            v-model="item.data.value"
-            data-id="network-select"
-            :disabled="item.data.disabled"
-            @change="onSelectNetwork(item.data)"
-            @click.stop
-          >
-            <option
-              v-for="(option, key) in item.data.option"
-              :key="key"
-              :value="option.value"
-              :label="option.text"
-            />
-          </select>
-        </span>
-      </template>
-    </atoms-table-data-grid>
-
-    <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-location
-      :location-modal-is-show="!!selectNetworkModal"
-      :networks-table="props.sourceNetworks"
-      @hide="onHideLocationModal"
-      @select="onSelectLocation"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type { UI_T_MigrateSelectNetwork } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/types'
-import * as table from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable'
-
-const model = defineModel<any[]>({ required: true })
-
-const props = defineProps<{
-  networks: UI_T_MigrateSelectNetwork[]
-  sourceNetworks: UI_I_NetworkTableItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const pagination = ref<UI_I_Pagination>({
-  page: 1,
-  pageSize: 100,
-})
-
-const selectNetworkModal = ref<string>('')
-const onHideLocationModal = (): void => {
-  selectNetworkModal.value = ''
-}
-const onSelectLocation = (network: UI_I_NetworkTableItem): void => {
-  const mac = props.networks.find(
-    (net) => net.source_network === selectNetworkModal.value
-  )?.mac
-  if (mac) {
-    model.value[mac] = network.name
-  }
-  bodyItems.value = bodyItems.value.map((row) => {
-    return row.map((col) => {
-      if (col.data?.sourceNetwork === selectNetworkModal.value)
-        col.data.value = network.name
-
-      return col
-    })
-  })
-
-  selectNetworkModal.value = ''
-}
-
-const headItems = computed<UI_I_HeadItem[]>(() =>
-  table.headItems(localization.value)
-)
-const bodyItems = ref<UI_I_BodyItem[][]>([])
-watch(
-  () => props.networks,
-  (newValue) => {
-    bodyItems.value = table.bodyItems(newValue)
-  },
-  { immediate: true, deep: true }
-)
-
-const onSelectNetwork = (data: any): void => {
-  if (data?.value === 'browser') {
-    selectNetworkModal.value = data.sourceNetwork
-    return
-  }
-  const mac = props.networks.find(
-    (network) => network.source_network === data.sourceNetwork
-  ).mac
-  if (mac) {
-    model.value[mac] = data.value
-  }
-}
-watch(
-  () => props.type,
-  (newValue: 'basic' | 'advanced') => {
-    const tableData = bodyItems.value[0]
-    if (!tableData) return
-
-    const itemKey = newValue === 'basic' ? 2 : 3
-    const data = tableData[itemKey].data
-    onSelectNetwork(data)
-  },
-  { deep: true, immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-@import 'assets/scss/common/mixins';
-.table-view-container {
-  @include flex($dir: column);
-  height: inherit;
-  .select-network {
-    height: inherit;
-    &__select {
-      width: 100%;
-      height: 24px;
-      min-width: 107px;
-      & > select {
-        height: 100%;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div class="table-view-container">
+    <atoms-table-data-grid
+      v-model:page-size="pagination.pageSize"
+      v-model:page="pagination.page"
+      :head-items="headItems"
+      :body-items="bodyItems"
+      :total-items="bodyItems.length"
+      :total-pages="1"
+      class="select-network"
+      test-id="network-table"
+      :off-select-by-row="props.type === 'advanced'"
+      server-off
+      hide-footer
+      hide-page-size
+    >
+      <template #select="{ item }">
+        <span class="select select-network__select">
+          <select
+            :id="item.data.id"
+            v-model="item.data.value"
+            data-id="network-select"
+            :disabled="item.data.disabled"
+            @change="onSelectNetwork(item.data)"
+            @click.stop
+          >
+            <option
+              v-for="(option, key) in item.data.option"
+              :key="key"
+              :value="option.value"
+              :label="option.text"
+            />
+          </select>
+        </span>
+      </template>
+    </atoms-table-data-grid>
+
+    <common-vm-actions-common-customize-hardware-virtual-hardware-new-network-location
+      :location-modal-is-show="!!selectNetworkModal"
+      :networks-table="props.sourceNetworks"
+      @hide="onHideLocationModal"
+      @select="onSelectLocation"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Pagination } from '~/lib/models/table/interfaces'
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
+import type { UI_T_MigrateSelectNetwork } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/types'
+import * as table from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable'
+
+const model = defineModel<any[]>({ required: true })
+
+const props = defineProps<{
+  networks: UI_T_MigrateSelectNetwork[]
+  sourceNetworks: UI_I_NetworkTableItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const pagination = ref<UI_I_Pagination>({
+  page: 1,
+  pageSize: 100,
+})
+
+const selectNetworkModal = ref<string>('')
+const onHideLocationModal = (): void => {
+  selectNetworkModal.value = ''
+}
+const onSelectLocation = (network: UI_I_NetworkTableItem): void => {
+  const mac = props.networks.find(
+    (net) => net.source_network === selectNetworkModal.value
+  )?.mac
+  if (mac) {
+    model.value[mac] = network.name
+  }
+  bodyItems.value = bodyItems.value.map((row) => {
+    return row.map((col) => {
+      if (col.data?.sourceNetwork === selectNetworkModal.value)
+        col.data.value = network.name
+
+      return col
+    })
+  })
+
+  selectNetworkModal.value = ''
+}
+
+const headItems = computed<UI_I_HeadItem[]>(() =>
+  table.headItems(localization.value)
+)
+const bodyItems = ref<UI_I_BodyItem[][]>([])
+watch(
+  () => props.networks,
+  (newValue) => {
+    bodyItems.value = table.bodyItems(newValue)
+  },
+  { immediate: true, deep: true }
+)
+
+const onSelectNetwork = (data: any): void => {
+  if (data?.value === 'browser') {
+    selectNetworkModal.value = data.sourceNetwork
+    return
+  }
+  const mac = props.networks.find(
+    (network) => network.source_network === data.sourceNetwork
+  ).mac
+  if (mac) {
+    model.value[mac] = data.value
+  }
+}
+watch(
+  () => props.type,
+  (newValue: 'basic' | 'advanced') => {
+    const tableData = bodyItems.value[0]
+    if (!tableData) return
+
+    const itemKey = newValue === 'basic' ? 2 : 3
+    const data = tableData[itemKey].data
+    onSelectNetwork(data)
+  },
+  { deep: true, immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+@import 'assets/scss/common/mixins';
+.table-view-container {
+  @include flex($dir: column);
+  height: inherit;
+  .select-network {
+    height: inherit;
+    &__select {
+      width: 100%;
+      height: 24px;
+      min-width: 107px;
+      & > select {
+        height: 100%;
+      }
+    }
+  }
+}
+</style>

package/components/common/wizards/vm/migrate/select/network/table/network/lib/config/advancedTable.ts

@@ -1,91 +1,91 @@
-import type {
-  UI_I_HeadItem,
-  UI_I_BodyItem,
-} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
-import type { UI_I_MigrateSelectNetworkAdvancedItem } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/interfaces'
-import { networkAdvancedTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/tableKeys'
-
-const getItems = (
-  localization: UI_I_Localization
-): [string, boolean, string, string][] => {
-  return [
-    [
-      localization.common.sourceNetwork,
-      true,
-      '25%',
-      networkAdvancedTableItemKeys[0],
-    ],
-    [
-      localization.common.macAddress,
-      true,
-      '25%',
-      networkAdvancedTableItemKeys[1],
-    ],
-    [
-      localization.common.networkAdapter,
-      true,
-      '25%',
-      networkAdvancedTableItemKeys[2],
-    ],
-    [
-      localization.common.destinationNetwork,
-      true,
-      '25%',
-      networkAdvancedTableItemKeys[3],
-    ],
-  ]
-}
-
-export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
-  const result: UI_I_HeadItem[] = []
-  getItems(localization).forEach((item, i) => {
-    const col = i === 3 ? 'select' : `col${i}`
-    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
-  })
-  return result
-}
-
-export const bodyItems = (
-  data: UI_I_MigrateSelectNetworkAdvancedItem[]
-): UI_I_BodyItem[][] => {
-  const bodyItems: UI_I_BodyItem[][] = []
-
-  data?.forEach(
-    (network: UI_I_MigrateSelectNetworkAdvancedItem, key: number) => {
-      const data = {
-        id: `${network.source_network}-select`,
-        sourceNetwork: network.source_network,
-        disabled: false,
-        value: network.destination_network[0]?.text || '',
-        option: network.destination_network,
-      }
-
-      bodyItems.push([
-        {
-          key: 'col0',
-          text: network[networkAdvancedTableItemKeys[0]],
-          id: key,
-        },
-        {
-          key: 'col1',
-          text: network[networkAdvancedTableItemKeys[1]],
-          id: key,
-        },
-        {
-          key: 'col2',
-          text: network[networkAdvancedTableItemKeys[2]],
-          id: key,
-        },
-        {
-          key: 'select',
-          text: network[networkAdvancedTableItemKeys[3]],
-          data,
-          id: key,
-        },
-      ])
-    }
-  )
-  return bodyItems
-}
+import type {
+  UI_I_HeadItem,
+  UI_I_BodyItem,
+} from '~/components/atoms/table/dataGrid/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import { constructHeadItem } from '~/components/atoms/table/dataGrid/lib/utils/constructDataTable'
+import type { UI_I_MigrateSelectNetworkAdvancedItem } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/models/interfaces'
+import { networkAdvancedTableItemKeys } from '~/components/common/wizards/vm/migrate/select/network/table/network/lib/config/tableKeys'
+
+const getItems = (
+  localization: UI_I_Localization
+): [string, boolean, string, string][] => {
+  return [
+    [
+      localization.common.sourceNetwork,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[0],
+    ],
+    [
+      localization.common.macAddress,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[1],
+    ],
+    [
+      localization.common.networkAdapter,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[2],
+    ],
+    [
+      localization.common.destinationNetwork,
+      true,
+      '25%',
+      networkAdvancedTableItemKeys[3],
+    ],
+  ]
+}
+
+export const headItems = (localization: UI_I_Localization): UI_I_HeadItem[] => {
+  const result: UI_I_HeadItem[] = []
+  getItems(localization).forEach((item, i) => {
+    const col = i === 3 ? 'select' : `col${i}`
+    result.push(constructHeadItem(col, item[0], item[3], false, item[2]))
+  })
+  return result
+}
+
+export const bodyItems = (
+  data: UI_I_MigrateSelectNetworkAdvancedItem[]
+): UI_I_BodyItem[][] => {
+  const bodyItems: UI_I_BodyItem[][] = []
+
+  data?.forEach(
+    (network: UI_I_MigrateSelectNetworkAdvancedItem, key: number) => {
+      const data = {
+        id: `${network.source_network}-select`,
+        sourceNetwork: network.source_network,
+        disabled: false,
+        value: network.destination_network[0]?.text || '',
+        option: network.destination_network,
+      }
+
+      bodyItems.push([
+        {
+          key: 'col0',
+          text: network[networkAdvancedTableItemKeys[0]],
+          id: key,
+        },
+        {
+          key: 'col1',
+          text: network[networkAdvancedTableItemKeys[1]],
+          id: key,
+        },
+        {
+          key: 'col2',
+          text: network[networkAdvancedTableItemKeys[2]],
+          id: key,
+        },
+        {
+          key: 'select',
+          text: network[networkAdvancedTableItemKeys[3]],
+          data,
+          id: key,
+        },
+      ])
+    }
+  )
+  return bodyItems
+}

package/components/common/wizards/vm/migrate/select/priority/Priority.vue

@@ -1,43 +1,43 @@
-<template>
-  <div class="select-priority">
-    <atoms-alert
-      v-show="errors.length"
-      status="alert-danger"
-      :items="errors"
-      test-id="name-alert"
-      class="mb-1"
-      hide-close-icon
-    />
-    <common-select-radio-group
-      v-model="selectedPriorityTypeLocal"
-      :options="vmMigrationPriorityTypes"
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
-import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/lib/models/types'
-import { vmMigrateSelectPriorityTypesFunc } from '~/components/common/wizards/vm/migrate/select/priority/lib/config/typeOptions'
-
-const selectedPriorityTypeLocal = defineModel<UI_T_SelectVMotionPriority>()
-
-const props = defineProps<{
-  vmState: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const vmMigrationPriorityTypes = computed<UI_I_RadioOption[]>(() =>
-  vmMigrateSelectPriorityTypesFunc(localization.value, props.vmState)
-)
-
-const errors = computed<string[]>(() => {
-  return props.vmState !== 1 && props.vmState !== 2
-    ? [localization.value.migrateVm.strategyMigrationErrorDesc]
-    : []
-})
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <div class="select-priority">
+    <atoms-alert
+      v-show="errors.length"
+      status="alert-danger"
+      :items="errors"
+      test-id="name-alert"
+      class="mb-1"
+      hide-close-icon
+    />
+    <common-select-radio-group
+      v-model="selectedPriorityTypeLocal"
+      :options="vmMigrationPriorityTypes"
+    />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_RadioOption } from '~/components/common/select/radio/lib/models/interfaces'
+import type { UI_T_SelectVMotionPriority } from '~/components/common/wizards/vm/migrate/select/priority/lib/models/types'
+import { vmMigrateSelectPriorityTypesFunc } from '~/components/common/wizards/vm/migrate/select/priority/lib/config/typeOptions'
+
+const selectedPriorityTypeLocal = defineModel<UI_T_SelectVMotionPriority>()
+
+const props = defineProps<{
+  vmState: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const vmMigrationPriorityTypes = computed<UI_I_RadioOption[]>(() =>
+  vmMigrateSelectPriorityTypesFunc(localization.value, props.vmState)
+)
+
+const errors = computed<string[]>(() => {
+  return props.vmState !== 1 && props.vmState !== 2
+    ? [localization.value.migrateVm.strategyMigrationErrorDesc]
+    : []
+})
+</script>
+
+<style lang="scss" scoped></style>

package/composables/productNameLocal.ts

@@ -1,30 +1,30 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_LanguageKey } from '~/lib/models/types'
-
-export function productNameLocal(
-  localization: UI_I_Localization
-): UI_I_Localization {
-  const config = useRuntimeConfig()
-
-  const productName =
-    config.public.LOCALIZATION_CODE === 'ru'
-      ? config.public.PRODUCT_NAME_RU
-      : config.public.PRODUCT_NAME_EN
-
-  return replaceProductNameRecursion(localization, productName)
-}
-
-const replaceProductNameRecursion = (
-  localization: UI_I_Localization,
-  productName: any
-): UI_I_Localization => {
-  for (const key of Object.keys(localization)) {
-    let item = localization[key as UI_T_LanguageKey]
-
-    for (const key2 of Object.keys(item)) {
-      item[key2] = item[key2].replaceAll('{productName}', productName)
-    }
-  }
-
-  return localization
-}
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_LanguageKey } from '~/lib/models/types'
+
+export function productNameLocal(
+  localization: UI_I_Localization
+): UI_I_Localization {
+  const config = useRuntimeConfig()
+
+  const productName =
+    config.public.LOCALIZATION_CODE === 'ru'
+      ? config.public.PRODUCT_NAME_RU
+      : config.public.PRODUCT_NAME_EN
+
+  return replaceProductNameRecursion(localization, productName)
+}
+
+const replaceProductNameRecursion = (
+  localization: UI_I_Localization,
+  productName: any
+): UI_I_Localization => {
+  for (const key of Object.keys(localization)) {
+    let item = localization[key as UI_T_LanguageKey]
+
+    for (const key2 of Object.keys(item)) {
+      item[key2] = item[key2].replaceAll('{productName}', productName)
+    }
+  }
+
+  return localization
+}

package/composables/useAppVersion.ts

@@ -1,21 +1,21 @@
-import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
-
-export function useAppVersion(): UI_I_UseAppVersionReturnType {
-  const config = useRuntimeConfig()
-  const version = config.public.APP_VERSION as string
-
-  // const regexHasDot = /\./
-  // const regexHasDotAndB = /\.\d*b$/
-  // const regexHasDotAndD = /\..*d/
-
-  // const isBeta = regexHasDotAndB.test(version)
-  // const isDev =
-  //   regexHasDotAndD.test(version) ||
-  //   (!regexHasDot.test(version) && version.length < 8)
-
-  return {
-    version,
-    // isBeta,
-    // isDev,
-  }
-}
+import type { UI_I_UseAppVersionReturnType } from '~/lib/models/composables/useAppVersion/interfaces'
+
+export function useAppVersion(): UI_I_UseAppVersionReturnType {
+  const config = useRuntimeConfig()
+  const version = config.public.APP_VERSION as string
+
+  // const regexHasDot = /\./
+  // const regexHasDotAndB = /\.\d*b$/
+  // const regexHasDotAndD = /\..*d/
+
+  // const isBeta = regexHasDotAndB.test(version)
+  // const isDev =
+  //   regexHasDotAndD.test(version) ||
+  //   (!regexHasDot.test(version) && version.length < 8)
+
+  return {
+    version,
+    // isBeta,
+    // isDev,
+  }
+}