mirror of
https://github.com/MarijnDoeve/TijdVoorDeTest.git
synced 2026-07-07 16:10:15 +02:00
108 lines
4.9 KiB
Twig
108 lines
4.9 KiB
Twig
<h4 class="py-2">Quick actions</h4>
|
|
<div class="py-2 btn-group" data-controller="bo--quiz">
|
|
|
|
{% if quiz is same as (season.activeQuiz) %}
|
|
<a class="btn btn-secondary"
|
|
href="{{ path('tvdt_backoffice_enable', {seasonCode: season.seasonCode, quiz: 'null'}) }}">{{ 'Deactivate Quiz'|trans }}</a>
|
|
{% else %}
|
|
<a class="btn btn-primary"
|
|
href="{{ path('tvdt_backoffice_enable', {seasonCode: season.seasonCode, quiz: quiz.id}) }}">{{ 'Make active'|trans }}</a>
|
|
{% endif %}
|
|
<button class="btn btn-danger" data-action="click->bo--quiz#clearQuiz">
|
|
{{ 'Clear Quiz...'|trans }}
|
|
</button>
|
|
<button class="btn btn-danger" data-action="click->bo--quiz#deleteQuiz">
|
|
{{ 'Delete Quiz...'|trans }}
|
|
</button>
|
|
</div>
|
|
|
|
<div id="questions">
|
|
<h4 class="py-2">{{ 'Questions'|trans }}</h4>
|
|
<div class="accordion">
|
|
{%~ for question in quiz.questions ~%}
|
|
<div class="accordion-item">
|
|
<h2 class="accordion-header">
|
|
<button class="accordion-button collapsed"
|
|
type="button"
|
|
data-bs-toggle="collapse"
|
|
data-bs-target="#question-{{ loop.index0 }}"
|
|
aria-controls="question-{{ loop.index0 }}">
|
|
{% set questionErrors = question.getErrors %}
|
|
{%~ if questionErrors -%}
|
|
<span data-bs-toggle="tooltip"
|
|
title="{{ questionErrors }}"
|
|
class="badge text-bg-danger rounded-pill me-2">!</span>
|
|
{% endif %}
|
|
{{~ loop.index -}}. {{ question.question -}}
|
|
</button>
|
|
</h2>
|
|
<div id="question-{{ loop.index0 }}"
|
|
class="accordion-collapse collapse">
|
|
<div class="accordion-body">
|
|
<ul>
|
|
{%~ for answer in question.answers %}
|
|
<li{% if answer.isRightAnswer %} class="text-decoration-underline"{% endif %}>
|
|
{{ answer.text }}
|
|
{% if answer.candidates|length > 0 %}
|
|
<small class="text-muted">
|
|
({{ answer.candidates|map(c => c.name)|join(', ') }})
|
|
</small>
|
|
{% endif %}
|
|
</li>
|
|
{%~ else %}
|
|
{{ 'There are no answers for this question'|trans -}}
|
|
{%~ endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
{{ 'EMPTY'|trans }}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
{# Modal Clear #}
|
|
<div class="modal fade" id="clearQuizModal" data-bs-backdrop="static"
|
|
tabindex="-1"
|
|
aria-labelledby="staticBackdropLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="staticBackdropLabel">{{ 'Please Confirm'|trans }}</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
{{ 'Are you sure you want to clear all the results? This will also delete al the eliminations.'|trans }}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'No'|trans }}</button>
|
|
<a href="{{ path('tvdt_backoffice_quiz_clear', {quiz: quiz.id}) }}"
|
|
class="btn btn-danger">{{ 'Yes'|trans }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{# Modal Delete #}
|
|
<div class="modal fade" id="deleteQuizModal" data-bs-backdrop="static"
|
|
tabindex="-1"
|
|
aria-labelledby="staticBackdropLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h1 class="modal-title fs-5" id="staticBackdropLabel">{{ 'Please Confirm'|trans }}</h1>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
{{ 'Are you sure you want to delete this quiz?'|trans }}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'No'|trans }}</button>
|
|
<a href="{{ path('tvdt_backoffice_quiz_delete', {quiz: quiz.id}) }}"
|
|
class="btn btn-danger">{{ 'Yes'|trans }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|