Play/pause funksjonalitet i FreeMode - enable backward/forward når pauset

Author: theghostrecords

Heap/js/EventManager.js

@@ -1,6 +1,6 @@
 /**
  * Created by knutandersstokke on 16.10.2016.
- *
+ * Modified by Øyvind Skeie Liland
  */
 /** Manager for events stored in queue. Manager is also responsible for executing events automatically */
 var EventManager = /** @class */ (function () {
@@ -11,6 +11,7 @@ var EventManager = /** @class */ (function () {
     }
     // Executing the next event in the queue, adding it to 'previous'
     EventManager.prototype.next = function () {
+        viewer.playButtonState();
         if (this.nextEvents.length == 0) {
             return;
         }
@@ -23,13 +24,10 @@ var EventManager = /** @class */ (function () {
     };
     // Executing the previous event
     EventManager.prototype.previous = function () {
-        this.pause();
         if (this.previousEvents.length == 0)
             return;
         var event = this.previousEvents.pop();
         //this.delayTime = 0; //TODO: Should there be a delay when stepping backwards?
-        console.log(event);
-        console.log(this.previousEvents);
         event.previous();
         this.nextEvents.unshift(event);
     };

Heap/js/EventManager.ts

@@ -1,6 +1,6 @@
 /**
  * Created by knutandersstokke on 16.10.2016.
- *
+ * Modified by Øyvind Skeie Liland
  */
 
 declare var $: any;
@@ -14,6 +14,7 @@ class EventManager {
 
     // Executing the next event in the queue, adding it to 'previous'
     next() {
+        viewer.playButtonState();
         if (this.nextEvents.length == 0) {
             return;
         }
@@ -27,13 +28,10 @@ class EventManager {
 
     // Executing the previous event
     previous() {
-        this.pause();
         if (this.previousEvents.length == 0)
             return;
         var event: FrontendEvent = (<FrontendEvent>this.previousEvents.pop());
         //this.delayTime = 0; //TODO: Should there be a delay when stepping backwards?
-        console.log(event);
-        console.log(this.previousEvents);
 
         event.previous();
         this.nextEvents.unshift(event);

Heap/js/View.js

@@ -297,26 +297,46 @@ var View = /** @class */ (function () {
             this.paused = true;
             this.playing = true;
             $("#play").text("Pause");
+            lockBackForward(true);
         }
         else if (algo === "HeapSort" && !this.paused && !this.playing) {
             control.getAlgorithm().sort();
             this.paused = true;
             this.playing = true;
             $("#play").text("Pause");
+            lockBackForward(true);
         }
         else {
             if (this.playing) {
                 manager.pause();
                 $("#play").text("Resume");
                 this.playing = false;
+                lockBackForward(false);
             }
             else {
                 this.playing = true;
                 manager.start();
                 $("#play").text("Pause");
+                lockBackForward(true);
             }
         }
     };
+    // Used in eventmanager for freemode and predefined
+    View.prototype.playButtonState = function () {
+        var algo = control.getAlgorithm().getName();
+        if (!(algo === "MaxHeap" || algo === "MaxHeapFree"))
+            return;
+        if (manager.nextEvents.length > 0) {
+            this.playing = true;
+            lockPlay(false);
+            lockBackForward(true);
+            $("#play").text("Pause");
+        }
+        else {
+            lockPlay(true);
+            lockBackForward(false);
+        }
+    };
     View.prototype.insertNewElemThis = function (child, value, parent) {
         var forward = function (index, value, parent) {
             return function () {

Heap/js/View.ts

@@ -352,24 +352,44 @@ class View implements IView {
             this.paused = true;
             this.playing = true;
             $("#play").text("Pause");
+            lockBackForward(true);
         } else if (algo === "HeapSort" && !this.paused && !this.playing) {
             (<HeapSort>control.getAlgorithm()).sort();
             this.paused = true;
             this.playing = true;
             $("#play").text("Pause");
+            lockBackForward(true);
         } else {
             if (this.playing) {
                 manager.pause();
                 $("#play").text("Resume");
                 this.playing = false;
+                lockBackForward(false);
             } else {
                 this.playing = true;
                 manager.start();
                 $("#play").text("Pause");
+                lockBackForward(true);
             }
         }
     }
 
+    // Used in eventmanager for freemode and predefined
+    playButtonState() {
+        let algo = control.getAlgorithm().getName();
+        if (!(algo === "MaxHeap" || algo === "MaxHeapFree"))
+            return;
+
+        if (manager.nextEvents.length > 0) {
+            this.playing = true;
+            lockPlay(false);
+            lockBackForward(true);
+            $("#play").text("Pause");
+        } else {
+            lockPlay(true);
+            lockBackForward(false);
+        }
+    }
 
     insertNewElemThis(child: number, value: number, parent: number) {
         let forward = function (index, value, parent) {

Heap/js/methods.js

@@ -336,6 +336,16 @@ function lockPlay(lock) {
         $("#play").removeAttr("disabled");
     }
 }
+function lockBackForward(lock) {
+    if (lock) {
+        $("#backward").attr({ "disabled": "true" });
+        $("#forward").attr({ "disabled": "true" });
+    }
+    else {
+        $("#backward").removeAttr("disabled");
+        $("#forward").removeAttr("disabled");
+    }
+}
 function stepBack() {
     if (firstSelected != -1) {
         selectIndex(firstSelected, false);

Heap/js/methods.ts

@@ -392,6 +392,16 @@ function lockPlay(lock: boolean) {
     }
 }
 
+function lockBackForward(lock: boolean) {
+    if (lock) {
+        $("#backward").attr({ "disabled": "true" });
+        $("#forward").attr({ "disabled": "true" });
+    } else {
+        $("#backward").removeAttr("disabled");
+        $("#forward").removeAttr("disabled");
+    }
+}
+
 function stepBack() {
     if (firstSelected != -1) {
         selectIndex(firstSelected, false);