fichiers/css/personalisation.css

@@ -45,6 +45,20 @@ body {
   width: 60px;
   height: 60px;
   border: 2px solid #0d6efd;
+  animation-name: zoom;
+  animation-duration: .2s;
+}
+
+@keyframes zoom {
+  0% {
+    transform: scale(0, 0);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+}
+.bouton-flotant.deactivation{
+  display: none;
 }
 
 .contour-pastille {

fichiers/js/formulaire.js

@@ -0,0 +1,20 @@
+const listedesentree = [];
+
+function activationBoutonFlotant(lui) {
+  if (listedesentree.find(function(valeur) {return valeur == lui.name;})) {
+    for( var i = 0; i < listedesentree.length; i++){
+      if ( listedesentree[i] === lui.name) {
+          listedesentree.splice(i, 1);
+          break;
+      }
+    }
+  } else {
+    listedesentree.push(lui.name);
+  };
+  console.log(listedesentree);
+  if (listedesentree.length > 0){
+    document.getElementById("enregistement").classList.remove("deactivation");
+  }else{
+    document.getElementById("enregistement").classList.add("deactivation");
+  }
+}

inclusions/pied.php

@@ -1,3 +1,4 @@
     <script src="/fichiers/js/bootstrap.bundle.min.js"></script>
+    <script src="/fichiers/js/formulaire.js"></script>
 </body>
 </html>

services/gestion/alias_virtuels.php

@@ -121,9 +121,9 @@ _HEREDOC_;
 							<div class="card contour-pastille">
 								<div class="d-flex interieur-pastille">
 									<div class="champ-interrupteur">
-										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="allumer{$alias_virtuels_valeurs['id']}" value="1" {$etat_interrupteur_allumer}>
+										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="allumer{$alias_virtuels_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="1" {$etat_interrupteur_allumer}>
 										<label for="allumer{$alias_virtuels_valeurs['id']}" class="interrupteur-allumer"></label>
-										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="eteint{$alias_virtuels_valeurs['id']}" value="0" {$etat_interrupteur_eteint}>
+										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="eteint{$alias_virtuels_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="0" {$etat_interrupteur_eteint}>
 										<label for="eteint{$alias_virtuels_valeurs['id']}" class="interrupteur-eteint"></label>
 									</div>
 									<div class="titre-pastille">
@@ -146,7 +146,7 @@ _HEREDOC_;
 
 			?>
 			</div>
-			<button class="bouton-flotant" type="submit"><img src="/fichiers/svg/save.svg"/></button>
+			<button id="enregistement" class="bouton-flotant deactivation" type="submit"><img src="/fichiers/svg/save.svg"/></button>
 		</form>
 	</div>
 </div>