YC-NM/Courtail
2
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

Travail de l'apparence de la page de gestion des utilisateurs

Browse Source
This commit is contained in:
ycharbi
2023-04-02 14:31:03 +02:00
parent 548c1794fb
commit f92855e126
6 changed files with 92 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
fichiers/css/confirmation.css
+5 -21
View File
@@ -1,4 +1,4 @@
/* Style concernant la confirmation de suppression d'un alias virtuel */ /* Style concernant la confirmation de suppression d'une pastille */
.confirmation-suppression { .confirmation-suppression {
display: none; display: none;
color: #fff; color: #fff;
@@ -14,39 +14,23 @@
} }
.input-checkbox-supprimer-valeur:checked ~ .confirmation-suppression { .input-checkbox-supprimer-valeur:checked ~ .confirmation-suppression {
display: inline; display: inline;
} }
/*.input-label-supprimer-valeur {
color: #ffffff;
background: #e23026;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
}*/
.visuellement-cache { .visuellement-cache {
position: absolute; position: absolute;
left: -100vw; left: -100vw;
} }
.detail-utilisateur { .detail-utilisateur {
display: none; display: none;
color: #fff; color: #fff;
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
background-color: #dc3545;
}
.detail-utilisateur:hover {
color: #fff;
background-color: #bb2d3b;
border-color: #b02a37;
} }
.input-checkbox-detail-utilisateur:checked ~ .detail-utilisateur { .input-checkbox-detail-utilisateur:checked ~ .detail-utilisateur {
display: block; display: block;
} }
/* Sources : /* Sources :
fichiers/css/personalisation.css
+28
View File
@@ -113,3 +113,31 @@ body {
.max-hauteur-pastille{ .max-hauteur-pastille{
height: calc(100% - 1.5em); height: calc(100% - 1.5em);
} }
.survol{
display: inline-block;
}
.survol:hover .message-survol {
overflow: hidden;
padding: 12px 12px;
height: auto;
width: auto;
opacity: 1;
border: 1px solid #eeeeee;
}
.message-survol {
opacity: 0;
position: absolute;
z-index: 7;
background: #343a40;
color: #FFFFFF;
border: 1px solid transparent;
border-radius: 6px;
height: 0px;
width: 0px;
padding: 0 12px;
overflow: hidden;
/*-webkit-transition: all 500ms;
transition: all 500ms;*/
}
fichiers/svg/chevrons-up.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up"><polyline points="17 11 12 6 7 11"></polyline><polyline points="17 18 12 13 7 18"></polyline></svg>
Side by Side

After

Width:  |  Height:  |  Size: 311 B

fichiers/svg/help-circle.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-help-circle"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>
Side by Side

After

Width:  |  Height:  |  Size: 357 B

fichiers/svg/menu.svg
+1
View File
@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
Side by Side

After

Width:  |  Height:  |  Size: 338 B

