Improving UI

This commit is contained in:
Marc Ducobu 2015-12-04 19:37:47 +01:00
parent 577bd8f485
commit 39dfd17c5d
4 changed files with 22 additions and 25 deletions

View File

@ -20,7 +20,7 @@
{% block content %} {% block content %}
<div class="grid-12 parent" > <div class="grid-12 parent" >
<div class="grid-10 push-1 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
{{ form_start(form) }} {{ form_start(form) }}
<h1>{{ 'Add a person'|trans }}</h1> <h1>{{ 'Add a person'|trans }}</h1>

View File

@ -20,7 +20,7 @@
{% block content %} {% block content %}
<div class="grid-12 parent" > <div class="grid-12 parent" >
<div class="grid-10 push-1 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
{% if alternatePersons is not empty %} {% if alternatePersons is not empty %}
<table> <table>
<thead> <thead>

View File

@ -35,19 +35,19 @@ This view should receive those arguments:
{% block personcontent %} {% block personcontent %}
<div class="grid-10 push-1 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
<div class="grid-6"> <div class="grid-6">
<figure class="person-details"> <figure class="person-details">
<h2 class="chill-red">{{ 'General information'|trans|upper }}</h2> <h2 class="chill-red">{{ 'General information'|trans|upper }}</h2>
<dl> <dl>
<dt>{{ 'First name'|trans }} :</dt> <dt>{{ 'First name'|trans }}&nbsp;:</dt>
<dd>{{ person.firstName }}</dd> <dd>{{ person.firstName }}</dd>
<dt>{{ 'Last name'|trans }} :</dt> <dt>{{ 'Last name'|trans }}&nbsp;:</dt>
<dd>{{ person.lastName }}</dd> <dd>{{ person.lastName }}</dd>
<dt>{{ 'Gender'|trans }} :</dt> <dt>{{ 'Gender'|trans }}&nbsp;:</dt>
<dd>{{ ( person.gender|default('Not given'))|trans }}</dd> <dd>{{ ( person.gender|default('Not given'))|trans }}</dd>
</dl> </dl>
@ -63,7 +63,7 @@ This view should receive those arguments:
<h2 class="chill-green"><i class="fa fa-birthday-cake"></i>&nbsp;{{ 'Birth information'|trans|upper }}</h2> <h2 class="chill-green"><i class="fa fa-birthday-cake"></i>&nbsp;{{ 'Birth information'|trans|upper }}</h2>
<dl> <dl>
<dt>{{ 'Date of birth'|trans }} :</dt> <dt>{{ 'Date of birth'|trans }}&nbsp;:</dt>
<dd> <dd>
{%- if person.birthdate is not null -%} {%- if person.birthdate is not null -%}
{{ person.birthdate|localizeddate('long', 'none') }} {{ person.birthdate|localizeddate('long', 'none') }}
@ -72,7 +72,7 @@ This view should receive those arguments:
{%- endif -%} {%- endif -%}
</dd> </dd>
<dt>{{ 'Place of birth'|trans }} :</dt> <dt>{{ 'Place of birth'|trans }}&nbsp;:</dt>
<dd>{{ person.placeOfBirth }}</dd> <dd>{{ person.placeOfBirth }}</dd>
<dd>{% spaceless %} <dd>{% spaceless %}
{% if person.countryOfBirth is not null %} {% if person.countryOfBirth is not null %}
@ -90,13 +90,13 @@ This view should receive those arguments:
</div> </div>
</div> </div>
<div class="grid-10 push-1 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
<div class="grid-6"> <div class="grid-6">
<figure class="person-details"> <figure class="person-details">
<h2 class="chill-orange">{{ 'Administrative information'|trans|upper }}</h2> <h2 class="chill-orange">{{ 'Administrative information'|trans|upper }}</h2>
<dl> <dl>
<dt>{{ 'Nationality'|trans }} :</dt> <dt>{{ 'Nationality'|trans }}&nbsp;:</dt>
<dd> <dd>
{% if person.nationality is not null %} {% if person.nationality is not null %}
{{ person.nationality.name|localize_translatable_string }} {{ person.nationality.name|localize_translatable_string }}
@ -106,7 +106,7 @@ This view should receive those arguments:
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>{{'Spoken languages'|trans}} :</dt> <dt>{{'Spoken languages'|trans}}&nbsp;:</dt>
<dd> <dd>
{% if person.spokenLanguages|length == 0 %} {% if person.spokenLanguages|length == 0 %}
{{ 'Unknown spoken languages'|trans }} {{ 'Unknown spoken languages'|trans }}
@ -118,7 +118,7 @@ This view should receive those arguments:
</dd> </dd>
</dl> </dl>
<dl> <dl>
<dt>{{'Marital status'|trans}} :</dt> <dt>{{'Marital status'|trans}}&nbsp;:</dt>
<dd> <dd>
{% if person.maritalStatus is not null %} {% if person.maritalStatus is not null %}
{{ person.maritalStatus.name|localize_translatable_string }} {{ person.maritalStatus.name|localize_translatable_string }}
@ -138,11 +138,11 @@ This view should receive those arguments:
<h2 class="chill-blue"><i class="fa fa-envelope-o"></i>&nbsp;{{ 'Contact information'|trans|upper }}</h2> <h2 class="chill-blue"><i class="fa fa-envelope-o"></i>&nbsp;{{ 'Contact information'|trans|upper }}</h2>
<dl> <dl>
<dt>{{ 'Email'|trans }} :</dt> <dt>{{ 'Email'|trans }}&nbsp;:</dt>
<dd><pre>{{ person.email}}&nbsp;</pre></dd> <dd><pre>{{ person.email}}&nbsp;</pre></dd>
</dl> </dl>
<dl> <dl>
<dt>{{ 'Phonenumber'|trans }} :</dt> <dt>{{ 'Phonenumber'|trans }}&nbsp;:</dt>
<dd><pre>{{ person.phonenumber}}&nbsp;</pre></dd> <dd><pre>{{ person.phonenumber}}&nbsp;</pre></dd>
</dl> </dl>
@ -155,7 +155,7 @@ This view should receive those arguments:
</div> </div>
{% if cFGroup %} {% if cFGroup %}
<div class="grid-10 push-1 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
<div class="grid-6"> <div class="grid-6">
<figure class="person-details"> <figure class="person-details">
{{ chill_custom_fields_group_widget(person.cFData, cFGroup) }} {{ chill_custom_fields_group_widget(person.cFData, cFGroup) }}

