From b2a61e2594e55a1df9ec1d603b7573ce9075f6b3 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Tue, 31 Mar 2026 12:31:13 +0000
Subject: [PATCH] sar

---
 Vue/Usersrhclient/index.php | 127 +++++++++++++++++++++++-------------
 1 file changed, 81 insertions(+), 46 deletions(-)

diff --git a/Vue/Usersrhclient/index.php b/Vue/Usersrhclient/index.php
index 660880fd..491b0581 100755
--- a/Vue/Usersrhclient/index.php
+++ b/Vue/Usersrhclient/index.php
@@ -4,30 +4,42 @@
     $nomClient = $this->nettoyer($client['nom']);
 ?>
 
-<input class="sr-only" type="text" id="idClient" value="<?= $idClient ?>">
+<input type="hidden" id="idClient" value="<?= $idClient ?>">
 
-<div id="div_liste">
-	<h1 class="text-primary"><?= _("Utilisateurs Portail RH") ?>: <?= $nomClient ?></h1>
+<div id="div_liste" class="container-fluid" style="padding-top: 15px;">
+    
+    <h1 class="text-primary" style="margin-bottom: 20px;">
+        <span class="glyphicon glyphicon-user" style="margin-right: 10px;"></span> 
+        <?= _("Utilisateurs Portail RH") ?>
+    </h1>
 
-	<div style="margin-bottom:5px;">
-		<div>
-			<span class="badge bg-white">
-				<?= count($users) ?> <?= _("comptes") ?>
-			</span>
-		</div>
-    </div>
+    <div class="panel panel-default" style="border-radius: 0; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">
+        
+        <div class="panel-heading" style="background-color: #fff; padding: 15px;">
+            <div class="row">
+                <div class="col-xs-8">
+                    <h4 class="panel-title" style="font-weight: bold; font-size: 18px;">
+                        <span style="color: #777; font-weight: normal;"><?= $nomClient ?></span>
+                    </h4>
+                </div>
+                <div class="col-xs-4 text-right">
+                    <span class="label label-primary" style="padding: 5px 12px; border-radius: 10px; font-size: 12px;">
+                        <?= count($users) ?> <?= _("comptes") ?>
+                    </span>
+                </div>
+            </div>
+        </div>
 
-    <div >
-        <div>
-            <table class="table table-striped table-bordered table-hover table-condensed table-responsive" style="font-size:9pt;">
+        <div class="table-responsive">
+            <table class="table table-hover table-striped" style="vertical-align: middle; margin-bottom: 0;">
                 <thead>
-                    <tr>
-                        <th width="12%" class="text-center"><?= _("Identifiant") ?></th>
-                        <th width="20%" class="text-center"><?= _("Nom Complet") ?></th>
+                    <tr style="background-color: #f9f9f9; color: #777; font-size: 11px; text-transform: uppercase;">
+                        <th style="padding-left: 20px;" width="12%"><?= _("Identifiant") ?></th>
+                        <th width="20%"><?= _("Nom Complet") ?></th>
                         <th class="text-center" width="8%"><?= _("Langue") ?></th>
                         <th class="text-center" width="15%"><?= _("Profil / Rôle") ?></th>
                         <th class="text-center" width="15%"><?= _("Statut") ?></th>
-                        <th colspan= "2" class="text-center"><?= _("Actions") ?></th>
+                        <th class="text-center" style="padding-right: 20px;" width="12%"><?= _("Actions") ?></th>
                     </tr>
                 </thead>
                 <tbody>
@@ -37,64 +49,87 @@
                         $actif            = (int)$user_client['actif'];
                         $reInit           = (int)$user_client['reInit'];
                         $codeLangue       = $user_client['codeLangue'];
-                        
-                        // Gestion multilingue du profil
                         $libelleProfil = est_anglophone() ? $user_client['profilEng'] : $user_client['profil'];
                     ?>
                     <tr>
-                        <td class="ps-4">
-                            <code class="text-primary fw-bold bg-primary bg-opacity-10 px-2 py-1 rounded">
+                        <td style="padding-left: 20px; vertical-align: middle;">
+                            <strong style="color: #337ab7; background: #eef4f9; padding: 2px 6px; border-radius: 3px; font-family: monospace;">
                                 <?= $this->nettoyer($codeUtilisateur) ?>
-                            </code>
+                            </strong>
                         </td>
                         
