Template-tizing the tempalates

apps/openassessment/xblock/static/html/oa_response.html

@@ -13,7 +13,10 @@
 
 
 <!-- CASE: default/unanswered -->
+{% block list_item %}
 <li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility">
+{% endblock %}
+    {%  block header %}
     <!--header class="step__header ui-toggle-visibility__control"-->
         <h2 class="step__title">
             <span class="step__label">Your Response</span>
@@ -25,7 +28,9 @@
       <span class="step__status__value">{{ step_status }}</span>
     </span>
     <!--/header-->
+    {% endblock %}
 
+    {% block body %}
     <div class="step__instruction">
         <p>Please provide your response to the following question. You may save your progress and return to complete your response anytime before the due date of <span class="step__deadline">due <span class="date">{{ formatted_due_date }}</span></span>. <strong class="emphasis--beta">Once you submit, you may not edit your response</strong>.</p>
     </div>
@@ -55,4 +60,5 @@
             </li>
         </ul>
     </div>
+    {% endblock %}
 </li>

apps/openassessment/xblock/static/html/oa_response_closed.html

-<!-- CASE: unaswered and problem closed -->
+{%  extends "static/html/oa_response.html" %}
+{% block list_item %}
 <li id="openassessment__response" class="openassessment__steps__step step--response is--unavailable ui-toggle-visibility">
-    <!--header class="step__header ui-toggle-visibility__control"-->
-        <h2 class="step__title">
-            <span class="step__label">Your Response</span>
-            <span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span>
-        </h2>
-
-    <span class="step__status">
-      <span class="step__status__label">This step's status:</span>
-      <span class="step__status__value">{{ step_status }}</span>
-    </span>
-    <!--/header-->
-
+{% endblock %}
+{% block body %}
     <div class="step__instruction">
         <p>You did not complete this portion of the problem before its due date.</p>
     </div>
-</li>
\ No newline at end of file
+{% endblock %}
\ No newline at end of file

apps/openassessment/xblock/static/html/oa_response_graded.html

-<!-- CASE: is graded -->
+{%  extends "static/html/oa_response.html" %}
+{% block list_item %}
 <li id="openassessment__response" class="openassessment__steps__step step--response is--graded is--collapsed ui-toggle-visibility">
-<!--header class="step__header ui-toggle-visibility__control"-->
-    <h2 class="step__title">
-        <span class="step__title__label">Your Response</span>
-        <span class="step__title__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span>
-    </h2>
-
-    <span class="step__status">
-      <span class="step__status__label">This step's status:</span>
-      <span class="step_status_value">{{ step_status }}</span>
-    </span>
-<!--/header-->
-
+{% endblock %}
+{% block body %}
 <div class="step__content">
 <!-- user's response -->
 <article class="submission__answer__display">
@@ -81,4 +72,5 @@
         </li>
     </ul>
 </form>
-</div>
\ No newline at end of file
+</div>
+{% endblock %}
\ No newline at end of file

apps/openassessment/xblock/static/html/oa_response_submitted.html

-<!-- CASE: is submitted and due date has passed  -->
+{% extends "static/html/oa_response.html" %}
+{% block list_item %}
 <li id="openassessment__response" class="openassessment__steps__step step--response is--submitted is--unavailable ui-toggle-visibility">
-    <!--header class="step__header ui-toggle-visibility__control"-->
-        <h2 class="step__title">
-            <span class="step__label">Your Response</span>
-            <span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span>
-        </h2>
-
-    <span class="step__status">
-      <span class="ico"><i class="fa fa-info-circle"></i></span>
-      <span class="step__status__label">This step's status:</span>
-      <span class="step__status__value">{{ step_status }}</span>
-    </span>
-    <!--/header-->
-
+{% endblock %}
+{% block body %}
     <div class="step__content">
         <!-- user's response -->
         <article class="submission__answer__display">
@@ -23,4 +13,4 @@
             </div>
         </article>
     </div>
-</li>
\ No newline at end of file
+{% endblock %}
\ No newline at end of file

apps/openassessment/xblock/ui_models.py

@@ -94,4 +94,4 @@ class SelfAssessmentUIModel(AssessmentUIModel):
         self.assessment_type = "self-assessment"
         self.class_id = "openassessment__self-assessment"
         self.navigation_text = "Your assessment of your response"
-        self.title = "Assess Your Response"
\ No newline at end of file
+        self.title = "Assess Your Response"