fixes dashboard forms layout

This commit is contained in:
artus
2018-10-12 11:46:23 +02:00
parent 2f282f18e5
commit b09aa6b692
5 changed files with 51 additions and 64 deletions

View File

@@ -1,17 +1,18 @@
{% load bootstrap4 %}
<form action="" method="POST">{% csrf_token %}
{% with "inline" as layout %}
<div class="form-{{layout}} well well-sm text-center">
{% bootstrap_field form.created_date layout=layout %}
{% bootstrap_field form.created_time layout=layout %}
{% bootstrap_field form.entrant layout=layout %}
</div> {% endwith %}
{% with "horizontal" as layout %}
<div class="form-{{layout}}">
{% bootstrap_field form.sujet layout=layout %}
{% bootstrap_field form.text layout=layout %}
</div> {% endwith %}
<div class="pull-right">{% bootstrap_button "Enregistrer l'appel" button_type="submit" %}</div>
<div class="form-row py-1">
{% with layout="inline" grp_cls="col" sz="small" %}
{% bootstrap_field form.created_date size=sz form_group_class=grp_cls layout=layout %}
{% bootstrap_field form.created_time size=sz form_group_class=grp_cls layout=layout %}
{% endwith %}
</div>
{% bootstrap_field form.entrant size=sz%}
<hr />
{% bootstrap_field form.sujet show_label=False %}
{% bootstrap_field form.text show_label=False %}
<div class="ml-auto">
{% bootstrap_button "Enregistrer l'appel" button_type="submit" button_class="btn-primary btn-sm btn-block" %}
</div>
</form>
{{ form.media.js }}{{ form.media.css }}

View File

@@ -1,27 +1,22 @@
{% load bootstrap4 %}
<form action="" method="POST">{% csrf_token %}
{% bootstrap_form_errors form %}
{% with "inline" as layout %}
<div class="form-group form-{{layout}} well">
<label class="control-label col-md-2" for="id_source">
Source
</label>
{% bootstrap_field form.source layout=layout %}
{% bootstrap_field form.created_date layout=layout %}
{% bootstrap_field form.created_time layout=layout %}
</div> {% endwith %}
<div class="well">
{% with "horizontal" as layout %}
<div class="form-group form-{{layout}}">
{% bootstrap_field form.nom layout=layout %}
{% bootstrap_field form.prenom layout=layout %}
{% bootstrap_field form.genre layout=layout %}
{% bootstrap_field form.age layout=layout %}
</div> {% endwith %}
{% with layout="inline" grp_cls="col" sz="small" %}
<div class="form-row p-0 py-1">
{% bootstrap_field form.created_date size=sz form_group_class=grp_cls layout=layout %}
{% bootstrap_field form.created_time size=sz form_group_class=grp_cls layout=layout %}
</div>
{% bootstrap_field form.source size=sz layout="horizontal" %}
<hr />
<div class="form-row p-0 py-1">
{% bootstrap_field form.nom size=sz form_group_class=grp_cls layout=layout %}
{% bootstrap_field form.prenom size=sz form_group_class=grp_cls layout=layout %}
</div>
{% with "horizontal" as layout %}
<div class="form-group form-{{layout}}">
{% bootstrap_field form.text layout=layout %}
</div> {% endwith %}
<div class="pull-right">{% bootstrap_button "Enregistrer le signalement" button_type="submit" %}</div>
<div class="form-row p-0 pb-3">
{% bootstrap_field form.genre size=sz form_group_class=grp_cls layout=layout %}
{% bootstrap_field form.age size=sz form_group_class=grp_cls layout=layout %}
</div>
{% endwith %}
{% bootstrap_field form.text show_label=False placeholder="Informations du signalement..." %}
{% bootstrap_button "Enregistrer le signalement" button_type="submit" button_class="btn-primary btn-sm btn-block" %}
</form>