From ed4d1ea436bae5b5bcc7f502fd43d27a763a8aa0 Mon Sep 17 00:00:00 2001
From: KONE SOREL <skone@ebene.info>
Date: Tue, 31 Mar 2026 14:24:16 +0000
Subject: [PATCH] ZE

---
 Vue/Ajaxmouvementassurevalider/index.php | 135 +++++++++++++----------
 1 file changed, 76 insertions(+), 59 deletions(-)

diff --git a/Vue/Ajaxmouvementassurevalider/index.php b/Vue/Ajaxmouvementassurevalider/index.php
index 0cce89d4..4ef1c2db 100644
--- a/Vue/Ajaxmouvementassurevalider/index.php
+++ b/Vue/Ajaxmouvementassurevalider/index.php
@@ -1,94 +1,98 @@
-<div class="table-responsive shadow-sm rounded border animate__animated animate__fadeIn">
+<div class="table-responsive" style="border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
     <div id="div_patienter"></div>
-    <table class="table table-hover align-middle mb-0 tabliste compact" style="font-size: 0.85rem;">
-        <thead class="table-light text-secondary">
-            <tr>
-                <th class="text-center border-0 py-3"><?= _("Date Effet") ?></th>
-                <th class="text-center border-0"><?= _("Mvt") ?></th>
-                <th class="border-0"><?= _("Bénéficiaire / Matricule") ?></th>
-                <th class="border-0"><?= _("Adhérent") ?></th>
-                <th class="text-center border-0"><?= _("Lien") ?></th>
-                <th class="text-center border-0"><?= _("Consulter") ?></th>
-                <th class="text-center border-0"><?= _("Saisie / Par") ?></th>
-                <th class="text-center border-0"><?= _("Prime Ttc") ?></th>
-                <th colspan="2" class="text-center border-0"><?= _("Choix") ?></th>
+    <table class="table table-hover table-striped" style="font-size: 12px; margin-bottom: 0; vertical-align: middle;">
+        <thead>
+            <tr style="background-color: #f9f9f9; color: #777;">
+                <th class="text-center" style="border-bottom: 0; padding: 12px;"><?= _("Date Effet") ?></th>
+                <th class="text-center" style="border-bottom: 0;"><?= _("Mvt") ?></th>
+                <th style="border-bottom: 0;"><?= _("Bénéficiaire / Matricule") ?></th>
+                <th style="border-bottom: 0;"><?= _("Adhérent") ?></th>
+                <th class="text-center" style="border-bottom: 0;"><?= _("Lien") ?></th>
+                <th class="text-center" style="border-bottom: 0;"><?= _("Consulter") ?></th>
+                <th class="text-center" style="border-bottom: 0;"><?= _("Saisie / Par") ?></th>
+                <th class="text-center" style="border-bottom: 0;"><?= _("Prime Ttc") ?></th>
+                <th colspan="2" class="text-center" style="border-bottom: 0;"><?= _("Choix") ?></th>
             </tr>
-            <tr>
-                <th colspan="8" style='text-align:center'> <input class = "form-control btn btn-primary" type="button" value="<?= _("Valider la sélection") ?>" onClick="valider_mouvement_rh();"> </td>
-                <th style='text-align:center'> <input class = "form-control btn btn-info" type="button" value="V" onClick="selectionner_mouvement_rh_tout('1');"> </td>
-                <th style='text-align:center'> <input class = "form-control btn btn-danger" type="button" value="X" onClick="selectionner_mouvement_rh_tout('0');"> </td>
+            <tr style="background-color: #eee;">
+                <th colspan="8" style="text-align:center; padding: 5px;">
+                    <input class="btn btn-primary btn-sm btn-block" type="button" value="<?= _("Valider la sélection") ?>" onClick="valider_mouvement_rh();">
+                </th>
+                <th style="text-align:center; padding: 5px;">
+                    <input class="btn btn-info btn-sm" type="button" value="V" onClick="selectionner_mouvement_rh_tout('1');" style="width: 30px;">
+                </th>
+                <th style="text-align:center; padding: 5px;">
+                    <input class="btn btn-danger btn-sm" type="button" value="X" onClick="selectionner_mouvement_rh_tout('0');" style="width: 30px;">
+                </th>
             </tr>
