cclohmar/NextExpense
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: event edit and delete now use htmx.trigger() instead of .submit() / hx.trigger()

Browse source 
- form.submit() triggered standard GET submission with query params
- hx.trigger() is not a valid function — htmx.trigger() is the correct API
- Both edit save and delete now properly fire HTMX requests
This commit is contained in:
Claus Lohmar 2026-06-03 08:03:47 +00:00
parent c815e022b5
commit b9721a9bab
1 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
templates/event_expenses.html
View file

@ -27,7 +27,7 @@
<div style="display: flex; gap: 0.5rem;"> <div style="display: flex; gap: 0.5rem;">
<button id="edit-toggle-btn" class="btn btn-secondary btn-sm" onclick="toggleEdit()" style="font-size: 0.75rem;">🔒 Edit</button> <button id="edit-toggle-btn" class="btn btn-secondary btn-sm" onclick="toggleEdit()" style="font-size: 0.75rem;">🔒 Edit</button>
<button class="btn btn-secondary btn-sm" style="font-size: 0.75rem; color: #fca5a5; border-color: #7f1d1d;" <button class="btn btn-secondary btn-sm" style="font-size: 0.75rem; color: #fca5a5; border-color: #7f1d1d;"
onclick="if(confirm('Delete this event and all its receipts?')){hx.trigger('#delete-event','click')}">🗑️</button> onclick="if(confirm('Delete this event and all its receipts?')){htmx.trigger('#delete-event','click')}">🗑️</button>
<div hx-delete="/events/{{.Event.ID}}" hx-target="body" hx-push-url="true" id="delete-event" style="display:none"></div> <div hx-delete="/events/{{.Event.ID}}" hx-target="body" hx-push-url="true" id="delete-event" style="display:none"></div>
</div> </div>
</div> </div>
@ -71,7 +71,7 @@
}); });
btn.textContent = isEditing ? '🔒 Edit' : '🔓 Save'; btn.textContent = isEditing ? '🔒 Edit' : '🔓 Save';
if (!isEditing) { if (!isEditing) {
document.getElementById('event-meta-form').submit(); htmx.trigger('#event-meta-form', 'submit');
} }
} }
</script> </script>