Widget:UserExamQuery: Difference between revisions
Jump to navigation
Jump to search
Matt Pijoan (talk | contribs) No edit summary |
Matt Pijoan (talk | contribs) No edit summary |
||
| (33 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
#metrics{ | #metrics{ | ||
width: | width:100%; | ||
text-align: center; | text-align: center; | ||
} | |||
.headerCell{ | |||
display: inline-block; | |||
width:20%; | |||
} | |||
.question{ | |||
background: #C7DDEE; | |||
color:#000; | |||
display: inline-block; | |||
width:20%; | |||
height:30px; | |||
} | } | ||
.cell | .cell | ||
{ background:#C7DDEE | { background:#C7DDEE url('http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/row_bkg.png') repeat-x scroll center left; color:#000; display: inline-block; width:20%; height:30px; } | ||
#header { background:#7CB8E2 url('http://www.jankoatwarpspeed.com/wp-content/uploads/examples/expandable-rows/header_bkg.png') repeat-x scroll center left; color:#fff; width:100%; height:30px; text-align:left; | |||
display: inline-block;} | |||
.mw-collapsible-toggle{ | |||
position:absolute; | |||
/* @noflip */ | |||
right: 20px; | |||
} | |||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 48: | Line 64: | ||
if($(value.questions).length > 0){ | if($(value.questions).length > 0){ | ||
outstring += "<div id='"+value.id+"'><span class='cell'>"+value.id+"</span><span class='cell'>"+timeBegin+"</span><span class='cell'>"+scoreString+"</span><span class='cell'>"+timeEnd+"</span><span class='cell'>"+value.type+"</span>"; | outstring += "<div id='"+value.id+"'><span class='cell'>"+value.id+"</span><span class='cell'>"+timeBegin+"</span><span class='cell'>"+scoreString+"</span><span class='cell'>"+timeEnd+"</span><span class='cell'>"+value.type+"</span>"; | ||
outstring += "<div>"; | outstring += "<div class='mw-collapsible-content'>"; | ||
$.each(value.questions, function(ind, val){ | $.each(value.questions, function(ind, val){ | ||
outstring += val.title+"<br />"; | outstring += "<span class='question'>"+val.title+"</span>"; | ||
if(val.timestam != null){ | |||
var timestam = new Date (val.timestam * 1000).toDateString(); | |||
outstring += "<span class='question'>"+timestam+"</span>"; | |||
} | |||
outstring += "<span class='question'>"+val.submitted+"</span><br />"; | |||
}); | }); | ||
outstring += "</div>" | outstring += "</div>" | ||
| Line 65: | Line 86: | ||
<div id="metrics"> | <div id="metrics"> | ||
<div id="header"> | <div id="header"> | ||
<span class=" | <span class="headerCell">Exam ID</span><span class="headerCell">Date started</span><span class="headerCell">Performance</span><span class="headerCell">Date Finished</span><span class="headerCell">Exam Type</span> | ||
</div> | </div> | ||
</div> | </div> | ||
</includeonly> | </includeonly> | ||