Finalisation de l'apparition dynamique du bouton pour enregistrer les modifications des interrupteurs + ajout de l’auto-sélection du champ adresse au chargement du formulaire d'accueil + stylisation de la case se souvenir de moi

pull/4/head
ycharbi 2 years ago
parent e8ee6ecc3a
commit 10bdb07218

@ -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 {

@ -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");
}
}

@ -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>

@ -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>

@ -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>

@ -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>

Loading…
Cancel
Save