|
|
| Line 19: |
Line 19: |
|
| |
|
|
| |
|
| <div id="chooseQBank" style='height:100%;'></div>
| |
|
| |
|
| <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>
| |
| <div id="TEMPLATE_BIN"></div> | | <div id="TEMPLATE_BIN"></div> |
| </includeonly> | | </includeonly> |