bfg-common 1.4.498 → 1.4.500

package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter.ts

@@ -1,52 +1,52 @@
-import type { UI_I_SelectVmkernelAdapter } from '~/components/common/wizards/network/add/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep, UI_I_ValidationReturn } from '~/components/atoms/wizard/lib/models/interfaces'
-import { UI_E_MigrationValidationFields } from '~/components/common/diagramMain/lib/models/enums'
-import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
-
-export const validateSelectedVmLocal = (
-  localization: UI_I_Localization,
-  data: UI_I_SelectVmkernelAdapter,
-  wizard: Wizard
-): void => {
-  wizard.validateFieldLocal(
-    0,
-    'vm',
-    data.vm === '',
-    '',
-    localization.common.noVmKernelNetworkAdapterSelectedForMigration
-  )
-}
-
-export const checkSelectedVmSync = (
-  localization: UI_I_Localization,
-  data: UI_I_SelectVmkernelAdapter,
-  wizard: Wizard,
-  value: UI_I_WizardStep[]
-): UI_I_ValidationReturn => {
-  let stepHasError = false
-
-  if (data.vm === '') {
-    stepHasError = wizard.setValidation(
-      0,
-      UI_E_MigrationValidationFields.SELECT_ADAPTER_VM,
-      {
-        fieldMessage: '',
-        alertMessage: localization.common.noVmKernelNetworkAdapterSelectedForMigration,
-      }
-    )
-  } else if (
-    wizard.hasMessage(0, UI_E_MigrationValidationFields.SELECT_ADAPTER_VM)
-  ) {
-    value = wizard.removeValidation(
-      0,
-      UI_E_MigrationValidationFields.SELECT_ADAPTER_VM,
-      value
-    )
-  }
-
-  return {
-    newValue: value,
-    stepHasError,
-  }
-}
+import type { UI_I_SelectVmkernelAdapter } from '~/components/common/wizards/network/add/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep, UI_I_ValidationReturn } from '~/components/atoms/wizard/lib/models/interfaces'
+import { UI_E_MigrationValidationFields } from '~/components/common/diagramMain/lib/models/enums'
+import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
+
+export const validateSelectedVmLocal = (
+  localization: UI_I_Localization,
+  data: UI_I_SelectVmkernelAdapter,
+  wizard: Wizard
+): void => {
+  wizard.validateFieldLocal(
+    0,
+    'vm',
+    data.vm === '',
+    '',
+    localization.common.noVmKernelNetworkAdapterSelectedForMigration
+  )
+}
+
+export const checkSelectedVmSync = (
+  localization: UI_I_Localization,
+  data: UI_I_SelectVmkernelAdapter,
+  wizard: Wizard,
+  value: UI_I_WizardStep[]
+): UI_I_ValidationReturn => {
+  let stepHasError = false
+
+  if (data.vm === '') {
+    stepHasError = wizard.setValidation(
+      0,
+      UI_E_MigrationValidationFields.SELECT_ADAPTER_VM,
+      {
+        fieldMessage: '',
+        alertMessage: localization.common.noVmKernelNetworkAdapterSelectedForMigration,
+      }
+    )
+  } else if (
+    wizard.hasMessage(0, UI_E_MigrationValidationFields.SELECT_ADAPTER_VM)
+  ) {
+    value = wizard.removeValidation(
+      0,
+      UI_E_MigrationValidationFields.SELECT_ADAPTER_VM,
+      value
+    )
+  }
+
+  return {
+    newValue: value,
+    stepHasError,
+  }
+}

package/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/validations.ts

@@ -1,19 +1,19 @@
-import {
-  validateVlanIdConnectionSettingsLocal,
-  validateNetworkConnectionSettingsLocal,
-  checkConnectionSettingsSync,
-  checkNetworkAsync,
-} from '~/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings'
-import {
-  checkSelectedVmSync,
-  validateSelectedVmLocal,
-} from '~/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter'
-
-export {
-  validateVlanIdConnectionSettingsLocal,
-  validateNetworkConnectionSettingsLocal,
-  checkConnectionSettingsSync,
-  checkNetworkAsync,
-  checkSelectedVmSync,
-  validateSelectedVmLocal,
-}
+import {
+  validateVlanIdConnectionSettingsLocal,
+  validateNetworkConnectionSettingsLocal,
+  checkConnectionSettingsSync,
+  checkNetworkAsync,
+} from '~/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/connectionSettings'
+import {
+  checkSelectedVmSync,
+  validateSelectedVmLocal,
+} from '~/components/common/diagramMain/modals/migrateVmkernelAdapter/validations/selectVmkernelAdapter'
+
+export {
+  validateVlanIdConnectionSettingsLocal,
+  validateNetworkConnectionSettingsLocal,
+  checkConnectionSettingsSync,
+  checkNetworkAsync,
+  checkSelectedVmSync,
+  validateSelectedVmLocal,
+}

package/components/common/diagramMain/network/Network.vue

