Widget:WJG Sandbox Merge: Difference between revisions
Jump to navigation
Jump to search
Created page with "<includeonly> <script src="http://www.wikidoc.org/includes/raty/jquery.timer.js"></script> <script type="text/javascript" src="http://www.wikidoc.org/includes/raty/jquery.rat..." |
No edit summary |
||
(27 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<base target="_blank"> | |||
<script src="http://www.wikidoc.org/includes/raty/jquery.timer.js"></script> | <script src="http://www.wikidoc.org/includes/raty/jquery.timer.js"></script> | ||
<script type="text/javascript" src="http://www.wikidoc.org/includes/raty/jquery.raty.js"></script> | <script type="text/javascript" src="http://www.wikidoc.org/includes/raty/jquery.raty.js"></script> | ||
<script src='http://dl.dropboxusercontent.com/u/1874620/ChartNew.js'></script> | |||
<script type="text/javascript" src="http://wikidoc.org/extensions/WGTextHighlight/jquery.textHighlighter.js"></script> | |||
<head> | |||
<link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/animate.css"> | |||
</head> | |||
<style type="text/css"> | <style type="text/css"> | ||
input[type=radio].css-checkbox { | |||
display:none; | |||
} | |||
input[type=radio].css-checkbox + label.css-label { | |||
display: inline-block; | |||
*display: inline; | |||
vertical-align: middle; | |||
margin: 0; | |||
width: 20px; | |||
height: 20px; | |||
background-repeat: no-repeat; | |||
background: url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png) no-repeat; | |||
border: none; | |||
cursor: pointer; | |||
background-position: -88px 0; | |||
} | |||
input[type=radio].css-checkbox:checked + label.css-label { | |||
background-position: -110px 0; | |||
} | |||
label.css-label { | |||
background-image:url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png); | |||
-webkit-touch-callout: none; | |||
-webkit-user-select: none; | |||
-khtml-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | |||
.examOptionButton { | |||
font:14px/20px'MontserratRegular', Helvetica, Arial, sans-serif; | |||
color: #444; | |||
} | |||
.examOptionTitle { | |||
font:24px'MontserratRegular', Helvetica, Arial, sans-serif; | |||
color:#222 | |||
} | |||
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { | |||
input[type=radio].css-checkbox + label.css-label { | |||
background-image: url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue@2x.png); | |||
-webkit-background-size: 176px 22px; | |||
background-size: 176px 22px; | |||
} | |||
} | |||
a{ | |||
target-name:new; | |||
target-new:tab; | |||
} | |||
body{ | |||
width:100%; | |||
margin:0; | |||
background-color:#FFFFFF; | |||
} | |||
#details{ | |||
position:absolute; background:white; border: 1px solid #D1C9C2; border-top: 0; width: 400px; margin: 0 auto; padding: 7px 15px; text-align: left; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; | |||
} | |||
#content.mw-body{ | |||
width:100%; | |||
padding:0; | |||
margin-left:0; | |||
margin:0; | |||
border:none; | |||
} | |||
#bodyContent{ | |||
width:100%; | |||
height:90%; | |||
margin:0; | |||
} | |||
#chooseQBank{ | |||
background-color:#0e83cd; | |||
} | |||
body{ | |||
width:100%; | |||
margin:0; | |||
} | |||
/*Here's some css for the buttons used to select an exam. (.Curric buttons). | |||
lines comment*/ | |||
.round-button { | |||
width:100px; | |||
display:inline-block; | |||
cursor:pointer; | |||
} | |||
.round-button-circle { | |||
width: 100%; | |||
height:0; | |||
padding-bottom: 100%; | |||
border-radius: 50%; | |||
border:0px solid #cfdcec; | |||
overflow:hidden; | |||
opacity:50%; | |||
background: #3C9AD6; | |||
} | |||
.round-button p { | |||
font-family: 'Lato', Calibri, Arial, sans-serif; | |||
display:block; | |||
float:left; | |||
width:100%; | |||
padding-top:50%; | |||
padding-bottom:50%; | |||
line-height:1em; | |||
margin-top:-0.5em; | |||
text-align:center; | |||
color:white; | |||
font-size:3.2em; | |||
text-decoration:none; | |||
} | |||
.round-button p:hover { | |||
color:#0e83cd; | |||
transition: background 0.2s, color 0.2s; | |||
} | |||
.round-button-circle:hover { | |||
width: 100%; | |||
height:0; | |||
padding-bottom: 100%; | |||
border-radius: 50%; | |||
border-spacing:5px; | |||
border:3px solid #0e83cd; | |||
overflow:hidden; | |||
box-shadow: 0 0 0 4px #fff; | |||
transition: background 0.2s, color 0.2s; | |||
background: white; | |||
} | |||
#spacer{ | |||
margin:10px | |||
} | |||
.container > header { | |||
font-family: 'Lato', Calibri, Arial, sans-serif; | |||
margin: 0 auto; | |||
padding: 2em 1em 2em; | |||
width: 100%; | |||
text-align: center; | |||
background: #fff; | |||
z-index: 999999; | |||
-webkit-backface-visibility: hidden; | |||
border-bottom:none; | |||
margin-bottom:20px; | |||
} | |||
.container > header h1 { | |||
font-size: 3.625em; | |||
line-height: 1.3; | |||
margin: 0; | |||
font-weight: 300; | |||
color: #aaa; | |||
background: #fff; | |||
border-bottom:none; | |||
} | |||
.container > header span { | |||
display: block; | |||
font-size: 60%; | |||
opacity: 0.6; | |||
padding: 0 0 0.6em 0.1em; | |||
border-bottom:none; | |||
} | |||
.examButtons { | |||
text-align: center; | |||
margin: 0 auto; | |||
padding: 2em 0 3em; } | |||
.boxed{ | .boxed{ | ||
border:0px solid black !important; | border:0px solid black !important; | ||
Line 9: | Line 203: | ||
border:0px solid #F00 !important; | border:0px solid #F00 !important; | ||
} | } | ||
.answer{display: inline} | |||
.ans_text{ | |||
display: inline; | |||
cursor: pointer; | |||
} | |||
.choice_elim{ | |||
opacity:0.9; | |||
text-decoration:line-through; | |||
} | |||
.flagged{ | |||
color:#FF0000; | |||
} | |||
.labvalson{ | |||
display:visible; | |||
} | |||
.unboxed{ | .unboxed{ | ||
Line 28: | Line 238: | ||
background-color:#3366CC; | background-color:#3366CC; | ||
height:40px; | height:40px; | ||
line-height: 15px; | |||
border-radius: 15px; | |||
font-weight:bold; | font-weight:bold; | ||
width:150px; | width:150px; | ||
Line 60: | Line 272: | ||
z-index:-1; | z-index:-1; | ||
} | } | ||
#content{ | |||
height:100%;} | |||
#exam{ | |||
height:90%; | |||
border:none; | |||
padding:0; | |||
} | |||
#mw-content-text{ | |||
height:100%;} | |||
#navPane{ | #navPane{ | ||
position:relative; | position:relative; | ||
float:left; | float:left; | ||
width:5%; | width:5%; | ||
height:100%; | |||
overflow-y:scroll; | |||
} | } | ||
#examSpace{ | #examSpace{ | ||
Line 69: | Line 294: | ||
float:right; | float:right; | ||
width:94%; | width:94%; | ||
height:90%; | |||
overflow-y:scroll; | |||
} | } | ||
#navBar{ | #navBar{ | ||
Line 75: | Line 302: | ||
width:95%; | width:95%; | ||
background-color:#3366CC; | background-color:#3366CC; | ||
} | |||
#bottomBar{ | |||
height:40px; | |||
position:relative; | |||
float:right; | |||
width:100%; | |||
background-color:#3366CC; | |||
} | |||
#pauseButton{ | |||
float:right; | |||
margin-bottom:0px; | |||
height:95%; | |||
} | |||
#stopButton{ | |||
float:right; | |||
margin-right: 5%; | |||
height=95%; | |||
margin-bottom:0px; | |||
} | } | ||
.navPaneButton{ | .navPaneButton{ | ||
Line 80: | Line 325: | ||
background-color:#D0D0D0; | background-color:#D0D0D0; | ||
padding-top:5px; | padding-top:5px; | ||
font-weight:bold; | font-weight:bold; | ||
text-align: center; | text-align: center; | ||
Line 97: | Line 341: | ||
height:auto; | height:auto; | ||
visibility:visible; | visibility:visible; | ||
} | |||
#tutorOrExamContainer{ | |||
background-color:#E3E5E5; | |||
} | } | ||
</style> | </style> | ||
Line 143: | Line 390: | ||
} | } | ||
} | } | ||
var | window.exam=options; | ||
stuffs += "< | var background_html="<div class='container'><header><h1 class='animated bounceInDown'>Wikidoc Board Review </br> <span>Please select an exam below</span></h1></header></div>"; | ||
stuffs += "< | $("#chooseQBank").html(background_html); | ||
stuffs += "< | var stuffs = "<div class='round-button Curric' id='MCAT'><div class='round-button-circle'><p class='round-button' style='font-size:2.5em;'>MCAT</p></div></div><div id='spacer' style='display: inline'></div>"; | ||
stuffs += "<div class='round-button Curric' id='USMLE Step 1'><div class='round-button-circle'><p class='round-button'>1</p></div></div><div id='spacer' style='display: inline'></div>"; | |||
$("# | stuffs += "<div class='round-button Curric' id='USMLE Step 2 CK'><div class='round-button-circle'><p class='round-button'>2</p></div></div><div id='spacer' style='display: inline'></div>"; | ||
stuffs += "<div class='round-button Curric' id='USMLE Step 3'><div class='round-button-circle'><p class='round-button'>3</p></div></div><div id='spacer' style='display: inline'></div>"; | |||
stuffs += "<div class='round-button Curric' id='Board Review'><div class='round-button-circle'><p class='round-button' style='font-size:2.5em;'>ABIM</p></div></div><div id='spacer' style='display: inline'></div><br /><br />"; | |||
stuffs+="<div class='stepBar'><img src='http://static.wikidoc.org/f/f3/Step_bar_5_22_14.png' /></div>"; | |||
$("#chooseQBank").html(background_html+"<div class='examButtons'>" + stuffs + "</div>"); | |||
$('.Curric').click(options, chooseQBank); | $('.Curric').click(options, chooseQBank); | ||
} | } | ||
function chooseQBank(event) { | function chooseQBank(event) { | ||
$("#chooseQBank").remove();//Once the QBank is picked, we'll remove the div that held it. | |||
$("#exam").show(); | |||
window.exam.examtype = $(this).attr('id'); | window.exam.examtype = $(this).attr('id'); | ||
var divs = null; | var divs = null; | ||
Line 511: | Line 765: | ||
} | } | ||
function addToNavBar() { | function addToNavBar() { | ||
$("#exam").html("<div id='navBar'><div id='flag' class='noSelect WBRImgButton'><img src='http://static.wikidoc.org/ | $("#exam").html("<div id='navBar'><div id='flag' class='noSelect WBRImgButton'><img src='http://static.wikidoc.org/3/34/Flag_5_19_14.png' /></div><div id='back' class='noSelect WBRImgButton'><img src='http://static.wikidoc.org/f/f9/Leftarrow_3_29_b.png' /></div><div id='next' class='noSelect WBRImgButton'><img src='http://static.wikidoc.org/a/ae/Rightarrow_3_29_14_b.png' /></div><div id='lab_vals' class='noSelect WBRImgButton'><img src='http://static.wikidoc.org/8/8b/Lab_values_3_29_14.png' /></div><div id='notes' class='noSelect WBRImgButton'><img src='http://static.wikidoc.org/e/eb/Pencil_3_29_14_trimwspace.png' /></div><div id='finish' class='noSelect WBRButton'><br />Finish</div></div><div id='navPane'></div><div id='examSpace'></div><span id='timeRem' style='height: 0px; visibility: hidden'>" + exam.timeAmt.toString() + "</span>"); | ||
$("#back").click(questionNavigation); | $("#back").click(questionNavigation); | ||
$("#next").click(questionNavigation); | $("#next").click(questionNavigation); | ||
$("#flag").click(flagQ); | |||
$("#lab_vals").click(showLabs) | |||
$("#finish").click(endExam); | $("#finish").click(endExam); | ||
if (window.exam.timer) { | if (window.exam.timer) { | ||
Line 526: | Line 779: | ||
$.each(window.exam.examQuestions, function (index, value) { | $.each(window.exam.examQuestions, function (index, value) { | ||
$("#navPane").append("<div id='" + index + "' class='navPaneButton'> " + (index - -1) + "</div>"); | $("#navPane").append("<div id='" + index + "' class='navPaneButton'> " + (index - -1) + "</div>"); | ||
console.log(index) | |||
window.exam.examQuestions[index].creditReceived=false | |||
}); | }); | ||
$(".navPaneButton").click(questionNavigation); | $(".navPaneButton").click(questionNavigation); | ||
Line 539: | Line 794: | ||
parseQuestions(); | parseQuestions(); | ||
} else { | } else { | ||
var htmlStuff = "<b>Question " + (window.exam.currentQuestion - -1) + " / " + (window.exam.examQuestions.length) + "</b><br /><br />" + obj.Prompt + "<br />"; | var htmlStuff = "<b>Question " + (window.exam.currentQuestion - -1) + " / " + (window.exam.examQuestions.length) + "</b><br /><br />" + "<div id='highlightable'>" + obj.Prompt + "</div>" + "<br />"; | ||
if (obj.AnswerA && obj.AnswerA.length > 0) { | if (obj.AnswerA && obj.AnswerA.length > 0) { | ||
htmlStuff += "<div class='answer answerNoBorder' id='A'><input type='radio' value='A' id='Ar'>" + trimP(obj.AnswerA) + "</ | htmlStuff += "<div class='answer answerNoBorder' id='A'><input type='radio' value='A' id='Ar' name = 'question" + (window.exam.currentQuestion - -1) + "form' >" +"</div>"+ "<p class='ans_text'>" + trimP(obj.AnswerA) + "</p>"; | ||
} | } | ||
if (obj.AnswerAExp && obj.AnswerAExp.length > 0 && window.exam.examType === "Tutor") { | if (obj.AnswerAExp && obj.AnswerAExp.length > 0 && window.exam.examType === "Tutor") { | ||
Line 547: | Line 802: | ||
} | } | ||
if (obj.AnswerB && obj.AnswerB.length > 0) { | if (obj.AnswerB && obj.AnswerB.length > 0) { | ||
htmlStuff += "<div class='answer answerNoBorder' id='B'><input type='radio' value='B' id='Ar' />" + trimP(obj.AnswerB) + "</ | htmlStuff += "<div class='answer answerNoBorder' id='B'><input type='radio' value='B' id='Ar' name = 'question" + (window.exam.currentQuestion - -1) + "form' >" + "</div>"+ "<p class='ans_text'>" + trimP(obj.AnswerB) + "</p>"; | ||
} | } | ||
if (obj.AnswerBExp && obj.AnswerBExp.length > 0 && window.exam.examType === "Tutor") { | if (obj.AnswerBExp && obj.AnswerBExp.length > 0 && window.exam.examType === "Tutor") { | ||
Line 553: | Line 808: | ||
} | } | ||
if (obj.AnswerC && obj.AnswerC.length > 0) { | if (obj.AnswerC && obj.AnswerC.length > 0) { | ||
htmlStuff += "<div class='answer answerNoBorder' id='C'><input type='radio' value='C' id='Ar' />" + trimP(obj.AnswerC) + "</ | htmlStuff += "<div class='answer answerNoBorder' id='C'><input type='radio' value='C' id='Ar' name = 'question" + (window.exam.currentQuestion - -1) + "form' >" + "</div>" + "<p class='ans_text'>" + trimP(obj.AnswerC) + "</p>"; | ||
} | } | ||
if (obj.AnswerCExp && obj.AnswerCExp.length > 0 && window.exam.examType === "Tutor") { | if (obj.AnswerCExp && obj.AnswerCExp.length > 0 && window.exam.examType === "Tutor") { | ||
Line 559: | Line 814: | ||
} | } | ||
if (obj.AnswerD && obj.AnswerD.length > 0) { | if (obj.AnswerD && obj.AnswerD.length > 0) { | ||
htmlStuff += "<div class='answer answerNoBorder' id='D'><input type='radio' value='D' id='Ar'>" + trimP(obj.AnswerD) + "</ | htmlStuff += "<div class='answer answerNoBorder' id='D'><input type='radio' value='D' id='Ar' name = 'question" + (window.exam.currentQuestion - -1) + "form' >" + "</div>" + "<p class='ans_text'>" + trimP(obj.AnswerD) + "</p>"; | ||
} | } | ||
if (obj.AnswerDExp && obj.AnswerDExp.length > 0 && window.exam.examType === "Tutor") { | if (obj.AnswerDExp && obj.AnswerDExp.length > 0 && window.exam.examType === "Tutor") { | ||
Line 565: | Line 820: | ||
} | } | ||
if (obj.AnswerEExp && obj.AnswerE.length > 0) { | if (obj.AnswerEExp && obj.AnswerE.length > 0) { | ||
htmlStuff += "<div class='answer answerNoBorder' id='E'><input type='radio' value='E' id='Ar'>" + trimP(obj.AnswerE) + "</ | htmlStuff += "<div class='answer answerNoBorder' id='E'><input type='radio' value='E' id='Ar' name = 'question" + (window.exam.currentQuestion - -1) + "form' >" + "</div>" + "<p class='ans_text'>" + trimP(obj.AnswerE) + "</p>"; | ||
} | } | ||
if (obj.AnswerEExp && obj.AnswerEExp.length > 0 && window.exam.examType === "Tutor") { | if (obj.AnswerEExp && obj.AnswerEExp.length > 0 && window.exam.examType === "Tutor") { | ||
Line 571: | Line 826: | ||
} | } | ||
$("#examSpace").html(htmlStuff); | $("#examSpace").html(htmlStuff); | ||
$("#examSpace").prepend("<div id='details' style='display:none'> <table class='tg'> <tr> <th class='tg-031e'>Analyte</th> <th class='tg-031e'>Reference Range</th> </tr> <tr> <td class='tg-031e'>Sodium (Na+)</td> <td class='tg-031e'>136-145 mEq/L</td> </tr> <tr> <td class='tg-031e'>Potassium (K+)</td> <td class='tg-031e'>3.5-5.0 mEq/L</td> </tr> <tr> <td class='tg-031e'>Chloride (Cl-)</td> <td class='tg-031e'>95-105 mEq/L</td> </tr> <tr> <td class='tg-031e'>Bicarbonate (HCO3-)</td> <td class='tg-031e'>22-28 mEq/L</td> </tr> <tr> <td class='tg-031e'>Magnesium (Mg2+)</td> <td class='tg-031e'>1.5-2.0mEq/L</td> </tr> <tr> <td class='tg-031e'>Calcium (Ca2+)</td> <td class='tg-031e'></td> </tr></table></div>"); | |||
if (window.exam.examQuestions[window.exam.currentQuestion].selectedAnswer !== 'F') { | if (window.exam.examQuestions[window.exam.currentQuestion].selectedAnswer !== 'F') { | ||
$("#" + window.exam.examQuestions[window.exam.currentQuestion].selectedAnswer).addClass("boxed"); | $("#" + window.exam.examQuestions[window.exam.currentQuestion].selectedAnswer).addClass("boxed"); | ||
Line 584: | Line 842: | ||
}); | }); | ||
$("div.answer").click(answerClicked); | $("div.answer").click(answerClicked); | ||
$('p.ans_text').click(function(){ | |||
$(this).toggleClass('choice_elim') | |||
}); | |||
$('#highlightable').textHighlighter({ | |||
color: '#FFFF00' | |||
}); | |||
} | } | ||
} | } | ||
Line 730: | Line 996: | ||
function answerSubmitted(event) { | function answerSubmitted(event) { | ||
$("#submit").remove(); | $("#submit").remove(); | ||
if (!window.exam.examQuestions[window.exam.currentQuestion]. | if (!window.exam.examQuestions[window.exam.currentQuestion].creditReceived && window.exam.examQuestions[window.exam.currentQuestion].selectedAnswer === String(window.exam.examQuestions[window.exam.currentQuestion].RightAnswer)) { | ||
console.log("You answered a question correctly") | |||
window.exam.answeredRight += 1; | window.exam.answeredRight += 1; | ||
window.exam.examQuestions[window.exam.currentQuestion]. | window.exam.examQuestions[window.exam.currentQuestion].creditReceived = true; | ||
} | } | ||
if (window.exam.examType === "Tutor") { | if (window.exam.examType === "Tutor") { | ||
Line 790: | Line 1,057: | ||
questionReview(window.exam); | questionReview(window.exam); | ||
} | } | ||
function flagQ(event) { | |||
$("#" + window.exam.currentQuestion).toggleClass("flagged"); | |||
} | |||
function showLabs(event) { | |||
$("#details").stop(); | |||
$("#details").slideToggle("slow"); | |||
} | |||
function convolve_bernouli(qprobs){ | |||
//takes in an array of probabilities of guessing questions correct | |||
for (var counter = 0; counter < qprobs.length; counter++) { | |||
//if the loop is in the first iteration, then initialize the array | |||
if (counter==0){ | |||
var pdfArray=[1-qprobs[0],qprobs[0]]; | |||
}else{ | |||
//initialize new Array for pdfs | |||
var newpdfArray= []; | |||
for (var i = 0; i < pdfArray.length+1; i+=1) { | |||
newpdfArray[i]=0; | |||
} | |||
//multiply by ones first | |||
for (var i = 0; i < pdfArray.length; i+=1) { | |||
newpdfArray[i+1]+=pdfArray[i]*qprobs[counter]; //probability of adding a success | |||
newpdfArray[i]+=pdfArray[i]*(1-qprobs[counter]); | |||
} | |||
pdfArray=newpdfArray; | |||
} | |||
} | |||
console.log(pdfArray); | |||
return(pdfArray); | |||
}//ends convolve_bernouli | |||
function endExam(event) { | function endExam(event) { | ||
if (window.exam.timer) { | if (window.exam.timer) { | ||
Line 800: | Line 1,102: | ||
datas = ""; | datas = ""; | ||
datas += "<br />You answered " + window.exam.answeredRight + " out of " + window.exam.examQuestions.length + " correctly.<br /> Your percentage score is: "; | datas += "<br />You answered " + window.exam.answeredRight + " out of " + window.exam.examQuestions.length + " correctly.<br /> Your percentage score is: "; | ||
var percent = (window.exam.answeredRight / window.exam.examQuestions.length) * 100; | var percent = Math.round((window.exam.answeredRight / window.exam.examQuestions.length) * 100); | ||
datas += percent + "%<br /><br />Click the Navigation Buttons on the left to review the questions you answered."; | testlength=window.exam.examQuestions.length; | ||
var question_probs=[]; | |||
for (var j = 0; j < testlength; j+=1){ | |||
question_probs[j]=Math.random(); | |||
} | |||
qdist=convolve_bernouli(question_probs); | |||
var myTotal = 0; //Variable to hold your total | |||
for(var i=0, len=window.exam.answeredRight+1; i<len; i++){ | |||
myTotal += qdist[i]; //Iterate over your first array and then grab the second element add the values up | |||
} | |||
datas += percent + "%<br /><br />Click the Navigation Buttons on the left to review the questions you answered.<br />"; | |||
datas += "<br />You scored in the " + Math.round(myTotal*100) + " percentile. <br /><br />"; | |||
datas += "<canvas id='simExams' width='600' height='400'></canvas>"; | |||
var api = new mw.Api(); | var api = new mw.Api(); | ||
Line 817: | Line 1,138: | ||
$(".navPaneButton").unbind('click'); | $(".navPaneButton").unbind('click'); | ||
$(".navPaneButton").click(window.exam, questionReviewNavigation); | $(".navPaneButton").click(window.exam, questionReviewNavigation); | ||
point_labels=[]; | |||
for (var j = 0; j < qdist.length; j+=1){ | |||
point_labels[j]=j.toString(); | |||
} | |||
var simExamData = { | |||
labels : point_labels, | |||
datasets : [ | |||
{ | |||
fillColor : "rgba(220,220,220,0.5)", | |||
strokeColor : "rgba(220,220,220,1)", | |||
pointColor : "rgba(220,220,220,1)", | |||
pointStrokeColor : "#fff", | |||
data : qdist, | |||
title: "Percent of test takers" | |||
} | |||
] | |||
} | |||
var newopts = { | |||
yAxisLabel : "Percent of test takers", | |||
yAxisFontFamily : "'Arial'", | |||
yAxisFontSize : 16, | |||
yAxisFontStyle : "normal", | |||
yAxisFontColor : "#666", | |||
xAxisLabel : "Number of correct answers", | |||
legend : false, | |||
legendFontFamily : "'Arial'", | |||
legendFontSize : 12, | |||
legendFontStyle : "normal", | |||
legendFontColor : "#666", | |||
legendBlockSize : 15, | |||
legendBorders : false, | |||
legendBordersColor : "#666", | |||
graphTitle : "Peer Performance", | |||
graphTitleFontFamily : "'Arial'", | |||
graphTitleFontSize : 24, | |||
graphTitleFontStyle : "bold", | |||
graphTitleFontColor : "#666", | |||
} | |||
// get line chart canvas | |||
var simExams = document.getElementById('simExams').getContext('2d'); | |||
// draw line chart | |||
new Chart(simExams).Line(simExamData,newopts); | |||
} | } | ||
function submitRating(ratingType, score, page) { | function submitRating(ratingType, score, page) { | ||
if (ratingType === "difficulty") { | if (ratingType === "difficulty") { | ||
Line 1,009: | Line 1,381: | ||
$(document).ready(ensureLoggedIn); | $(document).ready(ensureLoggedIn); | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
$("#testOptions").hide(); | $("#testOptions").hide(); | ||
$("#exam").hide(); | $("#exam").hide(); | ||
Line 1,035: | Line 1,406: | ||
}) | }) | ||
</script> | </script> | ||
<div id="exam"> | <div id="chooseQBank" style='height:100%;'></div> | ||
<div id="testOptions" style='height:100%;'></div> | |||
<div id="exam" style='height:100%;'></div> | |||
</includeonly> | </includeonly> |