contact form: show inline submit feedback messages
This commit is contained in:
29
mandelstudio/templates/contact_form/blocks/contact-form.html
Normal file
29
mandelstudio/templates/contact_form/blocks/contact-form.html
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
{% load i18n %}
|
||||||
|
<h3 class="text-center">{{ self.title }}</h3>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
{% if messages %}
|
||||||
|
<div class="contact-form-messages mb-4" aria-live="polite" aria-atomic="true">
|
||||||
|
{% for message in messages %}
|
||||||
|
<div class="alert {% if 'error' in message.tags %}alert-danger{% elif 'success' in message.tags %}alert-success{% elif 'warning' in message.tags %}alert-warning{% else %}alert-info{% endif %}" role="alert">
|
||||||
|
{{ message }}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
<form id="contact-form" method="post" action="{% url 'contact_form:contact-form-handler' %}">
|
||||||
|
{% csrf_token %}
|
||||||
|
<div class="controls">
|
||||||
|
<div class="row">
|
||||||
|
{% for field in form %}
|
||||||
|
<div class="col-lg-12">
|
||||||
|
{% include 'oscar/partials/form_field.html' with field=field placeholder=field.field.widget.attrs.placeholder %}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<input type="submit" class="btn btn-primary btn-send" value="{% trans 'Submit' %}">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
Reference in New Issue
Block a user