feat: improved layout for pickup selection to make price visible

addresses #869axbjmd
This commit is contained in:
Björn Fromme
2026-03-16 11:59:11 +01:00
parent af163d597e
commit 6c0d7c30c6
+33 -39
View File
@@ -243,57 +243,51 @@
<div class="mt-6 border-t pt-4"> <div class="mt-6 border-t pt-4">
<h3 class="font-semibold text-lg mb-4">Anreise</h3> <h3 class="font-semibold text-lg mb-4">Anreise</h3>
<div class="grid grid-cols-2 gap-4"> <div class="grid grid-cols-2 gap-4">
<div> {% if form.transportationOutbound is defined %}
{% if form.transportationOutbound is defined %} {{ form_row(form.transportationOutbound, {
{{ form_row(form.transportationOutbound, { 'attr': {
'hx-trigger': 'change',
'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})),
'hx-target': '#main-content', 'hx-swap': 'innerHTML'
}
}) }}
{% endif %}
{% if form.transportationInbound is defined %}
{{ form_row(form.transportationInbound, {
'attr': {
'hx-trigger': 'change',
'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})),
'hx-target': '#main-content', 'hx-swap': 'innerHTML'
}
}) }}
{% endif %}
{% if form.pickup is defined %}
<div class="col-span-2 mt-4">
{{ form_row(form.pickup, {
'attr': { 'attr': {
'hx-trigger': 'change', 'hx-trigger': 'change',
'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})), 'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})),
'hx-target': '#main-content', 'hx-swap': 'innerHTML' 'hx-target': '#main-content', 'hx-swap': 'innerHTML'
} }
}) }} }) }}
{% endif %} </div>
{% if form.pickup is defined or form.parking is defined or form.licensePlate is defined %} {% endif %}
{% if form.pickup is defined %} {% if form.parking is defined %}
<div class="mt-4"> <div class="mt-4">
{{ form_row(form.pickup, { {{ form_row(form.parking, {
'attr': {
'hx-trigger': 'change',
'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})),
'hx-target': '#main-content', 'hx-swap': 'innerHTML'
}
}) }}
</div>
{% endif %}
{% if form.parking is defined %}
<div class="mt-4">
{{ form_row(form.parking, {
'attr': {
'hx-trigger': 'change',
'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})),
'hx-target': '#main-content', 'hx-swap': 'innerHTML'
}
}) }}
</div>
{% endif %}
{% if form.licensePlate is defined %}
<div class="mt-4">
{{ form_row(form.licensePlate) }}
</div>
{% endif %}
{% endif %}
</div>
<div>
{% if form.transportationInbound is defined %}
{{ form_row(form.transportationInbound, {
'attr': { 'attr': {
'hx-trigger': 'change', 'hx-trigger': 'change',
'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})), 'hx-post': path(refreshRouteName, refreshRouteParams|default({index: participantIndex})),
'hx-target': '#main-content', 'hx-swap': 'innerHTML' 'hx-target': '#main-content', 'hx-swap': 'innerHTML'
} }
}) }} }) }}
{% endif %} </div>
</div> {% endif %}
{% if form.licensePlate is defined %}
<div class="mt-4">
{{ form_row(form.licensePlate) }}
</div>
{% endif %}
</div> </div>
</div> </div>
{% endif %} {% endif %}