Fix css and display current step

This commit is contained in:
Vik Paruchuri
2013-01-08 10:24:36 -05:00
parent 349a43f31c
commit 5273d44788
2 changed files with 36 additions and 14 deletions

View File

@@ -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;

View File

@@ -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>