bfg-common 1.2.20 → 1.2.21

package/components/common/addNetworking/mappers/mappers.ts

@@ -1,166 +1,166 @@
-import {
-  UI_I_EditFieldsData,
-  UI_I_OverrideValue,
-  UI_I_PropertiesFields,
-  UI_I_SecurityFields,
-  UI_I_TeamingFailoverWithAdaptersFields,
-  UI_I_TrafficShapingFields,
-} from '~/components/common/diagramMain/models/interfaces'
-import {
-  UI_I_ModalsInitialData,
-  UI_I_NetworkEditSendData,
-} from '~/components/common/diagramMain/models/interfaces'
-
-export const networkEditDataFunc = (
-  networkData: UI_I_EditFieldsData
-): UI_I_NetworkEditSendData => {
-  const { vlanId, networkLabel } =
-    networkData.properties as UI_I_PropertiesFields
-  const { promiscuousMode, macAddressChanges, forgedTransmits } =
-    networkData.security as UI_I_SecurityFields
-  const {
-    status: shapingStatus,
-    average,
-    burstSize,
-    peak,
-  } = networkData.trafficShaping as UI_I_TrafficShapingFields
-  const {
-    loadBalancing,
-    networkFailureDetection,
-    notifySwitches,
-    failback,
-    failoverOrder,
-    adapters: { active, unused, standby },
-  } = networkData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
-
-  const vlan: number =
-    vlanId === 'None (0)' ? 0 : vlanId === 'All (4095)' ? 4095 : Number(vlanId)
-
-  const security = {
-    promiscuous_mode: !promiscuousMode.checked
-      ? 'inherit'
-      : promiscuousMode.selected,
-    mac_change: !macAddressChanges.checked
-      ? 'inherit'
-      : macAddressChanges.selected,
-    forged_transmits: !forgedTransmits.checked
-      ? 'inherit'
-      : forgedTransmits.selected,
-  }
-
-  const shaping = {
-    inherit: !shapingStatus.checked,
-    enabled: !!Number(shapingStatus.selected),
-    average_bw: average,
-    peak_bw: peak,
-    burst_size: burstSize,
-  }
-
-  const teaming = {
-    mode: !loadBalancing.checked ? 'inherit' : loadBalancing.selected,
-    link_detect: !networkFailureDetection.checked
-      ? 'inherit'
-      : networkFailureDetection.selected,
-    notify_switches: !notifySwitches.checked
-      ? 'inherit'
-      : notifySwitches.selected,
-    failback: !failback.checked ? 'inherit' : failback.selected,
-  }
-
-  return {
-    name: networkLabel,
-    vlan,
-    security,
-    shaping,
-    teaming,
-    override_nics: failoverOrder.checked,
-    nics: {
-      active,
-      standby,
-      unused,
-    },
-  }
-}
-
-export const networkInitialDataFunc = (
-  networkInitialData: UI_I_ModalsInitialData
-): UI_I_NetworkEditSendData => {
-  const prMode = networkInitialData.securityPolicy?.find(
-    (policy) => policy.id === 'promiscuous_mode'
-  )?.initialValue as UI_I_OverrideValue
-
-  const mAChMode = networkInitialData.securityPolicy?.find(
-    (policy) => policy.id === 'mac_change'
-  )?.initialValue as UI_I_OverrideValue
-
-  const fTMode = networkInitialData.securityPolicy?.find(
-    (policy) => policy.id === 'forged_transmits'
-  )?.initialValue as UI_I_OverrideValue
-
-  const failback = networkInitialData.nicTeamingPolicy?.find(
-    (team) => team.id === 'failback'
-  )?.initialValue as UI_I_OverrideValue
-
-  const notifySwitches = networkInitialData.nicTeamingPolicy?.find(
-    (team) => team.id === 'notify_switches'
-  )?.initialValue as UI_I_OverrideValue
-
-  const loadBalancing = networkInitialData.nicTeamingPolicy?.find(
-    (team) => team.id === 'mode'
-  )?.initialValue as UI_I_OverrideValue
-
-  const networkDetection = networkInitialData.nicTeamingPolicy?.find(
-    (team) => team.id === 'link_detect'
-  )?.initialValue as UI_I_OverrideValue
-
-  const vlan: number =
-    networkInitialData.vlanId === 'None (0)'
-      ? 0
-      : networkInitialData.vlanId === 'All (4095)'
-      ? 4095
-      : Number(networkInitialData.vlanId)
-
-  const security = {
-    promiscuous_mode: prMode.override ? (prMode.value as string) : 'inherit',
-    mac_change: mAChMode.override ? (mAChMode.value as string) : 'inherit',
-    forged_transmits: fTMode.override ? (fTMode.value as string) : 'inherit',
-  }
-
-  const shaping = {
-    inherit: !(
-      networkInitialData.shapingPolicy?.[0].initialValue as UI_I_OverrideValue
-    ).override,
-    enabled: !!Number(
-      (networkInitialData.shapingPolicy?.[0].initialValue as UI_I_OverrideValue)
-        .value
-    ),
-    average_bw: networkInitialData.average_bw!,
-    peak_bw: networkInitialData.peak_bw!,
-    burst_size: networkInitialData.burst_size!,
-  }
-
-  const teaming = {
-    mode: loadBalancing.override ? (loadBalancing.value as string) : 'inherit',
-    link_detect: networkDetection.override
-      ? (networkDetection.value as string)
-      : 'inherit',
-    notify_switches: notifySwitches.override
-      ? (notifySwitches.value as string)
-      : 'inherit',
-    failback: failback.override ? (failback.value as string) : 'inherit',
-  }
-
-  return {
-    name: networkInitialData.networkLabel!,
-    vlan,
-    security,
-    shaping,
-    teaming,
-    override_nics: !!networkInitialData.nics_override,
-    nics: {
-      active: networkInitialData.activeAdapters as string[],
-      standby: networkInitialData.standbyAdapters as string[],
-      unused: networkInitialData.unusedAdapters as string[],
-    },
-  }
-}
+import {
+  UI_I_EditFieldsData,
+  UI_I_OverrideValue,
+  UI_I_PropertiesFields,
+  UI_I_SecurityFields,
+  UI_I_TeamingFailoverWithAdaptersFields,
+  UI_I_TrafficShapingFields,
+} from '~/components/common/diagramMain/models/interfaces'
+import {
+  UI_I_ModalsInitialData,
+  UI_I_NetworkEditSendData,
+} from '~/components/common/diagramMain/models/interfaces'
+
+export const networkEditDataFunc = (
+  networkData: UI_I_EditFieldsData
+): UI_I_NetworkEditSendData => {
+  const { vlanId, networkLabel } =
+    networkData.properties as UI_I_PropertiesFields
+  const { promiscuousMode, macAddressChanges, forgedTransmits } =
+    networkData.security as UI_I_SecurityFields
+  const {
+    status: shapingStatus,
+    average,
+    burstSize,
+    peak,
+  } = networkData.trafficShaping as UI_I_TrafficShapingFields
+  const {
+    loadBalancing,
+    networkFailureDetection,
+    notifySwitches,
+    failback,
+    failoverOrder,
+    adapters: { active, unused, standby },
+  } = networkData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
+
+  const vlan: number =
+    vlanId === 'None (0)' ? 0 : vlanId === 'All (4095)' ? 4095 : Number(vlanId)
+
+  const security = {
+    promiscuous_mode: !promiscuousMode.checked
+      ? 'inherit'
+      : promiscuousMode.selected,
+    mac_change: !macAddressChanges.checked
+      ? 'inherit'
+      : macAddressChanges.selected,
+    forged_transmits: !forgedTransmits.checked
+      ? 'inherit'
+      : forgedTransmits.selected,
+  }
+
+  const shaping = {
+    inherit: !shapingStatus.checked,
+    enabled: !!Number(shapingStatus.selected),
+    average_bw: average,
+    peak_bw: peak,
+    burst_size: burstSize,
+  }
+
+  const teaming = {
+    mode: !loadBalancing.checked ? 'inherit' : loadBalancing.selected,
+    link_detect: !networkFailureDetection.checked
+      ? 'inherit'
+      : networkFailureDetection.selected,
+    notify_switches: !notifySwitches.checked
+      ? 'inherit'
+      : notifySwitches.selected,
+    failback: !failback.checked ? 'inherit' : failback.selected,
+  }
+
+  return {
+    name: networkLabel,
+    vlan,
+    security,
+    shaping,
+    teaming,
+    override_nics: failoverOrder.checked,
+    nics: {
+      active,
+      standby,
+      unused,
+    },
+  }
+}
+
+export const networkInitialDataFunc = (
+  networkInitialData: UI_I_ModalsInitialData
+): UI_I_NetworkEditSendData => {
+  const prMode = networkInitialData.securityPolicy?.find(
+    (policy) => policy.id === 'promiscuous_mode'
+  )?.initialValue as UI_I_OverrideValue
+
+  const mAChMode = networkInitialData.securityPolicy?.find(
+    (policy) => policy.id === 'mac_change'
+  )?.initialValue as UI_I_OverrideValue
+
+  const fTMode = networkInitialData.securityPolicy?.find(
+    (policy) => policy.id === 'forged_transmits'
+  )?.initialValue as UI_I_OverrideValue
+
+  const failback = networkInitialData.nicTeamingPolicy?.find(
+    (team) => team.id === 'failback'
+  )?.initialValue as UI_I_OverrideValue
+
+  const notifySwitches = networkInitialData.nicTeamingPolicy?.find(
+    (team) => team.id === 'notify_switches'
+  )?.initialValue as UI_I_OverrideValue
+
+  const loadBalancing = networkInitialData.nicTeamingPolicy?.find(
+    (team) => team.id === 'mode'
+  )?.initialValue as UI_I_OverrideValue
+
+  const networkDetection = networkInitialData.nicTeamingPolicy?.find(
+    (team) => team.id === 'link_detect'
+  )?.initialValue as UI_I_OverrideValue
+
+  const vlan: number =
+    networkInitialData.vlanId === 'None (0)'
+      ? 0
+      : networkInitialData.vlanId === 'All (4095)'
+      ? 4095
+      : Number(networkInitialData.vlanId)
+
+  const security = {
+    promiscuous_mode: prMode.override ? (prMode.value as string) : 'inherit',
+    mac_change: mAChMode.override ? (mAChMode.value as string) : 'inherit',
+    forged_transmits: fTMode.override ? (fTMode.value as string) : 'inherit',
+  }
+
+  const shaping = {
+    inherit: !(
+      networkInitialData.shapingPolicy?.[0].initialValue as UI_I_OverrideValue
+    ).override,
+    enabled: !!Number(
+      (networkInitialData.shapingPolicy?.[0].initialValue as UI_I_OverrideValue)
+        .value
+    ),
+    average_bw: networkInitialData.average_bw!,
+    peak_bw: networkInitialData.peak_bw!,
+    burst_size: networkInitialData.burst_size!,
+  }
+
+  const teaming = {
+    mode: loadBalancing.override ? (loadBalancing.value as string) : 'inherit',
+    link_detect: networkDetection.override
+      ? (networkDetection.value as string)
+      : 'inherit',
+    notify_switches: notifySwitches.override
+      ? (notifySwitches.value as string)
+      : 'inherit',
+    failback: failback.override ? (failback.value as string) : 'inherit',
+  }
+
+  return {
+    name: networkInitialData.networkLabel!,
+    vlan,
+    security,
+    shaping,
+    teaming,
+    override_nics: !!networkInitialData.nics_override,
+    nics: {
+      active: networkInitialData.activeAdapters as string[],
+      standby: networkInitialData.standbyAdapters as string[],
+      unused: networkInitialData.unusedAdapters as string[],
+    },
+  }
+}

