Adding a "tutorial.change" event listener to the input box that is triggered when the tutorial changes the input.

This replaces $input.change(), which no longer triggers the input recalculation now that there is an explicit submit button.

Author: wimpyprogrammer

js/main.js

@@ -139,7 +139,7 @@ define(function(require, exports, module) {
         $startTutorial = $('.js-tutorial-start'),
         lastTutorialStepNum = null;
 
-    $submit.on('click keypress', function() {
+    function processInput() {
       var input = $input.val(),
           expression, columnClasses;
 
@@ -174,6 +174,14 @@ define(function(require, exports, module) {
         }
 
       }
+    }
+    
+    $submit.on('click keypress', function() {
+      processInput();
+    });
+    
+    $input.on('tutorial.change', function() {
+      processInput();
     });
 
     $startTutorial.click(function() {
@@ -186,7 +194,7 @@ define(function(require, exports, module) {
           // so detect the start using onShow
           if(lastTutorialStepNum === null) {
             userInput = $input.val();
-            $input.val('').change();
+            $input.val('').trigger('tutorial.change');
           }
         },
         onShown: function(tour) {
@@ -205,7 +213,7 @@ define(function(require, exports, module) {
         },
         onEnd: function(tour) {
           lastTutorialStepNum = null;
-          $input.val(userInput).change();
+          $input.val(userInput).trigger('tutorial.change');
           trackEventTutorialEnd(thisStepNum(tour));
         }
       });

js/tutorial.js

@@ -7,7 +7,7 @@ define(function(require, exports, module) {
 
   function Tutorial(_options) {
     var resetInput = function() {
-      return $input.val('').change();
+      return $input.val('').trigger('tutorial.change');
     };
 
     var example1 = 'if( A || B ) {',
@@ -41,7 +41,7 @@ define(function(require, exports, module) {
         },{
           onShow: function(tour) {
             if(_options.onShow) { _options.onShow(tour); }
-            resetInput().val(example1).change();
+            resetInput().val(example1).trigger('tutorial.change');
           },
           element: '.js-truth-table',
           placement: 'bottom',
@@ -59,7 +59,7 @@ define(function(require, exports, module) {
         },{
           onShow: function(tour) {
             if(_options.onShow) { _options.onShow(tour); }
-            resetInput().val(example2).change();
+            resetInput().val(example2).trigger('tutorial.change');
           },
           element: '.js-truth-table',
           placement: 'bottom',
@@ -77,7 +77,7 @@ define(function(require, exports, module) {
         },{
           onShow: function(tour) {
             if(_options.onShow) { _options.onShow(tour); }
-            resetInput().val(example3).change();
+            resetInput().val(example3).trigger('tutorial.change');
           },
           element: '.js-truth-table',
           placement: 'bottom',