Adding a top-level message with instructions for student training

apps/openassessment/templates/openassessmentblock/student_training/student_training.html

@@ -41,6 +41,23 @@
 {% block body %}
     <div class="ui-toggle-visibility__content">
         <div class="wrapper--step__content">
+
+            <div id="openassessment__student-training--instructions" class="step__message message message--correct">
+                <h3 class="message__title">{% trans "Learning to Assess" %}</h3>
+
+                <div class="message__content">
+                    <p>{% blocktrans %}Prior to moving on to the next assessment step, review the following instructor provided responses as an introduction to the assessment format for this question. Your goal is to match the assessment score given to each of these responses by instructors.{% endblocktrans %}</p>
+                </div>
+            </div>
+
+            <div id="openassessment__student-training--incorrect" class="step__message message message--incorrect is--hidden">
+                <h3 class="message__title">{% trans "Learning to Assess" %}</h3>
+
+                <div class="message__content">
+                    <p>{% blocktrans %}Your scoring differs from the instructor's score for this assessment section. Please review the response above to review why it might be different, re-score this assessment section and check your assessment again.{% endblocktrans %}</p>
+                </div>
+            </div>
+
             <div class="step__content">
                 <article class="student-training__display" id="student-training">
                     <header class="student-training__display__header">

apps/openassessment/xblock/static/js/src/oa_training.js

@@ -84,9 +84,18 @@ OpenAssessment.StudentTrainingView.prototype = {
         var baseView = this.baseView;
         this.server.trainingAssess(options).done(
             function(corrections) {
+                var incorrect = $("#openassessment__student-training--incorrect", this.element);
+                var instructions = $("#openassessment__student-training--instructions", this.element);
+
                 if (!view.rubric.updateRubric(corrections)) {
                     baseView.loadAssessmentModules();
+                    incorrect.addClass("is--hidden");
+                    instructions.removeClass("is--hidden");
+                } else {
+                    instructions.addClass("is--hidden");
+                    incorrect.removeClass("is--hidden");
                 }
+
                 baseView.scrollToTop();
             }
         ).fail(function(errMsg) {