Add "Review grade" button and hide/show/enable/disable it when appropriate.

problem_builder/public/js/mentoring_with_steps.js

@@ -4,7 +4,7 @@ function MentoringWithStepsBlock(runtime, element) {
         function(c) { return c.element.className.indexOf('sb-step') > -1; }
     );
     var activeStep = $('.mentoring', element).data('active-step');
-    var reviewStep, checkmark, submitDOM, nextDOM, tryAgainDOM, submitXHR;
+    var reviewStep, checkmark, submitDOM, nextDOM, reviewDOM, tryAgainDOM, submitXHR;
 
     function isLastStep() {
         return (activeStep === steps.length-1);
@@ -37,6 +37,7 @@ function MentoringWithStepsBlock(runtime, element) {
         if (nextDOM.is(':visible')) { nextDOM.focus(); }
 
         if (isLastStep()) {
+            reviewDOM.removeAttr('disabled');
             tryAgainDOM.removeAttr('disabled');
             tryAgainDOM.show();
         }
@@ -64,8 +65,11 @@ function MentoringWithStepsBlock(runtime, element) {
     function updateDisplay() {
         cleanAll();
         showActiveStep();
-        nextDOM.attr('disabled', 'disabled');
         validateXBlock();
+        nextDOM.attr('disabled', 'disabled');
+        if (isLastStep()) {
+            reviewDOM.show();
+        }
     }
 
     function showActiveStep() {
@@ -112,6 +116,7 @@ function MentoringWithStepsBlock(runtime, element) {
         submitDOM.show();
         if (! isLastStep()) {
             nextDOM.show();
+            reviewDOM.hide();
         }
     }
 
@@ -137,6 +142,8 @@ function MentoringWithStepsBlock(runtime, element) {
         nextDOM.on('click', updateDisplay);
         nextDOM.show();
 
+        reviewDOM = $(element).find('.submit .input-review');
+
         tryAgainDOM = $(element).find('.submit .input-try-again');
         tryAgainDOM.on('click', tryAgain);
 

problem_builder/templates/html/mentoring_with_steps.html

@@ -17,6 +17,7 @@
       <span class="assessment-checkmark fa icon-2x"></span>
       <input type="button" class="input-main" value="Submit" disabled="disabled" />
       <input type="button" class="input-next" value="Next Step" disabled="disabled" />
+      <input type="button" class="input-review" value="Review grade" disabled="disabled" />
       <input type="button" class="input-try-again" value="Try again" disabled="disabled" />
     </div>
   </div>