ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor submitted candidates display to use a table format with action buttons and add submission count

Browse Source
This commit is contained in:
Ross
2025-12-29 11:18:10 +00:00
parent 2ab85357a9
commit c5f9b830eb
1 changed files with 42 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
generic/templates/generic/partials/exam_cids_submitted_list.html
+42 -8
View File
@@ -2,15 +2,49 @@
{% if user_exam_data %}
<div class="card">
<div class="card-body">
<h5 class="card-title">Submitted candidates</h5>
<p class="small text-muted">The following candidate submissions have been received. Candidates with submissions are highlighted above.</p>
<ul id="submitted-candidates" class="list-unstyled small">
{% 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: {{user_data.start_time}} / End: {{user_data.end_time}}</li>
{% endfor %}
</ul>
<div class="d-flex justify-content-between align-items-start mb-2">
<div>
<h5 class="card-title mb-0">Submitted candidates</h5>
<div class="small text-muted">The following candidate submissions have been received. Candidates with submissions are highlighted above.</div>
</div>
<div class="small text-muted">Count: <span class="fw-semibold">{{ user_exam_data|length }}</span></div>
</div>
<div class="table-responsive">
<table class="table table-sm table-hover align-middle mb-0">
<thead class="table-light">
<tr>
<th scope="col">CID</th>
<th scope="col">User</th>
<th scope="col">Start</th>
<th scope="col">End</th>
<th scope="col" class="text-end">Actions</th>
</tr>
</thead>
<tbody id="submitted-candidates">
{% for user_data in user_exam_data %}
<tr data-cid="{{ user_data.cid_user }}" data-user="{{ user_data.user_user }}">
<td class="fw-bold">{{ user_data.cid_user }}</td>
<td>{{ user_data.user_user }}</td>
<td class="text-nowrap small text-muted">{{ user_data.start_time }}</td>
<td class="text-nowrap small text-muted">{{ user_data.end_time }}</td>
<td class="text-end">
<div class="btn-group" role="group">
<button class="btn btn-sm btn-outline-secondary" title="View details" hx-get="{% url exam.get_app_name|add:':exam_user_status' exam.id %}?cid={{ user_data.cid_user }}" hx-target="#history-modal .modal-body" data-bs-toggle="modal" data-bs-target="#history-modal"><i class="bi bi-eye"></i></button>
</div>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
{% else %}
<p class="small text-muted">No submissions yet.</p>
<div class="card">
<div class="card-body">
<p class="mb-0 small text-muted">No submissions yet.</p>
</div>
</div>
{% endif %}