bfg-common 1.4.498 → 1.4.500

package/components/common/diagramMain/adapter/AdapterItems.vue

@@ -1,61 +1,61 @@
-<template>
-  <g data-title="adapter-items-group">
-    <template v-if="props.adaptersWithPositions.toggle">
-      <template
-        v-for="(adapter, key) in props.adaptersWithPositions.adapters"
-        :key="adapter.id"
-      >
-        <common-diagram-main-adapter-item
-          :adapter="adapter"
-          :selected-port="props.selectedPort"
-          :selected-adapter="props.selectedAdapter"
-          :networks-count="props.networksCount"
-          :is-dark-mode="props.isDarkMode"
-          :networks-with-positions="props.networksWithPositions"
-          @select-adapter="onSelectAdapter"
-          @show-modal="onShowModal"
-        />
-      </template>
-    </template>
-  </g>
-</template>
-
-<script setup lang="ts">
-import {
-  UI_I_AdaptersWithPositions,
-  UI_I_ModalsInitialData,
-  UI_I_SelectedAdapter,
-  UI_I_SelectedPort,
-  UI_I_NetworksWithPositions,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  networksWithPositions: UI_I_NetworksWithPositions[]
-  selectedPort: UI_I_SelectedPort
-  selectedAdapter: UI_I_SelectedAdapter
-  networksCount: number
-  isDarkMode: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-adapter', adapterId: string): void
-  (
-    event: 'show-modal',
-    value: string,
-    properties?: UI_I_ModalsInitialData
-  ): void
-}>()
-
-const onSelectAdapter = (adapterId: string): void => {
-  emits('select-adapter', adapterId)
-}
-const onShowModal = (
-  value: string,
-  properties?: UI_I_ModalsInitialData
-): void => {
-  emits('show-modal', value, properties)
-}
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <g data-title="adapter-items-group">
+    <template v-if="props.adaptersWithPositions.toggle">
+      <template
+        v-for="(adapter, key) in props.adaptersWithPositions.adapters"
+        :key="adapter.id"
+      >
+        <common-diagram-main-adapter-item
+          :adapter="adapter"
+          :selected-port="props.selectedPort"
+          :selected-adapter="props.selectedAdapter"
+          :networks-count="props.networksCount"
+          :is-dark-mode="props.isDarkMode"
+          :networks-with-positions="props.networksWithPositions"
+          @select-adapter="onSelectAdapter"
+          @show-modal="onShowModal"
+        />
+      </template>
+    </template>
+  </g>
+</template>
+
+<script setup lang="ts">
+import {
+  UI_I_AdaptersWithPositions,
+  UI_I_ModalsInitialData,
+  UI_I_SelectedAdapter,
+  UI_I_SelectedPort,
+  UI_I_NetworksWithPositions,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  networksWithPositions: UI_I_NetworksWithPositions[]
+  selectedPort: UI_I_SelectedPort
+  selectedAdapter: UI_I_SelectedAdapter
+  networksCount: number
+  isDarkMode: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-adapter', adapterId: string): void
+  (
+    event: 'show-modal',
+    value: string,
+    properties?: UI_I_ModalsInitialData
+  ): void
+}>()
+
+const onSelectAdapter = (adapterId: string): void => {
+  emits('select-adapter', adapterId)
+}
+const onShowModal = (
+  value: string,
+  properties?: UI_I_ModalsInitialData
+): void => {
+  emits('show-modal', value, properties)
+}
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/diagramMain/adapter/block/Block.vue

@@ -1,27 +1,27 @@
-<template>
-  <common-diagram-main-adapter-block-new
-    v-if="isNewView"
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-    :adapters-with-positions="props.adaptersWithPositions"
-  />
-  <common-diagram-main-adapter-block-old
-    v-else
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-    :adapters-with-positions="props.adaptersWithPositions"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-diagram-main-adapter-block-new
+    v-if="isNewView"
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+    :adapters-with-positions="props.adaptersWithPositions"
+  />
+  <common-diagram-main-adapter-block-old
+    v-else
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+    :adapters-with-positions="props.adaptersWithPositions"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/diagramMain/adapter/secondBlock/SecondBlock.vue

@@ -1,27 +1,27 @@
-<template>
-  <common-diagram-main-adapter-second-block-new
-    v-if="isNewView"
-    :adapters-with-positions="props.adaptersWithPositions"
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-  />
-  <common-diagram-main-adapter-second-block-old
-    v-else
-    :adapters-with-positions="props.adaptersWithPositions"
-    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-diagram-main-adapter-second-block-new
+    v-if="isNewView"
+    :adapters-with-positions="props.adaptersWithPositions"
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+  />
+  <common-diagram-main-adapter-second-block-old
+    v-else
+    :adapters-with-positions="props.adaptersWithPositions"
+    :is-highlighted-closed-adapter-block="props.isHighlightedClosedAdapterBlock"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/diagramMain/adapter/secondBlock/SecondBlockOld.vue

