Intercept htmx on submit requests, this allows auto submit from nfc fields

This commit is contained in:
Antoine Bartuccio 2024-11-14 16:53:39 +01:00
parent 0aa17279f0
commit 55fb89a63e
2 changed files with 14 additions and 13 deletions

View File

@ -1,15 +1,14 @@
<div id="student_card_form"> <div id="student_card_form">
<h3>{% trans %}Add a student card{% endtrans %}</h3> <h3>{% trans %}Add a student card{% endtrans %}</h3>
<form> <form
{% csrf_token %} hx-trigger="submit"
{{ form.as_p() }}
<button
hx-post="{{ action }}" hx-post="{{ action }}"
hx-swap="outerHTML" hx-swap="outerHTML"
hx-target="#student_card_form" hx-target="#student_card_form"
> >
{% trans %}Go{% endtrans %} {% csrf_token %}
</button> {{ form.as_p() }}
<button>{% trans %}Go{% endtrans %}</button>
</form> </form>
<h6>{% trans %}Registered cards{% endtrans %}</h6> <h6>{% trans %}Registered cards{% endtrans %}</h6>

View File

@ -30,11 +30,13 @@
{{ user_subscription(customer.user) }} {{ user_subscription(customer.user) }}
<p>{% trans %}Amount: {% endtrans %}{{ customer.amount }} €</p> <p>{% trans %}Amount: {% endtrans %}{{ customer.amount }} €</p>
{% if counter.type == 'BAR' %}
<div <div
hx-get="{{ url('counter:add_student_card_fragment', counter_id=counter.id, customer_id=customer.pk) }}" hx-get="{{ url('counter:add_student_card_fragment', counter_id=counter.id, customer_id=customer.pk) }}"
hx-trigger="load" hx-trigger="load"
hx-swap="outerHTML" hx-swap="outerHTML"
></div> ></div>
{% endif %}
</div> </div>
<div id="click_form"> <div id="click_form">