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.
47 lines
2.6 KiB
Twig
47 lines
2.6 KiB
Twig
{% extends 'backoffice/base.html.twig' %}
|
|
|
|
{% block breadcrumbs %}
|
|
<nav aria-label="breadcrumb" class="mb-3">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="{{ path('tvdt_backoffice_index') }}">{{ 'Home'|trans }}</a></li>
|
|
<li class="breadcrumb-item"><a href="{{ path('tvdt_backoffice_season', {seasonCode: elimination.quiz.season.seasonCode}) }}">{{ elimination.quiz.season.name }}</a></li>
|
|
<li class="breadcrumb-item"><a href="{{ path('tvdt_backoffice_quiz', {seasonCode: elimination.quiz.season.seasonCode, quiz: elimination.quiz.id}) }}">{{ elimination.quiz.name }}</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">{{ 'Prepare Elimination'|trans }}</li>
|
|
</ol>
|
|
</nav>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="row">
|
|
<div class="col-12 col-md-6">
|
|
<form method="post">
|
|
<input type="hidden" name="_token" value="{{ csrf_token('prepare_elimination') }}">
|
|
{%~ for candidate, colour in elimination.data %}
|
|
<div class="row mb-3">
|
|
<label for="colour-{{ candidate|lower }}" class="col-4 col-form-label">{{ candidate }}</label>
|
|
<div class="col-4">
|
|
<select id="colour-{{ candidate|lower }}" class="form-select"
|
|
name="colour-{{ candidate|lower }}">
|
|
<option
|
|
value="green"{% if colour == 'green' %} selected{% endif %}>{{ 'Green'|trans }}</option>
|
|
<option
|
|
value="red"{% if colour == 'red' %} selected{% endif %}>{{ 'Red'|trans }}</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<div class="btn-group mb-3">
|
|
<button type="submit" class="btn btn-primary" name="start" value="0">{{ 'Save'|trans }}</button>
|
|
<button type="submit" class="btn btn-success" name="start"
|
|
value="1">{{ 'Save and start elimination'|trans }}</button>
|
|
<a href="{{ path('tvdt_backoffice_quiz', {seasonCode: elimination.quiz.season.seasonCode, quiz: elimination.quiz.id}) }}"
|
|
class="btn btn-secondary">{{ 'Back'|trans }}</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
{{ include('backoffice/help/prepare_elimination.html.twig') }}
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|