Merge pull request #53 from mitre/fix/operation_data_network_usage

Refactored operation polling to only request active operation

Author: elegantmoose

src/stores/operationStore.js

@@ -27,6 +27,15 @@ export const useOperationStore = defineStore("operationStore", {
         console.error("Error fetching operations", error);
       }
     },
+    async getOperation($api, operationID) {
+        try {
+          const response = await $api.get(`/api/v2/operations/${operationID}`);
+          let operation = response.data;
+          this.operations[operation.id] = operation;
+        } catch (error) {
+          console.error("Error fetching operations", error);
+        }
+      },
     async createOperation($api, operation) {
       try {
         const response = await $api.post("/api/v2/operations", operation);

src/views/OperationsView.vue

@@ -190,13 +190,14 @@ const resetFilter = () => {
 };
 
 function selectOperation() {
-  //TODO: Stop updating if operation is finished
   if (updateInterval) clearInterval(updateInterval);
   if (operationStore.selectedOperationID === "") return;
   resetFilter();
   updateInterval = setInterval(async () => {
-    if (operationStore.selectedOperationID !== "") {
-      await operationStore.getOperations($api);
+    if (operationStore.selectedOperationID !== "" &&
+        operationStore.operations[operationStore.selectedOperationID].state !== "finished")
+    {
+      await operationStore.getOperation($api, operationStore.selectedOperationID);
     } else {
       clearInterval(updateInterval);
     }