SILABMC-172: Fix: marker deleted static IP address

2 files changed, 29 insertions, 10 deletions

diff --git a/src/store/modules/Settings/NetworkStore.js b/src/store/modules/Settings/NetworkStore.js
index 125eca7a..14338e1d 100644
--- a/src/store/modules/Settings/NetworkStore.js
+++ b/src/store/modules/Settings/NetworkStore.js
@@ -213,6 +213,8 @@ const NetworkStore = {
         });
     },
     async editIpv4Address({ dispatch, state }, ipv4TableData) {
+      // perhaps, this method name should include 'static'
+      // perhaps, this method name should not serve 'delete' case
       return api
         .patch(
           `/redfish/v1/Managers/bmc/EthernetInterfaces/${state.selectedInterfaceId}`,
diff --git a/src/views/Settings/Network/TableIpv4.vue b/src/views/Settings/Network/TableIpv4.vue
index 75870031..ddabca01 100644
--- a/src/views/Settings/Network/TableIpv4.vue
+++ b/src/views/Settings/Network/TableIpv4.vue
@@ -137,7 +137,9 @@ export default {
               value: 'delete',
               title: this.$t('pageNetwork.table.deleteIpv4'),
             },
-          ],
+          ].filter((action) => {
+            return action.value === 'delete' && ipv4.AddressOrigin === 'Static';
+          }),
         };
       });
     },
@@ -147,17 +149,32 @@ export default {
       }
     },
     deleteIpv4TableRow(index) {
+      const deleteMarker = null;
+      const newIpv4StaticArray = this.form.ipv4TableItems
+        .map((ipv4, idx) => {
+          // address cannot be matched, except by their index
+          if (idx === index) {
+            return deleteMarker;
+          }
+          return ipv4;
+        })
+        .filter((ipv4) => {
+          return ipv4 === deleteMarker || ipv4.AddressOrigin === 'Static';
+        })
+        .map((ipv4) => {
+          if (ipv4 === deleteMarker) {
+            return deleteMarker;
+          }
+          const { Address, SubnetMask, Gateway } = ipv4;
+          return {
+            Address,
+            SubnetMask,
+            Gateway,
+          };
+        });
       this.form.ipv4TableItems.splice(index, 1);
-      const newIpv4Array = this.form.ipv4TableItems.map((ipv4) => {
-        const { Address, SubnetMask, Gateway } = ipv4;
-        return {
-          Address,
-          SubnetMask,
-          Gateway,
-        };
-      });
       this.$store
-        .dispatch('network/editIpv4Address', newIpv4Array)
+        .dispatch('network/editIpv4Address', newIpv4StaticArray)
         .then((message) => this.successToast(message))
         .catch(({ message }) => this.errorToast(message));
     },