bfg-common 1.2.111 → 1.2.113

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

@@ -1,48 +1,48 @@
-<template>
-  <g data-title="adapter-main-block-group">
-    <rect
-      data-title="adapter-main-block"
-      width="280"
-      :height="props.adaptersWithPositionsHeight"
-      x="428.5"
-      y="17.5"
-      shape-rendering="geometricprecision"
-      class="panel"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapter-main"
-      type="main-orange"
-      :height="props.adaptersWithPositionsHeight"
-      x="428.5"
-      y="17.5"
-      :hide="!isHighlightedClosedAdapterBlock"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  adaptersWithPositionsHeight: number
-  isHighlightedClosedAdapterBlock: 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="adapter-main-block-group">
+    <rect
+      data-title="adapter-main-block"
+      width="280"
+      :height="props.adaptersWithPositionsHeight"
+      x="428.5"
+      y="17.5"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapter-main"
+      type="main-orange"
+      :height="props.adaptersWithPositionsHeight"
+      x="428.5"
+      y="17.5"
+      :hide="!isHighlightedClosedAdapterBlock"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  adaptersWithPositionsHeight: number
+  isHighlightedClosedAdapterBlock: 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/adapter/Contents.vue

@@ -1,110 +1,110 @@
-<template>
-  <g data-title="adapter-block-contents">
-    <foreignObject
-      v-if="hasAdapters"
-      data-title="adapter-toggle"
-      width="18"
-      height="18"
-      x="438"
-      :y="arrawIconPosition"
-      cursor="pointer"
-      @click="onToggleAdapters"
-    >
-      <div class="diagram-block__toggle">
-        <atoms-the-icon
-          name="angle"
-          :class="[
-            'virtual-switch__arrow-icon',
-            {
-              open: props.adaptersWithPositions.toggle,
-            },
-          ]"
-        />
-      </div>
-    </foreignObject>
-    <text
-      data-title="adapter-main-text"
-      dy="14px"
-      font-size="14"
-      font-weight="500"
-      x="462"
-      :y="props.adaptersWithPositions.titlePosition"
-      class="diagram__heading"
-    >
-      {{ localization.physicalAdapters }}
-    </text>
-
-    <text
-      v-if="!hasAdapters"
-      data-title="no-adapter-text"
-      dy="11px"
-      font-size="13"
-      font-weight="400"
-      x="462"
-      y="53"
-      class="no-physical-adapters"
-    >
-      {{ localization.noPhysicalNetworkAdapters }}
-    </text>
-  </g>
-</template>
-
-<script setup lang="ts">
-import { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/models/interfaces'
-import { UI_I_Localization } from '~/models/interfaces'
-
-const props = defineProps<{
-  adaptersWithPositions: UI_I_AdaptersWithPositions
-}>()
-const emits = defineEmits<{
-  (event: 'toggle-adapters', networkId: string, portId: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const hasAdapters = computed<boolean>(
-  () => props.adaptersWithPositions.adaptersCount > 0
-)
-const arrawIconPosition = computed<number>(
-  () => props.adaptersWithPositions.titlePosition + 1
-)
-
-const onToggleAdapters = (networkId: string, portId: string): void => {
-  emits('toggle-adapters', networkId, portId)
-}
-</script>
-
-<style scoped lang="scss">
-@import '~/assets/scss/common/mixins.scss';
-
-:root.dark-theme {
-  .diagram__heading {
-    fill: #c1cdd4;
-  }
-  .no-physical-adapters {
-    fill: #c1cdd4;
-  }
-}
-
-.virtual-switch__arrow-icon {
-  width: 16px;
-  height: 16px;
-  margin-right: 4px;
-  transform: rotate(90deg);
-  align-self: center;
-  fill: var(--triger-icon-color);
-  cursor: pointer;
-  &.open {
-    transform: rotate(180deg);
-  }
-}
-.diagram__heading {
-  @include text($fs: 14px, $fw: 500);
-  fill: #565656;
-  letter-spacing: normal;
-  line-height: 1.2rem;
-}
-.no-physical-adapters {
-  fill: #565656;
-}
-</style>
+<template>
+  <g data-title="adapter-block-contents">
+    <foreignObject
+      v-if="hasAdapters"
+      data-title="adapter-toggle"
+      width="18"
+      height="18"
+      x="438"
+      :y="arrawIconPosition"
+      cursor="pointer"
+      @click="onToggleAdapters"
+    >
+      <div class="diagram-block__toggle">
+        <atoms-the-icon
+          name="angle"
+          :class="[
+            'virtual-switch__arrow-icon',
+            {
+              open: props.adaptersWithPositions.toggle,
+            },
+          ]"
+        />
+      </div>
+    </foreignObject>
+    <text
+      data-title="adapter-main-text"
+      dy="14px"
+      font-size="14"
+      font-weight="500"
+      x="462"
+      :y="props.adaptersWithPositions.titlePosition"
+      class="diagram__heading"
+    >
+      {{ localization.physicalAdapters }}
+    </text>
+
+    <text
+      v-if="!hasAdapters"
+      data-title="no-adapter-text"
+      dy="11px"
+      font-size="13"
+      font-weight="400"
+      x="462"
+      y="53"
+      class="no-physical-adapters"
+    >
+      {{ localization.noPhysicalNetworkAdapters }}
+    </text>
+  </g>
+</template>
+
+<script setup lang="ts">
+import { UI_I_AdaptersWithPositions } from '~/components/common/diagramMain/models/interfaces'
+import { UI_I_Localization } from '~/models/interfaces'
+
+const props = defineProps<{
+  adaptersWithPositions: UI_I_AdaptersWithPositions
+}>()
+const emits = defineEmits<{
+  (event: 'toggle-adapters', networkId: string, portId: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const hasAdapters = computed<boolean>(
+  () => props.adaptersWithPositions.adaptersCount > 0
+)
+const arrawIconPosition = computed<number>(
+  () => props.adaptersWithPositions.titlePosition + 1
+)
+
+const onToggleAdapters = (networkId: string, portId: string): void => {
+  emits('toggle-adapters', networkId, portId)
+}
+</script>
+
+<style scoped lang="scss">
+@import '~/assets/scss/common/mixins.scss';
+
+:root.dark-theme {
+  .diagram__heading {
+    fill: #c1cdd4;
+  }
+  .no-physical-adapters {
+    fill: #c1cdd4;
+  }
+}
+
+.virtual-switch__arrow-icon {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+  transform: rotate(90deg);
+  align-self: center;
+  fill: var(--triger-icon-color);
+  cursor: pointer;
+  &.open {
+    transform: rotate(180deg);
+  }
+}
+.diagram__heading {
+  @include text($fs: 14px, $fw: 500);
+  fill: #565656;
+  letter-spacing: normal;
+  line-height: 1.2rem;
+}
+.no-physical-adapters {
+  fill: #565656;
+}
+</style>

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

@@ -1,58 +1,58 @@
-<template>
-  <g data-title="adapter-lines-group">
-    <line
-      data-title="adapter-line"
-      x1="391.5"
-      :y1="props.adaptersConnectLineY"
-      x2="362.5"
-      :y2="props.adaptersConnectLineY"
-      shape-rendering="geometricprecision"
-      class="connection-line"
-    />
-
-    <common-diagram-main-highlights
-      data-title="adapters-main-line"
-      type="line-orange"
-      x="391.5"
-      :y="props.adaptersConnectLineY"
-      x2="362.5"
-      :y2="props.adaptersConnectLineY"
-      :hide="!isHighlightedAdapterLine"
-    />
-
-    <line
-      data-title="adapter-line-invisible"
-      x1="391.5"
-      :y1="props.adaptersConnectLineY"
-      x2="362.5"
-      :y2="props.adaptersConnectLineY"
-      shape-rendering="geometricprecision"
-      class="invisible-line main-line__handler"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  adaptersConnectLineY: number
-  isHighlightedAdapterLine: boolean
-}>()
-</script>
-
-<style scoped lang="scss">
-:root.dark-theme {
-  .connection-line {
-    stroke: #adbbc4;
-  }
-}
-
-.connection-line {
-  stroke: #888;
-}
-.invisible-line {
-  cursor: pointer;
-  stroke: #000;
-  stroke-opacity: 0;
-  stroke-width: 10px;
-}
-</style>
+<template>
+  <g data-title="adapter-lines-group">
+    <line
+      data-title="adapter-line"
+      x1="391.5"
+      :y1="props.adaptersConnectLineY"
+      x2="362.5"
+      :y2="props.adaptersConnectLineY"
+      shape-rendering="geometricprecision"
+      class="connection-line"
+    />
+
+    <common-diagram-main-highlights
+      data-title="adapters-main-line"
+      type="line-orange"
+      x="391.5"
+      :y="props.adaptersConnectLineY"
+      x2="362.5"
+      :y2="props.adaptersConnectLineY"
+      :hide="!isHighlightedAdapterLine"
+    />
+
+    <line
+      data-title="adapter-line-invisible"
+      x1="391.5"
+      :y1="props.adaptersConnectLineY"
+      x2="362.5"
+      :y2="props.adaptersConnectLineY"
+      shape-rendering="geometricprecision"
+      class="invisible-line main-line__handler"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  adaptersConnectLineY: number
+  isHighlightedAdapterLine: boolean
+}>()
+</script>
+
+<style scoped lang="scss">
+:root.dark-theme {
+  .connection-line {
+    stroke: #adbbc4;
+  }
+}
+
+.connection-line {
+  stroke: #888;
+}
+.invisible-line {
+  cursor: pointer;
+  stroke: #000;
+  stroke-opacity: 0;
+  stroke-width: 10px;
+}
+</style>

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

@@ -1,49 +1,49 @@
-<template>
-  <g data-title="adapter-second-block-group">
-    <path
-      data-title="adapter-second-block"
-      :d="`M 411.5 ${props.adaptersWithPositionsRectPosition} 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.adaptersWithPositionsRectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
-      :hide="!isHighlightedClosedAdapterBlock"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  adaptersWithPositionsRectPosition: number
-  adaptersWithPositionsHeight: number
-  isHighlightedClosedAdapterBlock: boolean
-}>()
-
-const rectBottomPosition = computed<number>(
-  () =>
-    props.adaptersWithPositionsRectPosition + props.adaptersWithPositionsHeight
-)
-</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.adaptersWithPositionsRectPosition} 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.adaptersWithPositionsRectPosition} H 391.5 V ${rectBottomPosition} H 411.5 `"
+      :hide="!isHighlightedClosedAdapterBlock"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+const props = defineProps<{
+  adaptersWithPositionsRectPosition: number
+  adaptersWithPositionsHeight: number
+  isHighlightedClosedAdapterBlock: boolean
+}>()
+
+const rectBottomPosition = computed<number>(
+  () =>
+    props.adaptersWithPositionsRectPosition + props.adaptersWithPositionsHeight
+)
+</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/config/index.ts

@@ -1,51 +1,51 @@
-import {
-  UI_I_Adapter,
-  UI_I_ModalsInitialData,
-  UI_I_NetworkFull,
-} from '~/components/common/diagramMain/models/interfaces'
-import * as initial from '~/components/common/diagramMain/config/initial'
-
-export const dataForSelectedNetworkFunc = (
-  network: UI_I_NetworkFull
-): UI_I_ModalsInitialData => ({
-  networkLabel: network.title,
-  vlanId: network.vlanId === '--' ? 0 : network.vlanId,
-  securityPolicy: network?.securityPolicy,
-  shapingPolicy: network?.shapingPolicy,
-  nicTeamingPolicy: network?.nicTeamingPolicy,
-  average_bw: network?.average_bw,
-  peak_bw: network?.peak_bw,
-  burst_size: network?.burst_size,
-  activeAdapters: network?.activeAdapters,
-  standbyAdapters: network?.standbyAdapters,
-  unusedAdapters: network?.unusedAdapters,
-  nics_override: network?.nics_override,
-})
-
-export const dataForSelectedAdapterFunc = (
-  adapter: UI_I_Adapter
-): UI_I_ModalsInitialData =>
-  adapter && {
-    id: adapter.id,
-    name: adapter.name,
-    fullName: adapter.fullName,
-    adapter: adapter.adapter,
-    pciAddress: adapter.pciAddress,
-    driver: adapter.driver,
-    carrier: adapter.carrier,
-    speed: adapter.speed,
-    duplex: adapter.duplex,
-    networks: adapter.networks,
-    srIov: adapter.srIov,
-    cdp: adapter.cdp,
-    lldp: adapter.lldp,
-  }
-
-export const {
-  managePhysicalAdapterStatusInitial,
-  mainRectHeightsInitial,
-  switchLineInitial,
-  selectedPortInitial,
-  selectedAdapterInitial,
-  selectedSwitchLineYInitial,
-} = initial
+import {
+  UI_I_Adapter,
+  UI_I_ModalsInitialData,
+  UI_I_NetworkFull,
+} from '~/components/common/diagramMain/models/interfaces'
+import * as initial from '~/components/common/diagramMain/config/initial'
+
+export const dataForSelectedNetworkFunc = (
+  network: UI_I_NetworkFull
+): UI_I_ModalsInitialData => ({
+  networkLabel: network.title,
+  vlanId: network.vlanId === '--' ? 0 : network.vlanId,
+  securityPolicy: network?.securityPolicy,
+  shapingPolicy: network?.shapingPolicy,
+  nicTeamingPolicy: network?.nicTeamingPolicy,
+  average_bw: network?.average_bw,
+  peak_bw: network?.peak_bw,
+  burst_size: network?.burst_size,
+  activeAdapters: network?.activeAdapters,
+  standbyAdapters: network?.standbyAdapters,
+  unusedAdapters: network?.unusedAdapters,
+  nics_override: network?.nics_override,
+})
+
+export const dataForSelectedAdapterFunc = (
+  adapter: UI_I_Adapter
+): UI_I_ModalsInitialData =>
+  adapter && {
+    id: adapter.id,
+    name: adapter.name,
+    fullName: adapter.fullName,
+    adapter: adapter.adapter,
+    pciAddress: adapter.pciAddress,
+    driver: adapter.driver,
+    carrier: adapter.carrier,
+    speed: adapter.speed,
+    duplex: adapter.duplex,
+    networks: adapter.networks,
+    srIov: adapter.srIov,
+    cdp: adapter.cdp,
+    lldp: adapter.lldp,
+  }
+
+export const {
+  managePhysicalAdapterStatusInitial,
+  mainRectHeightsInitial,
+  switchLineInitial,
+  selectedPortInitial,
+  selectedAdapterInitial,
+  selectedSwitchLineYInitial,
+} = initial