33 lines
686 B
HTML
33 lines
686 B
HTML
{% extends "layout.html" %}
|
|
|
|
{% block title %}
|
|
Delete Row
|
|
{% endblock %}
|
|
|
|
{% block head %}
|
|
<style>
|
|
tr.htmx-swapping td {
|
|
opacity: 0;
|
|
transition: opacity 1s ease-out;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<h2><a href="https://htmx.org/examples/delete-row/">Delete row</a></h2>
|
|
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Email</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody hx-confirm="Are you sure?" hx-target="closest tr" hx-swap="outerHTML swap:1s">
|
|
{{ render_partial('partials/delete_row_get.html', contacts=contacts) }}
|
|
</tbody>
|
|
</table>
|
|
{% endblock %}
|