valxntine/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

move to embedded css, update hx state for spinner bug

Browse Source
This commit is contained in:
valxntine
2025-08-17 14:32:33 +00:00
parent 749d68cdeb
commit 18d151e0cf
3 changed files with 22 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
templates/layout.templ
View File

@@ -13,13 +13,21 @@ templ Layout(title string) {
<body>
{ children... }
<script>
document.body.addEventListener('htmx:beforeRequest', function(e) {
e.detail.elt.classList.add('loading');
});
document.body.addEventListener('htmx:afterRequest', function(e) {
e.detail.elt.classList.remove('loading');
});
document.body.addEventListener('htmx:beforeRequest', function(evt) {
evt.detail.elt.classList.add('loading');
});
document.body.addEventListener('htmx:afterRequest', function(evt) {
document.querySelectorAll('.loading').forEach(el => {
el.classList.remove('loading');
});
});
document.body.addEventListener('htmx:beforeSwap', function(evt) {
document.querySelectorAll('.loading').forEach(el => {
el.classList.remove('loading');
});
});
</script>
</body>
</html>