eisterman/htmxssrtest
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add Delete row

Browse Source
This commit is contained in:
Federico Pasqua
2025-01-29 11:40:18 +01:00
parent 380795d054
commit 53e7d79f7c
6 changed files with 69 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
templates/index.html
View File

@@ -37,14 +37,14 @@
<div style="height: 48px; margin-bottom: 8px"></div>
<div x-data="{'isModalOpen': false}">
<div style="display:flex; justify-content:flex-end">
<button x-on:click="isModalOpen = true">Create</button>
<button @click="isModalOpen = true">Create</button>
</div>
<div class="overlay" style="z-index: 30" x-show="isModalOpen" x-cloak></div>
<dialog open style="z-index: 31" x-show="isModalOpen" x-cloak x-transition>
<header>
<h2>Create new RSS Feed subscription</h2>
</header>
<form id="create_form" hx-post="/feed/" hx-swap="none">
<form id="create_form" hx-post="/feed/" hx-swap="none" x-ref="create_form" hx-indicator="#indicator">
<label>
Name
<input type="text" name="name">
@@ -55,8 +55,11 @@
</label>
</form>
<footer>
<button form="create_form" type="reset" x-on:click="isModalOpen = false">Close</button>
<button form="create_form" type="submit">Submit</button>
<button form="create_form" type="reset" @click="isModalOpen = false">Close</button>
<button form="create_form" type="submit">
Submit
<img id="indicator" class="htmx-indicator" src="/assets/oval.svg" style="height: 1rem; margin-left: 2px" alt="...">
</button>
</footer>
</dialog>
<table style="text-align:center">
@@ -68,7 +71,7 @@
<th>Actions</th>
</tr>
</thead>
<tbody hx-get="/feed/" hx-trigger="newFeed from:body" x-on:htmx:after-settle="isModalOpen = false">
<tbody hx-get="/feed/" hx-trigger="newFeed from:body" @htmx:after-settle="isModalOpen = false;$refs['create_form'].reset()">
{{ feeds|safe }}
</tbody>
</table>