family: relayout family link dialog with a grid and an intro text (#13946)

This commit is contained in:
Frédéric Péters 2016-11-13 13:42:37 +01:00
parent 81cb7b096c
commit 4c3138a5c4
1 changed files with 21 additions and 9 deletions

View File

@ -2,14 +2,26 @@
<div id="content">
<div id="appbar">
<h2>{% trans "Link to a family" %}</h2>
<form method="post" action='{% url "family-link" %}'>
<ul class="family_link">
{% csrf_token %}
{{ form.as_ul }}
</ul>
<div class="buttons">
<button class="submit-button">{% trans "Send" %}</button>
</div>
</form>
</div>
<form method="post" class="quixote" action='{% url "family-link" %}'>
{% csrf_token %}
{% if family_link_intro_text %}
{{family_link_intro_text|linebreaks}}
{% else %}
<p>
{% blocktrans %}
Enter your family credentials below.
{% endblocktrans %}
</p>
{% endif %}
{% for field in form %}
<div class="widget grid-1-2">
<div class="title"><label>{{field.label_tag}}</label></div>
<div class="content">{{field}}</div>
</div>
{% endfor %}
<div class="buttons">
<button class="submit-button">{% trans "Submit" %}</button>
</div>
</form>
</div>