refactor: replace error message with sweet alert 2

This commit is contained in:
Herculino Trotta
2024-12-13 23:00:07 -03:00
parent 992ab1ccdc
commit 715a37d226
2 changed files with 11 additions and 11 deletions

View File

@@ -1,8 +1,15 @@
{% load i18n %}
<script type="text/hyperscript">
behavior htmx_error_handler
on htmx:responseError or htmx:afterRequest[detail.failed] remove .tw-hidden from
#loading-error then log event
on htmx:afterRequest[detail.successful] add .tw-hidden to #loading-error
on click from #loading-error-close add .tw-hidden to #loading-error
on htmx:responseError or htmx:afterRequest[detail.failed] or htmx:sendError queue none
call Swal.fire({title: '{% trans 'Something went wrong loading your data' %}',
text: '{% trans 'Try reloading the page or check the console for more information.' %}',
icon: 'error',
customClass: {
confirmButton: 'btn btn-primary'
},
buttonsStyling: true})
then log event
then halt the event
end
</script>

View File

@@ -27,13 +27,6 @@
{% block body_hyperscript %}{% endblock %}">
{% include 'includes/navbar.html' %}
<div class="container tw-hidden" id="loading-error">
<div class="alert alert-danger m-3 alert-dismissible swing-in-top-fwd" role="alert">
{% translate 'Something went wrong loading your data. Try reloading the page or check the console for more information.' %}
<button type="button" class="btn-close" aria-label="Close" id="loading-error-close"></button>
</div>
</div>
<div id="content">
{% block content %}{% endblock %}
</div>