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 |
||
| (66 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%; | width:20%; | ||
} | |||
.question{ | |||
background: #C7DDEE; | |||
color:#000; | |||
display: inline-block; | display: inline-block; | ||
width:20%; | |||
height:30px; | |||
} | } | ||
.cell | |||
width:100%; | { 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"> | ||
function ensureLoggedIn() { | function ensureLoggedIn() { | ||
mw.loader.using('mediawiki.user', function() { | mw.loader.using('mediawiki.user', function() { | ||
mw.loader.using('jquery.makeCollapsible', function() { | |||
if ($.isEmptyObject(wgUserName)) { | if ($.isEmptyObject(wgUserName)) { | ||
alert("Please Log In To Continue."); | alert("Please Log In To Continue."); | ||
| Line 24: | Line 37: | ||
} | } | ||
}); | }); | ||
}); | |||
} | } | ||
function runQuery() { | function runQuery() { | ||
| Line 48: | Line 62: | ||
scoreString = "N/A"; | scoreString = "N/A"; | ||
} | } | ||
if($(value.questions).length > 0){ | if($(value.questions).length > 0){ | ||
outstring += "< | 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 class='mw-collapsible-content'>"; | |||
$.each(value.questions, function(ind, val){ | $.each(value.questions, function(ind, val){ | ||
outstring += "< | 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 += "</ | outstring += "</div>" | ||
outstring += "</div>"; | |||
$("#metrics").append(outstring); | |||
$("#"+value.id).makeCollapsible(); | |||
} | } | ||
}); | }); | ||
}); | }); | ||
| Line 64: | Line 84: | ||
</script> | </script> | ||
<div id="metrics"></div> | <div id="metrics"> | ||
<div id="header"> | |||
<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> | |||
</includeonly> | </includeonly> | ||