Files
TijdVoorDeTest/templates/backoffice/season/tab_tests.html.twig
T
Marijn e8a8fb3f54 fix: align quiz status badges to the left of the row
Previously the badge trailed the quiz name, so its position shifted
with the name's length. Placing it first keeps it at a consistent
left edge across all rows.
2026-07-08 15:30:34 +02:00

29 lines
1.4 KiB
Twig

<div class="row">
<div class="col-md-6 col-12">
<div class="d-flex align-items-center gap-2 mb-3">
<a class="btn btn-sm btn-outline-primary"
href="{{ path('tvdt_backoffice_quiz_add_blank', {seasonCode: season.seasonCode}) }}">{{ 'Add Empty Quiz'|trans }}</a>
<a class="btn btn-sm btn-outline-secondary"
href="{{ path('tvdt_backoffice_quiz_add', {seasonCode: season.seasonCode}) }}">{{ 'Import Quiz from Excel'|trans }}</a>
</div>
<div class="list-group mb-3">
{% for quiz in season.quizzes %}
<a class="list-group-item list-group-item-action d-flex align-items-center gap-2{% if season.activeQuiz == quiz %} active{% endif %}"
href="{{ path('tvdt_backoffice_quiz', {seasonCode: season.seasonCode, quiz: quiz.id}) }}">
{% if season.activeQuiz == quiz %}
<span class="badge text-bg-light">{{ 'Active'|trans }}</span>
{% elseif quiz.isFinalized %}
<span class="badge text-bg-success">{{ 'Ready'|trans }}</span>
{% endif %}
{{ quiz.name }}
</a>
{% else %}
{{ 'No quizzes'|trans }}
{% endfor %}
</div>
</div>
<div class="col-md-6 col-12">
{{ include('backoffice/help/season_tests.html.twig') }}
</div>
</div>