Fix css and display current step
This commit is contained in:
@@ -21,7 +21,6 @@ h2 {
|
||||
}
|
||||
|
||||
section.combined-open-ended {
|
||||
margin-right:20px;
|
||||
.status-container
|
||||
{
|
||||
float:right;
|
||||
@@ -45,6 +44,23 @@ section.combined-open-ended {
|
||||
|
||||
section.open-ended-child, section.combined-open-ended-status {
|
||||
|
||||
.statusitem {
|
||||
background-color: #FAFAFA;
|
||||
color: #2C2C2C;
|
||||
font-family: monospace;
|
||||
font-size: 1em;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.statusitem-current {
|
||||
background-color: #BEBEBE;
|
||||
color: #2C2C2C;
|
||||
font-family: monospace;
|
||||
font-size: 1em;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
|
||||
.evaluation {
|
||||
p {
|
||||
margin-bottom: 1px;
|
||||
|
||||
@@ -1,17 +1,23 @@
|
||||
<section id="combined-open-ended-status" class="combined-open-ended-status">
|
||||
%for status in status_list:
|
||||
<div class="statusitem">
|
||||
Step ${status['task_number']} (${status['human_state']}) : ${status['score']} / ${status['max_score']}
|
||||
%if status['type']=="openended":
|
||||
<div class="collapsible external-grader-message">
|
||||
<header>
|
||||
<a href="#">Show feedback from step ${status['task_number']}</a>
|
||||
</header>
|
||||
<section id="post-assessment">
|
||||
${status['post_assessment']}
|
||||
</section>
|
||||
</div>
|
||||
%for i in xrange(0,len(status_list)):
|
||||
<%status=status_list[i]%>
|
||||
%if i==len(status_list)-1:
|
||||
<div class="statusitem-current" data-status-number="${i}">
|
||||
%else:
|
||||
<div class="statusitem" data-status-number="${i}">
|
||||
%endif
|
||||
</div>
|
||||
|
||||
Step ${status['task_number']} (${status['human_state']}) : ${status['score']} / ${status['max_score']}
|
||||
%if status['type']=="openended":
|
||||
<div class="collapsible external-grader-message">
|
||||
<header>
|
||||
<a href="#">Show feedback from step ${status['task_number']}</a>
|
||||
</header>
|
||||
<section id="post-assessment">
|
||||
${status['post_assessment']}
|
||||
</section>
|
||||
</div>
|
||||
%endif
|
||||
</div>
|
||||
%endfor
|
||||
</section>
|
||||
Reference in New Issue
Block a user