-
         </thead>
         
         <tbody>
             <?php foreach ($mouvementassures as $mvt):
                 $choix = $this->nettoyer($mvt['choix']);
                 $idMvtTemp = $this->nettoyer($mvt['id']);
-                $sensMvt = $mvt['sensMouvement']; // On suppose que '0' = Entrée, '1' = Sortie
+                $sensMvt = $mvt['sensMouvement'];
                 $libelleSensMouvement = est_anglophone() ? $mvt['libelleSensMouvementEng'] : $mvt['libelleSensMouvement'];
-
-                $nombreGed      = $mvt['nombreGed'];
+                $nombreGed = $mvt['nombreGed'];
                 $idBeneficiaire = $mvt['idBeneficiaire'];
-		   ?>
+            ?>
             <tr>
-                <td class="text-center fw-bold text-dark">
-                    <?= dateLang($this->nettoyer($mvt['dateEffet']), $_SESSION['lang']) ?>
+                <td class="text-center" style="vertical-align: middle;">
+                    <strong><?= dateLang($this->nettoyer($mvt['dateEffet']), $_SESSION['lang']) ?></strong>
                 </td>
-                <td class="text-center">
+                <td class="text-center" style="vertical-align: middle;">
                     <?php if ($sensMvt == '1'): // Entrée ?>
-                        <span class="badge rounded-pill border border-success-subtle px-3" style="background-color:green !important; color: white !important;">
-                            <i class="fas fa-sign-in-alt me-1"></i> <?= $libelleSensMouvement ?>
+                        <span class="label label-success" style="padding: 4px 8px; border-radius: 10px; display: inline-block;">
+                            <span class="glyphicon glyphicon-import" style="margin-right: 3px;"></span> <?= $libelleSensMouvement ?>
                         </span>
                     <?php else: // Sortie ?>
-                        <span class="badge rounded-pill border border-danger-subtle px-3" style="background-color:red !important; color: white !important;">
-                            <i class="fas fa-sign-out-alt me-1"></i> <?= $libelleSensMouvement ?>
+                        <span class="label label-danger" style="padding: 4px 8px; border-radius: 10px; display: inline-block;">
+                            <span class="glyphicon glyphicon-export" style="margin-right: 3px;"></span> <?= $libelleSensMouvement ?>
                         </span>
                     <?php endif; ?>
                 </td>
 
-                <td>
-                    <div class="fw-bold text-uppercase"><?= $this->nettoyer($mvt['beneficiaire']) ?></div>
-                    <div class="text-muted x-small"><i class="fas fa-id-card me-1"></i><?= $this->nettoyer($mvt['numeroBeneficiaire']) ?></div>
+                <td style="vertical-align: middle;">
+                    <div style="font-weight: bold; text-transform: uppercase; color: #333;"><?= $this->nettoyer($mvt['beneficiaire']) ?></div>
+                    <div style="color: #777; font-size: 10px;">
+                        <span class="glyphicon glyphicon-credit-card" style="margin-right: 3px;"></span><?= $this->nettoyer($mvt['numeroBeneficiaire']) ?>
+                    </div>
                 </td>
 
-                <td class="small">
-                    <i class="fas fa-user-tie text-secondary me-1"></i> <?= $this->nettoyer($mvt['adherent']) ?>
+                <td style="vertical-align: middle; font-size: 11px;">
+                    <span class="glyphicon glyphicon-briefcase" style="color: #999; margin-right: 3px;"></span> <?= $this->nettoyer($mvt['adherent']) ?>
                 </td>
 
-                <td class="text-center">
-                    <span class="badge bg-light text-secondary border"><?= $this->nettoyer($mvt['codeLienParente']) ?></span>
+                <td class="text-center" style="vertical-align: middle;">
+                    <span class="label label-default" style="color: #555; background-color: #fff; border: 1px solid #ccc;"><?= $this->nettoyer($mvt['codeLienParente']) ?></span>
                 </td>
 