@@ -1,51 +1,51 @@
-<template>
-  <g data-title="adapter-second-block-group">
-    <path
-      data-title="adapter-second-block"
-      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapter-second"
-      type="second-orange"
-      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
-      :hide="!props.isHighlightedClosedAdapterBlock"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const rectBottomPosition = computed<number>(
-  () =>
-    props.adaptersWithPositions.rectPosition +
-    props.adaptersWithPositions.height
-)
-</script>
-
-<style scoped lang="scss">
-:root.dark-theme {
-  .panel {
-    fill: #1b2a32;
-    stroke: #adbbc4;
-  }
-}
-
-.panel {
-  fill: #fff;
-  stroke: #888;
-  margin-bottom: 20px;
-  background-color: #fff;
-  border: 1px solid transparent;
-  border-radius: 0;
-  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
-}
-</style>
+<template>
+  <g data-title="adapter-second-block-group">
+    <path
+      data-title="adapter-second-block"
+      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapter-second"
+      type="second-orange"
+      :d="`M 411.5 ${props.adaptersWithPositions.rectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
+      :hide="!props.isHighlightedClosedAdapterBlock"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const rectBottomPosition = computed<number>(
+  () =>
+    props.adaptersWithPositions.rectPosition +
+    props.adaptersWithPositions.height
+)
+</script>
+
+<style scoped lang="scss">
+:root.dark-theme {
+  .panel {
+    fill: #1b2a32;
+    stroke: #adbbc4;
+  }
+}
+
+.panel {
+  fill: #fff;
+  stroke: #888;
+  margin-bottom: 20px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  border-radius: 0;
+  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
+}
+</style>

package/components/common/diagramMain/lib/config/initial.ts

