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

Refactor exam overview layout for improved readability and structure, enhancing question display with better styling and organization.

Browse Source
This commit is contained in:
Ross
2025-10-20 22:53:35 +01:00
parent a49f198d26
commit 1a04064e6b
1 changed files with 51 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sbas/templates/sbas/exam_overview.html
+51 -24
View File
@@ -8,33 +8,60 @@
{% block content %}
{% load thumbnail %}
<div class="sbas">
<div class="container sbas">
<div class="row mb-3">
<div class="col-12">
<p class="lead">This exam will be available to take <a href="{% url 'sbas:exam_start' pk=exam.pk %}">here</a> (when active).</p>
</div>
</div>
This exam will be available to take <a href="{% url 'sbas:exam_start' pk=exam.pk %}">here</a> (when active).
<h3 class="mb-3">Questions in this Exam</h3>
{% autoescape off %}
<ol id="full-question-list-sba">
{% for question in questions.all %}
<li>
<span>
{{ question.stem|safe }}
<ol type="a" class="abcde">
<li> {{ question.a_answer|safe }} </li>
<li> {{ question.b_answer|safe }} </li>
<li> {{ question.c_answer|safe }} </li>
<li> {{ question.d_answer|safe }} </li>
<li> {{ question.e_answer|safe }} </li> Best answer : {{question.best_answer}} ({{question.get_correct_answer_stripped}})
</ol>
</span>
Category: {{ question.category }}, <a href="{% url 'sbas:question_detail' pk=question.pk %}">View</a> <a
href="{% url 'admin:sbas_question_change' question.id %}">Edit</a>
</li>
{% endfor %}
</ol>
{% endautoescape %}
<div class="row g-3">
{% for question in questions.all %}
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between align-items-start mb-2">
<div class="flex-grow-1">
<div class="question-stem">{{ question.stem|safe }}</div>
</div>
<div class="ms-3 text-end">
<div class="small text-muted">Category: {{ question.category }}</div>
<div class="mt-1">
<a class="btn btn-sm btn-outline-primary" href="{% url 'sbas:question_detail' pk=question.pk %}">View</a>
<a class="btn btn-sm btn-outline-secondary" href="{% url 'admin:sbas_question_change' question.id %}">Edit</a>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-9">
<ol type="a" class="abcde mb-0">
<li> {{ question.a_answer|safe }} </li>
<li> {{ question.b_answer|safe }} </li>
<li> {{ question.c_answer|safe }} </li>
<li> {{ question.d_answer|safe }} </li>
<li> {{ question.e_answer|safe }} </li>
</ol>
</div>
<div class="col-12 col-md-3 text-md-end mt-2 mt-md-0">
<div class="small text-muted">Best answer</div>
<div class="mt-1">
{% if question.best_answer %}
<span class="badge bg-primary fs-5">{{ question.best_answer|stringformat:'s'|slice:":1"|upper }}</span>
{% else %}
<span class="text-muted">-</span>
{% endif %}
</div>
<div class="small text-muted mt-2">({{ question.get_correct_answer_stripped }})</div>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {