From 24fae5b1ca5d431dc74a4146485451ec1c20a443 Mon Sep 17 00:00:00 2001 From: hellodeloo Date: Fri, 15 Nov 2024 15:29:46 +0100 Subject: [PATCH 1/4] fix: update login templates ui --- .../static/images/pro_connect_bouton.svg | 1 + .../images/pro_connect_bouton_hover.svg | 1 + .../static/stylesheets/itou_communaute.scss | 29 ++++++++--- .../templates/registration/create_user.html | 49 ++++++++++--------- .../templates/registration/login.html | 43 +++++++++------- .../registration/login_link_sent.html | 4 +- .../registration/login_with_magic_link.html | 36 +++++++++++--- 7 files changed, 106 insertions(+), 57 deletions(-) create mode 100644 lacommunaute/static/images/pro_connect_bouton.svg create mode 100644 lacommunaute/static/images/pro_connect_bouton_hover.svg diff --git a/lacommunaute/static/images/pro_connect_bouton.svg b/lacommunaute/static/images/pro_connect_bouton.svg new file mode 100644 index 000000000..289890596 --- /dev/null +++ b/lacommunaute/static/images/pro_connect_bouton.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/lacommunaute/static/images/pro_connect_bouton_hover.svg b/lacommunaute/static/images/pro_connect_bouton_hover.svg new file mode 100644 index 000000000..fcdd7df7f --- /dev/null +++ b/lacommunaute/static/images/pro_connect_bouton_hover.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/lacommunaute/static/stylesheets/itou_communaute.scss b/lacommunaute/static/stylesheets/itou_communaute.scss index 63dc19715..80edfe9f3 100644 --- a/lacommunaute/static/stylesheets/itou_communaute.scss +++ b/lacommunaute/static/stylesheets/itou_communaute.scss @@ -30,7 +30,7 @@ border-radius: 50%; overflow: hidden; - >img { + > img { width: 100%; height: auto; object-fit: cover; @@ -49,7 +49,7 @@ .card-header-thumbnail { height: 200px; - >img { + > img { height: 100%; } } @@ -99,7 +99,7 @@ span.highlighted { .input-group-rounded-pill { border-radius: 50rem !important; - >input { + > input { border-top-left-radius: 50rem !important; border-bottom-left-radius: 50rem !important; } @@ -151,13 +151,13 @@ span.highlighted { } } - >div { + > div { padding: 16px 8px; margin: 0; margin-bottom: 8px; min-height: 140px; - >span { + > span { display: block; } @@ -177,7 +177,7 @@ span.highlighted { } .definition { - >div { + > div { padding: 16px 8px 0 16px; margin-bottom: 8px; @@ -198,7 +198,7 @@ span.highlighted { padding-top: 40%; } - >iframe { + > iframe { position: absolute; top: 0; left: 0; @@ -220,3 +220,18 @@ span.highlighted { .s-home-title-01::after { left: 52%; } + +/* Pro Connect button theme */ +.proconnect-button { + background-color: transparent !important; + background-image: url('../images/pro_connect_bouton.svg'); + background-position: 50% 50%; + background-repeat: no-repeat; + width: 214px; + height: 56px; + display: inline-block; + + &:hover { + background-image: url('../images/pro_connect_bouton_hover.svg'); + } +} diff --git a/lacommunaute/templates/registration/create_user.html b/lacommunaute/templates/registration/create_user.html index d65408b44..9365f0f2a 100644 --- a/lacommunaute/templates/registration/create_user.html +++ b/lacommunaute/templates/registration/create_user.html @@ -11,6 +11,9 @@

{% trans "Sign in" %}

+

+ Bonjour {{ email }} et bienvenue dans la communauté de l'inclusion, encore quelques informations avant de vous envoyer le lien. +

@@ -19,30 +22,32 @@

-
-
- Bonjour {{ email }} et bienvenue dans la communauté de l'inclusion, encore quelques informations avant de vous envoyer le lien. -
-
-
- {% csrf_token %} - {% if form.non_field_errors %} - {% for error in form.non_field_errors %} -
- - {{ error }} +
+ + {% csrf_token %} + {% if form.non_field_errors %} + {% for error in form.non_field_errors %} +
+ + {{ error }} +
+ {% endfor %} + {% endif %} + {% include "partials/form_field.html" with field=form.email %} + {% include "partials/form_field.html" with field=form.first_name %} + {% include "partials/form_field.html" with field=form.last_name %} +
+
+
+
+
+ +
- {% endfor %} - {% endif %} - {% include "partials/form_field.html" with field=form.email %} - {% include "partials/form_field.html" with field=form.first_name %} - {% include "partials/form_field.html" with field=form.last_name %} -
- - +
- -
+
+
diff --git a/lacommunaute/templates/registration/login.html b/lacommunaute/templates/registration/login.html index bf353138d..f477d97cc 100644 --- a/lacommunaute/templates/registration/login.html +++ b/lacommunaute/templates/registration/login.html @@ -19,27 +19,32 @@

-
-
-
- {% csrf_token %} - {% if form.non_field_errors %} - {% for error in form.non_field_errors %} -
- - {{ error }} +
+ + {% csrf_token %} + {% if form.non_field_errors %} + {% for error in form.non_field_errors %} +
+ + {{ error }} +
+ {% endfor %} + {% endif %} + {% include "partials/form_field.html" with field=form.username %} + {% include "partials/form_field.html" with field=form.password %} + +
+
+
+
+
+ +
- {% endfor %} - {% endif %} - {% include "partials/form_field.html" with field=form.username %} - {% include "partials/form_field.html" with field=form.password %} - -
- - +
- -
+
+
diff --git a/lacommunaute/templates/registration/login_link_sent.html b/lacommunaute/templates/registration/login_link_sent.html index a7624f148..1b65057f7 100644 --- a/lacommunaute/templates/registration/login_link_sent.html +++ b/lacommunaute/templates/registration/login_link_sent.html @@ -20,7 +20,9 @@

{% trans "Login | Sign in" %}

- Un lien de connexion vous a été envoyé à l'adresse {{ email }}. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse {{ email }}. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

diff --git a/lacommunaute/templates/registration/login_with_magic_link.html b/lacommunaute/templates/registration/login_with_magic_link.html index 81655203a..82f59fe86 100644 --- a/lacommunaute/templates/registration/login_with_magic_link.html +++ b/lacommunaute/templates/registration/login_with_magic_link.html @@ -20,10 +20,20 @@

{% trans "Login | Sign in" %}

-
-
- Se connecter avec Pro Connect -
+
+ +
+
+ +
+
{% csrf_token %} {% if form.non_field_errors %} @@ -34,10 +44,20 @@

{% trans "Login | Sign in" %}

{% endfor %} {% endif %} - {% include "partials/form_field.html" with field=form.email %} -
- - +
+

Se connecter avec votre email

+ {% include "partials/form_field.html" with field=form.email %} +
+
+
+
+
+
+ + +
+
+
From e375c783e17e1d2215bf626b3b095c2dd4f3e5f3 Mon Sep 17 00:00:00 2001 From: hellodeloo Date: Fri, 15 Nov 2024 15:45:36 +0100 Subject: [PATCH 2/4] fix --- .../registration/login_with_magic_link.html | 50 ++++++++----------- 1 file changed, 22 insertions(+), 28 deletions(-) diff --git a/lacommunaute/templates/registration/login_with_magic_link.html b/lacommunaute/templates/registration/login_with_magic_link.html index 82f59fe86..f9247693b 100644 --- a/lacommunaute/templates/registration/login_with_magic_link.html +++ b/lacommunaute/templates/registration/login_with_magic_link.html @@ -30,37 +30,31 @@

{% trans "Login | Sign in" %}


-
- -
-
-
- {% csrf_token %} - {% if form.non_field_errors %} - {% for error in form.non_field_errors %} -
- - {{ error }} -
- {% endfor %} - {% endif %} -
-

Se connecter avec votre email

- {% include "partials/form_field.html" with field=form.email %} -
-
-
-
-
-
- - -
+ + {% csrf_token %} + {% if form.non_field_errors %} + {% for error in form.non_field_errors %} +
+ + {{ error }} +
+ {% endfor %} + {% endif %} +
+

Se connecter avec votre email

+ {% include "partials/form_field.html" with field=form.email %} +
+
+
+
+
+ +
- -
+
+
From fb0e24c1a829a08f4557593994f6425d3ac76beb Mon Sep 17 00:00:00 2001 From: vincent porte Date: Mon, 18 Nov 2024 11:37:19 +0100 Subject: [PATCH 3/4] add mention to magiq link form --- .../templates/registration/login_with_magic_link.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/lacommunaute/templates/registration/login_with_magic_link.html b/lacommunaute/templates/registration/login_with_magic_link.html index f9247693b..e33122c33 100644 --- a/lacommunaute/templates/registration/login_with_magic_link.html +++ b/lacommunaute/templates/registration/login_with_magic_link.html @@ -42,14 +42,15 @@

{% trans "Login | Sign in" %}

{% endif %}

Se connecter avec votre email

+

✨ Nous allons vous envoyer un code magique pour vous connecter sans mot de passe.

{% include "partials/form_field.html" with field=form.email %}
- - + +
From 56cf508354b6ec446d83489519e516002863245e Mon Sep 17 00:00:00 2001 From: vincent porte Date: Mon, 18 Nov 2024 11:37:33 +0100 Subject: [PATCH 4/4] update snapshots --- .../tests/__snapshots__/tests_views.ambr | 153 ++++++++++++------ 1 file changed, 108 insertions(+), 45 deletions(-) diff --git a/lacommunaute/users/tests/__snapshots__/tests_views.ambr b/lacommunaute/users/tests/__snapshots__/tests_views.ambr index 0d6f074f5..385e7a69d 100644 --- a/lacommunaute/users/tests/__snapshots__/tests_views.ambr +++ b/lacommunaute/users/tests/__snapshots__/tests_views.ambr @@ -21,7 +21,9 @@
- Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -53,7 +55,9 @@
- Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -85,7 +89,9 @@
- Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -117,7 +123,9 @@
- Un lien de connexion vous a été envoyé à l'adresse john@travolta.lt. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse john@travolta.lt. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -149,7 +157,9 @@
- Un lien de connexion vous a été envoyé à l'adresse john@travolta.lt. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse john@travolta.lt. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -181,7 +191,9 @@
- Un lien de connexion vous a été envoyé à l'adresse john@travolta.lt. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse john@travolta.lt. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -213,13 +225,22 @@
-
-
- Se connecter avec Pro Connect -
-
- - +
+ +
+ + + +
+

Se connecter avec votre email

+

✨ Nous allons vous envoyer un code magique pour vous connecter sans mot de passe.

@@ -234,12 +255,18 @@
-
- - +
+
+
+
+
+ + +
+
- -
+
+
@@ -272,13 +299,22 @@
-
-
- Se connecter avec Pro Connect -
-
- - +
+ +
+ + + +
+

Se connecter avec votre email

+

✨ Nous allons vous envoyer un code magique pour vous connecter sans mot de passe.

@@ -293,12 +329,18 @@
-
- - +
+
+
+
+
+ + +
+
- -
+
+
@@ -331,13 +373,22 @@
-
-
- Se connecter avec Pro Connect -
-
- - +
+ +
+ + + +
+

Se connecter avec votre email

+

✨ Nous allons vous envoyer un code magique pour vous connecter sans mot de passe.

@@ -352,12 +403,18 @@
-
- - +
+
+
+
+
+ + +
+
- -
+
+
@@ -390,7 +447,9 @@
- Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -422,7 +481,9 @@
- Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

@@ -454,7 +515,9 @@
- Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +

+ Un lien de connexion vous a été envoyé à l'adresse samuel@jackson.com. Veuillez vérifier votre boîte de réception et cliquer sur le lien pour vous connecter. +