improve user score pages

anatomy/templates/anatomy/base.html

@@ -39,9 +39,11 @@
         {% endif %}
     </div>
     <div class="content container">
+        {% if request.user.is_authenticated %}
         <a href="{% url 'anatomy:exam_list' %}">Exams</a> /
         <a href="{% url 'anatomy:anatomy_question_view' %}">Questions</a> /
         <a href="{% url 'anatomy:anatomy_question_create' %}" title="Create a new question">Create Question</a>
+        {% endif %}
         {% block navigation %}
         {% endblock %}
         <div class="row">

anatomy/templates/anatomy/cid_selector.html

@@ -0,0 +1,18 @@
+{% extends 'anatomy/base.html' %}
+
+{% block content %}
+<div class="anatomy">
+    <h2>Please enter your CID</h2>
+    <p>CID: <input type="text" name="cid" id="cid-input"></p>
+    <button id="cid-selector-go-button">Go...</button>
+</div>
+<script>
+    $(document).ready(function () {
+
+        $("#cid-selector-go-button").click(() => {
+            cid = document.getElementById("cid-input").value;
+            window.location = window.location + cid;
+        })
+    })
+</script>
+{% endblock %}

anatomy/templates/anatomy/exam_scores_user.html

@@ -4,12 +4,15 @@
 <div class="anatomy">
     <h2>Exam: {{ exam.name }}</h2>
     <h3>Candidate: {{ cid }}</h3>
-    Answers: 
+    Answers:
     <ul>{% for ans, score, correct_answer in answers_and_marks %}
-    <li>Question {{forloop.counter}}: {{ correct_answer }}</li>
-    {{ans}} ({{score}}),
-    {% endfor %}
+        <li class="user-answer-li">Question {{forloop.counter}} - Correct answer: <span class="correct-answer">{{ correct_answer }}</span></li>
+        <span class="user-answer-score-{{score}}">{{ans}} ({{score}})</span>
+        {% endfor %}
     </ul>
-    <br /> Total mark: {{ total_score }}
+    <br /> Total mark: {{ total_score }} / {{max_score}}
+    <div>
+        <a href="{% url 'anatomy:cid_scores' cid %}">Other exams</a>
+    </div>
 </div>
-{% endblock %}
+{% endblock %}