mirror of
https://github.com/MarijnDoeve/TijdVoorDeTest.git
synced 2026-07-05 07:00:14 +02:00
Marijn
482ca8be7e
Add a 50/50 or 66/33 split layout to every backoffice page with Dutch instructions explaining how to use Tijd voor de Test. Content covers the overall workflow, quiz finalize/activate flow, and both candidate participation methods (own device vs. shared laptop). Help text lives in dedicated partials under templates/backoffice/help/ and is loaded via Twig include(), keeping page templates clean. All strings use a separate 'instructions' translation domain (instructions+intl-icu.nl.xliff) isolated from the main messages domain. Also updates 'Finalize'-related Dutch translations to use 'Afronden' and adds tooltips to the finalize/unfinalize buttons.
74 lines
2.9 KiB
Twig
74 lines
2.9 KiB
Twig
<div class="row">
|
|
<div class="col-xl-9 col-12">
|
|
<div class="d-flex justify-content-between align-items-center mb-3">
|
|
<div>
|
|
{% set questions = quiz.questions %}
|
|
{% set currentIndex = null %}
|
|
{% for index, q in questions %}
|
|
{% if q.id.toString == question.id.toString %}
|
|
{% set currentIndex = index %}
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
{% if currentIndex > 0 %}
|
|
{% set prevQuestion = questions[currentIndex - 1] %}
|
|
<a href="{{ path('tvdt_backoffice_quiz_candidates_question', {seasonCode: season.seasonCode, quiz: quiz.id, question: prevQuestion.id}) }}"
|
|
class="btn btn-secondary">
|
|
{{ 'Previous'|trans }}
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
|
|
<h4 class="mb-0">{{ currentIndex + 1 }}. {{ question }}</h4>
|
|
|
|
<div>
|
|
{% if currentIndex is not null and currentIndex < (questions|length - 1) %}
|
|
{% set nextQuestion = questions[currentIndex + 1] %}
|
|
<a href="{{ path('tvdt_backoffice_quiz_candidates_question', {seasonCode: season.seasonCode, quiz: quiz.id, question: nextQuestion.id}) }}"
|
|
class="btn btn-secondary">
|
|
{{ 'Next'|trans }}
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
|
|
<form method="post">
|
|
<input type="hidden" name="_token" value="{{ csrf_token('candidate_answer') }}">
|
|
<table class="table table-hover table-striped mb-3">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">{{ 'Candidate'|trans }}</th>
|
|
{% for answer in question.answers %}
|
|
<th scope="col">{{ answer }}</th>
|
|
{% endfor %}
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for candidate in candidates %}
|
|
<tr>
|
|
<th scope="row">{{ candidate.name }}</th>
|
|
{% for answer in question.answers %}
|
|
<td>
|
|
<input type="checkbox"
|
|
id="candidate_{{ candidate.id }}_answer_{{ answer.id }}"
|
|
name="candidate_answer[{{ candidate.id }}][]"
|
|
value="{{ answer.id }}"
|
|
class="form-check-input"
|
|
{{ answer.candidates.contains(candidate) ? 'checked' : '' }}>
|
|
<label for="candidate_{{ candidate.id }}_answer_{{ answer.id }}" class="visually-hidden">
|
|
{{ candidate.name }} - {{ answer }}
|
|
</label>
|
|
</td>
|
|
{% endfor %}
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
<button type="submit" class="btn btn-primary">{{ 'Save'|trans }}</button>
|
|
</form>
|
|
</div>
|
|
<div class="col-xl-3 col-12">
|
|
{{ include('backoffice/help/quiz_answer_mapping.html.twig') }}
|
|
</div>
|
|
</div>
|