services/gestion/utilisateurs.php
+56 -37
View File
@@ -21,39 +21,53 @@ $liste_domaines = listeDomainesBdd($pdo);
if (testPrivileges()==="administrateur") { if (testPrivileges()==="administrateur") {
echo <<<_HEREDOC_ echo <<<_HEREDOC_
<div class="card mt-4"> <div class="card mt-4">
<div class="card-body"> <div class="card-body">
<h5 class="card-title">Ajout d'un utilisateur</h5> <h5 class="card-title">Ajout d'un utilisateur</h5>
<form id="form_choix_utilisateur" action="/services/traitements/utilisateurs/ajoutUtilisateur.php" method="post"> <form id="form_choix_utilisateur" action="/services/traitements/utilisateurs/ajoutUtilisateur.php" method="post">
<div class="input-group"> <div class="row">
<input class="form-control" type="text" name="prefixe_utilisateur" placeholder="prefixe" title="Texte s'ajoutant devant les alias de l'utilisateurs afin de les discriminer de ceux des autres"> <div class="col-xl-5 col-12 pt-2">
<input type="text" class="form-control" id="nom_pour_filtre" name="nom_utilisateur" placeholder="nom utilisateur *" onkeyup="filtreValeurs();" required> <div class="input-group">
<span class="input-group-text">@</span> <input class="form-control" type="text" name="prefixe_utilisateur" placeholder="prefixe" title="Texte s'ajoutant devant les alias de l'utilisateurs afin de les discriminer de ceux des autres">
<select class="form-select" name="choix_domaine_utilisateur"> <input type="text" class="form-control" id="nom_pour_filtre" name="nom_utilisateur" placeholder="nom utilisateur *" onkeyup="filtreValeurs();" title="Identifiant de l'utilisateur" required>
<span class="input-group-text">@</span>
<select class="form-select" name="choix_domaine_utilisateur" title="Choix d'un nom de domaine existant">
_HEREDOC_; _HEREDOC_;
try { try {
foreach ($liste_domaines as $domaine_bdd => $domaine) { foreach ($liste_domaines as $domaine_bdd => $domaine) {
echo "<option value=\"".$domaine['domaine']."\">".$domaine['domaine']."</option>\n"; echo "<option value=\"".$domaine['domaine']."\">".$domaine['domaine']."</option>\n";
}
} }
} catch (\Exception $e) {
catch (\Exception $e) { die ("Erreur de requête de selection du domaine pour \"$base\" : ".$e->getMessage());
die ("Erreur de requête de selection du domaine pour \"$base\" : ".$e->getMessage()); }
}
echo <<<_HEREDOC_
echo <<<_HEREDOC_ </select>
</select> </div>
<input type="password" class="form-control" name="mot_de_passe_utilisateur" placeholder="mot de passe *" required> </div>
<input class="form-control" type="text" name="nom_complet_utilisateur" placeholder="nom complet"> <div class="col-xl-2 col-4 pt-2">
<select class="form-select" name="choix_privilege_utilisateur" required> <input type="password" class="form-control" name="mot_de_passe_utilisateur" placeholder="mot de passe *" title="Changement du mot de passe de l'utilisateur" required>
<optgroup label="privilège"> </div>
<option value="utilisateur" title="Accès limité aux fonctionnalités">utilisateur</option> <div class="col-xl-2 col-4 pt-2 ps-0 pe-0">
<option value="administrateur" title="Accès complet et gestions des autres utilisateurs">administrateur</option> <input class="form-control" type="text" name="nom_complet_utilisateur" placeholder="nom complet" title="Nom complet de l'utilisateur">
</optgroup> </div>
</select> <div class="col-xl-2 col-4 pt-2">
<button class="btn btn-primary bouton-ajout" type="submit">Appliquer</button> <div class="input-group">
<select class="form-select" name="choix_privilege_utilisateur" title="Privilège de l'utilisateur" required>
<optgroup label="privilège">
<option value="utilisateur" title="Accès limité aux fonctionnalités">utilisateur</option>
<option value="administrateur" title="Accès complet et gestions des autres utilisateurs">administrateur</option>
</optgroup>
</select>
</div>
</div>
<div class="col-xl-1 col-12 pt-2">
<button class="btn btn-primary bouton-ajout" style="width: 100%;" type="submit">Appliquer</button>
</div>
</div> </div>
</form> </form>
</div> </div>
</div> </div>
_HEREDOC_; _HEREDOC_;
@@ -82,7 +96,7 @@ _HEREDOC_;
$etat_interrupteur_eteint="checked"; $etat_interrupteur_eteint="checked";
$etat_interrupteur_allumer=""; $etat_interrupteur_allumer="";
} }
echo <<<_HEREDOC_ echo <<<_HEREDOC_
<input type="hidden" name="utilisateur[{$numero_entree}][id_utilisateur]" value="{$utilisateurs_valeurs['id']}"> <input type="hidden" name="utilisateur[{$numero_entree}][id_utilisateur]" value="{$utilisateurs_valeurs['id']}">
<div class="col-md-6 col-xl-4"> <div class="col-md-6 col-xl-4">
@@ -96,9 +110,14 @@ _HEREDOC_;
</div> </div>
<div class="titre-pastille"> <div class="titre-pastille">
<span>{$utilisateurs_valeurs['utilisateur']}</span> <span>{$utilisateurs_valeurs['utilisateur']}</span>
_HEREDOC_;
if ($utilisateurs_valeurs['privilege'] === "administrateur") {
echo '<div class="survol"><span style="padding: 0; margin-left: 5px" class="badge fond-arc-noire"><img style="width: 80%" src="/fichiers/svg/chevrons-up.svg"></img></span><div class="message-survol">Cet utilisateur est un administrateur</div></div>';
}
echo <<<_HEREDOC_
</div> </div>
<div> <div>
<label class="input-label-detail-utilisateur btn btn-danger btn-sm" for="detail-utilisateur-{$utilisateurs_valeurs['id']}"><img src="/fichiers/svg/trash-2.svg"></label> <label class="input-label-detail-utilisateur btn btn-primary btn-sm me-1" for="detail-utilisateur-{$utilisateurs_valeurs['id']}"><img src="/fichiers/svg/menu.svg"></label>
</div> </div>
<div> <div>
<label class="input-label-supprimer-valeur btn btn-danger btn-sm" for="supprimer-valeur-{$utilisateurs_valeurs['id']}"><img src="/fichiers/svg/trash-2.svg"></label> <label class="input-label-supprimer-valeur btn btn-danger btn-sm" for="supprimer-valeur-{$utilisateurs_valeurs['id']}"><img src="/fichiers/svg/trash-2.svg"></label>
@@ -107,12 +126,12 @@ _HEREDOC_;
<input type="checkbox" class="input-checkbox-detail-utilisateur visuellement-cache" id="detail-utilisateur-{$utilisateurs_valeurs['id']}"> <input type="checkbox" class="input-checkbox-detail-utilisateur visuellement-cache" id="detail-utilisateur-{$utilisateurs_valeurs['id']}">
<div class="detail-utilisateur card-footer"> <div class="detail-utilisateur card-footer">
<input class="form-control" type="text" name="utilisateur[{$numero_entree}][nom_complet_utilisateur]" value="{$utilisateurs_valeurs['nom_complet']}" placeholder="nom complet"> <input class="form-control mt-2" type="text" name="utilisateur[{$numero_entree}][nom_complet_utilisateur]" value="{$utilisateurs_valeurs['nom_complet']}" placeholder="nom complet" title="Nom complet de l'utilisateur">
<input class="form-control" type="text" name="utilisateur[{$numero_entree}][prefixe_utilisateur]" value="{$utilisateurs_valeurs['prefixe']}" placeholder="prefixe" title="Texte s'ajoutant devant les alias de l'utilisateur afin de les discriminer de ceux des autres"> <input class="form-control mt-2" type="text" name="utilisateur[{$numero_entree}][prefixe_utilisateur]" value="{$utilisateurs_valeurs['prefixe']}" placeholder="prefixe" title="Texte s'ajoutant devant les alias de l'utilisateur afin de les discriminer de ceux des autres">
<input type="password" class="form-control" name="utilisateur[{$numero_entree}][mot_de_passe_utilisateur]" placeholder="nouveau mot de passe"> <input type="password" class="form-control mt-2" name="utilisateur[{$numero_entree}][mot_de_passe_utilisateur]" placeholder="nouveau mot de passe" title="Changement du mot de passe de l'utilisateur">
<input type="password" class="form-control" name="utilisateur[{$numero_entree}][confirmation_mot_de_passe_utilisateur]" placeholder="confirmation mot de passe"> <input type="password" class="form-control mt-2" name="utilisateur[{$numero_entree}][confirmation_mot_de_passe_utilisateur]" placeholder="confirmation mot de passe" title="Confirmation du nouveau mot de passe">
<select class="form-select" name="utilisateur[{$numero_entree}][choix_privilege_utilisateur]"> <select class="form-select mt-2 mb-2" name="utilisateur[{$numero_entree}][choix_privilege_utilisateur]" title="Privilège de l'utilisateur">
<optgroup label="privilège"> <optgroup label="privilège">
_HEREDOC_; _HEREDOC_;
echo "<option value=\"utilisateur\" title=\"Accès limité aux fonctionnalités\""; echo "<option value=\"utilisateur\" title=\"Accès limité aux fonctionnalités\"";