bfg-common 1.0.0

package/components/common/addNetworking/config/index.ts

@@ -0,0 +1,46 @@
+import * as addNetworkingStepsConfig from './addNetworkingSteps'
+import * as initialData from './initialData'
+import * as temporaryData from './temporaryData'
+import * as validationData from './validation'
+import * as portProperties from './portPropertiesStep'
+import * as selectSwitches from './selectSwitch'
+import * as sendData from './sendData'
+
+export const {
+  stepsFunc,
+  stepsSchemeFunc,
+  secondTitleFunc,
+  createSecondSchemeReadyCompleteFunc,
+  createZeroSchemeReadyCompleteFunc,
+  createFirstSchemeReadyCompleteFunc,
+} = addNetworkingStepsConfig
+export const {
+  servicesInitial,
+  vlanIdSelectData,
+  targetDeviceInitial,
+  portPropertiesInitial,
+  ipFourSettingsInitial,
+  connectionSettingsInitial,
+  errorMessagesInitialFunc,
+  isNetworkInvalidInitial,
+  isValidNetwork,
+  isInvalidNetwork,
+} = initialData
+export const { temporarySwitches, temporaryNetworks } = temporaryData
+export const {
+  connectionSettingsFieldsErrorMessages,
+  ipFourSettingsFieldsErrorMessages,
+  portPropertiesFieldsErrorMessages,
+  targetDeviceFieldsErrorMessages,
+} = validationData
+export const { portPropertiesEnabledServicesFunc } = portProperties
+export const {
+  selectStandardSwitchTableHeadFunc,
+  selectNetworkTableHeadFunc,
+  selectSwitchTableHeadFunc,
+} = selectSwitches
+
+export const {
+  addNetworkingSecondSchemeDataFunc,
+  addNetworkingZeroOrFirstSchemeDataFunc,
+} = sendData

package/components/common/addNetworking/config/initialData.ts

@@ -0,0 +1,78 @@
+import {
+  UI_I_ConnectionSettings,
+  UI_I_IpFourSettings, UI_I_NetworkValidation,
+  UI_I_PortProperties,
+  UI_I_Services,
+  UI_I_TargetDevice,
+  UI_I_VlanIdData,
+} from '~/components/common/addNetworking/models/interfaces'
+
+export const servicesInitial: UI_I_Services = {
+  vMotion: false,
+  provisioning: false,
+  faultToleranceLogging: false,
+  management: false,
+  replication: false,
+  replicationNFC: false,
+  vSAN: false,
+  backupNFC: false,
+  nVMeOverTCP: false,
+  nVMeOverRDMA: false,
+}
+
+export const targetDeviceInitial: UI_I_TargetDevice = {
+  selected: '1',
+  network: '',
+  switch: '',
+  standardSwitch: '',
+  mtu: 1500,
+}
+
+export const portPropertiesInitial: UI_I_PortProperties = {
+  networkLabel: 'VMkernel',
+  vlanId: 'None (0)',
+  mtu: {
+    option: '0',
+    size: 1500,
+  },
+  tcp: 'default',
+  services: { ...servicesInitial },
+}
+
+export const ipFourSettingsInitial: UI_I_IpFourSettings = {
+  ipSettings: '0',
+  static: {
+    ipFourAddress: '10.10.123.1',
+    subnetMask: '255.255.255.0',
+    defaultGateway: {
+      override: false,
+      value: '255.255.255.255',
+    },
+  },
+}
+
+export const connectionSettingsInitial: UI_I_ConnectionSettings = {
+  networkLabel: 'VM Network',
+  vlanId: 'None (0)',
+}
+
+export const errorMessagesInitialFunc = (qty: number): string[][] =>
+  new Array(qty).fill([])
+
+export const vlanIdSelectData: UI_I_VlanIdData[] = [
+  { text: 'None (0)', value: 'None (0)' },
+  { text: 'All (4095)', value: 'All (4095)' },
+]
+
+export const isNetworkInvalidInitial: UI_I_NetworkValidation = {
+  valid: false,
+  checked: false,
+}
+export const isValidNetwork: UI_I_NetworkValidation = {
+  valid: true,
+  checked: true,
+}
+export const isInvalidNetwork: UI_I_NetworkValidation = {
+  valid: false,
+  checked: true,
+}

package/components/common/addNetworking/config/portPropertiesStep.ts

@@ -0,0 +1,19 @@
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_PortPropertiesEnabledService } from '~/components/common/addNetworking/models/interfaces'
+
+export const portPropertiesEnabledServicesFunc = (
+  localization: UI_I_Localization
+): UI_I_PortPropertiesEnabledService[] => [
+  { label: localization.provisioning, modelValue: 'provisioning' },
+  {
+    label: localization.faultToleranceLogging,
+    modelValue: 'faultToleranceLogging',
+  },
+  { label: localization.management, modelValue: 'management' },
+  { label: localization.procuratorReplication, modelValue: 'replication' },
+  { label: localization.procuratorReplicationNFC, modelValue: 'replicationNFC' },
+  { label: localization.vSAN, modelValue: 'vSAN' },
+  { label: localization.procuratorBackupNFC, modelValue: 'backupNFC' },
+  { label: localization.nvmEOverTCP, modelValue: 'nVMeOverTCP' },
+  { label: localization.nvmEOverRDMA, modelValue: 'nVMeOverRDMA' },
+]

package/components/common/addNetworking/config/selectSwitch.ts

