From ba0c380f1833e2665b595a114de63eeb4887a226 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 5 Jan 2026 11:55:03 +0000
Subject: [PATCH] Enhance candidate lists by restructuring HTML for improved
 readability and maintainability.

---
 .../generic/partials/exam_cids_cid_list.html  | 50 +++++++++----------
 .../generic/partials/exam_cids_user_list.html | 42 ++++++++--------
 2 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/generic/templates/generic/partials/exam_cids_cid_list.html b/generic/templates/generic/partials/exam_cids_cid_list.html
index d5940ace..1b175710 100644
--- a/generic/templates/generic/partials/exam_cids_cid_list.html
+++ b/generic/templates/generic/partials/exam_cids_cid_list.html
@@ -1,32 +1,32 @@
 {% comment %} Partial: list of CID candidates for HTMX swap {% endcomment %}
 {% if cid_users %}
-<ul class="list-group list-group-flush">
-    {% for cid in cid_users %}
-        <li class="list-group-item">
-            <div class="d-flex align-items-start justify-content-between">
-                <div>
-                    <div class="d-flex align-items-center">
-                        <i class="bi bi-clock-history text-muted me-2" title="View user exam history"
-                           hx-get="{% url exam.app_name|add:':exam_user_status_cid' exam.id cid.cid %}"
-                           hx-target=".modal-content"
-                           data-bs-toggle="modal"
-                           data-bs-target="#history-modal"
-                        ></i>
-                        <a class="fw-bold me-2 cid-link" href="{% url 'generic:update_cid' cid.pk %}">{{ cid.cid }}</a>
-                        <span class="text-muted">[{{ cid.passcode }}]</span>
-                        <a class="ms-3" title="View CID exam details" hx-get="{% url 'generic:cid_user_exam_partial' exam.app_name exam.id cid.cid %}" hx-target=".modal-content" data-bs-toggle="modal" data-bs-target="#history-modal"><i class="bi bi-box-arrow-up-right"></i></a>
+    <ul class="list-group list-group-flush">
+        {% for cid in cid_users %}
+            <li class="list-group-item">
+                <div class="d-flex align-items-start justify-content-between">
+                    <div>
+                        <div class="d-flex align-items-center">
+                            <i class="bi bi-clock-history text-muted me-2" title="View user exam history"
+                               hx-get="{% url exam.app_name|add:':exam_user_status_cid' exam.id cid.cid %}"
+                               hx-target=".modal-content"
+                               data-bs-toggle="modal"
+                               data-bs-target="#history-modal"
+                            ></i>
+                            <a class="fw-bold me-2 cid-link" href="{% url 'generic:update_cid' cid.pk %}">{{ cid.cid }}</a>
+                            <span class="text-muted">[{{ cid.passcode }}]</span>
+                            <a class="ms-3" title="View CID exam details" hx-get="{% url 'generic:cid_user_exam_partial' exam.app_name exam.id cid.cid %}" hx-target=".modal-content" data-bs-toggle="modal" data-bs-target="#history-modal"><i class="bi bi-box-arrow-up-right"></i></a>
+                        </div>
+                        <div class="small text-muted mt-1">{{ cid.name }}</div>
+                        <div class="small">Email: {{ cid.email }}</div>
+                        {% if cid.notes %}
+                            <div class="small text-muted mt-1 cid-notes" title="{{ cid.notes|escape }}" data-bs-toggle="tooltip" data-bs-placement="top">Notes: {{ cid.notes|truncatechars:120 }}</div>
+                        {% endif %}
                     </div>
-                    <div class="small text-muted mt-1">{{ cid.name }}</div>
-                    <div class="small">Email: {{ cid.email }}</div>
-                    {% if cid.notes %}
-                        <div class="small text-muted mt-1 cid-notes" title="{{ cid.notes|escape }}" data-bs-toggle="tooltip" data-bs-placement="top">Notes: {{ cid.notes|truncatechars:120 }}</div>
-                    {% endif %}
+                    <div class="badge-container d-flex align-items-center ms-3"></div>
                 </div>
-                <div class="badge-container d-flex align-items-center ms-3"></div>
-            </div>
-        </li>
-    {% endfor %}
-</ul>
+            </li>
+        {% endfor %}
+    </ul>
 {% else %}
     <p class="text-muted">This exam has no CID candidates.</p>
 {% endif %}
diff --git a/generic/templates/generic/partials/exam_cids_user_list.html b/generic/templates/generic/partials/exam_cids_user_list.html
index 590d89ce..714b6332 100644
--- a/generic/templates/generic/partials/exam_cids_user_list.html
+++ b/generic/templates/generic/partials/exam_cids_user_list.html
@@ -1,27 +1,27 @@
 {% comment %} Partial: list of User candidates for HTMX swap {% endcomment %}
 {% if user_users %}
-<ul class="list-group list-group-flush">
-    {% for user in user_users %}
-        <li class="list-group-item d-flex justify-content-between align-items-start">
-            <div>
-                <div class="d-flex align-items-center">
-                    <i class="bi bi-clock-history text-muted me-2" title="View user exam history"
-                       hx-get="{% url exam.app_name|add:':exam_user_status_user' exam.id user.id %}"
-                       hx-target=".modal-content"
-                       data-bs-toggle="modal"
-                       data-bs-target="#history-modal"
-                    ></i>
-                    {% if request.user.is_superuser %}
-                        <a class="me-2" href='{% url "account_profile" user.username %}'><i class="bi bi-link"></i></a>
-                    {% endif %}
-                    <span class="fw-bold">{{ user.username }}</span>
+    <ul class="list-group list-group-flush">
+        {% for user in user_users %}
+            <li class="list-group-item d-flex justify-content-between align-items-start">
+                <div>
+                    <div class="d-flex align-items-center">
+                        <i class="bi bi-clock-history text-muted me-2" title="View user exam history"
+                           hx-get="{% url exam.app_name|add:':exam_user_status_user' exam.id user.id %}"
+                           hx-target=".modal-content"
+                           data-bs-toggle="modal"
+                           data-bs-target="#history-modal"
+                        ></i>
+                        {% if request.user.is_superuser %}
+                            <a class="me-2" href='{% url "account_profile" user.username %}'><i class="bi bi-link"></i></a>
+                        {% endif %}
+                        <span class="fw-bold">{{ user.username }}</span>
+                    </div>
+                    <div class="small">Email: {{ user.email }}</div>
                 </div>
-                <div class="small">Email: {{ user.email }}</div>
-            </div>
-            <div class="badge-container d-flex align-items-center ms-3"></div>
-        </li>
-    {% endfor %}
-</ul>
+                <div class="badge-container d-flex align-items-center ms-3"></div>
+            </li>
+        {% endfor %}
+    </ul>
 {% else %}
     <p class="text-muted">This exam has no User candidates.</p>
 {% endif %}