High candidates that have submitted results

generic/templates/generic/exam_cids.html

@@ -7,12 +7,8 @@
         <ol>
             {% for cid in cid_users %}
 
-                <li><a href="{% url 'generic:update_cid' cid.pk %}">{{cid.cid}}</a> [{{cid.passcode}}] {{cid.name}} /
+                <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}}
-                    {% if cid.supervisor %} / Supervisor email: {{cid.supervisor.email}}{% endif %} <br />
-                    Internal candidate: {{cid.internal_candidate}}
-                    {% if cid.login_email_sent %} / Login email sent{% endif %}
-                    {% if cid.results_email_sent %} / Results email sent{% endif %}
                 </li>
 
             {% endfor %}
@@ -34,7 +30,7 @@
         <ol>
             {% for user in user_users %}
 
-                <li>{{user.username}}
+                <li class="user-user" data-user="{{user.username}}">{{user.username}}
                     Email: {{user.email}}
                 </li>
 
@@ -51,21 +47,54 @@
 
 {% if user_exam_data %}
     <div class="card text-white bg-dark">
-        <h3>Submitted candidates</h3>
-        <ul>
-            {% for user_data in user_exam_data %}
-                <li>
-                    CID: {{user_data.cid_user}} / 
-                    User: {{user_data.user_user}} /
-                    Start time: {{user_data.start_time}} /
-                    End time: {{user_data.end_time}} /
+        <details>
+            <summary>
+                <h3>Submitted candidates</h3>
+            </summary>
+            <ul id="submitted-candidates">
+                {% for user_data in user_exam_data %}
+                    <li data-cid="{{user_data.cid_user}}" data-user="{{user_data.user_user}}">
+                        CID: {{user_data.cid_user}} /
+                        User: {{user_data.user_user}} /
+                        Start time: {{user_data.start_time}} /
+                        End time: {{user_data.end_time}} /
 
-                </li>
-            {% endfor %}
-        </ul>
+                    </li>
+                {% endfor %}
+            </ul>
+        </details>
     </div>
 
 {% endif %}
 
 
 
+{% block js %}
+<script>
+$(document).ready(function() {
+    // Highlight users that have submitted answers
+    $("#submitted-candidates li").each(function(n, el) {
+        console.log(el);
+        if (el.dataset.cid != "None") {
+            $(`.cid-user[data-cid=${el.dataset.cid}]`).addClass("submitted")
+        }
+        if (el.dataset.user != "None") {
+            $(`.user-user[data-user=${el.dataset.user}]`).addClass("submitted")
+        }
+    });
+
+})    
+</script>
+{% endblock js %}
+
+
+{% block css %}
+<style>
+    .submitted {
+        color: green;
+    }
+</style>
+{% endblock css %}
+    
+    
+