feat(webui): improve performance of resource status update in webui

api/cfm-openapi.yaml

@@ -527,10 +527,8 @@ paths:
           description: OK
           content:
             application/json:
-              schema:
-                type: array
-                items:
-                  $ref: '#/components/schemas/bladesResourceStatus'
+             schema:
+                $ref: '#/components/schemas/bladesMemoryResourceStatusCollection'
         "404":
           description: Not Found
           content:

webui/src/components/Appliance/ComposeMemoryButton.vue

@@ -363,7 +363,7 @@ export default {
         const bladeResourceStore = useBladeResourceStore();
         const bladePortStore = useBladePortStore();
 
-        await bladeResourceStore.fetchMemoryResources(
+        await bladeResourceStore.updateMemoryResourcesStatus(
           this.associatedApplianceId,
           this.bladeId
         );

webui/src/components/Appliance/Memory.vue

@@ -434,7 +434,7 @@ export default {
             this.selectedMemoryRegion.memoryApplianceId,
             this.selectedMemoryRegion.memoryBladeId
           );
-          await bladeResourceStore.fetchMemoryResources(
+          await bladeResourceStore.updateMemoryResourcesStatus(
             this.selectedMemoryRegion.memoryApplianceId,
             this.selectedMemoryRegion.memoryBladeId
           );
@@ -477,7 +477,7 @@ export default {
         const bladeResourceStore = useBladeResourceStore();
         const bladePortStore = useBladePortStore();
 
-        await bladeResourceStore.fetchMemoryResources(
+        await bladeResourceStore.updateMemoryResourcesStatus(
           this.selectedMemoryRegion.memoryApplianceId,
           this.selectedMemoryRegion.memoryBladeId
         );

webui/src/components/Stores/BladeResourceStore.ts

@@ -21,7 +21,7 @@ export const useBladeResourceStore = defineStore('bladeResource', {
                     applianceId,
                     bladeId
                 );
-                
+
                 const resourcesCount = response.data.memberCount;
                 for (let i = 0; i < resourcesCount; i++) {
                     // Extract the id for each resources
@@ -47,5 +47,34 @@ export const useBladeResourceStore = defineStore('bladeResource', {
                 console.error("Error fetching resources:", error);
             }
         },
+
+        async updateMemoryResourcesStatus(applianceId: string, bladeId: string) {
+            try {
+                const defaultApi = new DefaultApi(undefined, API_BASE_PATH);
+                const updatedResource = await defaultApi.bladesGetResourceStatus(
+                    applianceId,
+                    bladeId,
+                );
+
+                if (updatedResource) {
+                    // Create a map to quick look up the updatedResource
+                    const resourceMap = new Map<string, string>();
+                    updatedResource.data.resourceStatuses.forEach((resource) => {
+                        resourceMap.set(resource.id, resource.compositionStatus.compositionState);
+                    });
+
+                    // Update the status in memoryResources based on the resource map
+                    this.memoryResources.forEach(resource => {
+                        if (resourceMap.has(resource.id)) {
+                            resource.compositionStatus.compositionState = resourceMap.get(resource.id) + ""
+                        }
+                    });
+                }
+
+            } catch (error) {
+                console.error("Error updating resources:", error);
+            }
+
+        },
     }
 })