feat: integrate with htmx

This commit is contained in:
Björn Fromme
2024-02-07 10:15:59 +01:00
parent 4d1799ca49
commit 1e572606f8
154 changed files with 1447 additions and 1461 deletions
+39 -45
View File
@@ -10,52 +10,46 @@
</div>
{% endmacro %}
<div {{ stimulus_controller('form-partial', { 'url': path('app_admin_assignment_pickup_form') }) }}>
{{ form_start(form, { 'attr': { 'data-form-partial-target': 'form' } }) }}
<div class="flex flex-col space-y-4 pb-8">
<div class="grid lg:grid-cols-6 gap-x-4 gap-y-4">
<div class="lg:col-span-3">
{{ form_row(form.destination) }}
</div>
{{ form_row(form.status) }}
{{ form_row(form.availableDispositions) }}
<div>
<h4 class="font-bold pb-2">
{{ form_label(form.showAvailableDispositions) }}
</h4>
{{ form_widget(form.showAvailableDispositions) }}
</div>
{{ form_start(form) }}
<div class="flex flex-col space-y-4 pb-8">
<div class="grid lg:grid-cols-6 gap-x-4 gap-y-4">
<div class="lg:col-span-3">
{{ form_row(form.destination) }}
</div>
<div class="grid lg:grid-cols-2 gap-x-8 gap-y-4">
{{ form_row(form.jobProfile) }}
{{ form_row(form.jobProfileInfo) }}
{{ form_row(form.benefits) }}
{{ form_row(form.contact) }}
</div>
<div class="relative">
<div class="grid lg:grid-cols-2 gap-x-8 gap-y-4" {{ stimulus_target('form-partial', 'container') }}>
{% block partial_form %}
{{ form_row(form.pickup) }}
{#{{ form_row(form.pickupDate) }}#}
{% endblock %}
</div>
<div class="absolute top-0 left-0 inset-0 bg-white/90 flex items-center justify-center" {{ stimulus_target('form-partial', 'spinner') }}>
{% include '_partials/_spinner.html.twig' with { 'class': 'w-8 h-8'} %}
</div>
</div>
<div class="grid lg:grid-cols-2 gap-x-8 gap-y-4">
{{ form_row(form.fees) }}
{{ form_row(form.remarks) }}
{{ form_row(form.status) }}
{{ form_row(form.availableDispositions) }}
<div>
<h4 class="font-bold pb-2">
{{ form_label(form.showAvailableDispositions) }}
</h4>
{{ form_widget(form.showAvailableDispositions) }}
</div>
</div>
<div class="flex items-center space-x-2">
<button type="submit" class="btn">
Speichern
</button>
<a href="{{ path('app_admin_assignment_index') }}" class="btn btn--secondary">
Abbrechen
</a>
<div class="grid lg:grid-cols-2 gap-x-8 gap-y-4">
{{ form_row(form.jobProfile) }}
{{ form_row(form.jobProfileInfo) }}
{{ form_row(form.benefits) }}
{{ form_row(form.contact) }}
</div>
{{ form_rest(form) }}
{{ form_end(form) }}
</div>
<div class="relative">
<div class="grid lg:grid-cols-2 gap-x-8 gap-y-4" id="pickup-form">
{% block partial_form %}
{{ form_row(form.pickup) }}
{% endblock %}
</div>
</div>
<div class="grid lg:grid-cols-2 gap-x-8 gap-y-4">
{{ form_row(form.fees) }}
{{ form_row(form.remarks) }}
</div>
</div>
<div class="flex items-center space-x-2">
<button type="submit" class="btn">
Speichern
</button>
<a href="{{ path('app_admin_assignment_index') }}" class="btn btn--secondary">
Abbrechen
</a>
</div>
{{ form_rest(form) }}
{{ form_end(form) }}