From 10bdb07218369931d278bc9423bef61a87fb18f2 Mon Sep 17 00:00:00 2001
From: ycharbi <git@ycharbi.fr>
Date: Mon, 15 Aug 2022 12:44:22 +0200
Subject: [PATCH] =?UTF-8?q?Finalisation=20de=20l'apparition=20dynamique=20?=
 =?UTF-8?q?du=20bouton=20pour=20enregistrer=20les=20modifications=20des=20?=
 =?UTF-8?q?interrupteurs=20+=20ajout=20de=20l=E2=80=99auto-s=C3=A9lection?=
 =?UTF-8?q?=20du=20champ=20adresse=20au=20chargement=20du=20formulaire=20d?=
 =?UTF-8?q?'accueil=20+=20stylisation=20de=20la=20case=20se=20souvenir=20d?=
 =?UTF-8?q?e=20moi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fichiers/css/personalisation.css       | 16 ++++++++++++++--
 fichiers/js/formulaire.js              |  7 ++++---
 pages/visiteurs/formulaire_accueil.php |  8 +++++---
 services/gestion/alias_virtuels.php    |  2 +-
 services/gestion/domaines.php          |  6 +++---
 services/gestion/listes_noires.php     | 12 ++++++------
 6 files changed, 33 insertions(+), 18 deletions(-)

diff --git a/fichiers/css/personalisation.css b/fichiers/css/personalisation.css
index eaa96a9..0ded1a5 100644
--- a/fichiers/css/personalisation.css
+++ b/fichiers/css/personalisation.css
@@ -57,8 +57,20 @@ body {
     transform: scale(1, 1);
   }
 }
