From 27ec459730d39e839145428e35a1320cacb0150b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Tempez?= <frederic.tempez@outlook.com>
Date: Sat, 7 Dec 2024 18:10:59 +0100
Subject: [PATCH] 1.15 Double authentification
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Thème de la fenêtre auth et aussi de login
---
 core/module/config/view/connect/connect.php |  5 +++--
 core/module/user/view/auth/auth.css         | 19 +++++++++++++++++--
 core/module/user/view/auth/auth.php         |  8 ++++----
 core/module/user/view/login/login.css       | 20 ++++++++++++++++++++
 core/module/user/view/login/login.php       |  6 +++---
 5 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/core/module/config/view/connect/connect.php b/core/module/config/view/connect/connect.php
index 74c08e1..0ff14e7 100644
--- a/core/module/config/view/connect/connect.php
+++ b/core/module/config/view/connect/connect.php
@@ -39,9 +39,10 @@
 					</div>
 					<div class="col4">
 						<?php echo template::select('connectAuthMail', array_merge([''=>'Aucune'], self::$groupNews), [
-							'label' => 'Validation par messagerie',
+							'label' => 'Validation par messagerie ⚠️',
 							'selected' => $this->getData(['config', 'connect', 'mailAuth']),
-							'help' => 'La connexion est confirmée par une clé adressée par messagerie. Depuis le groupe sélectionnée et les groupes supérieurs.'						]); ?>
+							'help' => 'La connexion est confirmée par une clé transmise par messagerie. Depuis le groupe sélectionnée et les groupes supérieurs. Vérifiez le bon fonctionnement du serveur de messagerie AVANT d\'activer cette option!'
+						]); ?>
 					</div>
 					
 				</div>
diff --git a/core/module/user/view/auth/auth.css b/core/module/user/view/auth/auth.css
index e217932..5fdd138 100644
--- a/core/module/user/view/auth/auth.css
+++ b/core/module/user/view/auth/auth.css
@@ -32,5 +32,20 @@
 
 #userAuthKey {
     text-align: center;
-    font-size: 1.3rem;
-}
\ No newline at end of file
+    font-size: 2rem;
+    border: none; /* Supprime toutes les bordures */
+    border-bottom: 2px solid #000; /* Ajoute uniquement une bordure inférieure */
+    padding: 5px 0; /* Ajoute un peu d'espace au-dessus et en dessous */
+    margin-top: 10px; /* Ajoute un espacement au-dessus du champ */
+    outline: none; /* Supprime l'effet de focus par défaut */
+    letter-spacing: 6px; /* Ajoute un espacement de 2 pixels */
+}
+
+#userAuthKey:focus {
+    border-bottom-color: #007bff; /* Change la couleur du cadre bas lorsqu'on clique */
+    border-bottom-width: 3px; /* Accentue la bordure inférieure */
+}
+
+.container.light {
+    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
+}
diff --git a/core/module/user/view/auth/auth.php b/core/module/user/view/auth/auth.php
index ca948b6..fb152c7 100644
--- a/core/module/user/view/auth/auth.php
+++ b/core/module/user/view/auth/auth.php
@@ -1,6 +1,6 @@
 <?php echo template::formOpen('userAuthForm'); ?>
 <div class="row">
-    <div class="col6 offset3">
+    <div class="col4 offset4">
         <?php echo template::text('userAuthKey', [
             'label' => helper::translate('Clé reçue par couriel')
         ]); ?>
@@ -13,10 +13,10 @@
             'value' => template::ico('left')
         ]); ?>
     </div>
-    <div class="col3 offset7" id="loginContainer">
+    <div class="col2 offset8" id="loginContainer">
         <?php echo template::submit('userLoginSubmit', [
-            'value' => helper::translate('Authentification'),
-            'ico' => ''
+            'value' => template::ico('check'),
+            'ico' => '',
         ]); ?>
     </div>
 </div>
diff --git a/core/module/user/view/login/login.css b/core/module/user/view/login/login.css
index fcf2fa5..53d2846 100644
--- a/core/module/user/view/login/login.css
+++ b/core/module/user/view/login/login.css
@@ -32,4 +32,24 @@
     #backContainer{
         order: 2;
     }
+}
+
+#userAuthKey {
+    text-align: center;
+    font-size: 2rem;
+    border: none; /* Supprime toutes les bordures */
+    border-bottom: 2px solid #000; /* Ajoute uniquement une bordure inférieure */
+    padding: 5px 0; /* Ajoute un peu d'espace au-dessus et en dessous */
+    margin-top: 10px; /* Ajoute un espacement au-dessus du champ */
+    outline: none; /* Supprime l'effet de focus par défaut */
+    letter-spacing: 6px; /* Ajoute un espacement de 2 pixels */
+}
+
+#userAuthKey:focus {
+    border-bottom-color: #007bff; /* Change la couleur du cadre bas lorsqu'on clique */
+    border-bottom-width: 3px; /* Accentue la bordure inférieure */
+}
+
+.container.light {
+    filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2));
 }
\ No newline at end of file
diff --git a/core/module/user/view/login/login.php b/core/module/user/view/login/login.php
index 6131a8f..f247330 100644
--- a/core/module/user/view/login/login.php
+++ b/core/module/user/view/login/login.php
@@ -45,10 +45,10 @@
 			'value' => template::ico('left')
 		]); ?>
 	</div>
-	<div class="col3 offset7" id="loginContainer">
+	<div class="col2 offset8" id="loginContainer">
 		<?php echo template::submit('userLoginSubmit', [
-			'value' => 'Connexion',
-			'ico' => ''
+            'value' => template::ico('check'),
+            'ico' => '',
 		]); ?>
 	</div>
 </div>