-                <td class="text-center">
+                <td class="text-center" style="vertical-align: middle;">
                     <?php if ($nombreGed > '0'): ?>
-                        <button class="btn btn-primary btn-sm me-1" 
-                                onClick="javascript:consulter_ged_assure_mvt('<?= $idBeneficiaire ?>');">
+                        <button class="btn btn-primary btn-xs" onClick="javascript:consulter_ged_assure_mvt('<?= $idBeneficiaire ?>');">
                             <?= _("Consulter") ?>
                         </button>
-                    <?php else: // Sortie ?>
-                        <span class="text-muted opacity-50 small">-</span>
+                    <?php else: ?>
+                        <span style="color: #ccc;">-</span>
                     <?php endif; ?>
                 </td>
 
-                <td class="text-center">
-                    <div class="small"><?= dateheureLang($this->nettoyer($mvt['dateSysteme'])) ?></div>
-                    <div class="x-small text-muted fw-bold"><?= $this->nettoyer($mvt['codeUtilisateur']) ?></div>
+                <td class="text-center" style="vertical-align: middle;">
+                    <div style="font-size: 10px;"><?= dateheureLang($this->nettoyer($mvt['dateSysteme'])) ?></div>
+                    <div style="font-size: 9px; color: #777; font-weight: bold;"><?= $this->nettoyer($mvt['codeUtilisateur']) ?></div>
                 </td>
 
-                <td class="text-center">
-                    <span class="badge bg-light text-secondary border"><?= format_N($this->nettoyer($mvt['primeTtc'])) ?></span>
+                <td class="text-center" style="vertical-align: middle;">
+                    <span class="label label-default" style="color: #555; background-color: #fff; border: 1px solid #ccc;"><?= format_N($this->nettoyer($mvt['primeTtc'])) ?></span>
                 </td>
 
-                <td colspan="2" class="text-center">
+                <td colspan="2" class="text-center" style="vertical-align: middle;">
                     <?php if ($nombreGed > '0'): ?>
-                        <?php if($choix=='1'): ?>
-                            <input type="checkbox" checked value="<?php echo $choix ; ?>"  onClick="javascript:if(this.value=='1'){this.value='0'}else{this.value='1'};selectionner_mouvement_rh(<?= $idMvtTemp ?>, this.value);">
-                        <?php else: ?>
-                            <input type="checkbox" value="<?php echo $choix ; ?>"  onClick="javascript:if(this.value=='1'){this.value='0'}else{this.value='1'};selectionner_mouvement_rh(<?= $idMvtTemp ?>, this.value);">
-                        <?php endif; ?>
+                        <input type="checkbox" 
+                               <?= ($choix == '1') ? 'checked' : '' ?> 
+                               value="<?= $choix ?>" 
+                               onClick="javascript:this.value=(this.value=='1'?'0':'1');selectionner_mouvement_rh(<?= $idMvtTemp ?>, this.value);">
                     <?php else: ?>
-                        <span class="text-muted opacity-50 small">-</span>
+                        <span style="color: #ccc;">-</span>
                     <?php endif; ?>
                 </td>
             </tr>   
@@ -97,12 +101,25 @@
     </table>
 </div>
 
-
-<div id="div_ged" class="modal fade"></div>
+<div id="div_ged" class="modal fade" tabindex="-1" role="dialog"></div>
 
 <style>
-    .x-small { font-size: 0.7rem; }
-    .italic { font-style: italic; }
-    .bg-success-subtle { background-color: #d1e7dd; }
-    .bg-danger-subtle { background-color: #f8d7da; }
+    /* Simulation des comportements de la version précédente en BS3 */
+    .table > tbody > tr > td {
+        vertical-align: middle !important;
+        border-top: 1px solid #f2f2f2;
+    }
+    
+    .label-default {
+        font-weight: normal;
+        font-family: sans-serif;
+    }
+
+    /* Animation simple */
+    .table-responsive {
+        animation: fadeIn 0.4s ease;
+    }
+    @keyframes fadeIn {
+        from { opacity: 0; } to { opacity: 1; }
+    }
 </style>
\ No newline at end of file