First crack at some templates in django

apps/openassessment/xblock/static/html/oa_base.html

+<!-- TEMPLATE: status messages -->
+
+
+<!-- NOTES:
+
+ * class of message--warning is added message is a warning/notification to user
+ * class of message--confirmation is added message is a confirmation to user
+ * class of has--actions is added when a message has actions associated with it for user to interact with
+
+ -->
+
+
+<div class="wrapper wrapper--openassessment theme--basic">
+    <div class="openassessment" id="openassessment">
+
+        <h1 class="openassessment__title">
+            <span class="openassessment__title--super">
+                {{ title }}
+            </span>
+
+            <span class="openassessment__title--sub">
+                <span class="problem-type problem-type--open-ended-response">Open Ended Response</span>
+                {%  for eval in rubric_evals %}
+                +
+                <span class="problem-type problem-type--{{ eval.type }}">{{ eval.name }}</span>
+                {% endfor %}
+            </span>
+        </h1>
+
+        <!--?: may have trouble with aync -->
+        <nav class="nav--contents">
+            <h2 class="title">Skip to a part of this problem:</h2>
+
+            <ol class="list list--nav">
+                <li class="list--nav__item">
+                    <a class="action" href="#openassessment__response">Your response to this problem</a>
+                </li>
+                {%  for eval in rubric_evals %}
+                <li class="list--nav__item">
+                    <a class="action" href="#openassessment__{{ eval.type }}">{{ eval.navigation_text }}</a>
+                </li>
+                {% endfor %}
+                <li class="list--nav__item">
+                    <a class="action" href="#openassessment__grade">Your grade for this problem</a>
+                </li>
+            </ol>
+        </nav>
+
+        <!-- STATUS: system messages -->
+        <!-- SEE t-messages.html for all cases -->
+
+        <!-- question -->
+        <div class="wrapper--openassessment__prompt">
+            <article class="openassessment__prompt ui-toggle-visibility">
+
+                <h2 class="openassessment__prompt__title">Open Assessment Problem</h2>
+
+                <div class="openassessment__prompt__copy ui-toggle-visibility__content">
+                    <p>{{ question }}</p>
+                </div>
+
+                <ul class="list list--controls">
+                    <li class="list--controls__item">
+                        <a href="" class="action action--toggle ui-toggle-visibility__control">Collapse/Expand This</a>
+                    </li>
+                </ul>
+            </article>
+        </div>
+
+        <!-- steps -->
+        <ol class="openassessment__steps" id="openassessment__steps">
+
+            <!-- STEP: response -->
+            {% include "static/html/oa_response.html" %}
+
+            {% for eval in rubric_evals %}
+            {% include eval.url %}
+            {% endfor %}
+
+        </ol>
+
+        <!-- STATUS: problem grade -->
+        {% include "static/html/oa_grade.html" %}
+    </div>
+</div>

apps/openassessment/xblock/static/html/oa_grade.html

+<!-- TEMPLATE: grade status -->
+
+
+<!-- NOTES:
+
+* class of is--incomplete is added when the problem is in an incomplete state
+* class of is--complete is added when problem is successfully completed by user
+* class of has--grade is added when a grade (failing or passing) is calculated for user
+* classes of needs--* are added when user action is needed
+* classes of awaiting--* are added when a user's flow is dependent upon system readiness
+
+-->
+
+
+<!-- CASE: default/unstarted -->
+<div id="openassessment__grade" class="openassessment__grade {{ grade_state.style_class }}">
+    <h2 class="openassessment__grade__title">{{ grade_state.title }}</h2>
+
+    <div class="openassessment__grade__content">
+        <span class="grade__value">{{ grade_state.value }}</span>
+        <p>{{ grade_state.message }}</p>
+    </div>
+</div>

apps/openassessment/xblock/test/test_openassessment.py

@@ -47,11 +47,11 @@ RUBRIC_CONFIG = """
             </criterion>
         </rubric>
         <evals>
-            <peereval start="2014-12-20T19:00-7:00"
+            <peer-evaluation start="2014-12-20T19:00-7:00"
               due="2014-12-21T22:22-7:00"
               must_grade="5"
               must_be_graded_by="3" />
-            <selfeval/>
+            <self-evaluation/>
         </evals>
     </openassessment>
 """

settings/base.py

@@ -116,6 +116,8 @@ ROOT_URLCONF = 'urls'
 
 TEMPLATE_DIRS = (
     "apps/submissions/templates",
+    "apps/openassessment/peer/templates",
+    "apps/openassessment/xblock",
 )
 
 INSTALLED_APPS = (