Refactor leave deletion form to prevent default HTMX swap behavior
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user