-                        <td>
-                            <div class="fw-bold text-dark"><?= $this->nettoyer($user_client['utilisateur']) ?></div>
+                        <td style="vertical-align: middle;">
+                            <div style="font-weight: bold; color: #333;"><?= $this->nettoyer($user_client['utilisateur']) ?></div>
                         </td>
 
-                        <td class="text-center">
-                            <span class="badge border text-dark bg-white shadow-xs fw-bold">
+                        <td class="text-center" style="vertical-align: middle;">
+                            <span class="label label-default" style="border: 1px solid #ccc; color: #333; background: #fff;">
                                 <?= strtoupper($codeLangue) ?>
                             </span>
                         </td>
 
-                        <td class="text-center">
-                            <span class="badge bg-info-subtle text-info border border-info-subtle px-2 py-1">
-                                <i class="fas fa-user-shield me-1 small"></i><?= $this->nettoyer($libelleProfil) ?>
+                        <td class="text-center" style="vertical-align: middle;">
+                            <span class="label label-info" style="font-weight: normal;">
+                                <span class="glyphicon glyphicon-eye-open" style="font-size: 10px; margin-right: 4px;"></span>
+                                <?= $this->nettoyer($libelleProfil) ?>
                             </span>
                         </td>
 
-                        <td class="text-center">
+                        <td class="text-center" style="vertical-align: middle;">
                             <?php if($actif === 1): ?>
-                                <button class="btn btn-success"
+                                <button class="btn btn-xs btn-success" 
+                                        style="border-radius: 15px; padding: 2px 10px; font-weight: bold;"
                                         onClick="desactiver_user_rh_client('<?= $codeUtilisateur ?>');">
-                                    <?= _("Actif") ?>
+                                    <span class="glyphicon glyphicon-ok-sign"></span> <?= _("Actif") ?>
                                 </button>
                             <?php else: ?>
-                                <button class="btn btn-danger" 
+                                <button class="btn btn-xs btn-danger" 
+                                        style="border-radius: 15px; padding: 2px 10px; font-weight: bold;"
                                         onClick="activer_user_rh_client('<?= $codeUtilisateur ?>');">
-                                    <?= _("Bloqué") ?>
+                                    <span class="glyphicon glyphicon-ban-circle"></span> <?= _("Bloqué") ?>
                                 </button>
                             <?php endif; ?>
                         </td>
 
-                        <td class="text-center">
-                            <button class="btn btn-warning"  
-                                    onClick="afficher_users_client_id(<?= $idUtilisateur ?>);">
-                                    <?= _("Modifier") ?>
-                            </button>
-                        </td>
-
-                        <td class="text-center">
-                            <button class="btn btn-info" style="<?= ($reInit == 1) ? 'color:red' : '' ?>"
-                                    onClick="reinitpaswd_user_rh('<?= $codeUtilisateur ?>');">
-                                    <?= _("Ré-initialiser") ?>
-                            </button>
+                        <td class="text-center" style="padding-right: 20px; vertical-align: middle;">
+                            <div class="btn-group">
+                                <button class="btn btn-default btn-sm" 
+                                        title="<?= _("Modifier") ?>" 
+                                        onClick="afficher_users_client_id(<?= $idUtilisateur ?>);">
+                                    <span class="glyphicon glyphicon-pencil"></span>
+                                </button>
+                                <button class="btn btn-default btn-sm" 
+                                        style="<?= ($reInit === 1) ? 'color: #a94442; font-weight: bold;' : '' ?>"
+                                        title="<?= _("Ré-initialiser mot de passe") ?>" 
+                                        onClick="reinitpaswd_user_rh('<?= $codeUtilisateur ?>');">
+                                    <span class="glyphicon glyphicon-lock"></span>
+                                </button>
+                            </div>
                         </td>
                     </tr>
                     <?php endforeach; ?>
                 </tbody>
             </table>
         </div>
+
+        <div class="panel-footer" style="background-color: #fff; color: #777; font-size: 12px;">
+            <span class="glyphicon glyphicon-info-sign"></span> 
+            <?= _("Les comptes bloqués ne peuvent plus se connecter au portail.") ?>
+        </div>
     </div>
 </div>
+
+<style>
+    /* Correction pour l'alignement vertical Bootstrap 3 */
+    .table > tbody > tr > td {
+        vertical-align: middle !important;
+    }
+    
+    /* Animation simple car animate.css n'était pas standard à l'époque */
+    .animate-fade {
+        animation: fadeIn 0.4s ease-in;
+    }
+    @keyframes fadeIn {
+        from { opacity: 0; } to { opacity: 1; }
+    }
+</style>
\ No newline at end of file