This commit is contained in:
Ross
2021-12-12 17:37:52 +00:00
parent eb6208c5dc
commit bf7d97ee6d
+48 -48
View File
@@ -1,58 +1,58 @@
{% extends 'anatomy/base.html' %} {% extends 'anatomy/base.html' %}
{% block content %} {% block content %}
<div class="question-display-block"> <div class="question-display-block">
<div class="hide-show">HIDE/SHOW</div> <div class="hide-show">HIDE/SHOW</div>
<div class="inner-display-block"> <div class="inner-display-block">
Question <span class="question-number">No question loaded</span><br /> Question <span class="question-number">No question loaded</span><br />
<span id="question-title"></span><br /> <span id="question-title"></span><br />
<span id="question-question"></span> <span id="question-question"></span>
<div id="single-dicom-viewer" class="dicom-viewer" data-images="" data-annotations=''> <div id="single-dicom-viewer" class="dicom-viewer" data-images="" data-annotations=''>
</div>
<div class="answers">Answers: </div>
</div> </div>
<div class="answers">Answers: </div>
</div> </div>
</div> <div class="anatomy">
<div class="anatomy"> <h2>Exam: {{ exam.name }}</h2>
<h2>Exam: {{ exam.name }}</h2> <h3>Candidate: {{ cid }}</h3>
<h3>Candidate: {{ cid }}</h3> Answers:
Answers: <ul class="score-answer-list">{% for ans, score, correct_answer in answers_and_marks %}
<ul class="score-answer-list">{% for ans, score, correct_answer in answers_and_marks %} <li class="user-answer-li">Question {{forloop.counter}} - Correct answer: <span class="correct-answer">{{
<li class="user-answer-li">Question {{forloop.counter}} - Correct answer: <span class="correct-answer">{{
correct_answer }}</span></li> correct_answer }}</span></li>
<span class="user-answer-score user-answer-score-{{score}} physics-ans"> <span class="user-answer-score user-answer-score-{{score}} physics-ans">
<pre>{{ans}}</pre> ({{score}}) <pre>{{ans}}</pre> ({{score}})
</span> </span>
<span class="view-question-link" data-qn={{forloop.counter0}}>View</span> <span class="view-question-link" data-qn={{forloop.counter0}}>View</span>
{% endfor %} {% endfor %}
</ul> </ul>
<br /> Total mark: {{ total_score }} / {{max_score}} <br /> Total mark: {{ total_score }} / {{max_score}}
<div> <div>
<a href="{% url 'cid_scores' cid passcode %}">Other exams</a> <a href="{% url 'cid_scores' cid passcode %}">Other exams</a>
</div>
</div> </div>
</div>
{% endblock %} {% endblock %}
{% block js %} {% block js %}
<script> <script>
$(document).ready(function () { $(document).ready(function () {
$(".hide-show").click((evt, el) => { $(".hide-show").click((evt, el) => {
$(".inner-display-block").toggle(); $(".inner-display-block").toggle();
})
$(".view-question-link").on("click", function (e) {
console.log("click", e)
question_number = e.currentTarget.dataset.qn;
$("#single-dicom-viewer").empty();
$.ajax({
url: `{% url 'anatomy:question_review' pk=exam.pk %}`,
data: {
csrfmiddlewaretoken: "{{ csrf_token }}",
question_number: question_number
},
type: "POST",
dataType: "json",
}) })
$(".view-question-link").on("click", function (e) {
console.log("click", e)
question_number = e.currentTarget.dataset.qn;
$("#single-dicom-viewer").empty();
$.ajax({
url: `{% url 'anatomy:question_review' pk=exam.pk %}`,
data: {
csrfmiddlewaretoken: "{{ csrf_token }}",
question_number: question_number
},
type: "POST",
dataType: "json",
})
// $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
.done(function (data) { .done(function (data) {
console.log(data); console.log(data);
let event = new CustomEvent('loadDicomViewerUrls', { let event = new CustomEvent('loadDicomViewerUrls', {
@@ -67,13 +67,13 @@
$(".question-display-block .question-number").empty().append(n); $(".question-display-block .question-number").empty().append(n);
$(".inner-display-block").show(); $(".inner-display-block").show();
}) })
.always(function () { .always(function () {
console.log('[Done]'); console.log('[Done]');
}) })
}) })
$(".view-question-link").first().click(); $(".view-question-link").first().click();
}); });
</script> </script>
{% endblock %} {% endblock %}