EP/myep
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improved layout, removed htmx-boost for simplicity

Browse Source
This commit is contained in:
Björn Fromme
2025-01-25 14:59:09 +01:00
parent 6730c243f6
commit f9e7f28b6b
19 changed files with 95 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/personal_data/index.html.twig
+9 -10
View File
@@ -6,7 +6,7 @@
<h2 class="text-2xl font-semibold pb-4">
Persönliche Daten
</h2>
{{ form_start(personalDataForm) }}
{{ form_start(personalDataForm, { 'attr': { 'data-action': 'loading#toggle' } }) }}
<div class="grid grid-cols-2 gap-x-8 gap-y-4 pb-4">
{{ form_row(personalDataForm.firstName) }}
{{ form_row(personalDataForm.name) }}
@@ -41,7 +41,7 @@
{{ form_end(personalDataForm) }}
</div>
<div>
<div>
<div id="newsletter">
<h2 class="text-2xl font-semibold pb-4">
Newsletter
</h2>
@@ -50,15 +50,14 @@
angemeldet.
</p>
<button type="button"
class="button bg-button bg-button--secondary"
class="relative button bg-button bg-button--secondary"
hx-post="{{ path('app_personal_data_newsletter') }}"
hx-target="#myep"
hx-swap="outerHTML">
{% if personalData.communication.newsletter %}
jetzt abmelden
{% else %}
jetzt anmelden
{% endif %}
hx-target="#newsletter"
hx-select="#newsletter"
hx-indicator="#button-indicator"
hx-swap="innerHTML">
{% if personalData.communication.newsletter %}jetzt abmelden{% else %}jetzt anmelden{% endif %}
<span class="htmx-indicator absolute top-0 left-0 inset-0 bg-secondary/80 flex items-center justify-center" id="button-indicator">{% include '_partials/_spinner.html.twig' with { 'class': 'w-6 h-6 text-white' } %}</span>
</button>
</div>
</div>