Widget:BMSandbox: Difference between revisions
Jump to navigation
Jump to search
Briantmeyers (talk | contribs) No edit summary |
Briantmeyers (talk | contribs) No edit summary |
||
| Line 16: | Line 16: | ||
</head> | </head> | ||
<div id=" | <div id="chooseQBank" style='height:100%;'></div> | ||
<div id=" | <div id="testOptions" style='height:100%;'> | ||
<div class="container" id="tutorOrExamContainer" style="height:105px"> | |||
<div class="round-button" id="myExamBigButton" style="margin-left:calc(50% - 100px); margin-top:5px"> | |||
<div class="round-button-circle"> | |||
<p class="round-button" style="font-size:1.2em;">My exams</p> | |||
</div> | |||
</div> | |||
<div id="spacer" style="display: inline"></div> | |||
<div class="round-button" id="newExamBigButton"> | |||
<div class="round-button-circle"> | |||
<p class="round-button" style="font-size:1.2em;">New exam</p> | |||
</div> | |||
</div> | |||
<div id="spacer" style="display: inline"></div> | |||
</div> | |||
<div class="container" id="tutorOrExamContainer" style="height:10px"> | |||
<div class='arrow-up' id='myExamsArrow' style="margin-left:calc(50% - 60px); display: inline-block;"></div> | |||
<div class='arrow-up' id='newExamArrow' style="display: inline-block; margin-left: 100px;"></div> | |||
</div> | |||
<div id="wjgContainer" style='display:none ; margin-left:3%;'> | |||
<br> | |||
<br> | |||
<table id="report"> | |||
<thead> | |||
<tr> | |||
<th>Exam ID</th> | |||
<th>Date started</th> | |||
<th>Performance</th> | |||
<th>Date Finished</th> | |||
<th>Exam Type</th> | |||
<th></th> | |||
</tr> | |||
</thead> | |||
</table> | |||
<div id="tableContainer"> | |||
<table id="report"> | |||
<tbody> | |||
</tbody> | |||
</table> | |||
</div> | |||
</div> | |||
<div id='examOptions' style='display:none'> | |||
<div style="color:#222; padding:10px;"> | |||
<h3 class='examOptionTitle'>Exam Mode</h3> | |||
<form id="myForm"> | |||
<input type="radio" name="examMode" value="Exam" id="examModeButton" class="css-checkbox" /> | |||
<label for="examModeButton" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  Exam</p> | |||
<br /> | |||
<input type="radio" name="examMode" value="Tutor" id="tutor" class="css-checkbox" /> | |||
<label for="tutor" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  Tutor</p> | |||
<br /> | |||
</form> | |||
</div> | |||
<div style="color:#222; padding:10px;"> | |||
<h3 class='examOptionTitle'>Question Selection</h3> | |||
<form id="myForm"> | |||
<input type="radio" name="CatKey" value="Category" id="Category" class="css-checkbox" /> | |||
<label for="Category" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  Category</p> | |||
<br /> | |||
<input type="radio" name="CatKey" value="Keyword" id="Keyword" class="css-checkbox" /> | |||
<label for="Keyword" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  Keyword</p> | |||
</form> | |||
</div> | |||
<div style="color:#222; padding:10px;"> | |||
<h3 class='examOptionTitle'>Timer</h3> | |||
<form id="myForm"> | |||
<input type="radio" name="TimerOptions" value="untimed" id="untimedButton" class="css-checkbox" /> | |||
<label for="untimedButton" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  Untimed</p> | |||
<br /> | |||
<input type="radio" name="TimerOptions" value="1" id="timer1minButton" class="css-checkbox" /> | |||
<label for="timer1minButton" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  1 minute</p> | |||
<br/> | |||
<input type="radio" name="TimerOptions" value="10" id="timer10minButton" class="css-checkbox" /> | |||
<label for="timer10minButton" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  10 minutes</p> | |||
<br/> | |||
<input type="radio" name="TimerOptions" value="20" id="timer20minButton" class="css-checkbox" /> | |||
<label for="timer20minButton" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  20 minutes</p> | |||
<br /> | |||
<input type="radio" name="TimerOptions" value="40" id="timer40minButton" class="css-checkbox" /> | |||
<label for="timer40minButton" class="css-label cb0 radGroup2"></label> | |||
<p class='examOptionButton' style="display:inline">  40 minutes</p> | |||
</form> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="exam" style='height:100%;'></div> | |||
</includeonly> | </includeonly> | ||