bfg-common 1.0.0

package/components/common/diagramMain/models/interfaces.ts

@@ -0,0 +1,586 @@
+import { UI_E_NetworkType, UI_E_StepStatus } from './enums'
+import { UI_T_Adapters } from '~/components/common/diagramMain/models/types'
+
+export interface UI_I_Port {
+  id: string
+  name: string
+  macAddress?: string
+  adapter?: string
+}
+
+export interface UI_I_Adapter {
+  id: string
+  name: string
+  fullName: string
+  adapter: string
+  pciAddress: string
+  driver: string
+  carrier: boolean
+  speed: number
+  duplex: string
+  networks: null
+  srIov: boolean
+  cdp: boolean
+  lldp: boolean
+  status: string
+}
+
+export interface UI_I_AdapterWithStatus {
+  adapterName: string
+  status: string
+}
+export interface UI_I_PhysicalAdapters {
+  toggle: boolean
+  adapters: UI_I_Adapter[]
+}
+export interface UI_I_MainRectHeights {
+  networksHeight: number
+  adaptersHeight: number
+}
+export interface UI_I_SwitchLine {
+  y1: number
+  y2: number
+  ay?: number
+}
+export interface UI_I_SelectedPort {
+  networkId: string
+  portId: string
+  activeAdapters: string[]
+}
+export interface UI_I_ConnectedPort {
+  networkId: string
+  ports: string[]
+}
+export interface UI_I_SelectedAdapter {
+  adapterId: string
+  connectedPorts: UI_I_ConnectedPort[]
+}
+
+export interface API_UI_I_Sysx {
+  mtu: number
+  name: string
+  services: {
+    fault_tolerance_logging: boolean
+    management: boolean
+    nvme_over_rdma: boolean
+    nvme_over_tcp: boolean
+    provisioning: boolean
+    vmotion: boolean
+    vsan: boolean
+    vsphere_backup_nfc: boolean
+    vsphere_replication: boolean
+    vsphere_replication_nfc: boolean
+  }
+  tcp_config: {
+    auto: boolean
+    gateway: string
+    gateway_override: boolean
+    ipv4: string
+    net_mask: string
+  }
+  tcp_stack: string
+}
+
+export interface UI_I_Network {
+  id: string
+  title: string
+  vlanId?: number | string
+  toggle: boolean
+  activeAdapters: string[]
+  unusedAdapters?: string[]
+  standbyAdapters?: string[]
+  networkType: UI_E_NetworkType
+  ports: UI_I_Port[]
+  sysx?: API_UI_I_Sysx
+  switchName?: string
+}
+export interface UI_I_NetworkInfo {
+  securityPolicy: UI_I_NetworkSummaryPortletListItem[]
+  nicTeamingPolicy: UI_I_NetworkSummaryPortletListItem[]
+  shapingPolicy: UI_I_NetworkSummaryPortletListItem[]
+  average_bw: number
+  peak_bw: number
+  burst_size: number
+  nics_override: boolean
+}
+
+export interface UI_I_SwitchInfo extends UI_I_NetworkInfo {
+  mtu: number
+  num_ports: string
+  activeAdapters: UI_I_Adapter[]
+  standbyAdapters: UI_I_Adapter[]
+  unusedAdapters: UI_I_Adapter[]
+  switch_name: string
+}
+
+export interface UI_I_DiagramData {
+  diagramName: string
+  id: string
+  networks: UI_I_Network[] | null
+  physicalAdapters: UI_I_PhysicalAdapters | null
+}
+
+export interface UI_I_OverrideValue {
+  override: boolean
+  value: string | number | boolean
+}
+
+export interface UI_I_NetworkSummaryPortletListItem {
+  label: string
+  value: string | number | boolean
+  id: string
+  initialValue: string | number | boolean | UI_I_OverrideValue
+}
+
+export interface UI_I_NetworkFull extends UI_I_Network, UI_I_NetworkInfo {}
+export interface UI_I_NetworkFullWithPositions extends UI_I_NetworkFull {
+  portsCount: number
+  portsHeight: number
+  networkHeight: number
+  rectPosition: number
+  connectLineY: number
+  titlePosition: number
+  vlanPosition: number
+  portsPosition: number
+  networkPortsName: string
+}
+
+export interface UI_I_DiagramDataFull extends UI_I_DiagramData {
+  networks: UI_I_NetworkFull[] | null
+  networking?: UI_I_SwitchInfo
+}
+
+export interface UI_I_AdaptersWithPositions {
+  toggle: boolean
+  height: number
+  adapters: UI_T_Adapters[] | null
+  rectPosition: number
+  adaptersConnectLineY: number
+  titlePosition: number
+  adaptersCount: number
+}
+
+export interface UI_I_NetworksWithPositions
+  extends Omit<UI_I_Network, 'ports'> {
+  ports: (UI_I_Port & { portPosition: number })[]
+  portsCount: number
+  portsHeight: number
+  networkHeight: number
+  rectPosition: number
+  connectLineY: number
+  titlePosition: number
+  vlanPosition: number
+  vlanId: number | string
+  portsPosition: number
+  networkPortsName: string
+}
+
+export interface UI_I_ModalTab {
+  text: string
+  path?: string
+  iconClassName?: string
+  value: number
+  disabled?: boolean
+  separate?: boolean
+}
+
+export interface UI_I_ViewSettingsFields {
+  title?: string
+  id: number
+  type: number
+  rows: {
+    name: string
+    value?: string | string[]
+  }[]
+}
+
+export interface UI_I_ToggleDiagramPortsPayload {
+  diagramId: string
+  id: string
+  isToggle: boolean
+  paths: string[]
+}
+export interface UI_I_ToggleDiagramAdaptersPayload {
+  diagramId: string
+  isToggle: boolean
+  paths: string[]
+}
+
+export interface UI_I_PropertiesErrorFields {
+  networkLabel: string
+  vlanId: string
+}
+
+export interface UI_I_SecurityFields {
+  promiscuousMode: {
+    checked: boolean
+    selected: string
+  }
+  macAddressChanges: {
+    checked: boolean
+    selected: string
+  }
+  forgedTransmits: {
+    checked: boolean
+    selected: string
+  }
+}
+
+export interface UI_I_TeamingFailoverFields {
+  loadBalancing: {
+    checked: string | number | boolean
+    selected: string
+  }
+  networkFailureDetection: {
+    checked: string | number | boolean
+    selected: string
+  }
+  notifySwitches: {
+    checked: string | number | boolean
+    selected: string
+  }
+  failback: {
+    checked: string | number | boolean
+    selected: string
+  }
+  failoverOrder: {
+    checked: string | number | boolean
+  }
+}
+export interface UI_I_TeamingFailoverWithAdaptersFields
+  extends UI_I_TeamingFailoverFields {
+  adapters: UI_I_AdapterStatus
+}
+
+export interface UI_I_TrafficShapingFields {
+  status: {
+    checked: boolean
+    selected: string
+  }
+  average: number
+  peak: number
+  burstSize: number
+}
+export interface UI_I_TrafficShapingErrorFields {
+  average: string
+  peak: string
+  burstSize: string
+}
+
+export interface UI_I_IpvFourSettingsFields {
+  ipv4Settings: string
+  ipv4Address: string
+  subnetMask: string
+  defaultGateway: {
+    checked: boolean
+    value: string
+  }
+}
+
+export interface UI_I_PortPropertiesFields {
+  mtu: number
+  tcpIp: string
+  services: {
+    vMotion: boolean
+    provisioning: boolean
+    faultToleranceLogging: boolean
+    management: boolean
+    replication: boolean
+    replicationNFC: boolean
+    vSAN: boolean
+    backupNFC: boolean
+    nVMeOverTCP: boolean
+    nVMeOverRDMA: boolean
+  }
+}
+
+export interface UI_I_AdapterStatus {
+  active: string[]
+  standBy: string[]
+  unused: string[]
+}
+
+export interface UI_I_Step {
+  id: number
+  name: string
+  status: UI_E_StepStatus
+}
+
+export interface UI_I_PropertiesFieldsErrorMessages {
+  mtu: string
+}
+export interface UI_I_IpFourSettingsFieldsErrorMessages {
+  ipFourAddress: string
+  subnetMask: string
+  defaultGateway: string
+}
+export interface UI_I_SelectVmKernelAdapterFieldsErrorMessages {
+  vm: string
+}
+export interface UI_I_SwitchPropertiesFields {
+  mtu: number
+  num_ports: string
+}
+
+export interface UI_I_VmkernelAdapterTableData {
+  name: string
+  networkLabel: string
+  switch: string
+  ipAddress: string
+  tcp: string
+  id: string
+}
+
+export interface UI_I_SelectedVmkernelAdapterTableRaw {
+  text: string
+  editable: boolean
+  id?: string
+}
+
+export interface UI_I_ModalsInitialData {
+  portName?: string
+  networkLabel?: string
+  vlanId?: string | number
+  securityPolicy?: UI_I_NetworkSummaryPortletListItem[]
+  shapingPolicy?: UI_I_NetworkSummaryPortletListItem[]
+  nicTeamingPolicy?: UI_I_NetworkSummaryPortletListItem[]
+
+  mtu?: number
+  num_ports?: string
+  switch_name?: string
+
+  average_bw?: number
+  peak_bw?: number
+  burst_size?: number
+  activeAdapters?: UI_I_Adapter | string[]
+  standbyAdapters?: UI_I_Adapter | string[]
+  unusedAdapters?: UI_I_Adapter | string[]
+  nics_override?: boolean
+
+  //I_Adapter
+  id?: string
+  name?: string
+  fullName?: string
+  adapter?: string
+  pciAddress?: string
+  driver?: string
+  carrier?: boolean
+  speed?: number
+  duplex?: string
+  networks?: null
+  srIov?: boolean
+  cdp?: boolean
+  lldp?: boolean
+  macAddress?: string
+  vmTitle?: string
+
+  tcpIp?: string
+  services?: {
+    vMotion?: boolean
+    provisioning?: boolean
+    faultToleranceLogging?: boolean
+    management?: boolean
+    replication?: boolean
+    replicationNFC?: boolean
+    vSAN?: boolean
+    backupNFC?: boolean
+    nVMeOverTCP?: boolean
+    nVMeOverRDMA?: boolean
+  }
+
+  tcpConfig?: {
+    ipv4Settings?: string
+    ipv4Address?: string
+    subnetMask?: string
+    defaultGateway?: {
+      checked?: boolean
+      value?: string
+    }
+  }
+}
+
+export interface UI_I_SwitchAdapterItem {
+  name: string
+  adapter: string
+  pciAddress: string
+  driver: string
+  carrier: boolean
+  speed: number
+  duplex: string
+  networks: null
+  srIov: boolean
+  cdp: boolean
+  lldp: boolean
+}
+export interface API_UI_I_SwitchAdapterItem {
+  name: string
+  adapter: string
+  pci_addr: string
+  driver: string
+  carrier: boolean
+  speed: number
+  duplex: string
+  networks: null
+  sr_iov: boolean
+  cdp: boolean
+  lldp: boolean
+}
+
+export interface UI_I_SwitchAdapters {
+  totalItems: number
+  totalPages: number
+  items: UI_I_SwitchAdapterItem[]
+}
+
+export interface API_UI_I_SwitchAdapters {
+  total_items: number
+  total_pages: number
+  items: API_UI_I_SwitchAdapterItem[]
+}
+
+export interface UI_I_TeamingAndFailoverTemplate {
+  key: string
+  options: {
+    value: string
+    text: string
+  }[]
+}
+
+export interface UI_I_PropertiesFields {
+  vlanId: string | number
+  networkLabel: string
+}
+
+export interface UI_I_EditFieldsData {
+  properties?:
+    | UI_I_PropertiesFields
+    | UI_I_SwitchPropertiesFields
+    | UI_I_PortPropertiesFields
+  security?: UI_I_SecurityFields
+  trafficShaping?: UI_I_TrafficShapingFields
+  teamingFailover?: UI_I_TeamingFailoverWithAdaptersFields
+  ipvFourSettings?: UI_I_IpvFourSettingsFields
+}
+
+export interface UI_I_EditSettingsErrorMessage {
+  networkLabel?: string
+  vlanId?: string
+  average?: string
+  peak?: string
+  burstSize?: string
+  mtu?: string
+  ipFourAddress?: string
+  subnetMask?: string
+  defaultGateway?: string
+}
+
+export interface UI_I_NavigationItem {
+  text: string
+  value: string
+}
+
+export interface UI_I_ModalTabs {
+  text: string
+  value: number
+}
+
+export interface API_UI_I_D_Nics {
+  active: string[]
+  standby: string[]
+  unused: string[]
+}
+export interface API_UI_I_D_Security {
+  forged_transmits: string
+  mac_change: string
+  promiscuous_mode: string
+}
+export interface API_UI_I_D_Shaping {
+  enabled: boolean
+  inherit: boolean
+  average_bw: number
+  burst_size: number
+  peak_bw: number
+}
+export interface API_UI_I_D_State {
+  code: number
+  icon: string
+  text: string
+}
+export interface API_UI_I_D_Status {
+  code: number
+  text: string
+}
+export interface API_UI_I_D_Teaming {
+  failback: string
+  link_detect: string
+  mode: string
+  notify_switches: string
+}
+export interface API_UI_I_D_VSwitchItem {
+  mtu: number
+  name: string
+  networks: string[] | null
+  nics: API_UI_I_D_Nics
+  num_ports: string
+  security: API_UI_I_D_Security
+  shaping: API_UI_I_D_Shaping
+  state: API_UI_I_D_State
+  status: API_UI_I_D_Status
+  teaming: API_UI_I_D_Teaming
+}
+export interface API_UI_I_D_VSwitch {
+  items: API_UI_I_D_VSwitchItem[]
+}
+
+export interface UI_I_SelectedSwitchPositions {
+  selectedSwitchLineY: UI_I_SwitchLine
+  selectedPort: UI_I_SelectedPort
+}
+
+export interface UI_I_AdaptersHeight {
+  height: number
+  toggle: boolean
+  adaptersCount: number
+}
+
+export interface UI_I_AdaptersPositions {
+  titlePosition: number
+  rectPosition: number
+  adaptersConnectLineY: number
+  adapters: UI_T_Adapters[] | null
+}
+
+export interface UI_I_TrafficShapingSpeeds {
+  average_bw: number
+  peak_bw: number
+  burst_size: number
+}
+
+export interface UI_I_NetworkEditSendData {
+  name: string
+  vlan: number
+  security: {
+    promiscuous_mode: string
+    mac_change: string
+    forged_transmits: string
+  }
+  shaping: {
+    inherit: boolean
+    enabled: boolean
+    average_bw: number
+    peak_bw: number
+    burst_size: number
+  }
+  teaming: {
+    mode: string
+    link_detect: string
+    notify_switches: string
+    failback: string
+  }
+  override_nics: string | number | boolean
+  nics: {
+    active: string[]
+    standby: string[]
+    unused: string[]
+  }
+}

package/components/common/diagramMain/models/types.ts

@@ -0,0 +1,9 @@
+import { UI_I_Adapter } from '~/components/common/diagramMain/models/interfaces'
+
+export type UI_T_AdapterStatusNames = 'active' | 'standBy' | 'unused'
+export type UI_T_PropertiesFieldName = 'vlanId' | 'networkLabel'
+export type UI_T_TrafficShapingFieldName = 'average' | 'peak' | 'burstSize'
+export type UI_T_PortPropertiesFieldName = 'mtu'
+export type UI_T_VmKernelAdapterFieldName = 'vm'
+
+export type UI_T_Adapters = UI_I_Adapter & { adapterPosition: number }

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

@@ -0,0 +1,55 @@
+<template>
+  <g data-title="network-main-block-group">
+    <rect
+      data-title="network-main-block"
+      width="280"
+      :height="props.network.networkHeight"
+      x="16.5"
+      :y="props.network.rectPosition"
+      shape-rendering="geometricprecision"
+      class="panel"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-blue"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      :hide="!(props.selectedNetwork === props.network.id)"
+    />
+
+    <common-diagram-main-highlights
+      data-title="network-main"
+      type="main-orange"
+      :height="props.network.networkHeight"
+      :y="props.network.rectPosition"
+      :hide="
+        !props.selectedMainLine && !props.isNetworkConnectedSelectedAdapter
+      "
+    />
+  </g>
+</template>
+
+<script setup lang="ts">
+import { UI_I_NetworkFullWithPositions } from '~/components/common/diagramMain/models/interfaces'
+
+const props = defineProps<{
+  network: UI_I_NetworkFullWithPositions
+  selectedNetwork: string
+  selectedMainLine: boolean
+  isNetworkConnectedSelectedAdapter: boolean
+}>()
+</script>
+
+<style scoped lang="scss">
+.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>