Better Rendering of Forms

2020-08-03 17:29:25 +02:00
parent 799644bf31
commit ceb0a2cc68
3 changed files with 47 additions and 5 deletions
--- a/lostplaces/lostplaces_app/templates/partials/form/inputField.html
+++ b/lostplaces/lostplaces_app/templates/partials/form/inputField.html
@@ -0,0 +1,16 @@
+{% load widget_tweaks %}
+
+<div class="LP-Input {% if field.errors %} LP-Input--error {% endif %}">
+	<label for="{{field.id_for_label}}" class="LP-Input__Label">{{field.label}}</label>
+	{% render_field field class="LP-Input__Field"%}
+
+	<span class="LP-Input__Message">
+		{% if field.errors %} 
+			{% for error in field.errors%}
+				{{error}}
+			{% endfor %}
+		{% elif field.help_text%}
+			{{ field.help_text }}
+		{% endif %}
+	</span>
+</div>