@@ -1,50 +1,50 @@
-import type {
-  UI_I_AdapterStatus,
-  UI_I_MainRectHeights,
-  UI_I_SelectedAdapter,
-  UI_I_SelectedPort,
-  UI_I_SwitchLine,
-  UI_I_NetworkPositionsConst,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-export const managePhysicalAdapterStatusInitial: UI_I_AdapterStatus = {
-  active: [],
-  standby: [],
-  unused: [],
-}
-
-export const mainRectHeightsInitial: UI_I_MainRectHeights = {
-  networksHeight: 0,
-  adaptersHeight: 0,
-}
-
-export const switchLineInitial: UI_I_SwitchLine = {
-  y1: 0,
-  y2: 0,
-  ay: 0,
-}
-
-export const selectedPortInitial: UI_I_SelectedPort = {
-  networkId: '-1',
-  portId: '-1',
-  activeAdapters: [],
-}
-
-export const selectedAdapterInitial: UI_I_SelectedAdapter = {
-  adapterId: '-1',
-  connectedPorts: [],
-}
-
-export const selectedSwitchLineYInitial: UI_I_SwitchLine = {
-  y1: 0,
-  y2: 0,
-}
-
-export const NETWORK_POSITIONS: UI_I_NetworkPositionsConst = {
-  EMPTY_PORTS_PADDING_BOTTOM: 7.5,
-  FROM_VLAN_ID_TO_GROUP_NAME: 22,
-  VMS_AND_PORTS_HEIGHT: 22,
-  V_CENTER_HEIGHT: 32,
-  BETWEEN_VMS_AND_PORTS: 7.5,
-  BETWEEN_V_CENTERS: 12.5,
-} as const
+import type {
+  UI_I_AdapterStatus,
+  UI_I_MainRectHeights,
+  UI_I_SelectedAdapter,
+  UI_I_SelectedPort,
+  UI_I_SwitchLine,
+  UI_I_NetworkPositionsConst,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+export const managePhysicalAdapterStatusInitial: UI_I_AdapterStatus = {
+  active: [],
+  standby: [],
+  unused: [],
+}
+
+export const mainRectHeightsInitial: UI_I_MainRectHeights = {
+  networksHeight: 0,
+  adaptersHeight: 0,
+}
+
+export const switchLineInitial: UI_I_SwitchLine = {
+  y1: 0,
+  y2: 0,
+  ay: 0,
+}
+
+export const selectedPortInitial: UI_I_SelectedPort = {
+  networkId: '-1',
+  portId: '-1',
+  activeAdapters: [],
+}
+
+export const selectedAdapterInitial: UI_I_SelectedAdapter = {
+  adapterId: '-1',
+  connectedPorts: [],
+}
+
+export const selectedSwitchLineYInitial: UI_I_SwitchLine = {
+  y1: 0,
+  y2: 0,
+}
+
+export const NETWORK_POSITIONS: UI_I_NetworkPositionsConst = {
+  EMPTY_PORTS_PADDING_BOTTOM: 7.5,
+  FROM_VLAN_ID_TO_GROUP_NAME: 22,
+  VMS_AND_PORTS_HEIGHT: 22,
+  V_CENTER_HEIGHT: 32,
+  BETWEEN_VMS_AND_PORTS: 7.5,
+  BETWEEN_V_CENTERS: 12.5,
+} as const

package/components/common/diagramMain/lib/models/enums.ts

@@ -1,45 +1,45 @@
-export const enum UI_E_NetworkType {
-  VMkernel = '1',
-  VMPortsGroup = '2',
-  VCenter = '3',
-}
-
-export const enum UI_E_PositionsY {
-  DIAGRAM_TOP = 1.5,
-  DIAGRAM_BOTTOM = 30,
-  BETWEEN_RECTS = 16,
-  TITLE_FROM_RECT_TOP = 9.5,
-  VLAN_FROM_RECT_TOP = 35.5,
-  PORTS_FROM_RECT_TOP = 57.5,
-  ADAPTER_FROM_RECT_TOP = 35.5,
-  SINGLE_PORT_HEIGHT = 22,
-  SINGLE_V_CENTER_HEIGHT = 32,
-  SINGLE_ADAPTER_HEIGHT = 22,
-  SPACE_FROM_RECT_BOTTOM = 2.5,
-}
-
-export enum UI_E_MigrationValidationFields {
-  SELECT_ADAPTER_VM = 'vm',
-
-  CONNECTION_SETTINGS_NETWORK = 'name',
-  CONNECTION_SETTINGS_VLAN = 'vlan',
-}
-
-export enum UI_E_IYNOption {
-  INHERIT,
-  YES,
-  NO,
-}
-
-export enum UI_E_ICBLinkDetectionMode {
-  INHERIT,
-  CARIER,
-  BEAKON,
-}
-
-export enum UI_E_IBSTLoadBalancingMode {
-  INHERIT,
-  BACKUP,
-  SLB,
-  TCP,
+export const enum UI_E_NetworkType {
+  VMkernel = '1',
+  VMPortsGroup = '2',
+  VCenter = '3',
+}
+
+export const enum UI_E_PositionsY {
+  DIAGRAM_TOP = 1.5,
+  DIAGRAM_BOTTOM = 30,
+  BETWEEN_RECTS = 16,
+  TITLE_FROM_RECT_TOP = 9.5,
+  VLAN_FROM_RECT_TOP = 35.5,
+  PORTS_FROM_RECT_TOP = 57.5,
+  ADAPTER_FROM_RECT_TOP = 35.5,
+  SINGLE_PORT_HEIGHT = 22,
+  SINGLE_V_CENTER_HEIGHT = 32,
+  SINGLE_ADAPTER_HEIGHT = 22,
+  SPACE_FROM_RECT_BOTTOM = 2.5,
+}
+
+export enum UI_E_MigrationValidationFields {
+  SELECT_ADAPTER_VM = 'vm',
+
+  CONNECTION_SETTINGS_NETWORK = 'name',
+  CONNECTION_SETTINGS_VLAN = 'vlan',
+}
+
+export enum UI_E_IYNOption {
+  INHERIT,
+  YES,
+  NO,
+}
+
+export enum UI_E_ICBLinkDetectionMode {
+  INHERIT,
+  CARIER,
+  BEAKON,
+}
+
+export enum UI_E_IBSTLoadBalancingMode {
+  INHERIT,
+  BACKUP,
+  SLB,
+  TCP,
 }

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

@@ -1,21 +1,21 @@
-import type {
-  UI_I_Adapter,
-  UI_I_AdapterWithError,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-export type UI_T_AdapterStatusNames = 'active' | 'standby' | 'unused'
-export type UI_T_PropertiesFieldName = 'vlanId' | 'networkLabel'
-export type UI_T_TrafficShapingFieldName = 'average' | 'peak' | 'burstSize'
-export type UI_T_PortPropertiesFieldName = 'mtu'
-
-export type UI_T_LoadBalancingMode =
-  | 'inherit'
-  | 'active-backup'
-  | 'balance-slb'
-  | 'balance-tcp'
-export type UI_T_IYN = 'inherit' | 'yes' | 'no'
-export type UI_T_Carier = 'inherit' | 'carier' | 'beakon'
-
-export type UI_T_Adapters = (UI_I_Adapter | UI_I_AdapterWithError) & {
-  adapterPosition: number
-}
+import type {
+  UI_I_Adapter,
+  UI_I_AdapterWithError,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+export type UI_T_AdapterStatusNames = 'active' | 'standby' | 'unused'
+export type UI_T_PropertiesFieldName = 'vlanId' | 'networkLabel'
+export type UI_T_TrafficShapingFieldName = 'average' | 'peak' | 'burstSize'
+export type UI_T_PortPropertiesFieldName = 'mtu'
+
+export type UI_T_LoadBalancingMode =
+  | 'inherit'
+  | 'active-backup'
+  | 'balance-slb'
+  | 'balance-tcp'
+export type UI_T_IYN = 'inherit' | 'yes' | 'no'
+export type UI_T_Carier = 'inherit' | 'carier' | 'beakon'
+
+export type UI_T_Adapters = (UI_I_Adapter | UI_I_AdapterWithError) & {
+  adapterPosition: number
+}