keep consistency

Maxflow-Visualization · Mar 2, 2024 · ee7113c · ee7113c
1 parent 8918fb9
commit ee7113c
Showing 1 changed file with 63 additions and 36 deletions.
diff --git a/js/app.js b/js/app.js
@@ -754,6 +754,16 @@ $(function () {
 
   $("#auto-complete").on("click", function (event) {
     event.preventDefault();
+
+    var shown = false;
+
+    // check if applied capacity is shown
+    cy.edges().forEach(function (edge) {
+      if (edge.css("label").includes("/")) {
+        shown = true;
+      }
+    });
+
     // Call check graph function, update the graph
     var expectedGraph = oldFlowNetwork.addFlow(selectedPath, flow, false);
 
@@ -771,31 +781,44 @@ $(function () {
         }
       }
     }
-    for (const edge of originalFlowNetwork) {
-      var backward = cy
-        .edges("[source='" + edge.target + "'][target='" + edge.source + "']")
-        .css("label");
-      if (backward === undefined || backward === null || backward === "")
-        backward = "0";
-
-      addEdge(
-        cy,
-        edge.source + "/" + edge.target,
-        {
-          "line-color": "LightSkyBlue",
-          "target-arrow-color": "LightSkyBlue",
-          label: backward + "/" + edge.capacity,
-        },
-        edge.source,
-        edge.target
-      );
+
+    if (shown) {
+      for (const edge of originalFlowNetwork) {
+        var backward = cy
+          .edges("[source='" + edge.target + "'][target='" + edge.source + "']")
+          .css("label");
+        if (backward === undefined || backward === null || backward === "")
+          backward = "0";
+
+        addEdge(
+          cy,
+          edge.source + "/" + edge.target,
+          {
+            "line-color": "LightSkyBlue",
+            "target-arrow-color": "LightSkyBlue",
+            label: backward + "/" + edge.capacity,
+          },
+          edge.source,
+          edge.target
+        );
+      }
     }
+
     highlightSourceAndSink();
   });
 
   $("#undo-updates").on("click", function (event) {
     event.preventDefault();
 
+    var shown = false;
+
+    // check if applied capacity is shown
+    cy.edges().forEach(function (edge) {
+      if (edge.css("label").includes("/")) {
+        shown = true;
+      }
+    });
+
     cy.edges().remove();
     for (const [_, neighborsMap] of oldFlowNetwork.graph) {
       for (const [_, edge] of neighborsMap) {
@@ -810,25 +833,29 @@ $(function () {
         }
       }
     }
-    for (const edge of originalFlowNetwork) {
-      var backward = cy
-        .edges("[source='" + edge.target + "'][target='" + edge.source + "']")
-        .css("label");
-      if (backward === undefined || backward === null || backward === "")
-        backward = "0";
-
-      addEdge(
-        cy,
-        edge.source + "/" + edge.target,
-        {
-          "line-color": "LightSkyBlue",
-          "target-arrow-color": "LightSkyBlue",
-          label: backward + "/" + edge.capacity,
-        },
-        edge.source,
-        edge.target
-      );
+
+    if (shown) {
+      for (const edge of originalFlowNetwork) {
+        var backward = cy
+          .edges("[source='" + edge.target + "'][target='" + edge.source + "']")
+          .css("label");
+        if (backward === undefined || backward === null || backward === "")
+          backward = "0";
+
+        addEdge(
+          cy,
+          edge.source + "/" + edge.target,
+          {
+            "line-color": "LightSkyBlue",
+            "target-arrow-color": "LightSkyBlue",
+            label: backward + "/" + edge.capacity,
+          },
+          edge.source,
+          edge.target
+        );
+      }
     }
+
     highlightSourceAndSink();
   });