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

Refactor exam scores user template for improved layout and styling of answers

Browse Source
This commit is contained in:
Ross
2026-01-19 12:28:20 +00:00
parent d16041026f
commit 015a5d18b5
1 changed files with 38 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
anatomy/templates/anatomy/exam_scores_user.html
+38 -18
View File
@@ -1,7 +1,7 @@
{% extends 'base.html' %} {% extends 'base.html' %}
{% block content %} {% block content %}
<div class="question-display-block"> <div class="question-display-block mb-4">
<div class="hide-show">HIDE/SHOW</div> <div class="hide-show">HIDE/SHOW</div>
<div class="inner-display-block"> <div class="inner-display-block">
Question <span class="question-number">No question loaded</span><br /> Question <span class="question-number">No question loaded</span><br />
@@ -12,24 +12,44 @@
<div class="answers">Answers: </div> <div class="answers">Answers: </div>
</div> </div>
</div> </div>
<div class="anatomy">
<div class="container anatomy my-3">
{% include 'user_score_header.html' %} {% include 'user_score_header.html' %}
<ul class="score-answer-list">
{% for ans, score, correct_answer in answers_and_marks %} <div class="card">
<li class="user-answer-li" data-question-number="{{forloop.counter}}">Question {{forloop.counter}} - Correct answer: {% if exam.publish_results %}<span class="correct-answer">{{correct_answer}}</span>{% endif %} <div class="card-body p-0">
<br/> <ul class="list-group list-group-flush">
<span class="user-answer-score user-answer-score-{{score}}"> {% for ans, score, correct_answer in answers_and_marks %}
<span class="submitted-user-answer"> <li class="list-group-item d-flex justify-content-between align-items-start">
<pre>{{ans}}</pre> <div class="d-flex align-items-start">
</span> <div class="me-3">
{% if exam.publish_results or view_all_results%} <span class="badge bg-secondary">{{ forloop.counter }}</span>
Marks: <span class="answer-score">{{score}}</span> </div>
{% endif %} <div>
</span> <div class="fw-semibold">Question {{ forloop.counter }}</div>
<span class="view-question-link" data-qn={{forloop.counter0}}>View</span> <div class="small text-muted">
</li> Correct answer: {% if exam.publish_results %}<span class="correct-answer">{{ correct_answer }}</span>{% else %}—{% endif %}
{% endfor %} </div>
</ul> <div class="mt-2">
<pre class="mb-0">{{ ans }}</pre>
</div>
{% if exam.publish_results or view_all_results %}
<div class="small mt-2 text-muted">Marks: <span class="answer-score">{{ score }}</span></div>
{% endif %}
</div>
</div>
<div class="text-end ms-3">
<button type="button" class="btn btn-sm btn-outline-primary view-question-link" data-qn={{forloop.counter0}}>View</button>
{% if request.user.is_staff %}
<button type="button" class="btn btn-sm btn-outline-secondary ms-2 admin-edit-button" data-qn="{{ forloop.counter0 }}">Edit</button>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% include 'user_scores_footer.html' %} {% include 'user_scores_footer.html' %}
</div> </div>
{% endblock %} {% endblock %}