mirror of
https://github.com/MarijnDoeve/TijdVoorDeTest.git
synced 2026-07-07 08:00:15 +02:00
Marijn
394b8c7d33
- Auto-add one empty answer field when opening a blank question form - Auto-append new empty field when typing in the last answer field - Strip empty answer rows before submit (novalidate + JS cleanup) - Tab key skips correct/delete buttons, jumping straight to next answer
38 lines
1.6 KiB
Twig
38 lines
1.6 KiB
Twig
{% import 'backoffice/partials/answer_row.html.twig' as macros %}
|
||
|
||
{{ form_start(form, {attr: {novalidate: 'novalidate'}}) }}
|
||
{{ form_row(form.question) }}
|
||
{{ form_row(form.reusable) }}
|
||
{{ form_row(form.labels) }}
|
||
|
||
<div data-controller="bo--form-collection"
|
||
data-bo--form-collection-prototype-value="{{ macros.answer_row(form.answers.vars.prototype)|e('html_attr') }}">
|
||
{{ form_label(form.answers) }}
|
||
{{ form_errors(form.answers) }}
|
||
<div data-bo--form-collection-target="collection">
|
||
{% for answerForm in form.answers %}
|
||
{{ macros.answer_row(answerForm) }}
|
||
{% endfor %}
|
||
</div>
|
||
{% do form.answers.setRendered %}
|
||
<div class="d-flex gap-2 mb-3">
|
||
<button type="button" class="btn btn-sm btn-outline-primary"
|
||
data-action="bo--form-collection#addItem">{{ 'Add answer'|trans }}</button>
|
||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||
data-action="bo--form-collection#sortAlphabetically">{{ 'Sort A–Z'|trans }}</button>
|
||
<button type="button" class="btn btn-sm btn-outline-secondary"
|
||
data-action="bo--form-collection#randomize">{{ 'Randomize'|trans }}</button>
|
||
</div>
|
||
</div>
|
||
|
||
{% if isModal ?? false %}
|
||
{% do form.save.setRendered %}
|
||
{% endif %}
|
||
{{ form_end(form) }}
|
||
{% if isModal ?? false %}
|
||
<template data-modal-footer>
|
||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ 'Cancel'|trans }}</button>
|
||
<button type="submit" form="{{ form.vars.id }}" class="btn btn-primary">{{ 'Save'|trans }}</button>
|
||
</template>
|
||
{% endif %}
|