@@ -18,7 +18,7 @@
       :adapters-positions-y="props.adaptersPositionsY"
     />
 
-    <common-diagram-main-network-second-block-new
+    <common-diagram-main-network-second-block
       :network="props.network"
       :selected-network="props.selectedNetwork"
       :selected-main-line="props.selectedMainLine"

package/components/common/diagramMain/network/block/BlockOld.vue

@@ -1,64 +1,64 @@
-<template>
-  <g data-title="network-main-block-group">
-    <rect
-      data-title="network-main-block"
-      width="280"
-      :height="props.network.networkHeight"
-      x="16.5"
-      :y="props.network.rectPosition"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="network-main"
-      type="main-blue"
-      :height="props.network.networkHeight"
-      :y="props.network.rectPosition"
-      :hide="!(props.selectedNetwork === props.network.id)"
-    />
-
-    <common-diagram-main-highlights
-      data-title="network-main"
-      type="main-orange"
-      :height="props.network.networkHeight"
-      :y="props.network.rectPosition"
-      :hide="
-        props.isCantBeHighlighted ||
-        (!props.selectedMainLine && !props.isNetworkConnectedSelectedAdapter)
-      "
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  network: UI_I_NetworkFullWithPositions
-  selectedNetwork: string
-  selectedMainLine: boolean
-  isNetworkConnectedSelectedAdapter: boolean
-  isCantBeHighlighted: boolean
-}>()
-</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="network-main-block-group">
+    <rect
+      data-title="network-main-block"
+      width="280"
+      :height="props.network.networkHeight"
+      x="16.5"
+      :y="props.network.rectPosition"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-blue"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      :hide="!(props.selectedNetwork === props.network.id)"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-orange"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      :hide="
+        props.isCantBeHighlighted ||
+        (!props.selectedMainLine && !props.isNetworkConnectedSelectedAdapter)
+      "
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  network: UI_I_NetworkFullWithPositions
+  selectedNetwork: string
+  selectedMainLine: boolean
+  isNetworkConnectedSelectedAdapter: boolean
+  isCantBeHighlighted: boolean
+}>()
+</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/network/noNetwork/NoNetwork.vue

@@ -1,12 +1,12 @@
-<template>
-  <common-diagram-main-network-no-network-new v-if="isNewView" />
-  <common-diagram-main-network-no-network-old v-else />
-</template>
-
-<script setup lang="ts">
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-diagram-main-network-no-network-new v-if="isNewView" />
+  <common-diagram-main-network-no-network-old v-else />
+</template>
+
+<script setup lang="ts">
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/diagramMain/network/noNetwork/NoNetworkOld.vue

@@ -1,61 +1,61 @@
-<template>
-  <g>
-    <rect
-      width="280"
-      height="38"
-      shape-rendering="geometricprecision"
-      x="16.5"
-      y="17.5"
-      class="panel"
-    ></rect>
-    <path
-      d="M 313.5 17.5 H 333.5 V 55.5 H 313.5 "
-      shape-rendering="geometricprecision"
-      class="panel"
-    ></path>
-    <text
-      dy="14px"
-      font-size="14"
-      font-weight="500"
-      x="50"
-      y="27"
-      class="diagram__heading"
-    >
-      {{ localization.common.noAssociatedPortGroups }}
-    </text>
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-@import '~/assets/scss/common/mixins.scss';
-:root.dark-theme {
-  .diagram__heading {
-    fill: #c1cdd4;
-  }
-
-  .panel {
-    fill: #1b2a32;
-    stroke: #adbbc4;
-  }
-}
-
-.diagram {
-  &__heading {
-    @include text($fs: 14px, $fw: 500);
-    fill: #565656;
-    letter-spacing: normal;
-    line-height: 1.2rem;
-  }
-}
-
-.panel {
-  fill: #fff;
-  stroke: #888;
-}
-</style>
+<template>
+  <g>
+    <rect
+      width="280"
+      height="38"
+      shape-rendering="geometricprecision"
+      x="16.5"
+      y="17.5"
+      class="panel"
+    ></rect>
+    <path
+      d="M 313.5 17.5 H 333.5 V 55.5 H 313.5 "
+      shape-rendering="geometricprecision"
+      class="panel"
+    ></path>
+    <text
+      dy="14px"
+      font-size="14"
+      font-weight="500"
+      x="50"
+      y="27"
+      class="diagram__heading"
+    >
+      {{ localization.common.noAssociatedPortGroups }}
+    </text>
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+@import '~/assets/scss/common/mixins.scss';
+:root.dark-theme {
+  .diagram__heading {
+    fill: #c1cdd4;
+  }
+
+  .panel {
+    fill: #1b2a32;
+    stroke: #adbbc4;
+  }
+}
+
+.diagram {
+  &__heading {
+    @include text($fs: 14px, $fw: 500);
+    fill: #565656;
+    letter-spacing: normal;
+    line-height: 1.2rem;
+  }
+}
+
+.panel {
+  fill: #fff;
+  stroke: #888;
+}
+</style>

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

