Ross
217 lines
10 KiB
HTML
217 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" class="no-touch" lang="en">
|
|
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
|
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, height=device-height">
|
|
<link type="text/css" rel="stylesheet" href="lib/jquery.modal.min.css">
|
|
<link type="text/css" rel="stylesheet" href="lib/cornerstone.min.css">
|
|
<link type="text/css" rel="stylesheet" href="css/main.css">
|
|
<title>RTS</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="content">
|
|
<div class="content-panel">
|
|
<div class="nav-bar">
|
|
<button id="review-button" class="navigation nav-right"><b>☰</b></button>
|
|
<button id="nav-submit-button" class="submit-button navigation nav-right"><b>submit</b></button>
|
|
<!--<button id="options-button" class="navigation nav-right"
|
|
title="click to load new packet or manage saved answers">options</button>-->
|
|
<button id="review-overlay-button" class="navigation nav-right"
|
|
title="click to finish exam and review answers">review</button>
|
|
<button id="fullscreen-overlay-button" class="navigation nav-right"
|
|
title="click to toggle fullscreen">fullscreen</button>
|
|
<!--<button id="logout-button" class="navigation nav-right">logout</button>-->
|
|
<div class="app-name nav-left">RTS</div>
|
|
<div id="timer" title="click to pause"></div>
|
|
<div class="exam-name" title="currently loaded packet"></div>
|
|
<input type="button" class="navigation nav-left" value="previous" disabled="disabled">
|
|
<input type="button" class="navigation nav-left" value="next">
|
|
</div>
|
|
<div class="main-panel">
|
|
<div class="question-list-panel" style="display: block;">
|
|
</div>
|
|
<div class="exam-panel">
|
|
<div class="exam-content-panel">
|
|
<div class="question">
|
|
<div class="title"><span style="font-weight:700;">1</span> </div>
|
|
<div class="stem">
|
|
<div id="thumbnails"></div>
|
|
</div>
|
|
<div class="thumbs">
|
|
</div>
|
|
</div>
|
|
<div class="answers">
|
|
<div class="answer-title">Answer</div>
|
|
<div class="answer-panel">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="logout-background">
|
|
<div class="logout-panel">
|
|
<div class="logout-title">Ready to logout?</div>
|
|
<div class="logout-text"></div>
|
|
<button class="navigation logout-cancel">continue exam</button>
|
|
<button class="navigation logout-okay">logout now</button>
|
|
</div>
|
|
</div>
|
|
<div id="options-panel" class="fullscreen-overlay">
|
|
<h1>RTS</h1>
|
|
<!-- <a href="#" id="overlay-close" class="close"></a> -->
|
|
<div id="user" class="user-text"></div>
|
|
<div id="packets">
|
|
<p>Available Packets (click to load):</p>
|
|
<span id="packet-list">
|
|
</span>
|
|
</div>
|
|
<div id="options-link">
|
|
</div>
|
|
<div id="storage-details">
|
|
</div>
|
|
<div id="cache-details">
|
|
<details>
|
|
<summary></summary>
|
|
<ul>
|
|
</ul>
|
|
</details>
|
|
</div>
|
|
<details>
|
|
<summary>Options</summary>
|
|
<div id="database-buttons">
|
|
<input type='button' id='btn-delete-answer-databases' value='Delete local answers'>
|
|
<input type='button' id='btn-delete-cached-questions' value='Delete cached questions'>
|
|
</div>
|
|
<div id="local-fileloader">
|
|
<form id="jsonFile" name="jsonFile" enctype="multipart/form-data" method="post">
|
|
|
|
<fieldset>
|
|
<h2>Load local question set</h2>
|
|
<input type='file' id='fileinput'>
|
|
<input type='button' id='btn-local-file-load' value='Load'>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</details>
|
|
</div>
|
|
<div id="review-overlay" class="fullscreen-overlay">
|
|
<a href="#" id="review-overlay-close" class="close"></a>
|
|
<div id="review-score"></div>
|
|
<div id="exam-stats">
|
|
<p>Performance breakdown:</p>
|
|
Unanswered questions: <span id="unanswered-number"></span><br />
|
|
Answered normal: <span id="normal-number"></span><br />
|
|
Answered abnormal: <span id="abnormal-number"></span><br />
|
|
<br />
|
|
Undercall: <span id="undercall-number"></span><br />
|
|
Overcall: <span id="overcall-number"></span><br />
|
|
Incorrect call: <span id="incorrectcall-number"></span><br />
|
|
</div>
|
|
<ul id='review-answer-list'></ul>
|
|
<table id='review-answer-table'></table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="finish-dialog" class="dialog modal">
|
|
<h3 class="dialog-title">Finish exam and review?</h3>
|
|
<div class="dialog-text">
|
|
<button id="finish-exam" class="navigation dialog-yes">Finish and review</button>
|
|
<button id="finish-cancel" class="navigation dialog-cancel">Continue exam</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="start-dialog" class="dialog modal">
|
|
<h3 class="dialog-title">Start <span class="exam-name"></span></h3>
|
|
<div class="packet-database-options">
|
|
<input type='button' id='btn-delete-current' value='Reset current packet answers'><br />
|
|
<input type='button' id='btn-delete-current-saved-answers' value='Reset current packet saved answers'>
|
|
</div>
|
|
<div class="dialog-text">
|
|
Click to start exam.
|
|
<p>You will have <input type='number' size=2 class='exam-time'></input> minutes.</p>
|
|
</div>
|
|
<div id="exam-candidate-number" class="dialog-text hidden">
|
|
Check your below candidate number is correct.
|
|
<input type='number' size=10 id='candidate-number2'></input>
|
|
</div>
|
|
<button class="start-packet-button navigation dialog-yes">Start</button>
|
|
</div>
|
|
|
|
<div id="time-up-dialog" class="dialog modal">
|
|
<h3 class="dialog-title">Time ended</h3>
|
|
<div class="dialog-text">
|
|
Allocated time has ended. You can review or continue.
|
|
</div>
|
|
<button id="time-up-review-button" class="navigation dialog-review">Review</button>
|
|
<button id="time-up-continue-button" class="navigation dialog-yes">Continue</button>
|
|
<button id="dialog-submit-button" class="submit-button navigation dialog-review hidden"><b>submit</b></button>
|
|
</div>
|
|
|
|
<div id="login-dialog" class="dialog modal">
|
|
<h3 class="dialog-title">Select exam</h3>
|
|
<div class="dialog-text">
|
|
Candidate number: <input type="text" id="candidate-number" name="candidate" required size="10">
|
|
</div>
|
|
<button id="start-exam-button" class="navigation dialog-yes">Start</button>
|
|
</div>
|
|
|
|
<div id="loading" class="fullscreen-overlay">
|
|
<div class="progress-block">
|
|
<div id="progress">
|
|
</div>
|
|
<div class="sk-cube-grid full">
|
|
<div class="sk-cube sk-cube1"></div>
|
|
<div class="sk-cube sk-cube2"></div>
|
|
<div class="sk-cube sk-cube3"></div>
|
|
<div class="sk-cube sk-cube4"></div>
|
|
<div class="sk-cube sk-cube5"></div>
|
|
<div class="sk-cube sk-cube6"></div>
|
|
<div class="sk-cube sk-cube7"></div>
|
|
<div class="sk-cube sk-cube8"></div>
|
|
<div class="sk-cube sk-cube9"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="question-loading" class="fullscreen-overlay-transparent">
|
|
<div class="progress-block">
|
|
<div class="lds-ripple"><div></div><div></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="pause" class="fullscreen-overlay">
|
|
</div>
|
|
|
|
<div id="packet-history" class="fullscreen-overlay">
|
|
</div>
|
|
|
|
<div id="database-error" class="fullscreen-overlay">
|
|
</div>
|
|
|
|
<script src="lib/uuidv4.min.js" type="module"></script>
|
|
<script src="lib/jquery-3.4.1.min.js" type="text/javascript"></script>
|
|
<script src="lib/notify.min.js" type="text/javascript"></script>
|
|
<script src="lib/jq-ajax-progress.min.js" type="text/javascript"></script>
|
|
<script src="lib/easytimer.min.js" type="module"></script>
|
|
<script src="lib/hammer.js"></script>
|
|
<script src="https://unpkg.com/cornerstone-core/dist/cornerstone.js"></script>
|
|
<script src="lib/dicomParser.min.js"></script>
|
|
<script src="lib/cornerstoneMath.min.js"></script>
|
|
<!-- <script src="lib/cornerstoneTools.min.js"></script> -->
|
|
<script src="https://www.unpkg.com/cornerstone-tools@5.1.3/dist/cornerstoneTools.js"></script>
|
|
<script src="lib/cornerstoneWebImageLoader.min.js"></script>
|
|
<script src="lib/cornerstoneWADOImageLoader.js"></script>
|
|
<script src="lib/cornerstone-base64-image-loader.umd.js"></script>
|
|
<script src="lib/dexie.js"></script>
|
|
<script src="lib/jquery.modal.min.js"></script>
|
|
<!-- <script src="packets/rr1" defer="defer"></script> -->
|
|
<script src="js/main.js" defer="defer" type="module"></script>
|
|
|
|
</body>
|
|
|
|
</html> |