diff --git a/app/assets/stylesheets/auth.scss b/app/assets/stylesheets/auth.scss
index a7f8f4e4b..af379dcf3 100644
--- a/app/assets/stylesheets/auth.scss
+++ b/app/assets/stylesheets/auth.scss
@@ -10,12 +10,6 @@
//
// The procedure description can still be read from the /commencer
// pages.
- @media (max-width: $two-columns-breakpoint) {
- .agent-intro {
- display: none;
- }
- }
-
.column {
padding-top: $default-spacer;
}
@@ -37,14 +31,6 @@
margin-bottom: 0;
}
- hr {
- margin-top: 30px;
- margin-bottom: 30px;
- background-color: $grey;
- border: none;
- height: 1px;
- }
-
.register {
display: flex;
justify-content: space-between;
diff --git a/app/views/agent_connect/agent/index.html.haml b/app/views/agent_connect/agent/index.html.haml
index 60cd051fc..53d508115 100644
--- a/app/views/agent_connect/agent/index.html.haml
+++ b/app/views/agent_connect/agent/index.html.haml
@@ -3,33 +3,31 @@
#agentconnect
.two-columns
.columns-container
- .column.agent-intro
- %h1.mt-2.mb-2.agent= t('.you_are_an_agent')
- .box= t('.in_progress_html')
-
- .center.mt-2
- %span.citizen= t('.you_are_a_citizen')
- %br
- %br
- = link_to t('.citizen_page'), new_user_session_path, class: "fr-btn fr-btn--secondary"
.column
- %h1.fr-my-2w
- = t('.connect')
-
- .fr-connect-group.fr-my-2w
- = link_to(agent_connect_login_path, class: "fr-btn fr-connect") do
- %span.fr-connect__login
- = t('.signin_with')
- %span.fr-connect__brand AgentConnect
- %p
- = link_to t('.whats_agentconnect'), 'https://agentconnect.gouv.fr/', target: '_blank', rel: "noopener"
-
-
- %p.fr-hr-or= t('views.shared.france_connect_login.separator')
#session-new.auth-form.sign-in-form
- = form_for User.new, url: user_session_path do |f|
+ = form_for User.new, url: user_session_path, html: { class: "fr-pt-5w" } do |f|
+
+ %h1.fr-h2= t('views.users.sessions.new.sign_in', application_name: APPLICATION_NAME)
+
+ .fr-mb-0.fr-fieldset
+ .fr-fieldset__legend
+ %h2.fr-h6= t('.cta')
+
+ .fr-fieldset__element
+ %p= t('.explanation')
+
+ .fr-connect-group.fr-my-2w
+ = link_to(agent_connect_login_path, class: "fr-btn fr-connect") do
+ %span.fr-connect__login
+ = t('.signin_with')
+ %span.fr-connect__brand AgentConnect
+ %p
+ = link_to t('.whats_agentconnect'), 'https://agentconnect.gouv.fr/', target: '_blank', rel: "noopener"
+
+
+ %p.fr-hr-or= t('views.shared.france_connect_login.separator')
%fieldset.fr-mb-0.fr-fieldset{ aria: { labelledby: 'new-account-legend' } }
%legend.fr-fieldset__legend#new-account-legend
@@ -53,8 +51,22 @@
= f.check_box :remember_me
= f.label :remember_me, t('views.users.sessions.new.remember_me'), class: 'remember-me'
+ %ul.fr-btns-group
+ %li= f.submit t('views.users.sessions.new.connection'), class: "fr-btn"
+
+ %hr
+
+ %h2.fr-h6= t('.you_are_a_citizen')
+ %ul.fr-btns-group
+ %li= link_to t('.citizen_page'), new_user_session_path, class: "fr-btn fr-btn--secondary width-100"
+
+ .column.agent-intro
+ = render Dsfr::CalloutComponent.new(title: t('.full_deploy_title'), icon: 'fr-icon-information-line') do |c|
+ - c.with_body do
+ = t('.full_deploy_body')
+ %h2.fr-h6= t('.whats_ds', application_name: APPLICATION_NAME)
+ = image_tag "landing/hero/dematerialiser.svg", class: "paperless-logo", alt: ""
- = f.submit t('views.users.sessions.new.connection'), class: "fr-btn fr-btn--lg"
- content_for :footer do
= render partial: 'users/dossiers/index_footer'
diff --git a/config/locales/views/agent_connect/agent/en.yml b/config/locales/views/agent_connect/agent/en.yml
index b1a1699f3..0ed746bdd 100644
--- a/config/locales/views/agent_connect/agent/en.yml
+++ b/config/locales/views/agent_connect/agent/en.yml
@@ -3,18 +3,12 @@ en:
agent:
index:
cta: Connect with AgentConnect
- you_are_an_agent: Are you an employee of the state civil service or of a state operator?
- in_progress_html: |
-
- AgentConnect is currently being deployed.
-
- The ministries and operators that can currently benefit from it are :
-
-
- you_are_a_citizen: You are an individual ?
+ explanation: Agent connect is the solution powered by the state to secure and simplify the connection to online services
+ full_deploy_title: Agent connect is now fully available
+ full_deploy_body: All ministries and operators are able to use it
+ you_are_a_citizen: Are you a citizen ?
citizen_page: Go to our dedicated page
- connect: Connect
+ signin_with: "Sign in with"
whats_agentconnect: 'What is AgentConnect?'
+ whats_ds: '%{application_name}, the national platform to dematerialize administrative procedures'
pro_email: Professional email
diff --git a/config/locales/views/agent_connect/agent/fr.yml b/config/locales/views/agent_connect/agent/fr.yml
index 74af60557..7dcb810be 100644
--- a/config/locales/views/agent_connect/agent/fr.yml
+++ b/config/locales/views/agent_connect/agent/fr.yml
@@ -2,20 +2,13 @@ fr:
agent_connect:
agent:
index:
- cta: S’identifier avec AgentConnect
- you_are_an_agent: Vous êtes agent de la fonction publique dʼÉtat ou dʼun opérateur de lʼÉtat ?
- in_progress_html: |
-
- AgentConnect est en cours de déploiement.
-
- Les ministères et opérateurs qui peuvent lʼutiliser à ce jour sont :
-
-
+ cta: Se connecter avec AgentConnect
+ explanation: AgentConnect est la solution proposée par l'État pour sécuriser et simplifier la connexion aux services en ligne
+ full_deploy_title: AgentConnect est désormais entièrement deployé
+ full_deploy_body: Tous les ministères et opérateurs peuvent l'utiliser à ce jour
you_are_a_citizen: Vous êtes un particulier ?
- citizen_page: Accéder à notre page dédiée
- connect: Connectez-vous
+ citizen_page: Se connecter sur votre espace
signin_with: "S’identifier avec"
whats_agentconnect: 'Quʼest ce quʼAgentConnect ?'
+ whats_ds: '%{application_name}, la plate-forme nationale de dématérialisation des procédures administratives'
pro_email: Adresse électronique professionnelle