Refactor CID candidate list for improved readability and maintainability

This commit is contained in:
Ross
2025-12-22 11:14:00 +00:00
parent a1bc96f99a
commit 13a23eee12
+19 -19
View File
@@ -21,25 +21,25 @@
<ol class="cid-candidate-list">
{% for cid in cid_users %}
<li class="cid-user" data-cid={{cid.cid}}>
<div class="cid-data d-flex align-items-center">
<i class="bi bi-clock-history 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"
_="on htmx:afterOnLoad put {{cid.cid}} into #history-user.innerHTML "
></i>
<span class="d-inline-flex align-items-center flex-nowrap">
<a class="cid-link me-1" href="{% url 'generic:update_cid' cid.pk %}">{{cid.cid}}</a>
<span class="text-muted">[{{cid.passcode}}]</span>
<a title="View CID exam details" class="ms-2 d-inline-block cid-detail-link" 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" role="button"><i class="bi bi-box-arrow-up-right"></i></a>
</span>
</div>
<div class="cid-name">{{cid.name}}</div>
<div class="cid-email">Email: {{cid.email}}</div>
</li>
<li class="cid-user" data-cid={{cid.cid}}>
<div class="cid-data d-flex align-items-center">
<i class="bi bi-clock-history 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"
_="on htmx:afterOnLoad put {{cid.cid}} into #history-user.innerHTML "
></i>
<span class="d-inline-flex align-items-center flex-nowrap">
<a class="cid-link me-1" href="{% url 'generic:update_cid' cid.pk %}">{{cid.cid}}</a>
<span class="text-muted">[{{cid.passcode}}]</span>
<a title="View CID exam details" class="ms-2 d-inline-block cid-detail-link" 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" role="button"><i class="bi bi-box-arrow-up-right"></i></a>
</span>
</div>
<div class="cid-name">{{cid.name}}</div>
<div class="cid-email">Email: {{cid.email}}</div>
</li>
{% endfor %}
</ol>