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

fix: avoid loading indicator issues when using browser history for navigation

Browse Source
This commit is contained in:
Björn Fromme
2025-12-09 15:13:04 +01:00
parent 420efb25ad
commit 32c73ab7b1
9 changed files with 87 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/_partials/_loading_indicator.html.twig
+2 -2
View File
@@ -1,5 +1,5 @@
<div class="invisible fixed top-0 left-0 inset-0 z-50 backdrop-blur-sm flex items-center justify-center transition-all duration-100"
{{ stimulus_target('loading', 'indicator') }}>
<div id="loading-indicator"
class="invisible fixed top-0 left-0 inset-0 z-50 backdrop-blur-sm flex items-center justify-center transition-all duration-100">
<svg class="text-primary-light w-32 h-32 lg:w-48 lg:h-48" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="currentColor">
<g fill="none" fill-rule="evenodd" stroke-width="2">
<circle cx="22" cy="22" r="1">
templates/account/personal_data.html.twig
+1 -1
View File
@@ -38,7 +38,7 @@
Kontaktdaten
</h2>
{% include '_partials/_flashes.html.twig' %}
{{ form_start(personalDataForm, { 'attr': { 'data-action': 'loading#show' } }) }}
{{ form_start(personalDataForm) }}
<div class="grid md:grid-cols-2 gap-x-8 gap-y-4 pb-4">
<div>
{{ form_row(personalDataForm.street, { 'label_attr': { 'class': 'text-white' } }) }}
templates/layout.html.twig
+1 -1
View File
@@ -1,7 +1,7 @@
{% extends 'base.html.twig' %}
{% block body %}
<div class="w-screen h-dvh {% block background %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
<div class="w-screen h-dvh {% block background %}bg-outer bg-outer--2{% endblock %}">
<div class="max-w-screen-xl h-dvh ml-auto flex flex-col overflow-hidden bg-inner">
<div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
{% block header %}
templates/layout_booking.html.twig
+1 -1
View File
@@ -1,7 +1,7 @@
{% extends 'base.html.twig' %}
{% block body %}
<div class="w-screen h-dvh {% block background %}bg-outer bg-outer--2{% endblock %}" {{ stimulus_controller('loading', [], { 'hidden': 'invisible' }) }}>
<div class="w-screen h-dvh {% block background %}bg-outer bg-outer--2{% endblock %}">
<div class="max-w-screen-xl h-dvh ml-auto flex flex-col overflow-hidden bg-inner">
<div class="shrink-0 z-20 py-2 px-4 bg-white shadow-md">
{% block header %}
templates/registration/index.html.twig
+1 -1
View File
@@ -10,7 +10,7 @@
</h1>
{% include '_partials/_flashes.html.twig' %}
<div class="pb-4">
{{ form_start(form, { 'attr': { 'data-action': 'loading#show' } }) }}
{{ form_start(form) }}
{{ form_row(form.firstName, { 'label_attr': { 'class': 'text-white' } }) }}
{{ form_row(form.name, { 'label_attr': { 'class': 'text-white' } }) }}
{{ form_row(form.email, { 'label_attr': { 'class': 'text-white' } }) }}
templates/reset_password/index.html.twig
+1 -1
View File
@@ -10,7 +10,7 @@
</h1>
{% include '_partials/_flashes.html.twig' %}
<div class="pb-4">
{{ form_start(form, { 'attr': { 'data-action': 'loading#show' } }) }}
{{ form_start(form) }}
{{ form_row(form.email, { 'label_attr': { 'class': 'text-white' } }) }}
<button type="submit" class="button button--primary">
Passwort zurücksetzen