mirror of
https://gitlab.com/Chill-Projet/chill-bundles.git
synced 2025-06-13 13:54:23 +00:00
banner household, new responsive design
This commit is contained in:
parent
7e4afc826b
commit
e8e4dbef1f
@ -40,21 +40,5 @@ div.banner {
|
||||
&:before { content: '('; }
|
||||
&:after { content: ')'; }
|
||||
}
|
||||
div.members {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
span.badge-member {
|
||||
border: 1px solid #ffffff3b;
|
||||
color: #ffffff;
|
||||
padding: 0.4em 0.8em;
|
||||
margin-right: 0.3em;
|
||||
border-radius: 8px;
|
||||
&.holder {
|
||||
order: -1;
|
||||
}
|
||||
&.child {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -114,6 +114,7 @@ div#header-accompanying_course-details {
|
||||
div#header-household-name {
|
||||
background: none repeat scroll 0 0 #929d69; //#b97a7a;
|
||||
color: #FFF;
|
||||
|
||||
h1 {
|
||||
margin: 0.4em 0;
|
||||
}
|
||||
@ -136,6 +137,28 @@ div#header-household-details {
|
||||
}
|
||||
}
|
||||
|
||||
div.household-members {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
//justify-content: flex-end;
|
||||
span.badge-member {
|
||||
flex-shrink: 0; flex-grow: 0; flex-basis: auto;
|
||||
border: 1px solid #ffffff3b;
|
||||
color: #ffffff;
|
||||
padding: 0.4em 0.8em;
|
||||
margin-bottom: 0.2em;
|
||||
margin-right: 0.3em;
|
||||
border-radius: 8px;
|
||||
&.holder {
|
||||
order: -1;
|
||||
}
|
||||
&.child {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* ADDRESS HISTORY
|
||||
* context person / household
|
||||
|
||||
@ -88,26 +88,28 @@
|
||||
</div>
|
||||
<div class="item-col">
|
||||
<ul class="list-content fa-ul">
|
||||
{{ person.getLastAddress|chill_entity_render_box({
|
||||
'render': 'list',
|
||||
'with_picto': true,
|
||||
'multiline': false,
|
||||
'with_valid_from': false
|
||||
}) }}
|
||||
<li>
|
||||
{% if person.mobilenumber %}
|
||||
<i class="fa fa-li fa-mobile"></i><a href="{{ 'tel:' ~ person.mobilenumber }}">{{ person.mobilenumber }}</a>
|
||||
<i class="fa fa-li fa-mobile"></i><a href="{{ 'tel:' ~ person.mobilenumber }}">
|
||||
{{ person.mobilenumber|chill_format_phonenumber }}
|
||||
</a>
|
||||
{% else %}
|
||||
<i class="fa fa-li fa-phone"></i>
|
||||
{% if person.phonenumber %}
|
||||
<a href="{{ 'tel:' ~ person.phonenumber }}">{{ person.phonenumber }}</a>
|
||||
<a href="{{ 'tel:' ~ person.phonenumber }}">
|
||||
{{ person.phonenumber|chill_format_phonenumber }}
|
||||
</a>
|
||||
{% else %}
|
||||
<span class="chill-no-data-statement">{{ 'No data given'|trans }}</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</li>
|
||||
<li>
|
||||
<i class="fa fa-li fa-map-marker"></i>
|
||||
{%- if person.lastAddress is not empty -%}
|
||||
{{ person.getLastAddress|chill_entity_render_box({'with_valid_from': false}) }}
|
||||
{%- else -%}
|
||||
<span class="chill-no-data-statement">{{ 'No address given'|trans }}</span>
|
||||
{%- endif -%}
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="record_actions">
|
||||
{% if options['customButtons']['before'] is defined %}
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<div class="container-xxl">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-sm-5">
|
||||
<div class="col-md-4 col-lg-3 ps-md-5 ps-xxl-0">
|
||||
<h1>
|
||||
<i class="fa fa-home"></i>
|
||||
{{ 'household.Household'|trans }}
|
||||
@ -11,28 +11,8 @@
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
<div class="col-sm">
|
||||
<ul class="list-content fa-ul">
|
||||
<li>
|
||||
{% set address = household.currentAddress %}
|
||||
<i class="fa fa-li fa-map-marker"></i>
|
||||
{% if address is empty %}
|
||||
<p class="chill-no-data-statement">{{ 'household.Household does not have any address currently'|trans }}</p>
|
||||
{% else %}
|
||||
{{ address|chill_entity_render_box({'multiline': false, 'with_valid_from': false}) }}
|
||||
{% endif %}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="header-household-details" class="header-details">
|
||||
<div class="container-xxl">
|
||||
<div class="row justify-content-md-right">
|
||||
|
||||
<div class="col-sm-10 members" id="banner-misc">
|
||||
<div class="col-md-8 col-lg-9">
|
||||
<div class="household-members my-3 pe-md-5 pe-xxl-0 justify-content-md-end">
|
||||
{%- set members = household.getCurrentMembersOrdered() -%}
|
||||
{%- if members|length > 0 -%}
|
||||
<span class="current-members-explain" style="display: none;">
|
||||
@ -60,6 +40,33 @@
|
||||
{% endif %}
|
||||
{%- endif -%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="header-household-details" class="header-details">
|
||||
<div class="container-xxl">
|
||||
<div class="row justify-content-md-right">
|
||||
|
||||
<div class="contact col-md-12 ps-md-5 ps-xxl-0">
|
||||
{% set address = household.currentAddress %}
|
||||
{% if address is empty %}
|
||||
<span class="chill-no-data-statement">
|
||||
{{ 'household.Household does not have any address currently'|trans }}
|
||||
</span>
|
||||
{% else %}
|
||||
<span class=" d-block d-sm-inline-block">
|
||||
{{ address|chill_entity_render_box({
|
||||
'render': 'inline', 'multiline': false, 'with_picto': true, 'with_delimiter': true
|
||||
}) }}
|
||||
</span>
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
{#
|
||||
Overwrite this file to display client specific datas in custom area
|
||||
#}
|
||||
<div id="banner-person-custom" class="my-3 pe-md-5 pe-xxl-0">
|
||||
<div id="banner-person-custom" class="my-3 pe-md-5 pe-xxl-0 justify-content-end">
|
||||
<div class="text-md-end mb-1">
|
||||
{%- if chill_person.fields.nationality == 'visible' -%}
|
||||
<span class="open_sansbold">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user