View File

@ -34,12 +34,12 @@
{% block top_banner %} {% block top_banner %}
<div class="grid-12 parent" id="header-person-name" > <div class="grid-12 parent" id="header-person-name" >
<div class="grid-10 push-1 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
<div class="grid-3"> <div class="grid-3">
<span class="open_sansbold">{{ 'Last name'|trans|upper }} :</span> {{ person.lastName|upper }} <span class="open_sansbold">{{ 'Last name'|trans|upper }}&nbsp;:</span> {{ person.lastName|upper }}
</div> </div>
<div class="grid-3"> <div class="grid-3">
<span class="open_sansbold">{{ 'First name'|trans|upper}} :</span> {{ person.firstName|upper }} <span class="open_sansbold">{{ 'First name'|trans|upper}}&nbsp;:</span> {{ person.firstName|upper }}
</div> </div>
<div class="grid-3"> <div class="grid-3">
<i class="fa fa-{% spaceless %} <i class="fa fa-{% spaceless %}
@ -61,9 +61,9 @@
</div> </div>
<div class="grid-12 parent" id="header-person-details" > <div class="grid-12 parent" id="header-person-details" >
<div class="grid-10 push-1 parent"> <div class="grid-10 push-1 grid-mobile-12 grid-tablet-12 push-mobile-0 push-tablet-0 parent">
<div class="grid-3"> <div class="grid-3">
<span class="open_sansbold">{{ 'Birthdate'|trans|upper }} :</span> <span class="open_sansbold">{{ 'Birthdate'|trans|upper }}&nbsp;:</span>
{% if person.birthdate == null %} {% if person.birthdate == null %}
{{ 'Unknown date of birth'|trans }}, {{ ('person.gender.' ~ {{ 'Unknown date of birth'|trans }}, {{ ('person.gender.' ~
person.gender)|trans }} person.gender)|trans }}
@ -72,7 +72,7 @@
{% endif %} {% endif %}
</div> </div>
<div class="grid-3"> <div class="grid-3">
<span class="open_sansbold">{{ 'Nationality'|trans|upper}} :</span> <span class="open_sansbold">{{ 'Nationality'|trans|upper}}&nbsp;:</span>
{% if person.nationality is not null %} {% if person.nationality is not null %}
{{ person.nationality.name|localize_translatable_string }} {{ person.nationality.name|localize_translatable_string }}
{% else %} {% else %}
@ -80,7 +80,7 @@
{% endif %} {% endif %}
</div> </div>
<div class="grid-3"> <div class="grid-3">
<span class="open_sansbold">{{ 'Spoken languages'|trans|upper}} :</span> <span class="open_sansbold">{{ 'Spoken languages'|trans|upper}}&nbsp;:</span>
{% if person.spokenLanguages|length == 0 %} {% if person.spokenLanguages|length == 0 %}
{{ 'Unknown spoken languages'|trans }} {{ 'Unknown spoken languages'|trans }}
{% else %} {% else %}
@ -105,7 +105,4 @@
'args' : {'person_id': person.id }, 'args' : {'person_id': person.id },
'activeRouteKey': activeRouteKey 'activeRouteKey': activeRouteKey
}) }} }) }}
{% endblock %}
{% block layout_content %}
{% endblock %} {% endblock %}