boro741
diff --git a/‎js/dom/setup/setup_top_menu.js‎
Lines changed: 3 additions & 8 deletions b/‎js/dom/setup/setup_top_menu.js‎
Lines changed: 3 additions & 8 deletions
diff --git a/‎js/dom/top_menu.js‎
Lines changed: 25 additions & 0 deletions b/‎js/dom/top_menu.js‎
Lines changed: 25 additions & 0 deletions
diff --git a/‎js/tracer_manager/manager.js‎
Lines changed: 4 additions & 2 deletions b/‎js/tracer_manager/manager.js‎
Lines changed: 4 additions & 2 deletions
@@ -1,6 +1,7 @@
 const app = require('../../app');
 const Server = require('../../server');
 const Toast = require('../toast');
+const TopMenu = require('../top_menu');
 
 module.exports = () => {
 
@@ -31,20 +32,14 @@ module.exports = () => {
   const $btnNext  = $('#btn_next');
   const $btnDesc  = $('#btn_desc');
 
-  const flowControlBtns = [ $btnPause, $btnPrev, $btnNext ];
-
-  const setFlowControlState = (isDisabled) => {
-    flowControlBtns.forEach($btn => $btn.attr('disabled', isDisabled));
-  };
-
   // initially, control buttons are disabled
-  setFlowControlState(true);
+  TopMenu.disableFlowControl();
 
   $btnRun.click(() => {
     $btnTrace.click();
     $btnPause.removeClass('active');
     $btnRun.addClass('active');
-    setFlowControlState(false);
+    TopMenu.enableFlowControl();
     var err = app.getEditor().execute();
     if (err) {
       console.error(err);
 
@@ -0,0 +1,25 @@
+'use strict';
+
+const flowControlBtns = [ $('#btn_pause'), $('#btn_prev'), $('#btn_next') ];
+const setFlowControlState = (isDisabled) => {
+  flowControlBtns.forEach($btn => $btn.attr('disabled', isDisabled));
+};
+
+const enableFlowControl = () => {
+  setFlowControlState(false);
+};
+
+const disableFlowControl = () => {
+  setFlowControlState(true);
+};
+
+const resetTopMenuButtons = () => {
+  $('.top-menu-buttons button').removeClass('active');
+  disableFlowControl();
+};
+
+module.exports = {
+  enableFlowControl,
+  disableFlowControl,
+  resetTopMenuButtons
+};
@@ -1,5 +1,7 @@
 'use strict';
 
+const TopMenu = require('../dom/top_menu');
+
 const stepLimit = 1e6;
 
 const TracerManager = function () {
@@ -180,7 +182,7 @@ TracerManager.prototype = {
 
     this.timer = setTimeout(() => {
       if (!tracer.nextStep(options)) {
-        $('#btn_run').removeClass('active');
+        TopMenu.resetTopMenuButtons();
       }
     }, this.interval);
   },
@@ -242,4 +244,4 @@ TracerManager.prototype = {
   }
 };
 
-module.exports = TracerManager;
+module.exports = TracerManager;