-.bouton-flotant.deactivation{
-  display: none;
+
+@keyframes dezoom {
+  0% {
+    transform: scale(1, 1);
+  }
+  100% {
+    transform: scale(0, 0);
+  }
+}
+
+.bouton-flotant.desactiver{
+  animation-name: dezoom;
+  animation-duration: .2s;
+  animation-fill-mode: forwards;
 }
 
 .contour-pastille {
diff --git a/fichiers/js/formulaire.js b/fichiers/js/formulaire.js
index 1e9d2f1..191acc4 100644
--- a/fichiers/js/formulaire.js
+++ b/fichiers/js/formulaire.js
@@ -11,10 +11,11 @@ function activationBoutonFlotant(lui) {
   } else {
     listedesentree.push(lui.name);
   };
-  console.log(listedesentree);
+
   if (listedesentree.length > 0){
-    document.getElementById("enregistement").classList.remove("deactivation");
+    document.getElementById("enregistrer-interrupteur").classList.remove("desactiver");
+    document.getElementById("enregistrer-interrupteur").style.display = "block";
   }else{
-    document.getElementById("enregistement").classList.add("deactivation");
+    document.getElementById("enregistrer-interrupteur").classList.add("desactiver");
   }
 }
diff --git a/pages/visiteurs/formulaire_accueil.php b/pages/visiteurs/formulaire_accueil.php
index edef366..47825ae 100644
--- a/pages/visiteurs/formulaire_accueil.php
+++ b/pages/visiteurs/formulaire_accueil.php
@@ -42,15 +42,17 @@ require_once($_SERVER["DOCUMENT_ROOT"]."/services/fonctions/messages/messages.ph
 			?>
 			<form method="post" action="/services/traitements/utilisateurs/identification.php">
 				<div class="form-floating mb-3 mt-3">
-					<input type="email" name="identifiant" class="form-control" id="identifiant" placeholder="nom@example.fr" required/>
+					<input type="email" name="identifiant" class="form-control" id="identifiant" placeholder="nom@example.fr" autofocus required/>
 					<label for="identifiant">Votre nom d'utilisateur</label>
 				</div>
 				<div class="form-floating mb-3">
 					<input type="password" name="mdp" class="form-control" id="mdp" placeholder="Mot de passe" required/>
 					<label for="mdp">Votre mot de passe</label>
 				</div>
-					<input type="checkbox" name="souvenir-session" id="souvenir-session" checked/>
-					<label for="souvenir-session">Se souvenir de moi</label>
+				<div class="form-check mb-3">
+					<input type="checkbox" name="souvenir-session" id="souvenir-session" class="form-check-input" checked/>
+					<label for="souvenir-session" class="form-check-label">Se souvenir de moi</label>
+				</div>
 				<button id="envoyer" type="submit" class="btn btn-primary">envoyer</button>
 			</form>
 		</div>
diff --git a/services/gestion/alias_virtuels.php b/services/gestion/alias_virtuels.php
index 139ea9c..24b2ee3 100644
--- a/services/gestion/alias_virtuels.php
+++ b/services/gestion/alias_virtuels.php
@@ -146,7 +146,7 @@ _HEREDOC_;
 
 			?>
 			</div>
-			<button id="enregistement" class="bouton-flotant deactivation" type="submit"><img src="/fichiers/svg/save.svg"/></button>
+			<button id="enregistrer-interrupteur" style="display: none;" class="bouton-flotant desactiver" type="submit"><img src="/fichiers/svg/save.svg"/></button>
 		</form>
 	</div>
 </div>
diff --git a/services/gestion/domaines.php b/services/gestion/domaines.php
index 2a10743..9288481 100644
--- a/services/gestion/domaines.php
+++ b/services/gestion/domaines.php
@@ -105,9 +105,9 @@ $liste_domaines = listeDomainesPostfix($pdo);
                 <div class="card contour-pastille {$bordure_pastille}">
                   <div class="d-flex interieur-pastille">
                     <div class="champ-interrupteur {$etat_bouton}">
-                      <input type="radio" name="{$liste_domaines_valeurs['id']}" id="allumer{$liste_domaines_valeurs['id']}" value="1" {$etat_interrupteur_allumer}>
+                      <input type="radio" name="{$liste_domaines_valeurs['id']}" id="allumer{$liste_domaines_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="1" {$etat_interrupteur_allumer}>
                       <label for="allumer{$liste_domaines_valeurs['id']}" class="interrupteur-allumer"></label>
-                      <input type="radio" name="{$liste_domaines_valeurs['id']}" id="eteint{$liste_domaines_valeurs['id']}" value="0" {$etat_interrupteur_eteint}>
+                      <input type="radio" name="{$liste_domaines_valeurs['id']}" id="eteint{$liste_domaines_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="0" {$etat_interrupteur_eteint}>
                       <label for="eteint{$liste_domaines_valeurs['id']}" class="interrupteur-eteint"></label>
                     </div>
                     <div class="titre-pastille">
@@ -129,7 +129,7 @@ $liste_domaines = listeDomainesPostfix($pdo);
         }
         ?>
       </div>
-      <button class="bouton-flotant" type="submit"><img src="/fichiers/svg/save.svg"/></button>
+      <button id="enregistrer-interrupteur" style="display: none;" class="bouton-flotant desactiver" type="submit"><img src="/fichiers/svg/save.svg"/></button>
     </form>
   </div>
 </div>
diff --git a/services/gestion/listes_noires.php b/services/gestion/listes_noires.php
index 36cb357..38cd4c9 100644
--- a/services/gestion/listes_noires.php
+++ b/services/gestion/listes_noires.php
@@ -63,9 +63,9 @@ if (isset($_GET['sousPage']) && !empty($_GET['sousPage'])) {
 							<div class="card contour-pastille">
 								<div class="d-flex interieur-pastille">
 									<div class="champ-interrupteur">
-										<input type="radio" name="{$liste_entrees_liste_noires_dst_valeurs['id']}" id="allumer{$liste_entrees_liste_noires_dst_valeurs['id']}" value="1" {$etat_interrupteur_allumer}>
+										<input type="radio" name="{$liste_entrees_liste_noires_dst_valeurs['id']}" id="allumer{$liste_entrees_liste_noires_dst_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="1" {$etat_interrupteur_allumer}>
 										<label for="allumer{$liste_entrees_liste_noires_dst_valeurs['id']}" class="interrupteur-allumer"></label>
-										<input type="radio" name="{$liste_entrees_liste_noires_dst_valeurs['id']}" id="eteint{$liste_entrees_liste_noires_dst_valeurs['id']}" value="0" {$etat_interrupteur_eteint}>
+										<input type="radio" name="{$liste_entrees_liste_noires_dst_valeurs['id']}" id="eteint{$liste_entrees_liste_noires_dst_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="0" {$etat_interrupteur_eteint}>
 										<label for="eteint{$liste_entrees_liste_noires_dst_valeurs['id']}" class="interrupteur-eteint"></label>
 									</div>
 									<div class="titre-pastille">
@@ -87,7 +87,7 @@ if (isset($_GET['sousPage']) && !empty($_GET['sousPage'])) {
 			}
 			echo <<<_HEREDOC_
 							</div>
-							<button class="bouton-flotant" type="submit"><img src="/fichiers/svg/save.svg"/></button>
+							<button id="enregistrer-interrupteur" style="display: none;" class="bouton-flotant desactiver" type="submit"><img src="/fichiers/svg/save.svg"/></button>
 						</form>
 					</div>
 				</div>
@@ -133,9 +133,9 @@ if (isset($_GET['sousPage']) && !empty($_GET['sousPage'])) {
 							<div class="card contour-pastille">
 								<div class="d-flex interieur-pastille">
 									<div class="champ-interrupteur">
-										<input type="radio" name="{$liste_entrees_liste_noires_exp_valeurs['id']}" id="allumer{$liste_entrees_liste_noires_exp_valeurs['id']}" value="1" {$etat_interrupteur_allumer}>
+										<input type="radio" name="{$liste_entrees_liste_noires_exp_valeurs['id']}" id="allumer{$liste_entrees_liste_noires_exp_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="1" {$etat_interrupteur_allumer}>
 										<label for="allumer{$liste_entrees_liste_noires_exp_valeurs['id']}" class="interrupteur-allumer"></label>
-										<input type="radio" name="{$liste_entrees_liste_noires_exp_valeurs['id']}" id="eteint{$liste_entrees_liste_noires_exp_valeurs['id']}" value="0" {$etat_interrupteur_eteint}>
+										<input type="radio" name="{$liste_entrees_liste_noires_exp_valeurs['id']}" id="eteint{$liste_entrees_liste_noires_exp_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="0" {$etat_interrupteur_eteint}>
 										<label for="eteint{$liste_entrees_liste_noires_exp_valeurs['id']}" class="interrupteur-eteint"></label>
 									</div>
 									<div class="titre-pastille">
@@ -157,7 +157,7 @@ if (isset($_GET['sousPage']) && !empty($_GET['sousPage'])) {
 			}
 			echo <<<_HEREDOC_
 							</div>
-							<button class="bouton-flotant" type="submit"><img src="/fichiers/svg/save.svg"/></button>
+							<button id="enregistrer-interrupteur" style="display: none;" class="bouton-flotant desactiver" type="submit"><img src="/fichiers/svg/save.svg"/></button>
 						</form>
 					</div>
 				</div>