17 lines
773 B
HTML
17 lines
773 B
HTML
<!-- templates/demo.html -->
|
|
<!doctype html><meta charset="utf-8">
|
|
<script src="https://unpkg.com/htmx.org@2.0.0"></script>
|
|
<body>
|
|
<table class="table-auto w-full border">
|
|
<thead><tr><th class="px-3 py-2">ID</th><th class="px-3 py-2">Title</th><th class="px-3 py-2">Author</th><th></th></tr></thead>
|
|
<tbody id="rows"
|
|
hx-get="/ui/book/frag/rows?fields_csv=id,title,author.name&page=1&per_page=20"
|
|
hx-trigger="load" hx-target="this" hx-swap="innerHTML"></tbody>
|
|
</table>
|
|
|
|
<button hx-get="/ui/book/frag/form?hx=1&fields_csv=id,title,author.name"
|
|
hx-target="#modal-body" hx-swap="innerHTML"
|
|
onclick="document.getElementById('modal').showModal()">New Book</button>
|
|
|
|
<dialog id="modal"><div id="modal-body"></div></dialog>
|
|
</body>
|