numerus/web/template
jordi fita mas d20573aa99 Allow editing invoice tags inline from the index table
I use the same pattern as HTMx’s “Click to Edit” example[0], except that
my edit form is triggered by submit and by focus out of the tags input.

I could not, however, use the standard focus out event because it would
also trigger when removing a tag with the mouse, as for a moment the
remove button has the focus and the search input dispatches a bubbling
focusout.  I had to resort to a custom event for that, but i am not
happy with it.

The autofocus attribute seems to do nothing in this case, so i need to
manually change the focus to the new input with JavaScript.  However,
this means that i can not use the same input ID for all the forms
because getElementById would always return the first in document order,
changing the focus to that same element and automatically submit the
form due to focus out.  That’s why in this form i append the invoice’s
slug to the input’s ID.

Finally, this is the first time i am using an HTMx-only solution and i
needed a way to return back just the HTML for the <td>, without <title>,
breadcrumbs, or <dialog>.  In principle, the template would be the
“layout”, but then i would need to modify everything to check whether
the template file is empty, or something to that effect, so instead i
created a “standalone” template for these cases.

[0]: https://htmx.org/examples/click-to-edit/
2023-04-11 10:46:27 +02:00
..
contacts Boost all breadcbrumb links 2023-04-02 16:10:13 +02:00
invoices Allow editing invoice tags inline from the index table 2023-04-11 10:46:27 +02:00
products Boost all breadcbrumb links 2023-04-02 16:10:13 +02:00
tags Allow editing invoice tags inline from the index table 2023-04-11 10:46:27 +02:00
app.gohtml Add a SnackBar to show HTMx errors 2023-03-25 01:56:26 +01:00
dashboard.gohtml Show the profile form in a dialog using HTMx 2023-03-20 13:09:52 +01:00
form.gohtml Use .String in hidden-field template, so that it works for TagsField too 2023-03-28 10:01:41 +02:00
login.gohtml Use a “proper” struct for the login form 2023-02-01 11:02:32 +01:00
main.gohtml Add the <title> element for the “main” boosted pages 2023-03-26 13:57:24 +02:00
modal.gohtml Show the profile form in a dialog using HTMx 2023-03-20 13:09:52 +01:00
profile.gohtml Boost all breadcbrumb links 2023-04-02 16:10:13 +02:00
standalone.gohtml Allow editing invoice tags inline from the index table 2023-04-11 10:46:27 +02:00
tax-details.gohtml Boost all breadcbrumb links 2023-04-02 16:10:13 +02:00
web.gohtml Add custom function to get the current locale from templates 2023-01-31 15:45:51 +01:00