Make sure num_attempts info is always up-to-date by fetching it from

server when initializing Step Builder XBlock on the client.

problem_builder/mentoring.py

@@ -1055,6 +1055,12 @@ class MentoringWithExplicitStepsBlock(BaseMentoringBlock, StudioContainerWithNes
         }
 
     @XBlock.json_handler
+    def get_num_attempts(self, data, suffix):
+        return {
+            'num_attempts': self.num_attempts
+        }
+
+    @XBlock.json_handler
     def try_again(self, data, suffix=''):
         self.active_step = 0
 

problem_builder/public/js/mentoring_with_steps.js

@@ -372,11 +372,14 @@ function MentoringWithStepsBlock(runtime, element) {
     }
 
     function initXBlockView() {
+        // Hide steps until we're ready
+        hideAllSteps();
+
+        // Initialize references to relevant DOM elements and set up event handlers
         checkmark = $('.assessment-checkmark', element);
 
         submitDOM = $(element).find('.submit .input-main');
         submitDOM.on('click', submit);
-        submitDOM.show();
 
         nextDOM = $(element).find('.submit .input-next');
         if (atReviewStep()) {
@@ -384,7 +387,6 @@ function MentoringWithStepsBlock(runtime, element) {
         } else {
             nextDOM.on('click', updateDisplay);
         }
-        nextDOM.show();
 
         reviewDOM = $(element).find('.submit .input-review');
         reviewDOM.on('click', showGrade);
@@ -400,12 +402,29 @@ function MentoringWithStepsBlock(runtime, element) {
         reviewLinkDOM = $(element).find('.review-link');
         reviewLinkDOM.on('click', showGrade);
 
+        // Initialize individual steps
+        // (sets up click handlers for questions and makes sure answer data is up-to-date)
         var options = {
             onChange: onChange
         };
         initSteps(options);
 
-        updateDisplay();
+        // Refresh info about number of attempts used:
+        // In the LMS, the HTML of multiple units can be loaded at once,
+        // and the user can flip among them. If that happens, information about
+        // number of attempts student has used up may be out of date.
+        var handlerUrl = runtime.handlerUrl(element, 'get_num_attempts');
+        $.post(handlerUrl, JSON.stringify({}))
+            .success(function(response) {
+                attemptsDOM.data('num_attempts', response.num_attempts);
+
+                // Finally, show controls and content
+                submitDOM.show();
+                nextDOM.show();
+
+                updateDisplay();
+            });
+
     }
 
     initClickHandlers();