188 lines
		
	
	
		
			10 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			188 lines
		
	
	
		
			10 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
{% extends "admin/components/base.html" %}
 | 
						|
{% block title %} SKA Referee Test | Detailed Results {% endblock %}
 | 
						|
{% block content %}
 | 
						|
    {% include "admin/components/client-alerts.html" %}
 | 
						|
    <h1>Exam Results</h1>
 | 
						|
 | 
						|
    <div class="container">
 | 
						|
        <div class="row justify-content-center">
 | 
						|
            <div class="col-lg-6">          
 | 
						|
                <ul class="list-group">
 | 
						|
                    <li class="list-group-item list-group-item-action">
 | 
						|
                        <div class="d-flex w-100 justify-content-between">
 | 
						|
                            <h5 class="mb-1">Candidate</h5>
 | 
						|
                        </div>
 | 
						|
                        <h2>
 | 
						|
                            {{ entry.name.surname }}, {{ entry.name.first_name }}
 | 
						|
                        </h2>
 | 
						|
                    </li>
 | 
						|
                    <li class="list-group-item list-group-item-action">
 | 
						|
                        <div class="d-flex w-100 justify-content-between">
 | 
						|
                            <h5 class="mb-1">Email Address</h5>
 | 
						|
                        </div>
 | 
						|
                        {{ entry.email }}
 | 
						|
                    </li>
 | 
						|
                    {% if entry['club'] %}
 | 
						|
                        <li class="list-group-item list-group-item-action">
 | 
						|
                            <div class="d-flex w-100 justify-content-between">
 | 
						|
                                <h5 class="mb-1">Club</h5>
 | 
						|
                            </div>
 | 
						|
                            {{ entry.club }}
 | 
						|
                        </li>
 | 
						|
                    {% endif %}
 | 
						|
                    <li class="list-group-item list-group-item-action">
 | 
						|
                        <div class="d-flex w-100 justify-content-between">
 | 
						|
                            <h5 class="mb-1">Exam Code</h5>
 | 
						|
                        </div>
 | 
						|
                        {{ '—'.join([entry.test_code[:4], entry.test_code[4:8], entry.test_code[8:]]) }}
 | 
						|
                    </li>
 | 
						|
                    {% if entry['user_code'] %}
 | 
						|
                        <li class="list-group-item list-group-item-action">
 | 
						|
                            <div class="d-flex w-100 justify-content-between">
 | 
						|
                                <h5 class="mb-1">User Code</h5>
 | 
						|
                            </div>
 | 
						|
                            {{ entry.user_code }}
 | 
						|
                        </li>
 | 
						|
                    {% endif %}
 | 
						|
                    <li class="list-group-item list-group-item-action">
 | 
						|
                        <div class="d-flex w-100 justify-content-between">
 | 
						|
                            <h5 class="mb-1">Start Time</h5>
 | 
						|
                        </div>
 | 
						|
                        {{ entry.start_time.strftime('%d %b %Y %H:%M:%S') }}
 | 
						|
                    </li>
 | 
						|
                    <li class="list-group-item list-group-item-action">
 | 
						|
                        <div class="d-flex w-100 justify-content-between">
 | 
						|
                            <h5 class="mb-1">Submission Time</h5>
 | 
						|
                            {% if entry.status == 'late' %}
 | 
						|
                                <span class="badge bg-danger">Late</span>
 | 
						|
                            {% endif %}
 | 
						|
                        </div>
 | 
						|
                        {% if entry.submission_time is defined %}
 | 
						|
                            {{ entry.submission_time.strftime('%d %b %Y %H:%M:%S') }}
 | 
						|
                        {% else %}
 | 
						|
                            Incomplete
 | 
						|
                        {% endif %}
 | 
						|
                    </li>
 | 
						|
                    {% if entry.results is defined %}
 | 
						|
                        <li class="list-group-item list-group-item-action">
 | 
						|
                            <div class="d-flex w-100 justify-content-between">
 | 
						|
                                <h5 class="mb-1">Score</h5>
 | 
						|
                            </div>
 | 
						|
                            {{ entry.results.score }}%
 | 
						|
                        </li>
 | 
						|
                        <li class="list-group-item list-group-item-action {% if entry.results.grade == 'fail' %}list-group-item-danger {% elif entry.results.grade == 'merit' %} list-group-item-success {% endif %}">
 | 
						|
                            <div class="d-flex w-100 justify-content-between">
 | 
						|
                                <h5 class="mb-1">Grade</h5>
 | 
						|
                            </div>
 | 
						|
                            {{ entry.results.grade[0]|upper }}{{ entry.results.grade[1:]}}
 | 
						|
                        </li>
 | 
						|
                    {% else %}
 | 
						|
                        No results to display.
 | 
						|
                    {% endif %}
 | 
						|
                </ul>
 | 
						|
                {% if not entry.results is defined %}
 | 
						|
                    <div class="accordion" id="results-breakdown">
 | 
						|
                        <div class="accordion-item">
 | 
						|
                            <h2 class="accordion-header" id="by-category">
 | 
						|
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#by-category-breakdown" aria-expanded="false" aria-controls="by-category-breakdown">
 | 
						|
                                    Score By Categories
 | 
						|
                                </button>
 | 
						|
                            </h2>
 | 
						|
                            <div id="by-category-breakdown" class="accordion-collapse collapse" aria-labelledby="by-category" data-bs-parent="#results-breakdown">
 | 
						|
                                <div class="accordion-body">
 | 
						|
                                    <table class="table table-striped">
 | 
						|
                                        <thead>
 | 
						|
                                            <tr>
 | 
						|
                                                <th>
 | 
						|
                                                    Category
 | 
						|
                                                </th>
 | 
						|
                                                <th>
 | 
						|
                                                    Score
 | 
						|
                                                </th>
 | 
						|
                                                <th>
 | 
						|
                                                    Max
 | 
						|
                                                </th>
 | 
						|
                                            </tr>
 | 
						|
                                        </thead>
 | 
						|
                                        <tbody>
 | 
						|
                                            {% for tag, scores in entry.results.tags.items() %}
 | 
						|
                                                <tr>
 | 
						|
                                                    <td>
 | 
						|
                                                        {{ tag }}
 | 
						|
                                                    </td>
 | 
						|
                                                    <td>
 | 
						|
                                                        {{ scores.scored }}
 | 
						|
                                                    </td>
 | 
						|
                                                    <td>
 | 
						|
                                                        {{scores.max}}
 | 
						|
                                                    </td>
 | 
						|
                                                </tr>
 | 
						|
                                            {% endfor %}
 | 
						|
                                        </tbody>
 | 
						|
                                    </table>
 | 
						|
                                </div>
 | 
						|
                            </div>
 | 
						|
                        </div>
 | 
						|
                        <div class="accordion-item">
 | 
						|
                            <h2 class="accordion-header" id="by-question">
 | 
						|
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#by-question-breakdown" aria-expanded="false" aria-controls="by-question-breakdown">
 | 
						|
                                    View All Answers
 | 
						|
                                </button>
 | 
						|
                            </h2>
 | 
						|
                        <div id="by-question-breakdown" class="accordion-collapse collapse" aria-labelledby="by-question" data-bs-parent="#results-breakdown">
 | 
						|
                            <div class="accordion-body">
 | 
						|
                                <table class="table table-striped">
 | 
						|
                                        <thead>
 | 
						|
                                            <tr>
 | 
						|
                                                <th>
 | 
						|
                                                    Question
 | 
						|
                                                </th>
 | 
						|
                                                <th>
 | 
						|
                                                    Answer
 | 
						|
                                                </th>
 | 
						|
                                            </tr>
 | 
						|
                                        </thead>
 | 
						|
                                        <tbody>
 | 
						|
                                            {% for question, answer in entry.answers.items() %}
 | 
						|
                                                <tr>
 | 
						|
                                                    <td>
 | 
						|
                                                        {{ question }}
 | 
						|
                                                    </td>
 | 
						|
                                                    <td>
 | 
						|
                                                        {{ answer }}
 | 
						|
                                                        {% if not correct[question] == answer %}
 | 
						|
                                                            <span class="badge badge-pill bg-danger badge-danger">Incorrect</span>
 | 
						|
                                                        {% endif %}
 | 
						|
                                                    </td>
 | 
						|
                                                </tr>
 | 
						|
                                            {% endfor %}
 | 
						|
                                        </tbody>
 | 
						|
                                </table>
 | 
						|
                            </div>
 | 
						|
                        </div>
 | 
						|
                    </div>
 | 
						|
                {% endif %}
 | 
						|
                <div class="container justify-content-center">
 | 
						|
                    <div class="row">
 | 
						|
                        <a href="#" class="btn btn-primary result-action-buttons" data-result-action="generate" data-_id="{{ entry._id }}">
 | 
						|
                            <i class="bi bi-printer-fill button-icon"></i>
 | 
						|
                            Printable Version
 | 
						|
                        </a>
 | 
						|
                    </div>
 | 
						|
                    <div class="row">
 | 
						|
                            {% if entry.status == 'late' %}
 | 
						|
                                <a href="#" class="btn btn-warning result-action-buttons" data-result-action="override" data-_id="{{ entry._id }}">
 | 
						|
                                    <i class="bi bi-clock-history button-icon"></i>
 | 
						|
                                    Allow Late Entry
 | 
						|
                                </a>
 | 
						|
                            {% endif %}
 | 
						|
                        <a href="#" class="btn btn-danger result-action-buttons" data-result-action="delete" data-_id="{{ entry._id }}">
 | 
						|
                            <i class="bi bi-trash-fill button-icon"></i>
 | 
						|
                            Delete Result
 | 
						|
                        </a>
 | 
						|
                    </div>
 | 
						|
                </div>
 | 
						|
            </div>
 | 
						|
        </div>
 | 
						|
    </div>
 | 
						|
{% endblock %} |