bfg-common 1.6.66 → 1.6.68

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

@@ -1,107 +1,107 @@
-<template>
-  <g
-    v-if="
-      props.network.activeAdapters.length > 0 && props.network.state.state !== 3
-    "
-    data-title="network-lines-group"
-  >
-    <line
-      data-title="network-line"
-      :x1="positions.x1"
-      :y1="props.network.connectLineY"
-      :x2="positions.x2"
-      :y2="props.network.connectLineY"
-      shape-rendering="geometricprecision"
-      class="connection-line"
-    />
-
-    <g>
-      <common-diagram-main-highlights
-        data-title="network-selected-main-line"
-        type="line-orange"
-        :x="positions.x1"
-        :y="props.network.connectLineY"
-        :x2="positions.xHighlight2"
-        :y2="props.network.connectLineY"
-        :hide="!props.selectedMainLine"
-      />
-      <common-diagram-main-highlights
-        data-title="network-selected-line"
-        type="line-orange"
-        :x="positions.x1"
-        :y="props.network.connectLineY"
-        :x2="positions.xHighlight2"
-        :y2="props.network.connectLineY"
-        :hide="!props.isNetworkSelectedWithoutPorts"
-      />
-    </g>
-
-    <line
-      data-title="network-invisible-line"
-      :x1="positions.x1"
-      :y1="props.network.connectLineY"
-      :x2="positions.x2"
-      :y2="props.network.connectLineY"
-      shape-rendering="geometricprecision"
-      class="invisible-line main-line__handler"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
-import type {
-  UI_I_NetworkFullWithPositions,
-  UI_I_FirstAndLastNetworkLinesY,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-import { networkLinesPositionsFunc } from '~/components/common/diagramMain/lib/config'
-
-const props = defineProps<{
-  network: UI_I_NetworkFullWithPositions
-  selectedMainLine: boolean
-  isNetworkSelectedWithoutPorts: boolean
-  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
-  adapterLineY: number
-  adaptersPositionsY: number[]
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const shortLine = computed<boolean>(
-  () =>
-    (props.firstAndLastNetworkLinesY.firstNetworkY < props.adapterLineY &&
-      props.network.connectLineY ===
-        props.firstAndLastNetworkLinesY.firstNetworkY) ||
-    props.network.connectLineY === props.firstAndLastNetworkLinesY.lastNetworkY
-)
-
-const positions = computed<UI_I_ArbitraryObject<number>>(() =>
-  networkLinesPositionsFunc(isNewView.value, shortLine.value)
-)
-</script>
-
-<style scoped lang="scss">
-:root.dark-theme {
-  .connection-line {
-    stroke: #adbbc4;
-  }
-}
-
-:root.is-new-view {
-  .connection-line {
-    stroke: var(--diagram-connect-line);
-  }
-}
-
-.connection-line {
-  stroke: #888;
-}
-.invisible-line {
-  cursor: pointer;
-  stroke: #000;
-  stroke-opacity: 0;
-  stroke-width: 10px;
-}
-</style>
+<template>
+  <g
+    v-if="
+      props.network.activeAdapters.length > 0 && props.network.state.state !== 3
+    "
+    data-title="network-lines-group"
+  >
+    <line
+      data-title="network-line"
+      :x1="positions.x1"
+      :y1="props.network.connectLineY"
+      :x2="positions.x2"
+      :y2="props.network.connectLineY"
+      shape-rendering="geometricprecision"
+      class="connection-line"
+    />
+
+    <g>
+      <common-diagram-main-highlights
+        data-title="network-selected-main-line"
+        type="line-orange"
+        :x="positions.x1"
+        :y="props.network.connectLineY"
+        :x2="positions.xHighlight2"
+        :y2="props.network.connectLineY"
+        :hide="!props.selectedMainLine"
+      />
+      <common-diagram-main-highlights
+        data-title="network-selected-line"
+        type="line-orange"
+        :x="positions.x1"
+        :y="props.network.connectLineY"
+        :x2="positions.xHighlight2"
+        :y2="props.network.connectLineY"
+        :hide="!props.isNetworkSelectedWithoutPorts"
+      />
+    </g>
+
+    <line
+      data-title="network-invisible-line"
+      :x1="positions.x1"
+      :y1="props.network.connectLineY"
+      :x2="positions.x2"
+      :y2="props.network.connectLineY"
+      shape-rendering="geometricprecision"
+      class="invisible-line main-line__handler"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
+import type {
+  UI_I_NetworkFullWithPositions,
+  UI_I_FirstAndLastNetworkLinesY,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+import { networkLinesPositionsFunc } from '~/components/common/diagramMain/lib/config'
+
+const props = defineProps<{
+  network: UI_I_NetworkFullWithPositions
+  selectedMainLine: boolean
+  isNetworkSelectedWithoutPorts: boolean
+  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
+  adapterLineY: number
+  adaptersPositionsY: number[]
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const shortLine = computed<boolean>(
+  () =>
+    (props.firstAndLastNetworkLinesY.firstNetworkY < props.adapterLineY &&
+      props.network.connectLineY ===
+        props.firstAndLastNetworkLinesY.firstNetworkY) ||
+    props.network.connectLineY === props.firstAndLastNetworkLinesY.lastNetworkY
+)
+
+const positions = computed<UI_I_ArbitraryObject<number>>(() =>
+  networkLinesPositionsFunc(isNewView.value, shortLine.value)
+)
+</script>
+
+<style scoped lang="scss">
+:root.dark-theme {
+  .connection-line {
+    stroke: #adbbc4;
+  }
+}
+
+:root.is-new-view {
+  .connection-line {
+    stroke: var(--diagram-connect-line);
+  }
+}
+
+.connection-line {
+  stroke: #888;
+}
+.invisible-line {
+  cursor: pointer;
+  stroke: #000;
+  stroke-opacity: 0;
+  stroke-width: 10px;
+}
+</style>

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

@@ -1,141 +1,141 @@
-<template>
-  <g v-permission="'Networks.Show'">
-    <common-diagram-main-network-block
-      :network="props.network"
-      :selected-network="props.selectedNetwork"
-      :selected-main-line="props.selectedMainLine"
-      :is-cant-be-highlighted="isCantBeHighlighted"
-      :is-network-connected-selected-adapter="isNetworkConnectedSelectedAdapter"
-    />
-
-    <common-diagram-main-network-lines
-      v-if="props.isVisibleLine"
-      :network="props.network"
-      :selected-main-line="props.selectedMainLine"
-      :is-network-selected-without-ports="isNetworkSelectedWithoutPorts"
-      :first-and-last-network-lines-y="props.firstAndLastNetworkLinesY"
-      :adapter-line-y="props.adapterLineY"
-      :adapters-positions-y="props.adaptersPositionsY"
-    />
-
-    <common-diagram-main-network-second-block
-      :network="props.network"
-      :selected-network="props.selectedNetwork"
-      :selected-main-line="props.selectedMainLine"
-      :network-rect-bottom-position="networkRectBottomPosition"
-      :is-network-connected-selected-adapter="isNetworkConnectedSelectedAdapter"
-      :is-cant-be-highlighted="isCantBeHighlighted"
-    />
-
-    <common-diagram-main-network-contents
-      :network="props.network"
-      :in-portlet="props.inPortlet"
-      :is-network-selected-with-closed-ports="isNetworkSelectedWithClosedPorts"
-      :diagram-id="props.diagramId"
-      :is-selected="props.selectedNetwork === props.network.id"
-      @select-network="onSelectNetwork"
-      @show-modal="onShowModal"
-      @toggle-ports="onTogglePorts"
-    />
-
-    <common-diagram-main-port-ports
-      :network="props.network"
-      :selected-port="props.selectedPort"
-      :selected-adapter="props.selectedAdapter"
-      :is-dark-mode="props.isDarkMode"
-      @select-port="onSelectPort"
-      @show-modal="onShowModal"
-    />
-  </g>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_SelectedAdapter,
-  UI_I_SelectedPort,
-  UI_I_ModalsInitialData,
-  UI_I_NetworkFullWithPositions,
-  UI_I_FirstAndLastNetworkLinesY,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  diagramId: string
-  network: UI_I_NetworkFullWithPositions
-  selectedPort: UI_I_SelectedPort
-  selectedAdapter: UI_I_SelectedAdapter
-  selectedMainLine: boolean
-  selectedNetwork: string
-  inPortlet: boolean
-  isVisibleLine: boolean
-  isDarkMode: boolean
-  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
-  adapterLineY: number
-  adaptersPositionsY: number[]
-}>()
-
-const emits = defineEmits<{
-  (event: 'select-port', networkId: string, portId: string): void
-  (event: 'select-network', networkId: string): void
-  (
-    event: 'show-modal',
-    value: string,
-    properties?: UI_I_ModalsInitialData
-  ): void
-  (
-    event: 'toggle-ports',
-    id: string,
-    newState: boolean,
-    diagramId: string
-  ): void
-}>()
-
-const isNetworkConnectedSelectedAdapter = computed<boolean>(
-  () =>
-    props.selectedAdapter.connectedPorts?.find(
-      (net) => net.networkId === props.network.id
-    )?.ports.length === 0
-)
-
-const isNetworkSelectedWithoutPorts = computed<boolean>(
-  () =>
-    !!props.selectedAdapter.connectedPorts.find(
-      (net) => net.networkId === props.network.id && net.ports.length === 0
-    ) || props.selectedNetwork === props.network.id
-)
-
-const isNetworkSelectedWithClosedPorts = computed<boolean>(
-  () =>
-    !!props.selectedAdapter.connectedPorts.find(
-      (net) => net.networkId === props.network.id && net.ports.length !== 0
-    ) && !props.network.toggle
-)
-
-const networkRectBottomPosition = computed<number>(
-  () => props.network.rectPosition + props.network.networkHeight
-)
-
-const isCantBeHighlighted = computed<boolean>(
-  () =>
-    props.network.state.state === 3 || props.network.activeAdapters.length === 0
-)
-
-const onShowModal = (
-  value: string,
-  properties?: UI_I_ModalsInitialData
-): void => {
-  emits('show-modal', value, properties)
-}
-const onSelectPort = (networkId: string, portId: string): void => {
-  emits('select-port', networkId, portId)
-}
-const onSelectNetwork = (networkId: string): void => {
-  emits('select-network', networkId)
-}
-const onTogglePorts = (
-  id: string,
-  isToggle: boolean,
-  diagramId: string
-): void => {
-  emits('toggle-ports', id, isToggle, diagramId)
-}
-</script>
+<template>
+  <g v-permission="'Networks.Show'">
+    <common-diagram-main-network-block
+      :network="props.network"
+      :selected-network="props.selectedNetwork"
+      :selected-main-line="props.selectedMainLine"
+      :is-cant-be-highlighted="isCantBeHighlighted"
+      :is-network-connected-selected-adapter="isNetworkConnectedSelectedAdapter"
+    />
+
+    <common-diagram-main-network-lines
+      v-if="props.isVisibleLine"
+      :network="props.network"
+      :selected-main-line="props.selectedMainLine"
+      :is-network-selected-without-ports="isNetworkSelectedWithoutPorts"
+      :first-and-last-network-lines-y="props.firstAndLastNetworkLinesY"
+      :adapter-line-y="props.adapterLineY"
+      :adapters-positions-y="props.adaptersPositionsY"
+    />
+
+    <common-diagram-main-network-second-block
+      :network="props.network"
+      :selected-network="props.selectedNetwork"
+      :selected-main-line="props.selectedMainLine"
+      :network-rect-bottom-position="networkRectBottomPosition"
+      :is-network-connected-selected-adapter="isNetworkConnectedSelectedAdapter"
+      :is-cant-be-highlighted="isCantBeHighlighted"
+    />
+
+    <common-diagram-main-network-contents
+      :network="props.network"
+      :in-portlet="props.inPortlet"
+      :is-network-selected-with-closed-ports="isNetworkSelectedWithClosedPorts"
+      :diagram-id="props.diagramId"
+      :is-selected="props.selectedNetwork === props.network.id"
+      @select-network="onSelectNetwork"
+      @show-modal="onShowModal"
+      @toggle-ports="onTogglePorts"
+    />
+
+    <common-diagram-main-port-ports
+      :network="props.network"
+      :selected-port="props.selectedPort"
+      :selected-adapter="props.selectedAdapter"
+      :is-dark-mode="props.isDarkMode"
+      @select-port="onSelectPort"
+      @show-modal="onShowModal"
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_SelectedAdapter,
+  UI_I_SelectedPort,
+  UI_I_ModalsInitialData,
+  UI_I_NetworkFullWithPositions,
+  UI_I_FirstAndLastNetworkLinesY,
+} from '~/components/common/diagramMain/lib/models/interfaces'
+
+const props = defineProps<{
+  diagramId: string
+  network: UI_I_NetworkFullWithPositions
+  selectedPort: UI_I_SelectedPort
+  selectedAdapter: UI_I_SelectedAdapter
+  selectedMainLine: boolean
+  selectedNetwork: string
+  inPortlet: boolean
+  isVisibleLine: boolean
+  isDarkMode: boolean
+  firstAndLastNetworkLinesY: UI_I_FirstAndLastNetworkLinesY
+  adapterLineY: number
+  adaptersPositionsY: number[]
+}>()
+
+const emits = defineEmits<{
+  (event: 'select-port', networkId: string, portId: string): void
+  (event: 'select-network', networkId: string): void
+  (
+    event: 'show-modal',
+    value: string,
+    properties?: UI_I_ModalsInitialData
+  ): void
+  (
+    event: 'toggle-ports',
+    id: string,
+    newState: boolean,
+    diagramId: string
+  ): void
+}>()
+
+const isNetworkConnectedSelectedAdapter = computed<boolean>(
+  () =>
+    props.selectedAdapter.connectedPorts?.find(
+      (net) => net.networkId === props.network.id
+    )?.ports.length === 0
+)
+
+const isNetworkSelectedWithoutPorts = computed<boolean>(
+  () =>
+    !!props.selectedAdapter.connectedPorts.find(
+      (net) => net.networkId === props.network.id && net.ports.length === 0
+    ) || props.selectedNetwork === props.network.id
+)
+
+const isNetworkSelectedWithClosedPorts = computed<boolean>(
+  () =>
+    !!props.selectedAdapter.connectedPorts.find(
+      (net) => net.networkId === props.network.id && net.ports.length !== 0
+    ) && !props.network.toggle
+)
+
+const networkRectBottomPosition = computed<number>(
+  () => props.network.rectPosition + props.network.networkHeight
+)
+
+const isCantBeHighlighted = computed<boolean>(
+  () =>
+    props.network.state.state === 3 || props.network.activeAdapters.length === 0
+)
+
+const onShowModal = (
+  value: string,
+  properties?: UI_I_ModalsInitialData
+): void => {
+  emits('show-modal', value, properties)
+}
+const onSelectPort = (networkId: string, portId: string): void => {
+  emits('select-port', networkId, portId)
+}
+const onSelectNetwork = (networkId: string): void => {
+  emits('select-network', networkId)
+}
+const onTogglePorts = (
+  id: string,
+  isToggle: boolean,
+  diagramId: string
+): void => {
+  emits('toggle-ports', id, isToggle, diagramId)
+}
+</script>

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

@@ -1,38 +1,38 @@
-<template>
-  <common-diagram-main-network-block-new
-    v-if="isNewView"
-    :network="props.network"
-    :selected-network="props.selectedNetwork"
-    :selected-main-line="props.selectedMainLine"
-    :is-cant-be-highlighted="props.isCantBeHighlighted"
-    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
-  />
-  <common-diagram-main-network-block-old
-    v-else
-    :network="props.network"
-    :selected-network="props.selectedNetwork"
-    :selected-main-line="props.selectedMainLine"
-    :is-cant-be-highlighted="props.isCantBeHighlighted"
-    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
-  />
-</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
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss">
-
+<template>
+  <common-diagram-main-network-block-new
+    v-if="isNewView"
+    :network="props.network"
+    :selected-network="props.selectedNetwork"
+    :selected-main-line="props.selectedMainLine"
+    :is-cant-be-highlighted="props.isCantBeHighlighted"
+    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
+  />
+  <common-diagram-main-network-block-old
+    v-else
+    :network="props.network"
+    :selected-network="props.selectedNetwork"
+    :selected-main-line="props.selectedMainLine"
+    :is-cant-be-highlighted="props.isCantBeHighlighted"
+    :is-network-connected-selected-adapter="props.isNetworkConnectedSelectedAdapter"
+  />
+</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
+}>()
+
+const { $store }: any = useNuxtApp()
+
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss">
+
 </style>