Skip to content

E
edx-ora2
Commit 3ea44002 by Stephen Sanchez
Options

Adding all templates and rendering for peer and self assessment.

parent c816e1bf
Showing with 17 additions and 127 deletions
apps/openassessment/templates/openassessmentblock/oa_peer_assessment_collapsed.html deleted 100644 → 0
{% extends "openassessmentblock/oa_peer_assessment.html" %}
{% block body %}
{% endblock %}
apps/openassessment/templates/openassessmentblock/oa_response_collapsed.html deleted 100644 → 0
{% extends "openassessmentblock/oa_response.html" %}
{% block body %}
{% endblock %}
\ No newline at end of file
apps/openassessment/templates/openassessmentblock/oa_self_assessment.html deleted 100644 → 0
<!-- TEMPLATE: self evaluation -->
<!-- NOTES:
* class of is--unavailable is added when step is not available
* each .self-assessment item needs a unique id attribute formatted as #self-assessment--###
* individual rubric questions' answers need specific id attributes in several places
-->
<!-- CASE: default/not started -->
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment">
<header class="step__header">
<h2 class="step__title">
<span class="step__counter"></span>
<span class="wrapper--copy">
<span class="step__title__label">Evaluate Your Response</span>
<span class="step__title__deadline">due <span class="date">January 31, 2014</span> at <span class="time">15:00 UTC</span></span>
</span>
</h2>
<span class="step__status">
<span class="step__status__label">This step's status:</span>
<span class="step_status_value">Incomplete</span>
</span>
</header>
{% block body %}
<div class="step--content">
<article class="self-assessment" id="self-assessment">
<header class="self-assessment__header">
<h3 class="self-assessment__title">Your Submitted Response</h3>
</header>
<!-- ?: markup validating/copy cleaning upon submission -->
<div class="self-assessment__response">
{{ self_submission.answer }}
</div>
<form id="self-assessment--001__assessment" class="self-assessment__assessment" method="post">
<fieldset class="assessment__fields">
<legend class="assessment__instruction">{{ rubric_instructions }}</legend>
<ol class="list list--fields assessment__rubric">
{% for criterion in rubric_criteria %}
<!-- individual rubric question (radio-based choice) -->
<li class="field field--radio is--required assessment__rubric__question" id="assessment__rubric__question--{{ criterion.name }}">
<h4 class="question__title">
{{ criterion.instructions }}
<span class="label--required">* <span class="sr">(Required)</span></span>
</h4>
<ol class="question__answers">
{% for value, text in criterion.options %}
<li class="answer">
<div class="wrapper--input">
<input type="radio" name="assessment__rubric__question--{{ criterion.name }}" id="assessment__rubric__question--{{ criterion.name }}--01" class="answer__value" value="answer--001__option--01 - Very Well" />
<label for="assessment__rubric__question--001__option--01" class="answer__label">({{ value }}) {{ text }}</label>
</div>
<span class="answer__tip">TODO: Criterion Instructions</span>
</li>
{% endfor %}
</ol>
</li>
{% endfor %}
<!-- individual rubric question (text) -->
<li class="field field--textarea assessment__rubric__question" id="assessment__rubric__question--004">
<label for="assessment__rubric__question--004__value">Please provide any other feedback you have around this response</label>
<textarea id="assessment__rubric__question--004__value" placeholder="I felt this response was..."></textarea>
</li>
</ol>
</fieldset>
<ul class="list list--actions">
<li class="list--actions__item">
<button type="submit" id="self-assessment--001__assessment__submit" class="action action--submit">Submit your assessment</button>
</li>
</ul>
</form>
</article>
</div>
{% endblock %}
</li>
apps/openassessment/templates/openassessmentblock/oa_self_assessment_collapsed.html deleted 100644 → 0
{% extends "openassessmentblock/oa_self_assessment.html" %}
{% block body %}
{% endblock %}
apps/openassessment/templates/openassessmentblock/peer/oa_peer_assessment.html
...@@ -22,6 +22,7 @@ ...@@ -22,6 +22,7 @@
<span class="wrapper--copy"> <span class="wrapper--copy">
<span class="step__label">Evaluate Peers' Responses</span> <span class="step__label">Evaluate Peers' Responses</span>
<span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span> <span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span>
<span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span>
</span> </span>
</h2> </h2>
...@@ -35,8 +36,9 @@ ...@@ -35,8 +36,9 @@
</span> </span>
</span> </span>
</span> </span>
{% endblock %}
</header> </header>
{% endblock %}
{% block body %} {% block body %}
<div class="step__instruction"> <div class="step__instruction">
<p>Please read and evaluate the following response from one of your peers in the course.</p> <p>Please read and evaluate the following response from one of your peers in the course.</p>
......
apps/openassessment/templates/openassessmentblock/self/oa_self_assessment.html
...@@ -11,30 +11,33 @@ ...@@ -11,30 +11,33 @@
<!-- CASE: default/not started --> <!-- CASE: default/not started -->
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment">
<header class="step__header">
{% block list_item %} {% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--expanded"> <li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--expanded">
{% endblock %} {% endblock %}
<header class="step__header ui-toggle-visibility__control"> <header class="step__header">
<h2 class="step__title"> <h2 class="step__title">
<span class="step__counter"></span> <span class="step__counter"></span>
<span class="wrapper--copy"> <span class="wrapper--copy">
<span class="step__label">Evaluate Your Response</span> <span class="step__title__label">Evaluate Your Response</span>
<span class="step__title__deadline">due <span class="date">January 31, 2014</span> at <span class="time">15:00 UTC</span></span>
<span class="step__title__label">Evaluate Your Response</span>
<span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span> <span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span>
</span> </span>
</h2> </h2>
{% block title %}
{% block title %}
<span class="step__status"> <span class="step__status">
<span class="step__status__label">This step's status:</span> <span class="step__status__label">This step's status:</span>
<span class="step__status__value"> <span class="step_status_value">Incomplete</span>
<span class="copy">{{ step_status }}</span> <span class="step__status__label">This step's status:</span>
</span> <span class="step_status_value">{{ step_status }}</span>
</span> </span>
{% endblock %}
</header> </header>
{% endblock %}
</header>
{% block body %} {% block body %}
<div class="step__content"> <div class="step--content">
<article class="self-assessment" id="self-assessment"> <article class="self-assessment" id="self-assessment">
<header class="self-assessment__header"> <header class="self-assessment__header">
<h3 class="self-assessment__title">Your Submitted Response</h3> <h3 class="self-assessment__title">Your Submitted Response</h3>
......
apps/openassessment/templates/openassessmentblock/self/oa_self_closed.html deleted 100644 → 0
{% extends "openassessmentblock/self/oa_self_assessment.html" %}
<!-- CASE: not started and problem closed -->
{% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment ui-toggle-visibility">
{% endblock %}
{% block title %}
<span class="step__status">
<span class="step__status__label">This step's status:</span>
<span class="step__status__value">
<i class="ico fa fa-exclamation-triangle"></i>
<span class="copy">{{ step_status }}</span>
</span>
</span>
{% endblock %}
{% block body %}{% endblock %}
apps/openassessment/xblock/static/js/src/oa_base.js
...@@ -101,7 +101,7 @@ function OpenAssessmentBlock(runtime, element) { ...@@ -101,7 +101,7 @@ function OpenAssessmentBlock(runtime, element) {
url: renderPeerUrl, url: renderPeerUrl,
dataType: "html", dataType: "html",
success: function(data) { success: function(data) {
$('#openassessment__peer-assessment', element).replaceWith(data); render_peer_assessment(data);
} }
}); });
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment