bfg-common 1.6.76 → 1.6.77

package/components/common/diagramMain/modals/editSettings/EditSettingsOld.vue

@@ -1,254 +0,0 @@
-<template>
-  <div class="wizard-tab__container">
-    <div class="vertical-tabs__fixed-position">
-      <atoms-tabs-vertical-tabs
-        v-model="selectedTab"
-        :items="props.items"
-        :has-error-messages="props.hasErrorMessages"
-        @set-alert="emits('show-error-message-alert')"
-      />
-    </div>
-
-    <template v-if="props.isNetwork || props.isSwitch">
-      <common-diagram-main-modals-edit-settings-tabs-network-properties
-        v-if="props.isNetwork"
-        v-show="selectedTab === '1'"
-        :is-show-error-message-alert="props.isShowErrorMessageAlert"
-        :error-messages="props.errorMessages"
-        :initial-data="props.initialData"
-        :has-error-messages="props.hasErrorMessages"
-        :network-already-exists="props.networkAlreadyExists"
-        @change-edit-properties-data="onChangeNetworkEditPropertiesData"
-        @change-error-messages="onChangeErrorMessages"
-        @hide-error-message-alert="emits('hide-error-message-alert')"
-      />
-      <common-diagram-main-modals-edit-settings-tabs-switch-properties
-        v-if="props.isSwitch"
-        v-show="selectedTab === '1'"
-        :is-show-error-message-alert="props.isShowErrorMessageAlert"
-        :error-messages="props.errorMessages"
-        :initial-data="props.initialData"
-        :has-error-messages="props.hasErrorMessages"
-        @change-edit-properties-data="onChangeSwitchEditPropertiesData"
-        @change-error-messages="onChangeErrorMessages"
-        @hide-error-message-alert="emits('hide-error-message-alert')"
-      />
-      <common-diagram-main-modals-edit-settings-tabs-security
-        v-show="selectedTab === '2'"
-        :is-switch="props.isSwitch"
-        :initial-data="props.initialData"
-        @change-edit-security-data="onChangeEditSecurityData"
-      />
-      <common-diagram-main-modals-edit-settings-tabs-traffic-shaping
-        v-show="selectedTab === '3'"
-        :is-show-error-message-alert="props.isShowErrorMessageAlert"
-        :error-messages="props.errorMessages"
-        :initial-data="props.initialData"
-        :has-error-messages="props.hasErrorMessages"
-        :is-switch="props.isSwitch"
-        @change-edit-traffic-shaping-data="onChangeEditTrafficShapingData"
-        @change-error-messages="onChangeErrorMessages"
-        @hide-error-message-alert="emits('hide-error-message-alert')"
-      />
-      <common-diagram-main-modals-edit-settings-tabs-teaming-failover
-        v-show="selectedTab === '4'"
-        :is-switch="props.isSwitch"
-        :adapters="props.adapters"
-        :initial-data="props.initialData"
-        :adapter-status="props.adapterStatus"
-        :is-dark-mode="props.isDarkMode"
-        @change-edit-teaming-failover-data="onChangeEditTeamingFailoverData"
-        @change-adapter-status="onChangeAdapterStatus"
-      />
-    </template>
-    <template v-if="props.isPort">
-      <common-diagram-main-modals-edit-settings-tabs-port-port-properties
-        v-show="selectedTab === '1'"
-        :is-show-error-message-alert="props.isShowErrorMessageAlert"
-        :error-messages="props.errorMessages"
-        :initial-data="props.initialData"
-        :has-error-messages="props.hasErrorMessages"
-        @change-error-messages="onChangeErrorMessages"
-        @change-port-edit-properties-data="onChangePortEditPropertiesData"
-        @hide-error-message-alert="emits('hide-error-message-alert')"
-      />
-      <common-diagram-main-modals-edit-settings-tabs-port-ipv-four-settings
-        v-show="selectedTab === '2'"
-        :is-show-error-message-alert="props.isShowErrorMessageAlert"
-        :error-messages="props.errorMessages"
-        :initial-data="props.initialData"
-        :has-error-messages="props.hasErrorMessages"
-        @change-error-messages="onChangeErrorMessages"
-        @change-port-ipv-four-data="onChangePortEditIpvFourData"
-        @hide-error-message-alert="emits('hide-error-message-alert')"
-      />
-    </template>
-    <common-diagram-main-modals-edit-settings-confirm-teaming-settings-modal
-      :is-show="props.isShowWithoutActiveAdapterModal"
-      @hide="emits('hide-without-active-adapter-modal')"
-      @submit="emits('approve-without-active-adapter-modal')"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_ItemsWithTotalCounts } from '~/lib/models/interfaces'
-import type {
-  UI_I_AdapterStatus,
-  UI_I_ModalsInitialData,
-  UI_I_SwitchAdapterItem,
-  UI_I_SecurityFields,
-  UI_I_TrafficShapingFields,
-  UI_I_TeamingFailoverFields,
-  UI_I_PropertiesFields,
-  UI_I_EditSettingsErrorMessage,
-  UI_I_SwitchPropertiesFields,
-  UI_I_PortPropertiesFields,
-  UI_I_IpvFourSettingsFields,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-
-const props = defineProps<{
-  items: {
-    value: string
-    text: string
-  }[]
-  adapters: UI_I_ItemsWithTotalCounts<UI_I_SwitchAdapterItem>
-  initialData: UI_I_ModalsInitialData
-  isDarkMode: boolean
-  isSwitch: boolean
-  isNetwork: boolean
-  isPort: boolean
-  hasErrorMessages: boolean
-  isShowErrorMessageAlert: boolean
-  networkAlreadyExists: boolean
-  isShowWithoutActiveAdapterModal: boolean
-  adapterStatus: UI_I_AdapterStatus
-  errorMessages: UI_I_EditSettingsErrorMessage
-}>()
-
-const emits = defineEmits<{
-  (event: 'show-error-message-alert', type: string): void
-  (event: 'hide-error-message-alert', type: string): void
-  (
-    event: 'change-error-messages',
-    newErrorMessage: string,
-    fieldName: keyof UI_I_EditSettingsErrorMessage
-  ): void
-  (event: 'change-adapter-status', newAdapterStatus: UI_I_AdapterStatus): void
-  (
-    event: 'change-network-edit-properties-data',
-    newNetworkEditPropertiesData: UI_I_PropertiesFields
-  ): void
-  (
-    event: 'change-switch-edit-properties-data',
-    newSwitchEditPropertiesData: UI_I_SwitchPropertiesFields
-  ): void
-  (
-    event: 'change-port-edit-properties-data',
-    newSwitchEditPropertiesData: UI_I_SwitchPropertiesFields
-  ): void
-  (
-    event: 'change-port-ipv-four-data',
-    newPortEditIpvFourData: UI_I_IpvFourSettingsFields
-  ): void
-  (
-    event: 'change-edit-security-data',
-    newEditSecurityData: UI_I_SecurityFields
-  ): void
-  (
-    event: 'change-edit-traffic-shaping-data',
-    newEditTrafficShapingData: UI_I_TrafficShapingFields
-  ): void
-  (
-    event: 'change-edit-teaming-failover-data',
-    newEditTeamingFailoverData: UI_I_TeamingFailoverFields
-  ): void
-  (event: 'hide-without-active-adapter-modal'): void
-  (event: 'approve-without-active-adapter-modal'): void
-}>()
-
-const selectedTab = defineModel<string>()
-
-const onChangeErrorMessages = (
-  newErrorMessage: string,
-  fieldName: keyof UI_I_EditSettingsErrorMessage
-): void => {
-  emits('change-error-messages', newErrorMessage, fieldName)
-}
-
-const onChangeAdapterStatus = (newAdapterStatus: UI_I_AdapterStatus) => {
-  emits('change-adapter-status', newAdapterStatus)
-}
-
-const onChangeNetworkEditPropertiesData = (
-  newNetworkEditPropertiesData: UI_I_PropertiesFields
-) => {
-  emits('change-network-edit-properties-data', newNetworkEditPropertiesData)
-}
-const onChangeSwitchEditPropertiesData = (
-  newSwitchEditPropertiesData: UI_I_SwitchPropertiesFields
-) => {
-  emits('change-switch-edit-properties-data', newSwitchEditPropertiesData)
-}
-const onChangePortEditPropertiesData = (
-  newPortEditPropertiesData: UI_I_PortPropertiesFields
-) => {
-  emits('change-port-edit-properties-data', newPortEditPropertiesData)
-}
-const onChangePortEditIpvFourData = (
-  newPortEditIpvFourData: UI_I_IpvFourSettingsFields
-) => {
-  emits('change-port-ipv-four-data', newPortEditIpvFourData)
-}
-
-const onChangeEditSecurityData = (newEditSecurityData: UI_I_SecurityFields) => {
-  emits('change-edit-security-data', newEditSecurityData)
-}
-const onChangeEditTrafficShapingData = (
-  newEditTrafficShapingData: UI_I_TrafficShapingFields
-) => {
-  emits('change-edit-traffic-shaping-data', newEditTrafficShapingData)
-}
-const onChangeEditTeamingFailoverData = (
-  newEditTeamingFailoverData: UI_I_TeamingFailoverFields
-) => {
-  emits('change-edit-teaming-failover-data', newEditTeamingFailoverData)
-}
-</script>
-
-<style scoped lang="scss">
-:deep(.alert-modal) {
-  .modal-dialog .modal-header {
-    padding-bottom: 24px;
-    border-bottom: none;
-  }
-  .warning-text {
-    color: #666666;
-    font-size: 14px;
-    margin-top: 24px;
-  }
-}
-:deep(.wizard-content__container) {
-  margin-left: 220px;
-}
-.vertical-tabs__fixed-position {
-  position: absolute;
-}
-
-.loader {
-  position: absolute;
-  z-index: var(--z-fixed);
-  left: 0;
-  right: 0;
-  bottom: 0;
-  top: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: rgba(0, 0, 0, 0.3);
-
-  .spinner {
-    left: unset;
-  }
-}
-</style>

package/components/common/diagramMain/modals/editSettings/confirmTeamingSettingsModal/ConfirmTeamingSettingsModal.vue

@@ -1,31 +0,0 @@
-<template>
-  <div class="confirm-teaming-settings">
-    <component
-      :is="currentComponent"
-      :is-show="props.isShow"
-      @hide="emits('hide')"
-      @submit="emits('submit')"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-const props = defineProps<{
-  isShow: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./ConfirmTeamingSettingsModalNew.vue'))
-    : defineAsyncComponent(() => import('./ConfirmTeamingSettingsModalOld.vue'))
-)
-</script>

package/components/common/diagramMain/modals/editSettings/confirmTeamingSettingsModal/ConfirmTeamingSettingsModalNew.vue

@@ -1,82 +0,0 @@
-<template>
-  <ui-popup
-    v-if="props.isShow"
-    test-id="no-active-adapters"
-    icon-name="circle-warning"
-    :texts="texts"
-    :title="localization.common.noActiveAdaptersAssigned"
-    @hide="emits('hide')"
-    @submit="emits('submit')"
-  >
-    <template #content>
-      <div class="content">
-        <div class="title">
-          {{ localization.common.noActiveAdaptersAssigned }}
-        </div>
-        <div class="message">
-          <span>{{
-            localization.common.noActiveAdaptersAssignedMessage1
-          }}</span>
-          <span>{{
-            localization.common.noActiveAdaptersAssignedMessage2
-          }}</span>
-        </div>
-      </div>
-    </template>
-  </ui-popup>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const props = defineProps<{
-  isShow: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'submit'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const texts = computed(() => ({
-  button1: localization.value.common.cancel,
-  button2: localization.value.common.save,
-}))
-</script>
-
-<style scoped lang="scss">
-.content {
-  padding: 16px 32px;
-
-  .title {
-    text-align: center;
-    font-weight: 500;
-    font-size: 20px;
-    line-height: 24px;
-    letter-spacing: 0;
-    vertical-align: middle;
-    margin-bottom: 8px;
-    color: var(--modal-title);
-  }
-
-  .message {
-    display: flex;
-    row-gap: 12px;
-    flex-direction: column;
-
-    span {
-      display: block;
-      text-align: center;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 17px;
-      letter-spacing: 0;
-      text-align: center;
-      vertical-align: middle;
-      color: #9da6ad;
-    }
-  }
-}
-</style>

package/components/common/diagramMain/modals/editSettings/lib/config/config.ts

@@ -1,15 +0,0 @@
-import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-export const selectItemFunc = (
-  localization: UI_I_Localization
-): UI_I_Dropdown[] | { text: string; value: number }[] => [
-  {
-    text: localization.common.reject,
-    value: 2,
-  },
-  {
-    text: localization.common.accept,
-    value: 1,
-  },
-]

package/components/common/diagramMain/modals/editSettings/lib/utils/utils.ts

@@ -1,177 +0,0 @@
-import type {
-  UI_I_EditFieldsData,
-  UI_I_PropertiesFields,
-  UI_I_PortPropertiesFields,
-  UI_I_SwitchPropertiesFields,
-  UI_I_IpvFourSettingsFields,
-  UI_I_SecurityFields,
-  UI_I_TrafficShapingFields,
-  UI_I_TeamingFailoverWithAdaptersFields,
-} from '~/components/common/diagramMain/lib/models/interfaces'
-import type { UI_I_ModalsInitialData } from '~/components/common/diagramMain/lib/models/interfaces'
-
-export const compareDataFunc = (
-  viewName: 'port-edit' | 'switch-edit' | 'network-edit',
-  networkEditData: UI_I_EditFieldsData,
-  initialData: UI_I_ModalsInitialData
-): boolean => {
-  if (viewName === 'port-edit') {
-    if (
-      (networkEditData.properties as UI_I_PortPropertiesFields).mtu ===
-        initialData.mtu &&
-      JSON.stringify(
-        (networkEditData.properties as UI_I_PortPropertiesFields).services
-      ) === JSON.stringify(initialData.services) &&
-      (networkEditData.ipvFourSettings as UI_I_IpvFourSettingsFields)
-        .ipv4Settings ===
-        (
-          initialData.tcpConfig as
-            | UI_I_ModalsInitialData['tcpConfig']
-            | undefined
-        )?.ipv4Settings &&
-      (networkEditData.ipvFourSettings as UI_I_IpvFourSettingsFields)
-        .ipv4Address ===
-        (
-          initialData.tcpConfig as
-            | UI_I_ModalsInitialData['tcpConfig']
-            | undefined
-        )?.ipv4Address &&
-      (networkEditData.ipvFourSettings as UI_I_IpvFourSettingsFields)
-        .subnetMask ===
-        (
-          initialData.tcpConfig as
-            | UI_I_ModalsInitialData['tcpConfig']
-            | undefined
-        )?.subnetMask &&
-      !!(networkEditData.ipvFourSettings as UI_I_IpvFourSettingsFields)
-        .defaultGateway.checked ===
-        !!(
-          initialData.tcpConfig as
-            | UI_I_ModalsInitialData['tcpConfig']
-            | undefined
-        )?.defaultGateway?.checked &&
-      (networkEditData.ipvFourSettings as UI_I_IpvFourSettingsFields)
-        .defaultGateway.value ===
-        (
-          initialData.tcpConfig as
-            | UI_I_ModalsInitialData['tcpConfig']
-            | undefined
-        )?.defaultGateway?.value
-    ) {
-      return true
-    } else {
-      return false
-    }
-  }
-
-  if (viewName === 'switch-edit' || viewName === 'network-edit') {
-    if (
-      viewName === 'switch-edit' &&
-      ((networkEditData.properties as UI_I_SwitchPropertiesFields).mtu !==
-        initialData.mtu ||
-        (networkEditData.properties as UI_I_SwitchPropertiesFields)
-          .num_ports !== initialData.num_ports)
-    ) {
-      return false
-    }
-
-    if (
-      viewName === 'network-edit' &&
-      (Number(
-        (
-          (networkEditData.properties as UI_I_PropertiesFields)
-            ?.vlanId as string
-        )?.match?.(/([0-9]+)/)?.[0] ||
-          (networkEditData.properties as UI_I_PropertiesFields).vlanId
-      ) !== initialData.vlanId ||
-        (networkEditData.properties as UI_I_PropertiesFields).networkLabel !==
-          initialData.networkLabel)
-    ) {
-      return false
-    }
-
-    if (
-      (networkEditData.security as UI_I_SecurityFields).promiscuousMode
-        .selected === initialData.securityPolicy?.[0].initialValue.value &&
-      !!(networkEditData.security as UI_I_SecurityFields).promiscuousMode
-        .checked === !!initialData.securityPolicy?.[0].initialValue.override &&
-      (networkEditData.security as UI_I_SecurityFields).forgedTransmits
-        .selected === initialData.securityPolicy?.[1].initialValue.value &&
-      !!(networkEditData.security as UI_I_SecurityFields).forgedTransmits
-        .checked === !!initialData.securityPolicy?.[1].initialValue.override &&
-      (networkEditData.security as UI_I_SecurityFields).macAddressChanges
-        .selected === initialData.securityPolicy?.[2].initialValue.value &&
-      !!(networkEditData.security as UI_I_SecurityFields).macAddressChanges
-        .checked === !!initialData.securityPolicy?.[2].initialValue.override &&
-      !!(networkEditData.trafficShaping as UI_I_TrafficShapingFields).status
-        .checked === !!initialData.shapingPolicy?.[0].initialValue.override &&
-      (networkEditData.trafficShaping as UI_I_TrafficShapingFields).status
-        .selected === initialData.shapingPolicy?.[0].initialValue.value &&
-      (networkEditData.trafficShaping as UI_I_TrafficShapingFields).average ===
-        initialData.average_bw &&
-      (networkEditData.trafficShaping as UI_I_TrafficShapingFields)
-        .burstSize === initialData.burst_size &&
-      (networkEditData.trafficShaping as UI_I_TrafficShapingFields).peak ===
-        initialData.peak_bw &&
-      !!(
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).notifySwitches.checked ===
-        !!initialData.nicTeamingPolicy?.[0].initialValue.override &&
-      (
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).notifySwitches.selected ===
-        initialData.nicTeamingPolicy?.[0].initialValue.value &&
-      !!(
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).loadBalancing.checked ===
-        !!initialData.nicTeamingPolicy?.[1].initialValue.override &&
-      (
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).loadBalancing.selected ===
-        initialData.nicTeamingPolicy?.[1].initialValue.value &&
-      !!(
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).networkFailureDetection.checked ===
-        !!initialData.nicTeamingPolicy?.[2].initialValue.override &&
-      (
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).networkFailureDetection.selected ===
-        initialData.nicTeamingPolicy?.[2].initialValue.value &&
-      !!(
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).failback.checked ===
-        !!initialData.nicTeamingPolicy?.[3].initialValue.override &&
-      (
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).failback.selected ===
-        initialData.nicTeamingPolicy?.[3].initialValue.value &&
-      !!(
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      ).failoverOrder.checked === !!initialData.nics_override &&
-      (
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      )?.adapters?.active
-        ?.sort?.()
-        .toString() ===
-        (initialData?.activeAdapters as string[])?.sort?.().toString() &&
-      (
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      )?.adapters?.standby
-        ?.sort?.()
-        .toString() ===
-        (initialData?.standbyAdapters as string[])?.sort?.().toString() &&
-      (
-        networkEditData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-      )?.adapters?.unused
-        ?.sort?.()
-        .toString() ===
-        (initialData?.unusedAdapters as string[])?.sort?.().toString()
-    ) {
-      return true
-    } else {
-      return false
-    }
-  }
-
-  return true
-}

package/components/common/diagramMain/modals/editSettings/modal/EditSettingsModal.vue

@@ -1,137 +0,0 @@
-<template>
-  <div>
-    <component
-      :is="currentComponent"
-      v-model:network-edit-data="networkEditData"
-      :width="props.width"
-      :height="props.height"
-      :show="props.show"
-      :title="props.title"
-      :modal-title="title"
-      :modal-loading="props.isEditModalLoading"
-      :is-dark-mode="props.isDarkMode"
-      :items="props.items"
-      :view-name="props.viewName"
-      :initial-data="props.initialData"
-      :adapters="props.adapters"
-      :flag-send-data="flagSendData"
-      @change-flag-send-data="onSendDataRequest"
-      @send-edit-data="onSendData"
-      @change-edit-fields-data="onChangeEditFieldsData"
-      @check-network-label="onCheckNetworkLabel"
-      @hide="onHideEditSettingsModal('close')"
-      @submit="onSendDataRequest"
-    />
-    <common-diagram-main-modals-unsaved-changes-modal
-      :is-show="isShowUnsavedChangesModal"
-      @hide="isShowUnsavedChangesModal = false"
-      @leave="emits('hide')"
-    />
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_EditFieldsData } from '~/components/common/diagramMain/lib/models/interfaces'
-import type { UI_I_PortViewSettingsModalProps } from '~/components/common/diagramMain/modals/editSettings/lib/models/interfaces'
-import { compareDataFunc } from '~/components/common/diagramMain/modals/editSettings/lib/utils/utils'
-
-const props = withDefaults(defineProps<UI_I_PortViewSettingsModalProps>(), {
-  initialData: () => ({}),
-  title: 'Network',
-  adapters: () => ({
-    total_pages: 0,
-    total_items: 0,
-    items: [],
-  }),
-  isEditModalLoading: false,
-})
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'change-edit-fields-data', editFieldsData: UI_I_EditFieldsData): void
-  (
-    event: 'send-edit-data',
-    type: string,
-    hideModal: () => void,
-    id?: string
-  ): void
-  (
-    event: 'check-network-label',
-    label: string,
-    sendMessage: (message: string) => void
-  ): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const { $store }: any = useNuxtApp()
-
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const currentComponent = computed(() =>
-  isNewView.value
-    ? defineAsyncComponent(() => import('./EditSettingsModalNew.vue'))
-    : defineAsyncComponent(() => import('./EditSettingsModalOld.vue'))
-)
-
-const networkEditData = ref<UI_I_EditFieldsData>({})
-
-const isShowUnsavedChangesModal = ref<boolean>(false)
-
-// Title
-const title = computed(
-  () => props.title + localization.value.common.networkEditSettings
-)
-
-const onCheckNetworkLabel = (
-  label: string,
-  sendMessage: (message: string) => void
-) => {
-  emits('check-network-label', label, sendMessage)
-}
-
-const onHideEditSettingsModal = (type: 'send' | 'close'): void => {
-  if (!isNewView.value || type === 'send') {
-    emits('hide')
-    return
-  }
-
-  if (
-    compareDataFunc(props.viewName, networkEditData.value, props.initialData)
-  ) {
-    emits('hide')
-  } else {
-    isShowUnsavedChangesModal.value = true
-  }
-}
-
-const onChangeEditFieldsData = (newEditFieldsData: UI_I_EditFieldsData) => {
-  emits('change-edit-fields-data', newEditFieldsData)
-}
-
-const flagSendData = ref(true)
-
-const onSendDataRequest = () => {
-  flagSendData.value = !flagSendData.value
-}
-
-const isSphereProject = computed<boolean>(() => props.project === 'sphere')
-
-const onSendData = (type: string) => {
-  const typeLocal = isSphereProject.value
-    ? props.networkType
-      ? `${type}${props.networkType}`
-      : type
-    : type
-
-  compareDataFunc(props.viewName, networkEditData.value, props.initialData)
-    ? emits('hide')
-    : emits(
-        'send-edit-data',
-        typeLocal,
-        () => onHideEditSettingsModal('send'),
-        props.initialData.id || props.title
-      )
-}
-</script>