Get rid of "runDetails not defined error".

problem_builder/mentoring.py

@@ -1015,7 +1015,7 @@ class MentoringWithExplicitStepsBlock(BaseMentoringBlock, StudioContainerWithNes
         fragment.add_javascript_url(self.runtime.local_resource_url(self, 'public/js/mentoring_with_steps.js'))
 
         fragment.add_resource(loader.load_unicode('templates/html/mentoring_attempts.html'), "text/html")
-        fragment.add_resource(loader.load_unicode('templates/html/mentoring_assessment_templates.html'), "text/html")
+        fragment.add_resource(loader.load_unicode('templates/html/mentoring_review_templates.html'), "text/html")
 
         self.include_theme_files(fragment)
 

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 gradeTemplate = _.template($('#xblock-grade-template').html());
+    var gradeTemplate = _.template($('#xblock-review-template').html());
     var reviewTipsTemplate = _.template($('#xblock-review-tips-template').html()); // Tips about specific questions the user got wrong
     var attemptsTemplate = _.template($('#xblock-attempts-template').html());
     var reviewStep, checkmark, submitDOM, nextDOM, reviewDOM, tryAgainDOM,

problem_builder/templates/html/mentoring_review_templates.html

+<script type="text/template" id="xblock-review-template">
+  <div class="grade-result">
+    <h2>
+      <%= _.template(gettext("You scored {percent}% on this assessment."), {percent: score}, {interpolate: /\{(.+?)\}/g}) %>
+    </h2>
+    <hr/>
+
+    <span class="assessment-checkmark icon-2x checkmark-correct icon-ok fa fa-check"></span>
+    <div class="results-section">
+      <p>
+        <%= _.template(
+          ngettext(
+            "You answered 1 question correctly.",
+            "You answered {number_correct} questions correctly.",
+            correct_answer
+          ), {number_correct: correct_answer}, {interpolate: /\{(.+?)\}/g})
+        %>
+      </p>
+    </div>
+    <div class="clear"></div>
+    <span class="assessment-checkmark icon-2x checkmark-partially-correct icon-ok fa fa-check"></span>
+    <div class="results-section">
+      <p>
+        <%= _.template(
+          ngettext(
+            "You answered 1 question partially correctly.",
+            "You answered {number_partially_correct} questions partially correctly.",
+            partially_correct_answer
+          ), {number_partially_correct: partially_correct_answer}, {interpolate: /\{(.+?)\}/g})
+        %>
+      </p>
+    </div>
+    <div class="clear"></div>
+    <span class="assessment-checkmark icon-2x checkmark-incorrect icon-exclamation fa fa-exclamation"></span>
+    <div class="results-section">
+      <p>
+        <%= _.template(
+          ngettext(
+            "You answered 1 question incorrectly.",
+            "You answered {number_incorrect} questions incorrectly.",
+            incorrect_answer
+          ), {number_incorrect: incorrect_answer}, {interpolate: /\{(.+?)\}/g})
+        %>
+      </p>
+    </div>
+    <div class="clear"></div>
+    <hr/>
+  </div>
+</script>
+
+<!-- Template for extended feedback: Show extended feedback details when all attempts are used up. -->
+<script type="text/template" id="xblock-review-questions-template">
+<% var q, last_question; %>
+<ul class="review-list <%= label %>-list">
+    <% for (var question in questions) {{ q = questions[question]; last_question = question == questions.length - 1; %>
+    <li><a href="#" class="question-link" data-step="<%= q.number %>"><%= _.template(gettext("Question {number}"), {number: q.number}, {interpolate: /\{(.+?)\}/g}) %></a></li>
+    <% }} %>
+</ul>
+</script>
+
+<!-- Tips about specific questions the student got wrong. From pb-message[type=on-assessment-review-question] blocks -->
+<script type="text/template" id="xblock-review-tips-template">
+<p class="review-tips-intro"><%= gettext("You might consider reviewing the following items before your next assessment attempt:") %></p>
+<ul class="review-tips-list">
+    <% for (var tip_idx in tips) {{ %>
+        <li><%= tips[tip_idx] %></li>
+    <% }} %>
+</ul>
+</script>