Skip to content

E
edx-ora2
Commit cba8180c by Ahsan Ulhaq
Options

List structure unnecessary. 

List structure was used to structure the pages of ora2 which
results lot of unnecessary verbosity

TNL-68
parent da4fa3e5
Showing with 109 additions and 109 deletions
openassessment/templates/openassessmentblock/grade/oa_grade_cancelled.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<li id="openassessment__grade" class="openassessment__steps__step step--grade has--error"> <div id="openassessment__grade" class="openassessment__steps__step step--grade has--error">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
...@@ -27,5 +27,5 @@ ...@@ -27,5 +27,5 @@
</div> </div>
</div> </div>
</div> </div>
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/grade/oa_grade_closed.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<li id="openassessment__grade" class="openassessment__steps__step step--grade is--complete"> <div id="openassessment__grade" class="openassessment__steps__step step--grade is--complete">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
...@@ -12,5 +12,5 @@ ...@@ -12,5 +12,5 @@
</span> </span>
</h2> </h2>
</header> </header>
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/grade/oa_grade_incomplete.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<li id="openassessment__grade" class="openassessment__steps__step step--grade"> <div id="openassessment__grade" class="openassessment__steps__step step--grade">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
...@@ -21,5 +21,5 @@ ...@@ -21,5 +21,5 @@
</div> </div>
</div> </div>
</div> </div>
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/grade/oa_grade_not_started.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<li id="openassessment__grade" class="openassessment__steps__step step--grade is--unstarted"> <div id="openassessment__grade" class="openassessment__steps__step step--grade is--unstarted">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
...@@ -21,5 +21,5 @@ ...@@ -21,5 +21,5 @@
</div> </div>
</div> </div>
</div> </div>
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/grade/oa_grade_waiting.html
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
<li id="openassessment__grade" class="openassessment__steps__step step--grade"> <div id="openassessment__grade" class="openassessment__steps__step step--grade">
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
<h2 class="step__title"> <h2 class="step__title">
<span class="wrapper--copy"> <span class="wrapper--copy">
...@@ -27,5 +27,5 @@ ...@@ -27,5 +27,5 @@
</div> </div>
</div> </div>
</div> </div>
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/oa_base.html
...@@ -30,9 +30,9 @@ ...@@ -30,9 +30,9 @@
{% endblock %} {% endblock %}
</div> </div>
<ol class="openassessment__steps" id="openassessment__steps"> <div class="openassessment__steps" id="openassessment__steps">
{% for assessment in rubric_assessments %} {% for assessment in rubric_assessments %}
<li id="{{ assessment.class_id }}" class="openassessment__steps__step is--loading"> <div id="{{ assessment.class_id }}" class="openassessment__steps__step is--loading">
<header class="step__header"> <header class="step__header">
<h2 class="step__title"> <h2 class="step__title">
<span class="step__counter"></span> <span class="step__counter"></span>
...@@ -50,9 +50,9 @@ ...@@ -50,9 +50,9 @@
</span> </span>
</span> </span>
</header> </header>
</li> </div>
{% endfor %} {% endfor %}
</ol> </div>
{% if show_staff_debug_info %} {% if show_staff_debug_info %}
<div id="openassessment__staff-info"></div> <div id="openassessment__staff-info"></div>
......
openassessment/templates/openassessmentblock/peer/oa_peer_assessment.html
{% load tz %} {% load tz %}
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li <div
id="openassessment__peer-assessment" id="openassessment__peer-assessment"
class="openassessment__steps__step step--peer-assessment ui-toggle-visibility {% if allow_latex %} allow--latex {%endif%}" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility {% if allow_latex %} allow--latex {%endif%}"
data-submission-uuid="{{ peer_submission.uuid }}" data-submission-uuid="{{ peer_submission.uuid }}"
...@@ -52,8 +52,8 @@ ...@@ -52,8 +52,8 @@
</div> </div>
<div class="step__content"> <div class="step__content">
<ul class="list--peer-assessments"> <div class="list--peer-assessments">
<li class="list--peer-assessments__item"> <div class="list--peer-assessments__item">
<article class="peer-assessment" id="peer-assessment--001"> <article class="peer-assessment" id="peer-assessment--001">
<div class="peer-assessment__display"> <div class="peer-assessment__display">
<header class="peer-assessment__display__header"> <header class="peer-assessment__display__header">
...@@ -85,8 +85,8 @@ ...@@ -85,8 +85,8 @@
{% include "openassessmentblock/oa_rubric.html" %} {% include "openassessmentblock/oa_rubric.html" %}
</form> </form>
</article> </article>
</li> </div>
</ul> </div>
</div> </div>
<div class="step__actions"> <div class="step__actions">
...@@ -95,17 +95,17 @@ ...@@ -95,17 +95,17 @@
<div class="message__content"></div> <div class="message__content"></div>
</div> </div>
<ul class="list list--actions"> <div class="list list--actions">
<li class="list--actions__item"> <div class="list--actions__item">
<button type="submit" id="peer-assessment--001__assessment__submit" class="action action--submit is--disabled"> <button type="submit" id="peer-assessment--001__assessment__submit" class="action action--submit is--disabled">
<span class="copy">{{ submit_button_text }}</span> <span class="copy">{{ submit_button_text }}</span>
<i class="ico icon-caret-right"></i> <i class="ico icon-caret-right"></i>
</button> </button>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
{% endspaceless %} {% endspaceless %}
</li> </div>
openassessment/templates/openassessmentblock/peer/oa_peer_cancelled.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
{% block list_item %} {% block list_item %}
<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment"> <div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_closed.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__peer-assessment"class="openassessment__steps__step step--peer-assessment is--incomplete ui-toggle-visibility"> <div id="openassessment__peer-assessment"class="openassessment__steps__step step--peer-assessment is--incomplete ui-toggle-visibility">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_complete.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--empty is--complete is--collapsed"> <div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--empty is--complete is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
...@@ -31,14 +31,14 @@ ...@@ -31,14 +31,14 @@
<h3 class="message__title">{% trans "We could not retrieve additional submissions for assessment" %}</h3> <h3 class="message__title">{% trans "We could not retrieve additional submissions for assessment" %}</h3>
</div> </div>
<ul class="list list--actions"> <div class="list list--actions">
<li class="list--actions__item"> <div class="list--actions__item">
<button type="submit" id="peer-assessment__continue__grading" class="action action--continue--grading"> <button type="submit" id="peer-assessment__continue__grading" class="action action--continue--grading">
<span class="copy">{% trans "Continue Assessing Peers" %}</span> <span class="copy">{% trans "Continue Assessing Peers" %}</span>
<i class="ico icon-caret-right"></i> <i class="ico icon-caret-right"></i>
</button> </button>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
......
openassessment/templates/openassessmentblock/peer/oa_peer_turbo_mode.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li <div
id="openassessment__peer-assessment" id="openassessment__peer-assessment"
class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete"
data-submission-uuid="{{ peer_submission.uuid }}" data-submission-uuid="{{ peer_submission.uuid }}"
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<div class="step__content"> <div class="step__content">
<ul class="list--peer-assessments"> <ul class="list--peer-assessments">
<li class="list--peer-assessments__item"> <div class="list--peer-assessments__item">
<article class="peer-assessment" id="peer-assessment--001"> <article class="peer-assessment" id="peer-assessment--001">
<div class="peer-assessment__display"> <div class="peer-assessment__display">
<header class="peer-assessment__display__header"> <header class="peer-assessment__display__header">
...@@ -67,10 +67,10 @@ ...@@ -67,10 +67,10 @@
<form id="peer-assessment--001__assessment" class="peer-assessment__assessment" method="post"> <form id="peer-assessment--001__assessment" class="peer-assessment__assessment" method="post">
<fieldset class="assessment__fields"> <fieldset class="assessment__fields">
<ol class="list list--fields assessment__rubric"> <div class="list list--fields assessment__rubric">
{% for criterion in rubric_criteria %} {% for criterion in rubric_criteria %}
<li <div
class="field field--radio is--required assessment__rubric__question ui-toggle-visibility {% if criterion.options %}has--options{% endif %}" class="field field--radio is--required assessment__rubric__question ui-toggle-visibility {% if criterion.options %}has--options{% endif %}"
id="assessment__rubric__question--{{ criterion.order_num }}" id="assessment__rubric__question--{{ criterion.order_num }}"
> >
...@@ -81,9 +81,9 @@ ...@@ -81,9 +81,9 @@
</h4> </h4>
<div class="ui-toggle-visibility__content"> <div class="ui-toggle-visibility__content">
<ol class="question__answers"> <div class="question__answers">
{% for option in criterion.options %} {% for option in criterion.options %}
<li class="answer"> <div class="answer">
<div class="wrapper--input"> <div class="wrapper--input">
<input type="radio" <input type="radio"
name="{{ criterion.name }}" name="{{ criterion.name }}"
...@@ -98,11 +98,11 @@ ...@@ -98,11 +98,11 @@
<span class="answer__tip">{{ option.explanation }}</span> <span class="answer__tip">{{ option.explanation }}</span>
<span class="answer__points">{{option.points}} <span class="answer__points__label">{% trans "points" %}</span></span> <span class="answer__points">{{option.points}} <span class="answer__points__label">{% trans "points" %}</span></span>
</div> </div>
</li> </div>
{% endfor %} {% endfor %}
{% if criterion.feedback == 'optional' or criterion.feedback == 'required' %} {% if criterion.feedback == 'optional' or criterion.feedback == 'required' %}
<li class="answer--feedback"> <div class="answer--feedback">
<div class="wrapper--input"> <div class="wrapper--input">
<label for="assessment__rubric__question--{{ criterion.order_num }}__feedback" class="answer__label">{% trans "Comments" %}</label> <label for="assessment__rubric__question--{{ criterion.order_num }}__feedback" class="answer__label">{% trans "Comments" %}</label>
<textarea <textarea
...@@ -115,14 +115,14 @@ ...@@ -115,14 +115,14 @@
> >
</textarea> </textarea>
</div> </div>
</li> </div>
{% endif %} {% endif %}
</ol>
</div> </div>
</li> </div>
</div>
{% endfor %} {% endfor %}
<li class="wrapper--input field field--textarea assessment__rubric__question assessment__rubric__question--feedback" id="assessment__rubric__question--feedback"> <div class="wrapper--input field field--textarea assessment__rubric__question assessment__rubric__question--feedback" id="assessment__rubric__question--feedback">
<label class="question__title" for="assessment__rubric__question--feedback__value"> <label class="question__title" for="assessment__rubric__question--feedback__value">
<span class="question__title__copy">{{ rubric_feedback_prompt }}</span> <span class="question__title__copy">{{ rubric_feedback_prompt }}</span>
</label> </label>
...@@ -134,13 +134,13 @@ ...@@ -134,13 +134,13 @@
> >
</textarea> </textarea>
</div> </div>
</li> </div>
</ol> </div>
</fieldset> </fieldset>
</form> </form>
</article> </article>
</li> </div>
</ul> </div>
</div> </div>
<div class="step__actions"> <div class="step__actions">
...@@ -148,14 +148,14 @@ ...@@ -148,14 +148,14 @@
<h3 class="message__title">{% trans "We could not submit your assessment" %}</h3> <h3 class="message__title">{% trans "We could not submit your assessment" %}</h3>
</div> </div>
<ul class="list list--actions"> <div class="list list--actions">
<li class="list--actions__item"> <div class="list--actions__item">
<button type="submit" id="peer-assessment--001__assessment__submit" class="action action--submit is--disabled"> <button type="submit" id="peer-assessment--001__assessment__submit" class="action action--submit is--disabled">
<span class="copy">{{ submit_button_text }}</span> <span class="copy">{{ submit_button_text }}</span>
<i class="ico icon-caret-right"></i> <i class="ico icon-caret-right"></i>
</button> </button>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
......
openassessment/templates/openassessmentblock/peer/oa_peer_turbo_mode_waiting.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete"> <div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility is--complete">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment is--unavailable is--empty is--collapsed"> <div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment is--unavailable is--empty is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/peer/oa_peer_waiting.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment"> <div id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% spaceless %} {% spaceless %}
{% block list_item %} {% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility"> <div id="openassessment__response" aria-expanded="true" class="openassessment__steps__step step--response ui-toggle-visibility">
{% endblock %} {% endblock %}
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
...@@ -51,9 +51,9 @@ ...@@ -51,9 +51,9 @@
<div class="step__content"> <div class="step__content">
<form id="response__submission" class="response__submission"> <form id="response__submission" class="response__submission">
<ol class="list list--fields response__submission__content"> <div class="list list--fields response__submission__content">
{% for part in saved_response.answer.parts %} {% for part in saved_response.answer.parts %}
<li class="submission__answer__part"> <div class="submission__answer__part">
<article class="submission__answer__part__prompt ui-toggle-visibility"> <article class="submission__answer__part__prompt ui-toggle-visibility">
<h2 class="submission__answer__part__prompt__title">{% trans "The prompt for this section." %}</h2> <h2 class="submission__answer__part__prompt__title">{% trans "The prompt for this section." %}</h2>
...@@ -70,10 +70,10 @@ ...@@ -70,10 +70,10 @@
maxlength="100000" maxlength="100000"
>{{ part.text }}</textarea> >{{ part.text }}</textarea>
</div> </div>
</li> </div>
{% endfor %} {% endfor %}
{% if allow_file_upload %} {% if allow_file_upload %}
<li class="field"> <div class="field">
<div id="upload__error"> <div id="upload__error">
<div class="message message--inline message--error message--error-server"> <div class="message message--inline message--error message--error-server">
<h3 class="message__title">{% trans "We could not upload this image" %}</h3> <h3 class="message__title">{% trans "We could not upload this image" %}</h3>
...@@ -83,8 +83,8 @@ ...@@ -83,8 +83,8 @@
<label class="sr" for="submission__answer__upload">{% trans "Select an image to upload for this submission." %}</label> <label class="sr" for="submission__answer__upload">{% trans "Select an image to upload for this submission." %}</label>
<input type="file" id="submission__answer__upload" class="file--upload"> <input type="file" id="submission__answer__upload" class="file--upload">
<button type="submit" id="file__upload" class="action action--upload is--disabled">{% trans "Upload your image" %}</button> <button type="submit" id="file__upload" class="action action--upload is--disabled">{% trans "Upload your image" %}</button>
</li> </div>
<li> <div>
<div class="submission__answer__display__image is--hidden"> <div class="submission__answer__display__image is--hidden">
<img id="submission__answer__image" <img id="submission__answer__image"
class="submission--image" class="submission--image"
...@@ -93,9 +93,9 @@ ...@@ -93,9 +93,9 @@
{% endif %} {% endif %}
src="{{ file_url }}"/> src="{{ file_url }}"/>
</div> </div>
</li> </div>
{% endif %} {% endif %}
</ol> </div>
<span class="tip">{% trans "You may continue to work on your response until you submit it." %}</span> <span class="tip">{% trans "You may continue to work on your response until you submit it." %}</span>
...@@ -105,8 +105,8 @@ ...@@ -105,8 +105,8 @@
<div class="message__content"></div> <div class="message__content"></div>
</div> </div>
<ul class="list list--actions"> <div class="list list--actions">
<li class="list--actions__item"> <div class="list--actions__item">
<button type="submit" id="submission__save" class="action action--save submission__save is--disabled">{% trans "Save Your Progress" %}</button> <button type="submit" id="submission__save" class="action action--save submission__save is--disabled">{% trans "Save Your Progress" %}</button>
<div id="response__save_status" class="response__submission__status"> <div id="response__save_status" class="response__submission__status">
...@@ -115,26 +115,26 @@ ...@@ -115,26 +115,26 @@
{{ save_status }} {{ save_status }}
</h3> </h3>
</div> </div>
</li> </div>
{% if allow_latex %} {% if allow_latex %}
<li class="list--actions__item"> <div class="list--actions__item">
<button type="submit" id="submission__preview" class="action action--save submission__save is--disabled">{% trans "Preview in Latex"%}</button> <button type="submit" id="submission__preview" class="action action--save submission__save is--disabled">{% trans "Preview in Latex"%}</button>
<div id="response__preview_explanation" class="response__submission__status"> <div id="response__preview_explanation" class="response__submission__status">
<h3 class="response__submission__status__title"> <h3 class="response__submission__status__title">
{% trans "Click to preview your submission in Latex"%} {% trans "Click to preview your submission in Latex"%}
</h3> </h3>
</div> </div>
</li> </div>
<li id = "submission__preview__item" class="list--actions__item"> <div id = "submission__preview__item" class="list--actions__item">
<article class="submission__answer__display"> <article class="submission__answer__display">
<h3 class="submission__answer__display__title">Preview Response</h3> <h3 class="submission__answer__display__title">Preview Response</h3>
<div class="submission__answer__display__content"> <div class="submission__answer__display__content">
<p id="preview_content"></p> <p id="preview_content"></p>
</div> </div>
</article> </article>
</li> </div>
{% endif %} {% endif %}
</ul> </div>
</div> </div>
</form> </form>
</div> </div>
...@@ -145,18 +145,18 @@ ...@@ -145,18 +145,18 @@
<div class="message__content"></div> <div class="message__content"></div>
</div> </div>
<ul class="list list--actions"> <div class="list list--actions">
<li class="list--actions__item"> <div class="list--actions__item">
<a aria-role="button" href="#" id="step--response__submit" <a aria-role="button" href="#" id="step--response__submit"
class="action action--submit step--response__submit {{ submit_enabled|yesno:",is--disabled" }}"> class="action action--submit step--response__submit {{ submit_enabled|yesno:",is--disabled" }}">
<span class="copy">{% trans "Submit your response and move to the next step" %}</span> <span class="copy">{% trans "Submit your response and move to the next step" %}</span>
<i class="ico icon-caret-right"></i> <i class="ico icon-caret-right"></i>
</a> </a>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/response/oa_response_cancelled.html
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
{% load tz %} {% load tz %}
{% block list_item %} {% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility has--error"> <div id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility has--error">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_closed.html
{% extends "openassessmentblock/response/oa_response.html" %} {% extends "openassessmentblock/response/oa_response.html" %}
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response is--incomplete ui-toggle-visibility"> <div id="openassessment__response" class="openassessment__steps__step step--response is--incomplete ui-toggle-visibility">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_graded.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__response" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_submitted.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__response" aria-expanded="false" class="openassessment__steps__step step--response is--complete ui-toggle-visibility is--collapsed {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/response/oa_response_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__response" class="openassessment__steps__step step--response is--empty is--unavailable is--collapsed"> <div id="openassessment__response" class="openassessment__steps__step step--response is--empty is--unavailable is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_assessment.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load tz %} {% load tz %}
{% spaceless %} {% spaceless %}
{% block list_item %} {% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
...@@ -69,17 +69,17 @@ ...@@ -69,17 +69,17 @@
<div class="message__content"></div> <div class="message__content"></div>
</div> </div>
<ul class="list list--actions"> <div class="list list--actions">
<li class="list--actions__item"> <div class="list--actions__item">
<button type="submit" id="self-assessment--001__assessment__submit" class="action action--submit is--disabled"> <button type="submit" id="self-assessment--001__assessment__submit" class="action action--submit is--disabled">
<span class="copy">{% trans "Submit Your Assessment" %}</span> <span class="copy">{% trans "Submit Your Assessment" %}</span>
<i class="ico icon-caret-right"></i> <i class="ico icon-caret-right"></i>
</button> </button>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/self/oa_self_cancelled.html
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
{% block list_item %} {% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment"> <div id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_closed.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--incomplete ui-toggle-visibility"> <div id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--incomplete ui-toggle-visibility">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_complete.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--complete is--empty is--collapsed"> <div id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--complete is--empty is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/self/oa_self_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--empty is--unavailable is--collapsed"> <div id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment is--empty is--unavailable is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load tz %} {% load tz %}
{% spaceless %} {% spaceless %}
{% block list_item %} {% block list_item %}
<li id="openassessment__student-training" class="openassessment__steps__step step--student-training ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}"> <div id="openassessment__student-training" class="openassessment__steps__step step--student-training ui-toggle-visibility {% if allow_latex %}allow--latex{%endif%}">
{% endblock %} {% endblock %}
<header class="step__header ui-toggle-visibility__control"> <header class="step__header ui-toggle-visibility__control">
...@@ -78,10 +78,10 @@ ...@@ -78,10 +78,10 @@
<form id="student-training--001__assessment" class="student-training__assessment" method="post"> <form id="student-training--001__assessment" class="student-training__assessment" method="post">
<fieldset class="assessment__fields"> <fieldset class="assessment__fields">
<ol class="list list--fields assessment__rubric"> <div class="list list--fields assessment__rubric">
{% for criterion in training_rubric.criteria %} {% for criterion in training_rubric.criteria %}
{% if criterion.options %} {% if criterion.options %}
<li <div
class="field field--radio is--required assessment__rubric__question ui-toggle-visibility has--options" class="field field--radio is--required assessment__rubric__question ui-toggle-visibility has--options"
id="assessment__rubric__question--{{ criterion.order_num }}" id="assessment__rubric__question--{{ criterion.order_num }}"
> >
...@@ -105,9 +105,9 @@ ...@@ -105,9 +105,9 @@
<p>{% trans "The option you selected is not the option that the instructor selected." %}</p> <p>{% trans "The option you selected is not the option that the instructor selected." %}</p>
</div> </div>
</div> </div>
<ol class="question__answers"> <div class="question__answers">
{% for option in criterion.options %} {% for option in criterion.options %}
<li class="answer"> <div class="answer">
<div class="wrapper--input"> <div class="wrapper--input">
<input type="radio" <input type="radio"
name="{{ criterion.name }}" name="{{ criterion.name }}"
...@@ -121,14 +121,14 @@ ...@@ -121,14 +121,14 @@
<span class="answer__tip">{{ option.explanation }}</span> <span class="answer__tip">{{ option.explanation }}</span>
<span class="answer__points">{{option.points}} <span class="answer__points__label">{% trans "points" %}</span></span> <span class="answer__points">{{option.points}} <span class="answer__points__label">{% trans "points" %}</span></span>
</div> </div>
</li> </div>
{% endfor %} {% endfor %}
</ol> </div>
</div> </div>
</li> </div>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ol> </div>
</fieldset> </fieldset>
</form> </form>
</div> </div>
...@@ -139,17 +139,17 @@ ...@@ -139,17 +139,17 @@
<div class="message__content"></div> <div class="message__content"></div>
</div> </div>
<ul class="list list--actions"> <div class="list list--actions">
<li class="list--actions__item"> <div class="list--actions__item">
<button type="submit" id="student-training--001__assessment__submit" class="action action--submit is--disabled"> <button type="submit" id="student-training--001__assessment__submit" class="action action--submit is--disabled">
<span class="copy">{% trans "Compare your selections with the instructor's selections" %}</span> <span class="copy">{% trans "Compare your selections with the instructor's selections" %}</span>
<i class="ico icon-caret-right"></i> <i class="ico icon-caret-right"></i>
</button> </button>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
</li> </div>
{% endspaceless %} {% endspaceless %}
openassessment/templates/openassessmentblock/student_training/student_training_cancelled.html
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
{% load tz %} {% load tz %}
{% block list_item %} {% block list_item %}
<li id="openassessment__student-training" class="openassessment__steps__step step--student-training"> <div id="openassessment__student-training" class="openassessment__steps__step step--student-training">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training_closed.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__student-training" class="openassessment__steps__step step--student-training is--incomplete ui-toggle-visibility"> <div id="openassessment__student-training" class="openassessment__steps__step step--student-training is--incomplete ui-toggle-visibility">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training_complete.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__student-training" class="openassessment__steps__step step--student-training is--complete is--empty is--collapsed"> <div id="openassessment__student-training" class="openassessment__steps__step step--student-training is--complete is--empty is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
openassessment/templates/openassessmentblock/student_training/student_training_unavailable.html
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
{% load i18n %} {% load i18n %}
{% block list_item %} {% block list_item %}
<li id="openassessment__student-training" class="openassessment__steps__step step--student-training is--empty is--unavailable is--collapsed"> <div id="openassessment__student-training" class="openassessment__steps__step step--student-training is--empty is--unavailable is--collapsed">
{% endblock %} {% endblock %}
{% block title %} {% block title %}
......
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