bfg-common 1.0.16 → 1.0.17

package/components/common/adapterManager/AdapterManager.vue

@@ -174,7 +174,7 @@ const props = withDefaults(
     isAddModal: false,
     adapterStatus: () => ({
       active: [],
-      standBy: [],
+      standby: [],
       unused: [],
     }),
     initialData: () => ({}),
@@ -288,7 +288,7 @@ const moveDownForStatusGroup = (
   if (!isActiveSelectedAdapter) return
 
   const nextStatus: UI_T_AdapterStatusNames =
-    status === 'active' ? 'standBy' : 'unused'
+    status === 'active' ? 'standby' : 'unused'
 
   const selectedAdapterIndex = adapterStatus.value[status].indexOf(adapterId)
 
@@ -321,7 +321,7 @@ const moveUpForStatusGroup = (
   if (!isActiveSelectedAdapter) return
 
   const nextStatus: UI_T_AdapterStatusNames =
-    status === 'unused' ? 'standBy' : 'active'
+    status === 'unused' ? 'standby' : 'active'
   const selectedAdapterIndex = adapterStatus.value[status].indexOf(adapterId)
   const activeFirstIndex = 0
   const isNotFirstOfActiveAdapters = selectedAdapterIndex !== activeFirstIndex
@@ -340,7 +340,7 @@ const moveUpForStatusGroup = (
 // Move down the selected adapter
 const onMoveDownWithId = (adapterId: string): void => {
   moveDownForStatusGroup('unused', adapterId)
-  moveDownForStatusGroup('standBy', adapterId)
+  moveDownForStatusGroup('standby', adapterId)
   moveDownForStatusGroup('active', adapterId)
 }
 
@@ -351,7 +351,7 @@ const onMoveDown = () => {
 // Move up the selected adapter
 const onMoveUpWithId = (adapterId: string): void => {
   moveUpForStatusGroup('active', adapterId)
-  moveUpForStatusGroup('standBy', adapterId)
+  moveUpForStatusGroup('standby', adapterId)
   moveUpForStatusGroup('unused', adapterId)
 }
 
@@ -365,8 +365,8 @@ const onRemoveWithId = (adapterId: string): void => {
     (adapterStatus.value.active = adapterStatus.value.active.filter(
       (id: string) => id !== adapterId
     ))
-  adapterStatus.value.standBy.includes(adapterId) &&
-    (adapterStatus.value.standBy = adapterStatus.value.standBy.filter(
+  adapterStatus.value.standby.includes(adapterId) &&
+    (adapterStatus.value.standby = adapterStatus.value.standby.filter(
       (id: string) => id !== adapterId
     ))
   adapterStatus.value.unused.includes(adapterId) &&
@@ -379,7 +379,7 @@ const onRemoveWithId = (adapterId: string): void => {
   addedAdapters.value = [
     ...adapterStatus.value.active,
     ...adapterStatus.value.unused,
-    ...adapterStatus.value.standBy,
+    ...adapterStatus.value.standby,
   ]
   emits('change-added-adapters', addedAdapters.value)
   emits('change-adapter-status', adapterStatus.value)
@@ -443,7 +443,7 @@ const onAddSelectedAdapters = (addAdapterId: string): void => {
   addedAdapters.value = [
     ...adapterStatus.value.active,
     ...adapterStatus.value.unused,
-    ...adapterStatus.value.standBy,
+    ...adapterStatus.value.standby,
   ]
   emits('change-added-adapters', addedAdapters.value)
   emits('change-adapter-status', adapterStatus.value)

package/components/common/adapterManager/ui/table/Table.vue

@@ -33,7 +33,7 @@
             @select-header="onSelectAdapter"
           />
           <common-adapter-manager-ui-table-adapters
-            :adapters="props.adapterStatus.standBy"
+            :adapters="props.adapterStatus.standby"
             :selected-adapter-id="props.selectedAdapterId"
             @select-adapter="onSelectAdapter"
           />
@@ -76,7 +76,7 @@ const props = withDefaults(
     isAddModal: false,
     adapterStatus: () => ({
       active: [],
-      standBy: [],
+      standby: [],
       unused: [],
     }),
     isActiveHeader: false,

package/components/common/addNetworking/AddNetworking.vue

@@ -239,7 +239,7 @@ const onChangeAddedAdapters = (addedAdaptersNew: string[]): void => {
 
 const adapterStatus = ref<UI_I_AdapterStatus>({
     active: [],
-    standBy: [],
+    standby: [],
     unused: [],
 })
 const onChangeAdapterStatus = (adapterStatusNew: UI_I_AdapterStatus): void => {
@@ -403,7 +403,7 @@ const reset = (): void => {
     addedAdapters.value = []
     adapterStatus.value = {
         active: [],
-        standBy: [],
+        standby: [],
         unused: [],
     }
     errorMessages.value = errorMessagesInitial

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

@@ -63,7 +63,7 @@ export const addNetworkingZeroOrFirstSchemeDataFunc = (
       mtu: targetDevice.selected === '3' ? targetDevice.mtu : undefined,
       nics: {
         active: adapterStatus?.active || [],
-        standby: adapterStatus?.standBy || [],
+        standby: adapterStatus?.standby || [],
         unused: adapterStatus?.unused || [],
       },
     }

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

@@ -30,7 +30,7 @@ export const networkEditDataFunc = (
     notifySwitches,
     failback,
     failoverOrder,
-    adapters: { active, unused, standBy: standby },
+    adapters: { active, unused, standby },
   } = networkData.teamingFailover as UI_I_TeamingFailoverWithAdaptersFields
 
   const vlan: number =

package/components/common/diagramMain/DiagramMain.vue

@@ -11,7 +11,7 @@
         @toggle-diagram="onToggleDiagram"
         @show-modal="onShowModal"
       />
-      <common-diagram
+      <common-diagram-main-diagram
         :diagram-data="props.diagramData"
         :is-show-diagram="isShowDiagram"
         :in-portlet="props.inPortlet"
@@ -369,7 +369,7 @@ watch(
     if (newValue?.networking) {
       initialManagePhysicalAdapterStatus = {
         active: useDeepCopy(props.diagramData?.networking?.activeAdapters),
-        standBy: useDeepCopy(props.diagramData?.networking?.standbyAdapters),
+        standby: useDeepCopy(props.diagramData?.networking?.standbyAdapters),
         unused: useDeepCopy(props.diagramData?.networking?.unusedAdapters),
       }
 

package/components/common/diagramMain/config/initial.ts

@@ -6,7 +6,7 @@ import {
 
 export const managePhysicalAdapterStatusInitial: UI_I_AdapterStatus = {
   active: [],
-  standBy: [],
+  standby: [],
   unused: [],
 }
 

package/components/common/diagramMain/modals/ManagePhysicalAdaptersModal.vue

@@ -1,236 +1,236 @@
-<template>
-  <div>
-    <atoms-modal
-      :width="props.width"
-      :height="props.height"
-      :show="props.show"
-      :title="localization.managePhysicalNetworkAdapters"
-      :second-title="props.switchName"
-      class="diagram-action__edit"
-      @hide="onHideManagePhysicalAdaptersModal"
-      @submit="onSendManageAdapter"
-    >
-      <template #modalBody>
-        <div class="wizard-content__container">
-          <div class="wizard-content">
-            <common-adapter-manager
-              test-id="manage-physical-adapter"
-              :is-active="true"
-              :full-mode="true"
-              :adapters="props.adapters"
-              :free-adapters="props.freeAdapters"
-              :added-adapters="addedAdapters"
-              :adapter-status="props.adapterStatus"
-              :is-show-no-connected-active-adapters-modal="
-                isShowNoConnectedActiveAdaptersModal
-              "
-              :is-show-no-active-adapters-modal="isShowNoActiveAdaptersModal"
-              @hide-no-connected-active-adapters-modal="
-                onHideNoConnectedActiveAdaptersModal
-              "
-              @hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
-              @confirm-no-active-adapters-modal="onConfirmNoActiveAdaptersModal"
-              @change-added-adapters="onChangeAddedAdapters"
-              @change-adapter-status="onChangeAdapterStatus"
-              @get-free-adapters="onGetFreeAdapters"
-            />
-          </div>
-        </div>
-        <atoms-loader v-show="isShowLoader" />
-      </template>
-    </atoms-modal>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { UI_I_Localization } from '~/models/interfaces'
-import {
-  UI_I_Adapter,
-  UI_I_AdapterStatus,
-  UI_I_SwitchAdapterItem,
-  UI_I_SwitchAdapters,
-} from '~/components/common/diagramMain/models/interfaces'
-
-// Props from up
-const props = withDefaults(
-  defineProps<{
-    switchName: string
-    show: boolean
-    viewName: string
-    width: string
-    height: string
-    freeAdapters: UI_I_Adapter[]
-    adapterStatus: UI_I_AdapterStatus
-    adapters: UI_I_SwitchAdapters
-    initialAdapterStatus: UI_I_AdapterStatus
-  }>(),
-  {
-    switchName: '',
-    adapterStatus: () => ({
-      active: [],
-      standBy: [],
-      unused: [],
-    }),
-  }
-)
-
-// UI_I_Localization
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isShowLoader = ref(false)
-
-const showLoader = () => {
-  isShowLoader.value = true
-}
-const hideLoader = () => {
-  isShowLoader.value = false
-}
-
-const addedAdapters = ref<string[]>()
-
-const onChangeAddedAdapters = (addedAdaptersNew: string[]) => {
-  addedAdapters.value = addedAdaptersNew
-}
-
-const onChangeAdapterStatus = (adapterStatusNew: UI_I_AdapterStatus) => {
-  emits('change-adapter-status', adapterStatusNew)
-}
-
-const isShowNoConnectedActiveAdaptersModal = ref(false)
-const isShowNoActiveAdaptersModal = ref(false)
-
-const showNoConnectedActiveAdaptersModal = () => {
-  isShowNoConnectedActiveAdaptersModal.value = true
-}
-const onHideNoConnectedActiveAdaptersModal = () => {
-  isShowNoConnectedActiveAdaptersModal.value = false
-}
-const showNoActiveAdaptersModal = () => {
-  isShowNoActiveAdaptersModal.value = true
-}
-const onHideNoActiveAdaptersModal = () => {
-  isShowNoActiveAdaptersModal.value = false
-}
-
-const onSendManagePhysicalAdaptersData = (
-  adapterStatus: UI_I_AdapterStatus,
-  switchName: string,
-  hideManagePhysicalAdaptersModal: () => void,
-  hideLoader: () => void
-) => {
-  showLoader()
-  emits(
-    'send-manage-physical-adapters-data',
-    adapterStatus,
-    switchName,
-    hideManagePhysicalAdaptersModal,
-    hideLoader
-  )
-}
-const onConfirmNoActiveAdaptersModal = () => {
-  onSendManagePhysicalAdaptersData(
-    props.adapterStatus,
-    props.switchName,
-    onHideManagePhysicalAdaptersModal,
-    hideLoader
-  )
-  onHideNoConnectedActiveAdaptersModal()
-  onHideNoActiveAdaptersModal()
-}
-
-const onSendManageAdapter = () => {
-  if (props.adapterStatus.active.length === 0) {
-    showNoActiveAdaptersModal()
-    return
-  }
-
-  const activeAndConnectedAdapters = props.adapterStatus.active.filter(
-    (adapterName: string) =>
-      props.adapters.items.find(
-        (ad: UI_I_SwitchAdapterItem) => ad.name === adapterName
-      )?.carrier
-  )
-  if (activeAndConnectedAdapters.length === 0) {
-    showNoConnectedActiveAdaptersModal()
-    return
-  }
-
-  onSendManagePhysicalAdaptersData(
-    props.adapterStatus,
-    props.switchName,
-    onHideManagePhysicalAdaptersModal,
-    hideLoader
-  )
-}
-
-// Modal
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'get-free-adapters', showAddAdapterModal: () => void): void
-  (event: 'change-added-adapters', addedAdapters: string[]): void
-  (event: 'change-adapter-status', adapterStatus: UI_I_AdapterStatus): void
-  (
-    event: 'send-manage-physical-adapters-data',
-    adapterStatus: UI_I_AdapterStatus,
-    switchName: string,
-    hideModalCB: () => void,
-    hideLoaderCB: () => void
-  ): void
-}>()
-
-const onGetFreeAdapters = (showAddAdapterModal: () => void) => {
-  showLoader()
-  emits('get-free-adapters', () => {
-    hideLoader()
-    showAddAdapterModal()
-  })
-}
-
-const onHideManagePhysicalAdaptersModal = (): void => {
-  addedAdapters.value = []
-  emits('change-adapter-status', props.initialAdapterStatus)
-  emits('hide')
-}
-</script>
-
-<style scoped lang="scss">
-:deep(.secondary-title) {
-  font-size: 18px;
-  font-weight: 200;
-}
-
-:deep(.modal-body-content.modal-body-content__confirmation) {
-  display: flex;
-
-  .confirm-icon-container {
-    margin-right: 20px;
-  }
-
-  .preserve-newlines {
-    white-space: pre-line;
-    font-size: 15px;
-  }
-}
-
-.loader {
-  position: absolute;
-  z-index: 1000;
-  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;
-  }
-}
-
-:deep(.table-fixed-height) {
-  height: 290px;
-  max-height: 290px;
-}
-</style>
+<template>
+  <div>
+    <atoms-modal
+      :width="props.width"
+      :height="props.height"
+      :show="props.show"
+      :title="localization.managePhysicalNetworkAdapters"
+      :second-title="props.switchName"
+      class="diagram-action__edit"
+      @hide="onHideManagePhysicalAdaptersModal"
+      @submit="onSendManageAdapter"
+    >
+      <template #modalBody>
+        <div class="wizard-content__container">
+          <div class="wizard-content">
+            <common-adapter-manager
+              test-id="manage-physical-adapter"
+              :is-active="true"
+              :full-mode="true"
+              :adapters="props.adapters"
+              :free-adapters="props.freeAdapters"
+              :added-adapters="addedAdapters"
+              :adapter-status="props.adapterStatus"
+              :is-show-no-connected-active-adapters-modal="
+                isShowNoConnectedActiveAdaptersModal
+              "
+              :is-show-no-active-adapters-modal="isShowNoActiveAdaptersModal"
+              @hide-no-connected-active-adapters-modal="
+                onHideNoConnectedActiveAdaptersModal
+              "
+              @hide-no-active-adapters-modal="onHideNoActiveAdaptersModal"
+              @confirm-no-active-adapters-modal="onConfirmNoActiveAdaptersModal"
+              @change-added-adapters="onChangeAddedAdapters"
+              @change-adapter-status="onChangeAdapterStatus"
+              @get-free-adapters="onGetFreeAdapters"
+            />
+          </div>
+        </div>
+        <atoms-loader v-show="isShowLoader" />
+      </template>
+    </atoms-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { UI_I_Localization } from '~/models/interfaces'
+import {
+  UI_I_Adapter,
+  UI_I_AdapterStatus,
+  UI_I_SwitchAdapterItem,
+  UI_I_SwitchAdapters,
+} from '~/components/common/diagramMain/models/interfaces'
+
+// Props from up
+const props = withDefaults(
+  defineProps<{
+    switchName: string
+    show: boolean
+    viewName: string
+    width: string
+    height: string
+    freeAdapters: UI_I_Adapter[]
+    adapterStatus: UI_I_AdapterStatus
+    adapters: UI_I_SwitchAdapters
+    initialAdapterStatus: UI_I_AdapterStatus
+  }>(),
+  {
+    switchName: '',
+    adapterStatus: () => ({
+      active: [],
+      standby: [],
+      unused: [],
+    }),
+  }
+)
+
+// UI_I_Localization
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isShowLoader = ref(false)
+
+const showLoader = () => {
+  isShowLoader.value = true
+}
+const hideLoader = () => {
+  isShowLoader.value = false
+}
+
+const addedAdapters = ref<string[]>()
+
+const onChangeAddedAdapters = (addedAdaptersNew: string[]) => {
+  addedAdapters.value = addedAdaptersNew
+}
+
+const onChangeAdapterStatus = (adapterStatusNew: UI_I_AdapterStatus) => {
+  emits('change-adapter-status', adapterStatusNew)
+}
+
+const isShowNoConnectedActiveAdaptersModal = ref(false)
+const isShowNoActiveAdaptersModal = ref(false)
+
+const showNoConnectedActiveAdaptersModal = () => {
+  isShowNoConnectedActiveAdaptersModal.value = true
+}
+const onHideNoConnectedActiveAdaptersModal = () => {
+  isShowNoConnectedActiveAdaptersModal.value = false
+}
+const showNoActiveAdaptersModal = () => {
+  isShowNoActiveAdaptersModal.value = true
+}
+const onHideNoActiveAdaptersModal = () => {
+  isShowNoActiveAdaptersModal.value = false
+}
+
+const onSendManagePhysicalAdaptersData = (
+  adapterStatus: UI_I_AdapterStatus,
+  switchName: string,
+  hideManagePhysicalAdaptersModal: () => void,
+  hideLoader: () => void
+) => {
+  showLoader()
+  emits(
+    'send-manage-physical-adapters-data',
+    adapterStatus,
+    switchName,
+    hideManagePhysicalAdaptersModal,
+    hideLoader
+  )
+}
+const onConfirmNoActiveAdaptersModal = () => {
+  onSendManagePhysicalAdaptersData(
+    props.adapterStatus,
+    props.switchName,
+    onHideManagePhysicalAdaptersModal,
+    hideLoader
+  )
+  onHideNoConnectedActiveAdaptersModal()
+  onHideNoActiveAdaptersModal()
+}
+
+const onSendManageAdapter = () => {
+  if (props.adapterStatus.active.length === 0) {
+    showNoActiveAdaptersModal()
+    return
+  }
+
+  const activeAndConnectedAdapters = props.adapterStatus.active.filter(
+    (adapterName: string) =>
+      props.adapters.items.find(
+        (ad: UI_I_SwitchAdapterItem) => ad.name === adapterName
+      )?.carrier
+  )
+  if (activeAndConnectedAdapters.length === 0) {
+    showNoConnectedActiveAdaptersModal()
+    return
+  }
+
+  onSendManagePhysicalAdaptersData(
+    props.adapterStatus,
+    props.switchName,
+    onHideManagePhysicalAdaptersModal,
+    hideLoader
+  )
+}
+
+// Modal
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'get-free-adapters', showAddAdapterModal: () => void): void
+  (event: 'change-added-adapters', addedAdapters: string[]): void
+  (event: 'change-adapter-status', adapterStatus: UI_I_AdapterStatus): void
+  (
+    event: 'send-manage-physical-adapters-data',
+    adapterStatus: UI_I_AdapterStatus,
+    switchName: string,
+    hideModalCB: () => void,
+    hideLoaderCB: () => void
+  ): void
+}>()
+
+const onGetFreeAdapters = (showAddAdapterModal: () => void) => {
+  showLoader()
+  emits('get-free-adapters', () => {
+    hideLoader()
+    showAddAdapterModal()
+  })
+}
+
+const onHideManagePhysicalAdaptersModal = (): void => {
+  addedAdapters.value = []
+  emits('change-adapter-status', props.initialAdapterStatus)
+  emits('hide')
+}
+</script>
+
+<style scoped lang="scss">
+:deep(.secondary-title) {
+  font-size: 18px;
+  font-weight: 200;
+}
+
+:deep(.modal-body-content.modal-body-content__confirmation) {
+  display: flex;
+
+  .confirm-icon-container {
+    margin-right: 20px;
+  }
+
+  .preserve-newlines {
+    white-space: pre-line;
+    font-size: 15px;
+  }
+}
+
+.loader {
+  position: absolute;
+  z-index: 1000;
+  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;
+  }
+}
+
+:deep(.table-fixed-height) {
+  height: 290px;
+  max-height: 290px;
+}
+</style>