1.15 Double authentification

Thème de la fenêtre auth et aussi de login

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>

core/module/user/view/auth/auth.css

@@ -32,5 +32,20 @@
 
 #userAuthKey {
     text-align: center;
-    font-size: 1.3rem;
+    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));
 }

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'),
+            'value' => template::ico('check'),
-            'ico' => ''
+            'ico' => '',
         ]); ?>
     </div>
 </div>

core/module/user/view/login/login.css

@@ -33,3 +33,23 @@
         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));
+}

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',
+            'value' => template::ico('check'),
-			'ico' => ''
+            'ico' => '',
 		]); ?>
 	</div>
 </div>