htmx

Shouldn’t be anything too special. Just return the right html.

Ok thanks ... just wanted make sure it was feasible before spending a weekend figuring out that it isn't.
Appreciate the response!

Yep no worries there are a few flaskers lurking here

Looks reasonable. Might be worth debugging htmx while the requests are issued.

<@725789255590215732> did you check out the video for that tbody oob swap?

htmx doesn't have a simple way to include csrf token in the request?

I guess setting hx-vals isn't so bad, at least it works.

<@!230731315815776256> :
```<html>
  <head><title>Htmx Demo!</title></head>
  <body>
    {% block main %}{% endblock %}
    <script src="https://unpkg.com/htmx.org@1.1.0"></script>
    <script>
      document.body.addEventListener('htmx:configRequest', (event) => {
        event.detail.headers['X-CSRFToken'] = '{{ csrf_token }}';
      })
    </script>
  </body>
</html>```

In addition to <@!114176106419978241>'s note, if using django, take a look at https://github.com/adamchainz/django-htmx which has en example app showing an approach to adding csrf.

wish the hx-vals syntax wasn't so awkward

or maybe im just trying to include values the wrong way

oh its just a bbit awkward to type, specially when templating html

like, I have a dropdown language selector and on each flag i want to include a value and just isn't so nice to type 😛 .. im just nit picking

not sure if a simply key:value syntax is feasible?

right now its hx-vals='{"key":"{{method_call()}}"}'

You should be able to drop the leading and trailing braces

And just in case you can of course pull this up to a parent element so you don’t need to pepper it all over the place.

so if each child needs a unique value when i have to pull them all down.

though tbh now that i dont have to do csrf this way its a lot less pain 🙂