tigor/Redmage
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

pagination: added cancel button to the dialog
Some checks failed
/ push (push) Has been cancelled
Details

Browse source
This commit is contained in:
Tigor Hutasuhut 2024-05-13 15:52:41 +07:00
parent 5b1429c1a2
commit f98bed2e69
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
views/components/pagination.templ
View file

@ -135,7 +135,9 @@ templ Pagination(c *views.Context, data PaginationData) {
}
</div>
<dialog
onclick="if (event.target === this) this.close()"
onclick="if (event.target === this && window.matchMedia('(max-width: 600px)').matches) {
this.close()
}"
x-ref="dialog"
class="modal"
>
@ -161,6 +163,7 @@ templ Pagination(c *views.Context, data PaginationData) {
hx-trigger="custom"
@keyup.enter="htmx.trigger($el, 'custom')"
:hx-vals="vals"
onfocus="this.select()"
/>
<button
hx-get={ c.Request.URL.Path }
@ -174,6 +177,9 @@ templ Pagination(c *views.Context, data PaginationData) {
class="btn btn-primary join-item"
>Go</button>
</div>
<div class="mt-4 grid justify-center">
<button type="button" @click="$refs.dialog.close()" class="btn btn-secondary mx-auto">Cancel</button>
</div>
</div>
</dialog>
</div>