feat: integrate with htmx

2024-02-07 10:15:59 +01:00
parent 4d1799ca49
commit 1e572606f8
154 changed files with 1447 additions and 1461 deletions
@@ -0,0 +1,52 @@
+{% extends 'layout.html.twig' %}
+
+{% block title %}Verfügbarkeit {{ teamer }}{% endblock %}
+
+{% block content %}
+    <div class="grid lg:grid-cols-3 gap-y-8 lg:gap-y-0 lg:gap-x-8">
+        <div>
+            {{ knp_menu_render(knp_menu_get('admin_teamer')) }}
+        </div>
+        <div class="lg:col-span-2">
+            <h1 class="text-2xl font-bold pb-8">
+                Verfügbarkeit {{ teamer }}
+            </h1>
+            <div class="grid md:grid-cols-2 gap-8 pb-8">
+                {% for year, months in groupedAvailabilities %}
+                    <div>
+                        <h3 class="text-lg font-bold">
+                            {{ year }}
+                        </h3>
+                        <div class="flex flex-col space-y-3">
+                            {% for month, availabilities in months %}
+                                <div>
+                                    <h4 class="font-bold">
+                                        {{ month }}
+                                    </h4>
+                                    {% for availability in availabilities %}
+                                        <div class="flex items-center space-x-2">
+                                            <span>{{ availability }}</span>
+                                            {% if is_granted('DELETE', availability) %}
+                                                <button type="button"
+                                                        title="Zeitraum entfernen/löschen"
+                                                        hx-get="{{ path('app_admin_teamer_availability_delete', { 'teamer_uuid': teamer.uuid, 'availability_id': availability.id, 'r': return_url() }) }}"
+                                                        hx-target="body"
+                                                        hx-swap="beforeend">
+                                                    {{ icon('delete', 'w-5 h-5') }}
+                                                </button>
+                                            {% endif %}
+                                        </div>
+                                    {% endfor %}
+                                </div>
+                            {% endfor %}
+                        </div>
+                    </div>
+                {% else %}
+                    <div class="md:col-span-2 text-sm">
+                        {{ teamer.firstName }} hat bisher keine Verfügbarkeiten hinterlegt.
+                    </div>
+                {% endfor %}
+            </div>
+        </div>
+    </div>
+{% endblock %}
@@ -0,0 +1,7 @@
+{% extends 'htmx_confirmation_modal.html.twig' %}
+
+{% block content %}
+    <div>
+        Möchtest du die Verfügbarkeit <em>{{ availability }}</em> wirklich löschen?
+    </div>
+{% endblock %}