From dd1f750f33fedf67002b515381be5ca1ca5d407a Mon Sep 17 00:00:00 2001
From: Thomas NOEL <tnoel@entrouvert.com>
Date: Fri, 6 Jan 2017 10:08:19 +0100
Subject: [PATCH] adapt login and account template for FranceConnect (#14361)

---
 templates/authentic2/login.html       | 39 ++++++++++-------------
 templates/idp/account_management.html | 45 +++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 23 deletions(-)

diff --git a/templates/authentic2/login.html b/templates/authentic2/login.html
index d29f4d4..528c45a 100644
--- a/templates/authentic2/login.html
+++ b/templates/authentic2/login.html
@@ -10,32 +10,25 @@
 {% endblock %}
 
 {% block content %}
-<div id="left">
-    <div class="block">
-        <div id="tabs">
-        <h2> connexion </h2>
-        <ul>
-        {% for name, content in methods %}
-        <!--li><a href="#tabs-{{ forloop.counter }}">{% trans name %}</a></li-->
-        {% endfor %}
-        </ul>
-        {% for name, content in methods %}
-        <div id="tabs-{{ forloop.counter }}">
+<div>
+<h2>Votre compte citoyen</h2>
+<p>Le compte citoyen personnalisé est une porte d’entrée unique vers vos
+démarches administratives. Votre compte citoyen va vous permettre d’accéder, à
+partir d’un guichet unique, à vos services en ligne auprès de la ville 24h/24
+(bouquet de démarches en ligne, accès direct à l'Espace famille, à l'Espace
+bibliothèque) et de suivre le traitement de votre demande après avoir rempli un
+formulaire en ligne, qu’il s’agisse par exemple de la prise de rendez-vous
+auprès de nos services, d’une demande de carte de stationnement ou de demandes
+d’intervention du service collecte et propreté...</p> </p>
+</div>
+
+{% for name, content in methods %}
+<div id="{% if forloop.first %}left{% else %}right{% endif %}">
+<div class="block">
         {{ content|safe }}
-        </div>
-        {% endfor %}
-        </div>
-    </div>
 </div>
-<div id="right">
-    <div class="block">
-        <h2>Votre compte citoyen</h2>
-
-<p>Le compte citoyen personnalisé est une porte d’entrée unique vers vos démarches administratives. Votre compte citoyen va vous permettre d’accéder, à partir d’un guichet unique, à vos services en ligne auprès de la ville 24h/24 (bouquet de démarches en ligne, accès direct à l'Espace famille, à l'Espace bibliothèque) et de suivre le traitement de votre demande après avoir rempli un formulaire en ligne, qu’il s’agisse par exemple de la prise de rendez-vous auprès de nos services, d’une demande de carte de stationnement ou de demandes d’intervention du service collecte et propreté...</p>
-
-    </div>
-
 </div>
+{% endfor %}
 
 <div>
 <p>
diff --git a/templates/idp/account_management.html b/templates/idp/account_management.html
index b0834fb..97ef709 100644
--- a/templates/idp/account_management.html
+++ b/templates/idp/account_management.html
@@ -35,4 +35,49 @@
 <p><a href="{% url 'profile_edit' %}">Modifier votre profil</a></p>
 <p><a href="{% url 'delete_account' %}">Supprimer votre profil</a></p>
 </div>
+
+<div>
+{% for id, block in frontends_block_by_id.items %}
+{% if id == 'fc' %}
+<div id="profile-{{id}}">
+<h2>{{ block.name }}</h2>
+{{ block.content|safe }}
+</div>
+{% endif %}
+{% endfor %}
+</div>
+
+<style>
+
+div#profile-fc {
+  background: url(/static/authentic2_auth_fc/img/fc_logo_mini.png) top right no-repeat;
+  min-height: 180px;
+}
+
+div#profile-fc h2 {
+  margin-right: 180px;
+}
+
+div#fc-button a img { display: none; }
+div#fc-button a {
+  display: inline-block;
+  margin: 20px 5px 0px 5px;
+  font-weight: 400;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  background-image: none;
+  border: 1px solid rgba(0, 0, 0, 0);
+  white-space: nowrap;
+  padding: 6px 12px;
+  font-size: 14px;
+  line-height: 1.42857143;
+  border-radius: 4px;
+  color: #FFF;
+  background-color: #d91a80;
+  border-color: #ab1565;
+}
+
+</style>
+
 {% endblock %}