la til timeout for backwards slik at det ikke er bugs + sletting av filer

Author: Kenneth Apeland

.idea/workspace.xml

@@ -31,8 +31,8 @@
     <button id="reset" class="btn btn-primary" onclick="resetAll();">Reset</button>
     <br>
     <br>
-    <button id="backward" class="btn btn-primary" onclick="manager.previous();">Previous</button>
-    <button id="forward" class="btn btn-primary" onclick="manager.next();">Next</button>
+    <button id="backward" class="btn btn-primary" onclick="stepBackwards();">Previous</button>
+    <button id="forward" class="btn btn-primary" onclick="stepForward();">Next</button>
     <button id="Test1" class="btn btn-primary" onclick="exampleGraphStar();">Example1</button>
     <button id="Test2" class="btn btn-primary" onclick="exampleGraphAllConnected();">Example2</button>
     <br>

Graphs/index.html

@@ -124,12 +124,10 @@ function dfs(v) {
         if (visited[adjacent[i]])
             continue;
         setHighlightEdge(getEdgeId(v, adjacent[i]), true, color[i]);
-        console.log(color);
         color[i] = true;
         dfs(adjacent[i]);
         setHighlightEdge(getEdgeId(v, adjacent[i]), false, color[i]);
         color[i] = false;
-        console.log(color);
         visit(v);
     }
 }
@@ -218,3 +216,17 @@ function expandAdjacencyList(index) {
     }
     $("#adjList" + index).animate({ left: 65 }, 350);
 }
+function stepForward() {
+    $('#forward').attr('disabled', 'disabled');
+    manager.next();
+    setTimeout(function () {
+        $('#forward').removeAttr('disabled');
+    }, 350);
+}
+function stepBackwards() {
+    $('#backward').attr('disabled', 'disabled');
+    manager.previous();
+    setTimeout(function () {
+        $('#backward').removeAttr('disabled');
+    }, 350);
+}

Graphs/js/dfsBfsController.js

@@ -244,4 +244,20 @@ function expandAdjacencyList(index: number) {
     }
 
     $("#adjList" + index).animate({left: 65}, 350);
+}
+
+function stepForward() {
+    $('#forward').attr('disabled', 'disabled');
+    manager.next();
+    setTimeout(function () {
+        $('#forward').removeAttr('disabled');
+    }, 350);
+}
+
+function stepBackwards() {
+    $('#backward').attr('disabled', 'disabled');
+    manager.previous();
+    setTimeout(function () {
+        $('#backward').removeAttr('disabled');
+    }, 350);
 }

Graphs/js/dfsBfsController.ts

@@ -64,6 +64,10 @@ var View = /** @class */ (function () {
             return;
         if (control.getAlgoName() === "MaxHeapFree" || control.getAlgoName() === "MaxHeap")
             this.setPause(true);
+        $('#forward').attr('disabled', 'disabled');
+        setTimeout(function () {
+            $('#forward').removeAttr('disabled');
+        }, 350);
         this.clickedPlay = false;
         manager.next();
     };
@@ -77,8 +81,12 @@ var View = /** @class */ (function () {
             firstSelected = -1;
         }
         else {
+            $('#backward').attr('disabled', 'disabled');
             lockPlay(false);
             manager.previous();
+            setTimeout(function () {
+                $('#backward').removeAttr('disabled');
+            }, 350);
         }
     };
     View.prototype.resetAll = function () {

Heap/js/View.js

@@ -79,6 +79,11 @@ class View {
         if (control.getAlgoName() === "MaxHeapFree" || control.getAlgoName() === "MaxHeap")
             this.setPause(true);
 
+        $('#forward').attr('disabled', 'disabled');
+        setTimeout(function () {
+            $('#forward').removeAttr('disabled');
+        }, 350);
+
         this.clickedPlay = false;
         manager.next();
     }
@@ -92,8 +97,12 @@ class View {
             selectIndex(firstSelected, false);
             firstSelected = -1;
         } else {
+            $('#backward').attr('disabled', 'disabled');
             lockPlay(false);
             manager.previous();
+            setTimeout(function () {
+                $('#backward').removeAttr('disabled');
+            }, 350);
         }
     }
 

Heap/js/View.ts

@@ -27,9 +27,6 @@ <h1 id="header">MergeSort</h1>
         <ul id='arrayUl' class='insElements'>
             <img id="leftBracket" class="bracket" src="assets/square_left.png"/>
             <img id="rightBracket" class="bracket" src="assets/square_right.png"/>
-            <div id="leftArrow" class="arrow hidden"><img src="assets/up_arrow.png"/>
-                <div class="arrowText"></div>
-            </div>
         </ul>
     </div>
 

MergeSort/assets/pause.png

@@ -147,7 +147,11 @@ var view = /** @class */ (function () {
         manager.next();
     };
     view.prototype.backward = function () {
+        $('#backward').attr('disabled', 'disabled');
         manager.previous();
+        setTimeout(function () {
+            $('#backward').removeAttr('disabled');
+        }, 300);
     };
     view.prototype.slow = function () {
         manager.slow();