package/components/common/addNetworking/modals/SelectNetwork.vue

@@ -1,149 +1,149 @@
-<template>
-  <div class="select-table-modal">
-    <atoms-modal
-      :width="props.width"
-      :height="props.height"
-      :show="props.show"
-      :title="props.title"
-      @hide="onHideModal"
-    >
-      <template #modalBody>
-        <atoms-alert
-          v-if="isShowErrorMessageAlert"
-          status="alert-danger"
-          :items="[localization.noSwitchIsSelectedSelectSwitchToContinue]"
-          @remove="onHideErrorMessageAlert"
-        />
-        <div class="network-select-dialog-content">
-          <div class="filter-input pull-right flex">
-            <button class="nav-icon fa fa-filter filter-button">
-              <atoms-the-icon
-                class="filter-icon"
-                fill="#4c5356"
-                name="filter"
-              />
-            </button>
-            <input v-model="filter" type="text" placeholder="Filter" />
-          </div>
-          <atoms-table-simple-table
-            :head-items="headItems"
-            :body-items="bodyItems"
-            editable
-            @select="onSelectRow"
-          />
-        </div>
-      </template>
-      <template #modalFooter>
-        <button class="btn btn-outline" @click="onHideModal">Cancel</button>
-        <button class="btn btn-primary" @click="onSelectNetwork">Ok</button>
-      </template>
-    </atoms-modal>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import {
-  UI_I_BodyItems,
-  UI_I_Network,
-  UI_I_SelectedNetwork,
-} from '~/components/common/addNetworking/models/interfaces'
-import { selectStandardSwitchTableHeadFunc } from '~/components/common/addNetworking/config'
-
-interface I_SelectNetworkModalProps {
-  show: boolean
-  modalName: string
-  title?: string
-  width?: string
-  height?: string
-  withCollapse?: boolean
-  data: UI_I_Network[]
-}
-
-const props = withDefaults(defineProps<I_SelectNetworkModalProps>(), {
-  width: '576px',
-  height: '420px',
-  title: '--',
-})
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const selectedRowData = ref<UI_I_SelectedNetwork[]>()
-const filter = ref<string>('')
-
-const headItems = selectStandardSwitchTableHeadFunc(localization.value)
-
-const bodyItems = computed<UI_I_BodyItems[][]>(() =>
-  props.data.map((networkData: UI_I_Network) => [
-    {
-      editable: false,
-      text: networkData.name,
-      id: networkData.id,
-    },
-    {
-      editable: false,
-      text: '--',
-    },
-    {
-      editable: false,
-      text: '--',
-    },
-  ])
-)
-
-const isShowErrorMessageAlert = ref<boolean>(false)
-const onHideErrorMessageAlert = (): void => {
-  selectedRowData.value = []
-  isShowErrorMessageAlert.value = false
-}
-
-const onSelectRow = (index: number): void => {
-  selectedRowData.value = bodyItems.value[index]
-}
-
-const onSelectNetwork = (): void => {
-  const selectedNetworkId =
-    selectedRowData.value &&
-    selectedRowData.value[0] &&
-    selectedRowData.value[0].id
-  if (!selectedNetworkId) {
-    isShowErrorMessageAlert.value = true
-    return
-  }
-  emits('select-network', selectedNetworkId)
-  onHideErrorMessageAlert()
-  emits('hide')
-}
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'select-network', networkId: string): void
-}>()
-const onHideModal = (): void => {
-  onHideErrorMessageAlert()
-  emits('hide')
-}
-</script>
-
-<style scoped lang="scss">
-.network-select-dialog-content {
-  min-height: 300px;
-  margin-top: 10px;
-
-  .pull-right {
-    display: flex;
-    justify-content: flex-end;
-  }
-  .filter-button {
-    border-style: none;
-    background-color: transparent;
-    padding: 0;
-
-    .filter-icon {
-      width: 18px;
-      height: 18px;
-    }
-  }
-}
-</style>
+<template>
+  <div class="select-table-modal">
+    <atoms-modal
+      :width="props.width"
+      :height="props.height"
+      :show="props.show"
+      :title="props.title"
+      @hide="onHideModal"
+    >
+      <template #modalBody>
+        <atoms-alert
+          v-if="isShowErrorMessageAlert"
+          status="alert-danger"
+          :items="[localization.noSwitchIsSelectedSelectSwitchToContinue]"
+          @remove="onHideErrorMessageAlert"
+        />
+        <div class="network-select-dialog-content">
+          <div class="filter-input pull-right flex">
+            <button class="nav-icon fa fa-filter filter-button">
+              <atoms-the-icon
+                class="filter-icon"
+                fill="#4c5356"
+                name="filter"
+              />
+            </button>
+            <input v-model="filter" type="text" placeholder="Filter" />
+          </div>
+          <atoms-table-simple-table
+            :head-items="headItems"
+            :body-items="bodyItems"
+            editable
+            @select="onSelectRow"
+          />
+        </div>
+      </template>
+      <template #modalFooter>
+        <button class="btn btn-outline" @click="onHideModal">Cancel</button>
+        <button class="btn btn-primary" @click="onSelectNetwork">Ok</button>
+      </template>
+    </atoms-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import {
+  UI_I_BodyItems,
+  UI_I_Network,
+  UI_I_SelectedNetwork,
+} from '~/components/common/addNetworking/models/interfaces'
+import { selectStandardSwitchTableHeadFunc } from '~/components/common/addNetworking/config'
+
+interface I_SelectNetworkModalProps {
+  show: boolean
+  modalName: string
+  title?: string
+  width?: string
+  height?: string
+  withCollapse?: boolean
+  data: UI_I_Network[]
+}
+
+const props = withDefaults(defineProps<I_SelectNetworkModalProps>(), {
+  width: '576px',
+  height: '420px',
+  title: '--',
+})
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const selectedRowData = ref<UI_I_SelectedNetwork[]>()
+const filter = ref<string>('')
+
+const headItems = selectStandardSwitchTableHeadFunc(localization.value)
+
+const bodyItems = computed<UI_I_BodyItems[][]>(() =>
+  props.data.map((networkData: UI_I_Network) => [
+    {
+      editable: false,
+      text: networkData.name,
+      id: networkData.id,
+    },
+    {
+      editable: false,
+      text: '--',
+    },
+    {
+      editable: false,
+      text: '--',
+    },
+  ])
+)
+
+const isShowErrorMessageAlert = ref<boolean>(false)
+const onHideErrorMessageAlert = (): void => {
+  selectedRowData.value = []
+  isShowErrorMessageAlert.value = false
+}
+
+const onSelectRow = (index: number): void => {
+  selectedRowData.value = bodyItems.value[index]
+}
+
+const onSelectNetwork = (): void => {
+  const selectedNetworkId =
+    selectedRowData.value &&
+    selectedRowData.value[0] &&
+    selectedRowData.value[0].id
+  if (!selectedNetworkId) {
+    isShowErrorMessageAlert.value = true
+    return
+  }
+  emits('select-network', selectedNetworkId)
+  onHideErrorMessageAlert()
+  emits('hide')
+}
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'select-network', networkId: string): void
+}>()
+const onHideModal = (): void => {
+  onHideErrorMessageAlert()
+  emits('hide')
+}
+</script>
+
+<style scoped lang="scss">
+.network-select-dialog-content {
+  min-height: 300px;
+  margin-top: 10px;
+
+  .pull-right {
+    display: flex;
+    justify-content: flex-end;
+  }
+  .filter-button {
+    border-style: none;
+    background-color: transparent;
+    padding: 0;
+
+    .filter-icon {
+      width: 18px;
+      height: 18px;
+    }
+  }
+}
+</style>