Improve candidate display in exams

generic/templates/generic/exam_cids.html

@@ -4,11 +4,10 @@
     {% if cid_users %}
         <p>{{cid_user_count}} CID candidates.</p>
 
-        <ol>
+        <ol class="cid-candidate-list">
             {% for cid in cid_users %}
 
-                <li class="cid-user" data-cid={{cid.cid}}><a href="{% url 'generic:update_cid' cid.pk %}">{{cid.cid}}</a> [{{cid.passcode}}] {{cid.name}} /
-                    Email: {{cid.email}}
+                <li class="cid-user" data-cid={{cid.cid}}><div class="cid-data"><a href="{% url 'generic:update_cid' cid.pk %}">{{cid.cid}}</a> [{{cid.passcode}}]</div><div class="cid-name">{{cid.name}}</div> <div class="cid-email">Email: {{cid.email}}</div>
                 </li>
 
             {% endfor %}
@@ -27,11 +26,11 @@
     {% if user_users %}
         <p>{{user_user_count}} User candidates.</p>
 
-        <ol>
+        <ol class="cid-candidate-list">
             {% for user in user_users %}
 
-                <li class="user-user" data-user="{{user.username}}">{{user.username}}
-                    Email: {{user.email}}
+                <li class="user-user" data-user="{{user.username}}"><div>{{user.username}}</div> 
+                    <div>Email: {{user.email}}</div>
                 </li>
 
             {% endfor %}
@@ -51,6 +50,7 @@
             <summary>
                 <h3>Submitted candidates</h3>
             </summary>
+            The following candidate submissions have been received. Candidates with submissions will be shown in green above.
             <ul id="submitted-candidates">
                 {% for user_data in user_exam_data %}
                     <li data-cid="{{user_data.cid_user}}" data-user="{{user_data.user_user}}">

generic/templates/generic/exam_scores_base.html

@@ -1,7 +1,6 @@
 {% extends exam.app_name|add:'/exams.html' %}
 
 {% block content %}
-    <div id="stats-plot">{{plot|safe}}</div>
     <div class="">
         <h2>{{ exam.name }}</h2>
         {% if cached_scores %}
@@ -19,8 +18,8 @@
         {% if missing_users %}
             <div class="alert alert-warning" role="alert">
                 The following users results have not been submitted:
-                {% for user_id in missing_users %}
-                    {{user_id}},
+                {% for user in missing_users %}
+                    {{user}} ({{user.id}}),
                 {% endfor %}
             </div>
         {% endif %}
@@ -34,6 +33,7 @@
         {% endif %}
 
     </div>
+    <div id="stats-plot">{{plot|safe}}</div>
     <div id="stats-block">
         <h3>Stats</h3>
         Candidates: {{cids|length}}<br />

generic/views.py

@@ -2076,10 +2076,16 @@ class ExamViews(View, LoginRequiredMixin):
 
             exam.save()
 
+        missing_user_ids =  valid_user_users - user_ids
+
+        missing_users = []
+        if missing_user_ids:
+            missing_users = User.objects.filter(pk__in=missing_user_ids)
+
         template_variables = {
             "cids": sorted(cids),
             "missing_cids": valid_cid_users - plain_cids,
-            "missing_users": valid_user_users - user_ids,
+            "missing_users": missing_users,
             # "cid_passcodes": cid_passcodes,
             "exam": exam,
             "unmarked": unmarked,

rad/static/css/anatomy.css

@@ -959,4 +959,13 @@ form .submit-button {
 
 h1, h2, h3, h4, h5, h6 {
   margin-top: 10px;
-}
+}
+
+.cid-candidate-list li {
+  display: grid;
+  grid-template-columns: 150px repeat(auto-fill, 400px);
+}
+
+.cid-candidate-list div {
+}
+