feat: integrate with htmx

templates/admin/document/check.html.twig

@@ -1,13 +0,0 @@
-{{ form_start(form) }}
-<h2 class="font-bold text-lg pb-4">
-    {{ ('label.document.type.' ~ document.type)|trans }} {{ document.disposition.teamer }} vom {{ document.createdAt|date('d.m.Y') }}
-</h2>
-<div class="flex flex-col space-y-4 pb-4">
-    {{ form_row(form.status) }}
-    {{ form_row(form.comment) }}
-</div>
-<button type="submit" class="btn">
-    Aktualisieren
-</button>
-{{ form_rest(form) }}
-{{ form_end(form) }}

templates/admin/document/index.html.twig

@@ -69,22 +69,17 @@
                                         {% if is_granted('DELETE', upload) %}
                                             <button type="button"
                                                     class="text-red-500"
-                                                    {{ stimulus_controller('modal-button', [], [], {'confirmation-modal': '#confirmation-modal'}) }}
-                                                    {{ stimulus_action('modal-button', 'confirmation', null, {
-                                                        'title': 'Bist du sicher?',
-                                                        'content': 'Möchtest du das Dokument wirklich löschen?',
-                                                        'target-url': path('app_admin_document_delete', { 'uuid': upload.uuid })
-                                                    }) }}>
+                                                    hx-get="{{ path('app_admin_document_delete', { 'uuid': upload.uuid }) }}"
+                                                    hx-target="body"
+                                                    hx-swap="beforeend">
                                                 {{ icon('delete') }}
                                             </button>
                                         {% endif %}
                                         {% if is_granted('CHECK', upload) %}
                                             <button type="button"
-                                                    {{ stimulus_controller('modal-button', [], [], {'ajax-modal': '#ajax-modal'}) }}
-                                                    {{ stimulus_action('modal-button', 'ajax', null, {
-                                                        'title': 'Dokumentenstatus bearbeiten',
-                                                        'url': path('app_admin_document_check', { 'uuid': upload.uuid })
-                                                    }) }}>
+                                                    hx-get="{{ path('app_admin_document_check', { 'uuid': upload.uuid }) }}"
+                                                    hx-target="body"
+                                                    hx-swap="beforeend">
                                                 {{ icon('edit') }}
                                             </button>
                                         {% endif %}

templates/admin/document/modal_check.html.twig

@@ -0,0 +1,19 @@
+{% extends 'htmx_modal.html.twig' %}
+
+{% block title %}Dokumentenstatus bearbeiten{% endblock %}
+
+{% block content %}
+    {{ form_start(form, { 'attr': { 'hx-post': app.request.uri, 'hx-target': '#htmx-modal', 'hx-swap': 'outerHTML' } }) }}
+    <h2 class="font-bold text-lg pb-4">
+        {{ ('label.document.type.' ~ document.type)|trans }} {{ document.disposition.teamer }} vom {{ document.createdAt|date('d.m.Y') }}
+    </h2>
+    <div class="flex flex-col space-y-4 pb-4">
+        {{ form_row(form.status) }}
+        {{ form_row(form.comment) }}
+    </div>
+    <button type="submit" class="btn">
+        Aktualisieren
+    </button>
+    {{ form_rest(form) }}
+    {{ form_end(form) }}
+{% endblock %}

templates/admin/document/modal_delete.html.twig

@@ -0,0 +1,7 @@
+{% extends 'htmx_confirmation_modal.html.twig' %}
+
+{% block content %}
+    <div>
+        Möchtest du das Dokument <em>{{ ('label.document.type.' ~ document.type)|trans }}</em> wirklich löschen?
+    </div>
+{% endblock %}