Updates thème nanterre-2023 (#83207) #436

Merged
tjund merged 13 commits from wip/83207-update-nanterre-2023 into main 2023-11-16 15:37:51 +01:00
12 changed files with 639 additions and 312 deletions

View File

@ -7,12 +7,12 @@
--ref-width: #{$width};
}
@if ($position == 'left' or $position == 'both') {
margin-left: Min(#{-$theme-edge-gutter)}, calc(-50vw + var(--ref-width) / 2));
padding-left: Max(#{$theme-edge-gutter)}, calc(50vw - var(--ref-width) / 2));
margin-left: Min(calc(-1 * var(--edge-gutter)), calc(-50vw + var(--ref-width) / 2));
padding-left: Max(var(--edge-gutter), calc(50vw - var(--ref-width) / 2));
}
@if ($position == 'right' or $position == 'both') {
margin-right: Min(#{-$theme-edge-gutter)}, calc(-50vw + var(--ref-width) / 2));
padding-right: Max(#{$theme-edge-gutter)}, calc(50vw - var(--ref-width) / 2));
margin-right: Min(calc(-1 * var(--edge-gutter)), calc(-50vw + var(--ref-width) / 2));
padding-right: Max(var(--edge-gutter), calc(50vw - var(--ref-width) / 2));
}
}
@ -61,7 +61,8 @@ h4, .h4 {
font-size: $fz-xsmall;
text-transform: uppercase;
font-weight: 400;
line-height: #{$font-line-height}rem !important;
line-height: 1.2rem !important;
letter-spacing: 1px;
}
label {
font-weight: bold;
@ -84,11 +85,13 @@ label {
.button-with-arrow {
@include button-with-icon(left, '\f178') {
--icon-color: #{$red};
--icon-hover-color: white;
}
}
.button-with-left-arrow {
@include button-with-icon(left, '\f177') {
--icon-color: #{$red};
--icon-hover-color: white;
}
}
@ -108,6 +111,10 @@ label {
--color: white;
}
.pk-button {
@extend .button-with-arrow;
}
//
// Icons
//
@ -124,6 +131,7 @@ label {
color: --icon-color;
height: var(--size);
width: var(--size);
flex-shrink: 0;
border-radius: 50%;
border: var(--circle-size) solid var(--disc-color);
margin: calc(var(--circle-size) + 1px);
@ -144,9 +152,10 @@ label {
.footer-width,
div#header {
@if $theme-edge-gutter {
--edge-gutter: #{$theme-edge-gutter};
box-sizing: content-box;
padding-left: var(--edge-gutter, #{$theme-edge-gutter});
padding-right: var(--edge-gutter, #{$theme-edge-gutter});
padding-left: var(--edge-gutter,);
padding-right: var(--edge-gutter);
width: auto !important;
@media ($max-mobile-viewport) {
--edge-gutter: 1em;
@ -185,11 +194,11 @@ $menu-item-desktop-size: 130px;
}
}
.site-header {
box-shadow: 0 .3rem .4rem hsla(0, 0%, 13.7%,.2);
box-shadow: 0 0 10px hsla(0, 0%, 13.7%,.2);
@media($min-desktop-viewport) {
position: sticky;
top: 0;
z-index: 1;
z-index: 100;
}
}
#top {
@ -213,7 +222,7 @@ $menu-item-desktop-size: 130px;
&::before {
width: 100%;
@media ($max-mobile-viewport) {
height: 40px;
height: 57px;
}
}
}
@ -322,9 +331,31 @@ div.gru-nav .gru-nav-button {
a {
@extend .header-link;
@extend .button-label;
font-weight: bold;
flex-direction: column;
text-decoration: none;
// icon
&::before {
content: "";
width: 25px;
height: 25px;
display: block;
background-image: var(--icon, none);
background-size: contain;
margin-bottom: .33em;
}
&.account-link {
width: min-content;
--icon: url(img/account.svg);
max-width: 14em;
}
&.login-link {
--icon: url(img/login.svg);
}
&.registration {
--icon: url(img/registration.svg);
}
&.logout {
--icon: url(img/logout.svg);
}
}
@media($max-mobile-viewport) {
@ -425,30 +456,34 @@ div#main-content-wrapper {
& > li:not(:last-child) {
border-bottom-color: $cell-background;
}
.menu-with-icons--link {
background-color: white;
border-radius: 0;
align-items: center;
@media ($min-desktop-viewport) {
justify-content: flex-end;
}
&:hover {
.menu-with-icons--icon {
--disc-color: #{$red};
}
}
.menu-with-icons--link {
display: flex;
background-color: white;
border-radius: 0;
align-items: center;
color: $cell-entry-color;
text-decoration: none;
@media ($min-desktop-viewport) {
justify-content: flex-end;
}
&:hover {
.menu-with-icons--icon {
color: $cell-entry-hover-color;
--disc-color: #{$red};
}
}
.menu-with-icons--icon {
@extend .black-rounded-icon;
padding: var(--circle-size);
}
.menu-with-icons--label {
font-weight: bold;
margin-left: 1em;
@media ($min-desktop-viewport) {
flex: 0 1 30%;
margin-right: 20%;
}
}
.menu-with-icons--icon {
@extend .black-rounded-icon;
padding: var(--circle-size);
}
.menu-with-icons--label {
font-weight: bold;
margin-left: 1em;
@media ($min-desktop-viewport) {
flex: 0 1 30%;
margin-right: 20%;
}
}
}
@ -499,6 +534,94 @@ div#main-content-wrapper {
}
}
// RSU frontoffice
.rsu-frontoffice {
h2 {
@extend %title;
}
.rsu-part {
background-color: white;
margin-left: -1rem;
margin-right: -1rem;
margin-top: extract-width($cell-border);
padding: 1rem;
padding-bottom: 0;
&--header {
margin-bottom: 1rem;
@media(min-width: $very-small-limit + 0.01) {
display: flex;
justify-content: flex-end;
align-items: center;
}
}
h4 {
margin: 0;
flex-grow: 1;
}
.profile {
@extend .fx-grid;
--grid-gutter: 1rem;
@media($min-grid-tablet-viewport) {
--nb-cols: 4;
}
}
.label {
@media(min-width: $very-small-limit + 0.01) {
margin-bottom: 0.7em;
}
}
.profile .value {
margin-left: var(--grid-gutter);
--nb-cols: #{(4/3)};
}
}
}
// Menu "Mes autres espaces"
.rsu-frontoffice-app {
@extend .menu-with-icons;
.gru-content &.cell {
&.grid-1-2 {
margin-right: 0 !important;
@media screen and (min-width: $very-small-limit + 0.01) {
width: 50%;
}
border-radius: 0;
border-top: 0;
}
.cell--body {
background-color: white;
}
p {
margin: 0 !important;
padding: 0 !important;
}
}
}
.gru-content .rsu-frontoffice-app-title.cell {
display: none; // show via javascript in rsu-frontoffice-app.html
& + .rsu-frontoffice-app.grid-1-2 {
@media (min-width: $very-small-limit + 0.01) {
border-bottom-left-radius: $cell-border-radius;
border-right-width: #{extract-width($cell-border) / 2};
width: 50%;
}
@media (max-width: $very-small-limit) {
margin-bottom: 0;
}
& + .rsu-frontoffice-app.grid-1-2 {
@media (min-width: $very-small-limit + 0.01) {
border-bottom-right-radius: $cell-border-radius;
border-left-width: #{extract-width($cell-border) / 2};
}
@media (max-width: $very-small-limit) {
border-radius: 0 0 $cell-border-radius $cell-border-radius;
}
}
}
}
//
// WCS & FORMS
//

View File

@ -37,7 +37,7 @@ $font-family: Montserrat, sans-serif;
$font-color: $gray-dark;
$header-background-color: white;
$header-logo-size: 260px 72px;
$header-logo-size: 260px 102px;
$primary-color: $red;
$toplinks-style: none;

View File

@ -0,0 +1,136 @@
div.searchcell.rsu-child div.combo-search-results,
div.searchcell.rsu-spoose div.combo-search-results {
position: absolute;
top: 100px;
left: 1rem;
background: white;
width: calc(100% - 26rem - 1px);
box-sizing: border-box;
padding-left: 1em;
padding-right: 1em;
}
a.mini-ts {
border: 0px none;
color: #ffffff;
background-color: #215D9C;
padding: 2px 5px;
display: inline-block;
margin-top: 3px;
}
form.combo-search-form button.submit-button::before {
font-family: FontAwesome;
content: "\f002 "; /* fa-search */
}
form.combo-search-form button.submit-button {
display: none;
}
form.combo-search-form input.combo-search-input {
width: 100%;
}
table.search-users {
width: 100%;
background: white;
border: 1px solid #bcbcbc;
border-collapse: collapse; }
table.search-users th {
font-weight: normal;
padding: 1em 1ex;
border-bottom: 1px solid #bcbcbc;
background: #f0f0f0; }
table.search-users td.individu-homme-majeur::after {
font-size: 2em;
font-family: FontAwesome;
content: "\f183"; /* fa-male */
color: #008aff;
}
table.search-users td.individu-femme-majeur::after {
font-size: 2em;
font-family: FontAwesome;
content: "\f182"; /* fa-female */
color: #ff12ca;
}
table.search-users td.individu-homme-mineur::after {
font-size: 1.5em;
font-family: FontAwesome;
content: "\f183"; /* fa-male */
color: #008aff;
}
table.search-users td.individu-femme-mineur::after {
font-size: 1.5em;
font-family: FontAwesome;
content: "\f182";
color: #ff12ca; /* fa-female */
}
table.search-users td {
text-align: left;
vertical-align: top;
padding: 1em 1ex;
border-bottom: 1px solid #bcbcbc; }
table.search-users tr td.checkbox {
width: 1em; }
table.search-users tr:nth-child(even) td {
background: #f5f5f5; }
table.search-users tr:hover td {
background: #ccc;
cursor: pointer; }
table.search-users tr.active td {
background: #bbf; }
table.federations td {
text-align: left;
height: 2em; }
table.federations td.federation-action-left {
text-align: right; }
table.federations tr:nth-child(even) td {
background: #f5f5f5; }
table td.federation-key {
max-width: 10em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
div.vfill {
background: #fff;
padding-bottom: 800px;
}
div.grid-1-2.bloc-rsu {
width: calc(50% - 12px);
}
div.bloc-rsu {
margin: 6px;
padding: 6px;
border: 1px dotted #d8d8d8;
border-radius : 3px
}
div.bloc-rsu h3 {
padding-bottom: 4px;
border-bottom: 1px solid #d8d8d8;
}
div.bloc-rsu table {
width: 100%;
margin-bottom: 5px;
}
div#portal-agent-content div#page-content > div.configjsoncell::after {
content: "";
display: block;
clear: both;
}

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="6" r="4" stroke="#fff" stroke-width="1.5"/>
<path d="M20 17.5C20 19.9853 20 22 12 22C4 22 4 19.9853 4 17.5C4 15.0147 7.58172 13 12 13C16.4183 13 20 15.0147 20 17.5Z" stroke="#fff" stroke-width="1.5"/>
</svg>

After

Width:  |  Height:  |  Size: 372 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.00098 11.999L16.001 11.999M16.001 11.999L12.501 8.99902M16.001 11.999L12.501 14.999" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.00195 7C9.01406 4.82497 9.11051 3.64706 9.87889 2.87868C10.7576 2 12.1718 2 15.0002 2L16.0002 2C18.8286 2 20.2429 2 21.1215 2.87868C22.0002 3.75736 22.0002 5.17157 22.0002 8L22.0002 16C22.0002 18.8284 22.0002 20.2426 21.1215 21.1213C20.2429 22 18.8286 22 16.0002 22H15.0002C12.1718 22 10.7576 22 9.87889 21.1213C9.11051 20.3529 9.01406 19.175 9.00195 17" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 755 B

View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00195 7C9.01406 4.82497 9.11051 3.64706 9.87889 2.87868C10.7576 2 12.1718 2 15.0002 2L16.0002 2C18.8286 2 20.2429 2 21.1215 2.87868C22.0002 3.75736 22.0002 5.17157 22.0002 8L22.0002 16C22.0002 18.8284 22.0002 20.2426 21.1215 21.1213C20.2429 22 18.8286 22 16.0002 22H15.0002C12.1718 22 10.7576 22 9.87889 21.1213C9.11051 20.3529 9.01406 19.175 9.00195 17" stroke="#fff" stroke-width="1.5" stroke-linecap="round"/>
<path d="M15 12L2 12M2 12L5.5 9M2 12L5.5 15" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 703 B

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="12" cy="6" r="4" stroke="#fff" stroke-width="1.5"/>
<path d="M15 13.3271C14.0736 13.1162 13.0609 13 12 13C7.58172 13 4 15.0147 4 17.5C4 19.9853 4 22 12 22C17.6874 22 19.3315 20.9817 19.8068 19.5" stroke="#fff" stroke-width="1.5"/>
<circle cx="18" cy="16" r="4" stroke="#fff" stroke-width="1.5"/>
<path d="M18 14.6667V17.3333" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.6665 16L19.3332 16" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 689 B

View File

@ -1,7 +1,17 @@
{% load combo %}
{% if json.data.cles_de_federation|get:keyname or keyname == "test" %}
<p class="rsu-frontoffice-app-{{ keyname }}">
<a href="{{ href }}"><span>{{ text }}</span></a>
</p>
<script>$(function() { $('div.rsu-frontoffice-app-title').show(); });</script>
{% endif %}
<div>
<div class="cell--body">
<p class="rsu-frontoffice-app-{{ keyname }}">
<a class="menu-with-icons--link" href="{{ href }}">
<span class="menu-with-icons--icon">
<img alt="" src="{{site_base}}/static/{{css_variant}}/img/app_{{ keyname }}.png" />
</span>
<span class="menu-with-icons--label">{{ text }}</span>
</a>
</p>
</div>
<script>$(function() { $('div.rsu-frontoffice-app-title').show(); });</script>
</div>
{% endif %}

View File

@ -1,73 +1,83 @@
{% load combo %}
<h2 data-rsu="{{ rsu|pprint }}" data-json="{{ json }}" data-rsu-status="{{ rsu_status }}">
<h2 class="cell--title" data-rsu="{{ rsu|pprint }}" data-json="{{ json }}" data-rsu-status="{{ rsu_status }}">
Quotient familial — Carte famille
</h2>
{% if rsu_status == 404 %}
<div>
<p>
Pour consulter, rééditer ou demander une carte famille en ligne, vous devez
dabord demander <a href="../profil/">laccès à votre dossier administratif</a>.
</p>
<div class="cell--body">
<div class="pk-attention">
<p>
Pour consulter, rééditer ou demander une carte famille en ligne, vous devez
dabord demander <a href="../profil/">laccès à votre dossier administratif</a>.
</p>
</div>
</div>
{% elif json_status != 200 or json.errors and json.errors|first != "pas de clé métier" %}
<div>
<p>
Le service est momentanément indisponible.
Veuillez réessayer dans quelques minutes, merci de votre compréhension.
</p>
{% for error in json.errors %}{% if error.metier %}
<p>Pour information voici lerreur reçue : <i>{{ error.metier }}</i></p>
{% endif %}{% endfor %}
<div class="cell--body">
<div class="pk-error">
<p>
Le service est momentanément indisponible.
Veuillez réessayer dans quelques minutes, merci de votre compréhension.
</p>
{% for error in json.errors %}{% if error.metier %}
<p>Pour information voici lerreur reçue : <i>{{ error.metier }}</i></p>
{% endif %}{% endfor %}
</div>
</div>
{% else %}
{% if not json.data %}
<div>
<div class="cell--body">
{% if not json.data %}
<p>
Aucun quotient familial nest disponible.
</p>
</div>
{% else %}
{% else %}
{% with qfs=json.data %}
<div>
{% with qfs=json.data %}
<p>
Ci-dessous la liste des quotients familiaux liés à votre dossier
administratif
(numéro de dossier {{ rsu.data.id }}, {{ rsu.data.nom_de_naissance }} {{ rsu.data.prenoms }})
</p>
{% for qf in qfs %}
<div class="rsu-part qf">
<div class="rsu-part--header">
<h4>Quotient familial millésime {{ qf|get:"nom-quotient" }}</h4>
<a class="pk-button" href="{% url 'nanterre-qf-carte-famille' qf_id=qf|get:"id-qf" %}"
download="carte-famille-{{ rsu_adult }}-{{ qf|get:"id-qf" }}.pdf">Ré-éditer la carte famille (PDF)</a>
</div>
<dl class="profile">
<dt class="label">Montant</dt>
<dd class="value"><strong>{{ qf.montant }}</strong></dd>
<dt class="label">Nature</dt>
<dd class="value"><strong>{{ qf|get:"nature-qf" }}</strong></dd>
<dt class="label">Calculé le</dt>
<dd class="value">{{qf|get:"date-calcul"|parse_datetime|date:"d F Y"}}</dd>
<dt class="label">Valable à partir du</dt>
<dd class="value">{{ qf|get:"date-debut-validite"|strptime:"%Y-%m-%d"|date:"d F Y" }}</dd>
<dt class="label">Valable jusquau</dt>
<dd class="value">{{ qf|get:"date-fin-validite"|strptime:"%Y-%m-%d"|date:"d F Y" }}</dd>
</dl>
</div>
{% endfor %}
{% endwith %}
{% endif %}
<div class="rsu-part pk-transparent">
<div class="rsu-part--header">
<a class="pk-button-submit" href="{{ eservices_url }}calcul-de-quotient-familial/">Calcul de quotient familial</a>
</div>
{% for qf in qfs %}
<div class="part qf">
<h3>Quotient familial millésime {{ qf|get:"nom-quotient" }}</h3>
<a class="edit-button" href="{% url 'nanterre-qf-carte-famille' qf_id=qf|get:"id-qf" %}"
download="carte-famille-{{ rsu_adult }}-{{ qf|get:"id-qf" }}.pdf">Ré-éditer la carte famille (PDF)</a>
<table><tbody>
<tr><td>  Montant</td><td><strong>{{ qf.montant }}</strong></td></tr>
<tr><td>  Nature</td><td>{{ qf|get:"nature-qf" }}</td></tr>
<tr><td>  Calculé le</td><td>{{qf|get:"date-calcul"|parse_datetime|date:"d F Y"}}</td></tr>
<tr><td>  Valable à partir du</td><td>{{ qf|get:"date-debut-validite"|strptime:"%Y-%m-%d"|date:"d F Y" }}</td></tr>
<tr><td>  Valable jusquau</td><td>{{ qf|get:"date-fin-validite"|strptime:"%Y-%m-%d"|date:"d F Y" }}</td></tr>
</tbody></table>
</div>
{% endfor %}
{% endwith %}
{% endif %}
<div class="part">
<a class="edit-button" href="{{ eservices_url }}calcul-de-quotient-familial/">Calcul de quotient familial</a>
<p>&nbsp;</p>
</div>
</div>
{% endif %}

View File

@ -1,21 +1,21 @@
{% load combo %}
<h2>
<h2 class="cell--title">
Mon dossier administratif
</h2>
{% if json_status == 404 %}
<div>
<h3>Votre dossier administratif nest pas disponible.</h3>
<div class="cell--body">
<p><em>Votre compte en ligne nest probablement pas encore relié à votre dossier administratif.</em></p>
<div class="pk-attention">
<p><strong>Votre dossier administratif nest pas disponible.</strong></p>
<div class="part">
<div class="grid-1-2">
<a class="edit-button" href="{{ eservices_url }}acceder-a-mon-dossier-administratif/">Accéder à mon dossier administratif</a>
</div>
<div class="grid-1-2">
<p><em>Votre compte en ligne nest probablement pas encore relié à votre dossier administratif.</em></p>
</div>
<div class="fx-grid--d2">
<div>
<p>
Vous devez en demander laccès en cliquant sur le bouton ci-contre,
<strong>uniquement si vous avez déjà des prestations fournies par la Ville
@ -23,253 +23,278 @@
lecteur)</strong>.
</p>
</div>
<div class="newline"></div>
<div>
<p>
<a class="pk-button-submit" href="{{ eservices_url }}acceder-a-mon-dossier-administratif/">Accéder à mon dossier administratif</a>
</p>
</div>
</div>
</div>
{% elif json.errors %}
<div>
Une erreur a eu lieu lors de la consultation de votre dossier administratif.
Veuillez réessayer dans quelques minutes, merci de votre compréhension.
<div class="cell--body">
<div class="pk-error">
Une erreur a eu lieu lors de la consultation de votre dossier administratif.
Veuillez réessayer dans quelques minutes, merci de votre compréhension.
</div>
</div>
{% elif not json.data %}
<div>
Une erreur a eu lieu lors de la consultation de votre dossier administratif.
Veuillez réessayer dans quelques minutes, merci de votre compréhension.
<div class="cell--body">
<div class="pk-error">
Une erreur a eu lieu lors de la consultation de votre dossier administratif.
Veuillez réessayer dans quelques minutes, merci de votre compréhension.
</div>
</div>
{% elif json.data %}
{% with user=json.data %}
<div>
<div class="cell--body">
<p>
Voici votre dossier administratif, cest-à-dire les informations connues par
la ville de Nanterre. Vous pouvez en demander modification en cliquant sur les
différents boutons.
</p>
</div>
<div class="part identite">
<h3>Identité</h3>
<a class="edit-button" href="{{ eservices_url }}mise-a-jour-d-identite/?session_var_rsu_id={{ user.id }}">Mise à jour didentité</a>
<div class="rsu-part identite">
<div class="grid-1-3"><p>Nom de naissance</p></div>
<div class="grid-2-3"><p>{{ user.nom_de_naissance|default:"<em>inconnu</em>" }}</p></div>
{% if user.nom_d_usage %}
<div class="grid-1-3"><p>Nom dusage</p></div>
<div class="grid-2-3"><p>{{ user.nom_d_usage }}</p></div>
{% endif %}
<div class="grid-1-3"><p>Prénom</p></div>
<div class="grid-2-3"><p>{{ user.prenoms }}</p></div>
<div class="grid-1-3"><p>Date de naissance</p></div>
<div class="grid-2-3"><p>{{ user.date_de_naissance|strptime:"%Y-%m-%d"|date:"j F Y" }} ({{ user.age_label }})</p></div>
<div class="grid-1-3"><p>Sexe</p></div>
<div class="grid-2-3"><p>{{ user.genre|title }}</p></div>
<div class="newline"></div>
</div>
<div class="part contact">
<h3>Contact</h3>
<a class="edit-button" href="{{ eservices_url }}mise-a-jour-des-informations-de-contact/?session_var_rsu_id={{ user.id }}">Mise à jour des informations de contact</a>
{% for tel in user.telephones %}
<div class="grid-1-3"><p>Téléphone {{ tel.type }}</p></div>
<div class="grid-2-3"><p>{{ tel.numero }}</p></div>
{% endfor %}
<div class="grid-1-3"><p>Email</p></div>
<div class="grid-2-3"><p>{{ user.email|default:"inconnu" }}</p></div>
<div class="newline"></div>
</div>
<div class="part adresse">
<h3>Adresse</h3>
<a class="edit-button" href="{{ eservices_url }}mise-a-jour-d-adresse/">Mise à jour dadresse</a>
{% for adresse in user.adresses|dictsort:"principale" %}
<div class="grid-1-3"><p>Adresse</p></div>
<div class="grid-2-3"><p>
{% if adresse.streetnumber %}{{ adresse.streetnumber }}{% endif %}
{% if adresse.streetnumberext %}{{ adresse.streetnumberext }}{% endif %}
{{ adresse.streetname }}<br/>
{% if adresse.ext1 %}{{ adresse.ext1 }}<br />{% endif %}
{% if adresse.ext2 %}{{ adresse.ext2 }}<br />{% endif %}
{% if adresse.at %}{{ adresse.at }}<br />{% endif %}
{{ adresse.zipcode }} {{ adresse.city }}
{% if adresse.country != "FR" %}({{ adresse.country }}){% endif %}
</p></div>
{% endfor %}
<div class="newline"></div>
</div>
<div class="part general">
<a class="edit-button" href="{{ eservices_url }}supprimer-l-acces-a-mon-dossier-administratif/">Supprimer laccès à mon dossier administratif</a>
<div class="grid-1-3"><p>Numéro du dossier</p></div>
<div class="grid-2-3"><p>{{ user.id }}</p></div>
<div class="grid-1-3"><p>Numéro de tiers SAGA</p></div>
<div class="grid-2-3"><p>{{ user.cles_de_federation.saga_tiers|default:"inconnu" }}</p></div>
<div class="grid-1-3"><p>Date de création de la fiche</p></div>
<div class="grid-2-3"><p>{{ user.date_de_creation|strptime:"%Y-%m-%dT%H:%M:%S.%f+00:00"|date:"j F Y" }}</p></div>
<div class="newline"></div>
</div>
{% if user.union %}
<div class="part general" style="padding: 0;">
<h2>Votre conjoint{% if user.union.genre|first == 'f' %}e{% endif %}</h2>
</div>
{% with user=user.union %}
<div class="part general">
<h3>Identité</h3>
<a class="edit-button" href="{{ eservices_url }}mise-a-jour-d-identite/?session_var_rsu_id={{ user.id }}">Mise à jour didentité</a>
<div class="grid-1-3"><p>Nom de naissance</p></div>
<div class="grid-2-3"><p>{{ user.nom_de_naissance|default:"<em>inconnu</em>" }}</p></div>
{% if user.nom_d_usage %}
<div class="grid-1-3"><p>Nom dusage</p></div>
<div class="grid-2-3"><p>{{ user.nom_d_usage }}</p></div>
{% endif %}
<div class="grid-1-3"><p>Prénom</p></div>
<div class="grid-2-3"><p>{{ user.prenoms }}</p></div>
<div class="grid-1-3"><p>Date de naissance</p></div>
<div class="grid-2-3"><p>{{ user.date_de_naissance|strptime:"%Y-%m-%d"|date:"j F Y" }} ({{ user.age_label }})</p></div>
<div class="grid-1-3"><p>Sexe</p></div>
<div class="grid-2-3"><p>{{ user.genre|title }}</p></div>
<div class="newline"></div>
<div class="rsu-part--header">
<h4>Identité</h4>
<a class="pk-button-submit" href="{{ eservices_url }}mise-a-jour-d-identite/?session_var_rsu_id={{ user.id }}">Mise à jour didentité</a>
</div>
<div class="part contact">
<h3>Contact</h3>
<a class="edit-button" href="{{ eservices_url }}mise-a-jour-des-informations-de-contact/?session_var_rsu_id={{ user.id }}">Mise à jour des informations de contact</a>
<dl class="profile">
<dt class="label">Nom de naissance</dt>
<dd class="value">{{ user.nom_de_naissance|default:"<em>inconnu</em>" }}</dd>
{% if user.nom_d_usage %}
<dt class="label">Nom dusage</dt>
<dd class="value">{{ user.nom_d_usage }}</dd>
{% endif %}
<dt class="label">Prénom</dt>
<dd class="value">{{ user.prenoms }}</dd>
<dt class="label">Date de naissance</dt>
<dd class="value">{{ user.date_de_naissance|strptime:"%Y-%m-%d"|date:"j F Y" }} ({{ user.age_label }})</dd>
<dt class="label">Sexe</dt>
<dd class="value">{{ user.genre|title }}</dd>
</dl>
</div>
<div class="rsu-part contact">
<div class="rsu-part--header">
<h4>Contact</h4>
<a class="pk-button-submit" href="{{ eservices_url }}mise-a-jour-des-informations-de-contact/?session_var_rsu_id={{ user.id }}">Mise à jour des informations de contact</a>
</div>
<dl class="profile">
{% for tel in user.telephones %}
<div class="grid-1-3"><p>Téléphone {{ tel.type }}</p></div>
<div class="grid-2-3"><p>{{ tel.numero }}</p></div>
<dt class="label">Téléphone {{ tel.type }}</dt>
<dd class="value">{{ tel.numero }}</dd>
{% endfor %}
<div class="grid-1-3"><p>Email</p></div>
<div class="grid-2-3"><p>{{ user.email|default:"inconnu" }}</p></div>
<dt class="label">Email<dt class="label">
<dd class="value">{{ user.email|default:"inconnu" }}</dd>
</dl>
<div class="newline"></div>
</div>
{% endwith %}
<div class="part contact">
<h3>Type dunion</h3>
{% if user.union_statut == 'unionlibre' %}
<a class="edit-button" href="{{ eservices_url }}declarer-un-pacs-ou-un-mariage/">Déclarer un mariage ou un P.A.C.S.</a>
{% endif %}
<div class="grid-1-3"><p>Type dunion</p></div>
<div class="grid-2-3"><p>
{% if user.union_statut == "unionlibre" %}Union libre{% else %}Mariage ou P.A.C.S.{% endif %}
</p></div>
<div class="newline"></div>
</div>
{% endif %}
{% if user.enfants %}
<div class="part general" style="padding: 0;">
<h2>{% if user.enfants|length > 1%}Vos enfants{% else %}Votre enfant{% endif %}</h2>
</div>
{% for user in user.enfants|dictsort:"date_de_naissance" %}
<div class="part general" style="padding: 0;">
<h2 style="background: #E05E76; font-weight: normal;">
{% if user.prenoms == "A NAITRE" %}
Enfant dont la naissance doit être confirmée
{% else %}
{{ user.prenoms }}
{% endif %}
</h2>
</div>
<div class="part general">
<h3>Identité</h3>
{% if user.prenoms != "A NAITRE" %}
<a class="edit-button" href="{{ eservices_url }}mise-a-jour-d-identite/?session_var_rsu_id={{ user.id }}">Mise à jour didentité</a>
{% endif %}
<div class="grid-1-3"><p>Nom de naissance</p></div>
<div class="grid-2-3"><p>{{ user.nom_de_naissance|default:"<em>inconnu</em>" }}</p></div>
{% if user.nom_d_usage %}
<div class="grid-1-3"><p>Nom dusage</p></div>
<div class="grid-2-3"><p>{{ user.nom_d_usage }}</p></div>
{% endif %}
<div class="grid-1-3"><p>Prénom</p></div>
<div class="grid-2-3"><p>
{% if user.prenoms == "A NAITRE" %}
<em>Prénom à indiquer lors de la confirmation de naissance</em>
{% else %}
{{ user.prenoms }}
{% endif %}
</p></div>
<div class="grid-1-3"><p>Date de naissance</p></div>
<div class="grid-2-3"><p>{{ user.date_de_naissance|strptime:"%Y-%m-%d"|date:"j F Y" }} ({{ user.age_label }})</p></div>
<div class="grid-1-3"><p>Sexe</p></div>
<div class="grid-2-3"><p>
{% if user.genre == "homme" %}Garçon
{% elif user.genre == "femme" %}Fille
{% else %}Autre
{% endif %}
</p></div>
<div class="newline"></div>
</div>
{% if user.prenoms != "A NAITRE" %}
<div class="part contact">
<h3>Contact</h3>
{% if user.prenoms != "A NAITRE" %}
<a class="edit-button" href="{{ eservices_url }}mise-a-jour-des-informations-de-contact/?session_var_rsu_id={{ user.id }}">Mise à jour des informations de contact</a>
{% endif %}
{% for tel in user.telephones %}
<div class="grid-1-3"><p>Téléphone {{ tel.type }}</p></div>
<div class="grid-2-3"><p>{{ tel.numero }}</p></div>
{% endfor %}
<div class="grid-1-3"><p>Email</p></div>
<div class="grid-2-3"><p>{{ user.email|default:"inconnu" }}</p></div>
<div class="newline"></div>
</div>
{% endif %}{# a naitre = pas de contact #}
{% endfor %}
<div class="rsu-part adresse">
<div class="rsu-part--header">
<h4>Adresse</h4>
<a class="pk-button-submit" href="{{ eservices_url }}mise-a-jour-d-adresse/">Mise à jour dadresse</a>
</div>
{% endif %}
<dl class="profile">
{% for adresse in user.adresses|dictsort:"principale" %}
<dt class="label">Adresse</dt>
<dd class="value">
{% if adresse.streetnumber %}{{ adresse.streetnumber }}{% endif %}
{% if adresse.streetnumberext %}{{ adresse.streetnumberext }}{% endif %}
{{ adresse.streetname }}<br/>
{% if adresse.ext1 %}{{ adresse.ext1 }}<br />{% endif %}
{% if adresse.ext2 %}{{ adresse.ext2 }}<br />{% endif %}
{% if adresse.at %}{{ adresse.at }}<br />{% endif %}
{{ adresse.zipcode }} {{ adresse.city }}
{% if adresse.country != "FR" %}({{ adresse.country }}){% endif %}
</dd>
{% endfor %}
</dl>
</div>
<div class="rsu-part general">
<div class="rsu-part--header">
<a class="pk-button-submit" href="{{ eservices_url }}supprimer-l-acces-a-mon-dossier-administratif/">Supprimer laccès à mon dossier administratif</a>
</div>
<dl class="profile">
<dt class="label">Numéro du dossier</dt>
<dd class="value">{{ user.id }}</dd>
<dt class="label">Numéro de tiers SAGA</dt>
<dd class="value">{{ user.cles_de_federation.saga_tiers|default:"inconnu" }}</dd>
<dt class="label">Date de création de la fiche</dt>
<dd class="value">{{ user.date_de_creation|strptime:"%Y-%m-%dT%H:%M:%S.%f+00:00"|date:"j F Y" }}</dd>
</dl>
</div>
</div>
{% if user.union %}
<h2>Votre conjoint{% if user.union.genre|first == 'f' %}e{% endif %}</h2>
<div class="cell--body">
{% with user=user.union %}
<div class="rsu-part general">
<div class="rsu-part--header">
<h4>Identité</h4>
<a class="pk-button-submit" href="{{ eservices_url }}mise-a-jour-d-identite/?session_var_rsu_id={{ user.id }}">Mise à jour didentité</a>
</div>
<dl class="profile">
<dt class="label">Nom de naissance</dt>
<dd class="value">{{ user.nom_de_naissance|default:"<em>inconnu</em>" }}</dd>
{% if user.nom_d_usage %}
<dt class="label">Nom dusage</dt>
<dd class="value">{{ user.nom_d_usage }}</dd>
{% endif %}
<dt class="label">Prénom</dt>
<dd class="value">{{ user.prenoms }}</dd>
<dt class="label">Date de naissance</dt>
<dd class="value">{{ user.date_de_naissance|strptime:"%Y-%m-%d"|date:"j F Y" }} ({{ user.age_label }})</dd>
<dt class="label">Sexe</dt>
<dd class="value">{{ user.genre|title }}</dd>
</dl>
</div>
<div class="rsu-part contact">
<div class="rsu-part--header">
<h4>Contact</h4>
<a class="pk-button-submit" href="{{ eservices_url }}mise-a-jour-des-informations-de-contact/?session_var_rsu_id={{ user.id }}">Mise à jour des informations de contact</a>
</div>
<dl class="profile">
{% for tel in user.telephones %}
<dt class="label">Téléphone {{ tel.type }}</dt>
<dd class="value">{{ tel.numero }}</dd>
{% endfor %}
<dt class="label">Email</dt>
<dd class="value">{{ user.email|default:"inconnu" }}</dd>
</dl>
</div>
{% endwith %}
<div class="rsu-part type-union">
<div class="rsu-part--header">
<h4>Type dunion</h4>
{% if user.union_statut == 'unionlibre' %}
<a class="pk-button-submit" href="{{ eservices_url }}declarer-un-pacs-ou-un-mariage/">Déclarer un mariage ou un P.A.C.S.</a>
{% endif %}
</div>
<dl class="profile">
<dt class="label">Type dunion</dt>
<dd class="value">
{% if user.union_statut == "unionlibre" %}Union libre{% else %}Mariage ou P.A.C.S.{% endif %}
</dd>
</dl>
</div>
</div>
{% endif %}
{% if user.enfants %}
<h2>{% if user.enfants|length > 1%}Vos enfants{% else %}Votre enfant{% endif %}</h2>
<div class="cell--body">
{% for user in user.enfants|dictsort:"date_de_naissance" %}
<h3>
{% if user.prenoms == "A NAITRE" %}
Enfant dont la naissance doit être confirmée
{% else %}
{{ user.prenoms }}
{% endif %}
</h3>
<div class="rsu-part general">
<div class="rsu-part--header">
<h4>Identité</h4>
{% if user.prenoms != "A NAITRE" %}
<a class="pk-button-submit" href="{{ eservices_url }}mise-a-jour-d-identite/?session_var_rsu_id={{ user.id }}">Mise à jour didentité</a>
{% endif %}
</div>
<dl class="profile">
<dt class="label">Nom de naissance<dt class="label">
<dd class="value">{{ user.nom_de_naissance|default:"<em>inconnu</em>" }}<dd class="value">
{% if user.nom_d_usage %}
<dt class="label">Nom dusage<dt class="label">
<dd class="value">{{ user.nom_d_usage }}<dd class="value">
{% endif %}
<dt class="label">Prénom<dt class="label">
<dd class="value">
{% if user.prenoms == "A NAITRE" %}
<em>Prénom à indiquer lors de la confirmation de naissance</em>
{% else %}
{{ user.prenoms }}
{% endif %}
<dd class="value">
<dt class="label">Date de naissance<dt class="label">
<dd class="value">{{ user.date_de_naissance|strptime:"%Y-%m-%d"|date:"j F Y" }} ({{ user.age_label }})<dd class="value">
<dt class="label">Sexe<dt class="label">
<dd class="value">
{% if user.genre == "homme" %}Garçon
{% elif user.genre == "femme" %}Fille
{% else %}Autre
{% endif %}
<dd class="value">
</dl>
</div>
{% if user.prenoms != "A NAITRE" %}
<div class="rsu-part contact">
<div class="rsu-part--header">
<h4>Contact</h4>
{% if user.prenoms != "A NAITRE" %}
<a class="pk-button-submit" href="{{ eservices_url }}mise-a-jour-des-informations-de-contact/?session_var_rsu_id={{ user.id }}">Mise à jour des informations de contact</a>
{% endif %}
</div>
<dl class="profile">
{% for tel in user.telephones %}
<dt class="label">Téléphone {{ tel.type }}<dt class="label">
<dd class="value">{{ tel.numero }}<dt class="label">
{% endfor %}
<dt class="label">Email<dt class="label">
<dd class="value">{{ user.email|default:"inconnu" }}<dt class="label">
</dl>
</div>
{% endif %}{# a naitre = pas de contact #}
{% endfor %}
</div>
{% endif %}
{% endwith %}