add play

src/ui/ButtonNavigator.js

@@ -11,6 +11,7 @@ function ButtonNavigator (_parent, _traceManager) {
   this.intoForwardDisabled = true
   this.overForwardDisabled = true
   this.jumpOutDisabled = true
+  this.playDisabled = true
 
   this.traceManager = _traceManager
   this.currentCall = null
@@ -68,6 +69,8 @@ ButtonNavigator.prototype.render = function () {
     </button>
     <button id='jumpout' title='jump out' class='fa fa-share' style=${ui.formatCss(style.button)} onclick=${function () { self.event.trigger('jumpOut') }} disabled=${this.jumpOutDisabled} >
     </button>
+    <button id='play' title='play' class='fa fa-play' style=${ui.formatCss(style.button)} onclick=${function () { self.event.trigger('play') }} disabled=${this.playDisabled} >
+    </button>
     <div id='reverted' style="display:none">
       <button id='jumptoexception' title='jump to exception' class='fa fa-exclamation-triangle' style=${ui.formatCss(style.button)} onclick=${function () { self.event.trigger('jumpToException', [self.revertionPoint]) }} disabled=${this.jumpOutDisabled} >
       </button>
@@ -104,6 +107,7 @@ ButtonNavigator.prototype.stepChanged = function (step) {
         self.reset()
         console.log(error)
       } else {
+        self.playDisabled = step >= length - 1
         self.intoForwardDisabled = step >= length - 1
         self.overForwardDisabled = step >= length - 1
         var stepOut = self.traceManager.findStepOut(step)
@@ -122,6 +126,7 @@ ButtonNavigator.prototype.updateAll = function () {
   this.updateDisabled('intoforward', this.intoForwardDisabled)
   this.updateDisabled('jumpout', this.jumpOutDisabled)
   this.updateDisabled('jumptoexception', this.jumpOutDisabled)
+  this.updateDisabled('play', this.playDisabled)
 }
 
 ButtonNavigator.prototype.updateDisabled = function (id, disabled) {

src/ui/StepManager.js

@@ -60,6 +60,11 @@ function StepManager (_parent, _traceManager) {
   this.buttonNavigator.event.register('jumpToException', this, function (exceptionIndex) {
     self.jumpTo(exceptionIndex)
   })
+  this.buttonNavigator.event.register('play', (exceptionIndex) => {
+    if (self.parent.breakpointManager) {
+      self.parent.breakpointManager.play()
+    }
+  })
 }
 
 StepManager.prototype.resolveToReducedTrace = function (value, incr) {