@@ -1,60 +1,60 @@
-<template>
-  <g data-title="network-second-block-group">
-    <path
-      data-title="network-second-block"
-      :d="`M 313.5 ${props.network.rectPosition} H 333.5 V ${props.networkRectBottomPosition} H 313.5`"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="network-second"
-      type="second-orange"
-      :d="`M 313.5 ${props.network.rectPosition} H 333.5 V ${props.networkRectBottomPosition} H 313.5`"
-      :hide="
-        props.isCantBeHighlighted ||
-        (!props.selectedMainLine && !props.isNetworkConnectedSelectedAdapter)
-      "
-    />
-
-    <common-diagram-main-highlights
-      data-title="network-second"
-      type="second-blue"
-      :d="`M 313.5 ${props.network.rectPosition} H 333.5 V ${props.networkRectBottomPosition} H 313.5`"
-      :hide="!(props.selectedNetwork === props.network.id)"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  network: UI_I_NetworkFullWithPositions
-  selectedMainLine: boolean
-  selectedNetwork: string
-  networkRectBottomPosition: number
-  isNetworkConnectedSelectedAdapter: boolean
-  isCantBeHighlighted: boolean
-}>()
-</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="network-second-block-group">
+    <path
+      data-title="network-second-block"
+      :d="`M 313.5 ${props.network.rectPosition} H 333.5 V ${props.networkRectBottomPosition} H 313.5`"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-second"
+      type="second-orange"
+      :d="`M 313.5 ${props.network.rectPosition} H 333.5 V ${props.networkRectBottomPosition} H 313.5`"
+      :hide="
+        props.isCantBeHighlighted ||
+        (!props.selectedMainLine && !props.isNetworkConnectedSelectedAdapter)
+      "
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-second"
+      type="second-blue"
+      :d="`M 313.5 ${props.network.rectPosition} H 333.5 V ${props.networkRectBottomPosition} H 313.5`"
+      :hide="!(props.selectedNetwork === props.network.id)"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  network: UI_I_NetworkFullWithPositions
+  selectedMainLine: boolean
+  selectedNetwork: string
+  networkRectBottomPosition: number
+  isNetworkConnectedSelectedAdapter: boolean
+  isCantBeHighlighted: boolean
+}>()
+</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/port/Ports.vue

@@ -1,47 +1,47 @@
-<template>
-  <g>
-    <template v-if="props.network.toggle">
-      <template v-for="port in props.network.ports" :key="port.id">
-        <common-diagram-main-port
-          :network="props.network"
-          :port="port"
-          :is-dark-mode="props.isDarkMode"
-          :selected-port="props.selectedPort"
-          :selected-adapter="props.selectedAdapter"
-          @select-port="onSelectPort"
-          @show-modal="onShowModal"
-        />
-      </template>
-    </template>
-  </g>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_ModalsInitialData,
-  UI_I_NetworkFullWithPositions,
-  UI_I_SelectedAdapter,
-  UI_I_SelectedPort,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  network: UI_I_NetworkFullWithPositions
-  selectedPort: UI_I_SelectedPort
-  selectedAdapter: UI_I_SelectedAdapter
-  isDarkMode: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-port', networkId: string, portId: string): void
-  (
-    event: 'show-modal',
-    value: string,
-    properties?: UI_I_ModalsInitialData
-  ): void
-}>()
-
-const onSelectPort = (networkId: string, portId: string) =>
-  emits('select-port', networkId, portId)
-const onShowModal = (value: string, properties?: UI_I_ModalsInitialData) =>
-  emits('show-modal', value, properties)
-</script>
+<template>
+  <g>
+    <template v-if="props.network.toggle">
+      <template v-for="port in props.network.ports" :key="port.id">
+        <common-diagram-main-port
+          :network="props.network"
+          :port="port"
+          :is-dark-mode="props.isDarkMode"
+          :selected-port="props.selectedPort"
+          :selected-adapter="props.selectedAdapter"
+          @select-port="onSelectPort"
+          @show-modal="onShowModal"
+        />
+      </template>
+    </template>
+  </g>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_ModalsInitialData,
+  UI_I_NetworkFullWithPositions,
+  UI_I_SelectedAdapter,
+  UI_I_SelectedPort,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  network: UI_I_NetworkFullWithPositions
+  selectedPort: UI_I_SelectedPort
+  selectedAdapter: UI_I_SelectedAdapter
+  isDarkMode: boolean
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-port', networkId: string, portId: string): void
+  (
+    event: 'show-modal',
+    value: string,
+    properties?: UI_I_ModalsInitialData
+  ): void
+}>()
+
+const onSelectPort = (networkId: string, portId: string) =>
+  emits('select-port', networkId, portId)
+const onShowModal = (value: string, properties?: UI_I_ModalsInitialData) =>
+  emits('show-modal', value, properties)
+</script>