Refactor leave deletion form to prevent default HTMX swap behavior

This commit is contained in:
Ross
2025-12-14 21:20:54 +00:00
parent 90b957fb78
commit de54e03fcf
@@ -4,7 +4,10 @@
{% for l in leaves %}
<li data-start="{{ l.start_date|date:'Y-m-d' }}" data-end="{{ l.end_date|date:'Y-m-d' }}">
<span class="leave-range">{{ l.start_date }} → {{ l.end_date }}</span>{% if l.reason %} <em>({{ l.reason }})</em>{% endif %}
<form method="post" hx-post="{% url 'rota:leave_delete' l.id %}" hx-target="#leave-list" hx-swap="outerHTML" style="display:inline;margin-left:0.5rem">
<!-- Rely on the server to return an out-of-band (OOB) swap that updates
the #leave-list. Prevent htmx from attempting the main swap by
disabling the default swap for this request. -->
<form method="post" hx-post="{% url 'rota:leave_delete' l.id %}" hx-swap="none" style="display:inline;margin-left:0.5rem">
{% csrf_token %}
{% if token %}<input type="hidden" name="token" value="{{ token }}">{% endif %}
<button class="button is-small is-danger" type="submit" onclick="return confirm('Delete this leave request?');">Delete</button>