@@ -0,0 +1,19 @@
+import { UI_I_Localization } from '~/models/interfaces'
+import { UI_I_TableHead } from '~/components/common/addNetworking/models/interfaces'
+
+export const selectNetworkTableHeadFunc = (
+  localization: UI_I_Localization
+): UI_I_TableHead[] => [
+  { text: localization.name },
+  { text: localization.nsxPortGroupId },
+  { text: localization.discoveredIssues },
+]
+export const selectSwitchTableHeadFunc = (
+  localization: UI_I_Localization
+): UI_I_TableHead[] => [
+  { text: localization.switch },
+  { text: localization.discoveredIssues },
+]
+export const selectStandardSwitchTableHeadFunc = (
+  localization: UI_I_Localization
+): UI_I_TableHead[] => [{ text: localization.switch }]

package/components/common/addNetworking/config/sendData.ts

@@ -0,0 +1,87 @@
+import {
+  UI_I_AddNetworkingZeroOrFirstSchemeDataSend,
+  UI_I_ConnectionSettings,
+  UI_I_IpFourSettings,
+  UI_I_PortProperties,
+  UI_I_SecondSchemeData,
+  UI_I_TargetDevice,
+} from '~/components/common/addNetworking/models/interfaces'
+import { UI_I_AdapterStatus } from '~/components/common/diagramMain/models/interfaces'
+
+export const addNetworkingSecondSchemeDataFunc = (
+  connectionSettings: UI_I_ConnectionSettings,
+  targetDevice: UI_I_TargetDevice,
+  vlan: number
+): UI_I_SecondSchemeData => {
+  return {
+    vlan,
+    name: connectionSettings.networkLabel,
+    switch: targetDevice.standardSwitch,
+  }
+}
+export const addNetworkingZeroOrFirstSchemeDataFunc = (
+  targetDevice: UI_I_TargetDevice,
+  vlan: number,
+  portProperties: UI_I_PortProperties,
+  ipFourSettings: UI_I_IpFourSettings,
+  isFirstScheme?: boolean,
+  adapterStatus?: UI_I_AdapterStatus
+): UI_I_AddNetworkingZeroOrFirstSchemeDataSend => {
+  const sendData: UI_I_AddNetworkingZeroOrFirstSchemeDataSend = {
+    switch: targetDevice.selected === '1' ? targetDevice.standardSwitch : '',
+    new_network: {
+      vlan: Number(vlan),
+    },
+    network_name: portProperties.networkLabel,
+    tcp_stack: portProperties.tcp,
+    mtu: portProperties.mtu.size,
+    services: {
+      management: portProperties.services.management,
+      vmotion: portProperties.services.vMotion,
+      provisioning: portProperties.services.provisioning,
+      vsan: portProperties.services.vSAN,
+      fault_tolerance_logging: portProperties.services.faultToleranceLogging,
+      vsphere_replication: portProperties.services.replication,
+      vsphere_replication_nfc: portProperties.services.replicationNFC,
+      vsphere_backup_nfc: portProperties.services.backupNFC,
+      nvme_over_tcp: portProperties.services.nVMeOverTCP,
+      nvme_over_rdma: portProperties.services.nVMeOverRDMA,
+    },
+    tcp_config: {
+      auto: ipFourSettings.ipSettings === '0',
+      ipv4: ipFourSettings.static.ipFourAddress,
+      net_mask: ipFourSettings.static.subnetMask,
+      gateway_override: ipFourSettings.static.defaultGateway.override,
+      gateway: ipFourSettings.static.defaultGateway.override
+        ? ipFourSettings.static.defaultGateway.value
+        : '',
+    },
+  }
+
+  if (isFirstScheme) {
+    sendData.new_switch = {
+      mtu: targetDevice.selected === '3' ? targetDevice.mtu : undefined,
+      nics: {
+        active: adapterStatus?.active || [],
+        standby: adapterStatus?.standBy || [],
+        unused: adapterStatus?.unused || [],
+      },
+    }
+  }
+
+  const isAutoIp: boolean = ipFourSettings.ipSettings === '0'
+
+  sendData.tcp_config = isAutoIp
+    ? { auto: true }
+    : {
+        auto: false,
+        ipv4: ipFourSettings.static.ipFourAddress,
+        net_mask: ipFourSettings.static.subnetMask,
+        gateway_override: ipFourSettings.static.defaultGateway.override,
+        gateway: ipFourSettings.static.defaultGateway.override
+          ? ipFourSettings.static.defaultGateway.value
+          : '',
+      }
+
+  return sendData
+}

package/components/common/addNetworking/config/temporaryData.ts

@@ -0,0 +1,8 @@
+export const temporarySwitches = [
+    { name: 'vSwitch0', id: '0' },
+    { name: 'vSwitch1', id: '1' },
+]
+export const temporaryNetworks: {name: string, id: string}[] = [
+    // { name: 'net-1', id: '0' },
+    // { name: 'net-2', id: '1' },
+]

package/components/common/addNetworking/config/validation.ts

@@ -0,0 +1,23 @@
+export const connectionSettingsFieldsErrorMessages = {
+  networkLabel: '',
+  vlanId: '',
+}
+
+export const ipFourSettingsFieldsErrorMessages = {
+  ipFourAddress: '',
+  subnetMask: '',
+  defaultGateway: '',
+}
+
+export const portPropertiesFieldsErrorMessages = {
+  networkLabel: '',
+  vlanId: '',
+  mtu: '',
+}
+
+export const targetDeviceFieldsErrorMessages = {
+  network: '',
+  switch: '',
+  standardSwitch: '',
+  mtu: '',
+}

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

@@ -0,0 +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: 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

@@ -0,0 +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>