ebene/newdesigngestionnaire
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

sd

Browse Source
This commit is contained in:
KONE SOREL 2026-03-13 12:56:24 +00:00
parent fa29dd3f05
commit 8273232ec3
1 changed files with 44 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
Vue/Ajaxmessagerieliste/index.php
View File

@ -1,12 +1,27 @@
<?php
$nbligne = count($messagesnonlus);
?>
<div id="div_messagerie" class="animate__animated animate__fadeIn"> <div id="div_messagerie" class="animate__animated animate__fadeIn">
<div class="d-flex justify-content-between align-items-center mb-3 px-2">
<h6 class="mb-0 fw-bold text-muted text-uppercase small">
<i class="fas fa-envelope-open-text me-2 text-primary"></i><?= _("Nouveaux messages reçus") ?>
</h6>
<span class="badge bg-primary-ghost text-primary rounded-pill px-3 py-2 fw-bold" id="container-badge-msg">
<span id="txt-nbre-msg"><?= $nbligne ?></span>
<span id="label-nbre-msg"><?= ($nbligne > 1) ? _("Messages") : _("Message") ?></span>
</span>
</div>
<div class="table-responsive"> <div class="table-responsive">
<table class="table table-hover align-middle mb-0" style="font-size: 8.5pt;"> <table class="table table-hover align-middle mb-0" id="table-messagerie" style="font-size: 8.5pt;">
<thead class="bg-primary text-white"> <thead class="bg-primary text-white">
<tr> <tr>
<th class="text-center py-3 border-0" width="8%">ID</th> <th class="text-center py-3 border-0" width="8%">ID</th>
<th class="text-center py-3 border-0" width="15%"><?= _("Date & Heure") ?></th> <th class="text-center py-3 border-0" width="18%"><?= _("Date & Heure") ?></th>
<th class="py-3 border-0" width="20%"><?= _("Origine") ?></th> <th class="py-3 border-0" width="20%"><?= _("Origine") ?></th>
<th class="py-3 border-0" width="42%"><?= _("Message") ?></th> <th class="py-3 border-0" width="39%"><?= _("Message") ?></th>
<th class="text-center py-3 border-0" width="15%"><?= _("Action") ?></th> <th class="text-center py-3 border-0" width="15%"><?= _("Action") ?></th>
</tr> </tr>
</thead> </thead>
@ -14,16 +29,14 @@
<?php foreach ($messagesnonlus as $msg): <?php foreach ($messagesnonlus as $msg):
$idMessagerie = $this->nettoyer($msg['idMessagerie']); $idMessagerie = $this->nettoyer($msg['idMessagerie']);
?> ?>
<tr class="message-row"> <tr class="message-row" id="row-msg-<?= $idMessagerie ?>">
<td class="text-center fw-bold text-muted"> <td class="text-center fw-bold text-muted">#<?= $idMessagerie ?></td>
#<?= $idMessagerie ?>
</td>
<td class="text-center"> <td class="text-center">
<div class="fw-bold text-nowrap"><?= dateheureLang($this->nettoyer($msg['dateSysteme'])) ?></div> <div class="fw-bold text-nowrap"><?= dateheureLang($this->nettoyer($msg['dateSysteme'])) ?></div>
</td> </td>
<td> <td>
<div class="fw-bold text-primary text-uppercase"><?= $this->nettoyer($msg['prestataire']) ?></div> <div class="fw-bold text-primary text-uppercase"><?= $this->nettoyer($msg['prestataire']) ?></div>
<div class="text-muted small"><i class="fas fa-user-edit me-1"></i><?= $this->nettoyer($msg['expediteur']) ?></div> <div class="text-muted small"><i class="fas fa-user-edit me-1 text-info"></i><?= $this->nettoyer($msg['expediteur']) ?></div>
</td> </td>
<td> <td>
<div class="message-content-box p-2 rounded border-start border-3 border-info bg-light"> <div class="message-content-box p-2 rounded border-start border-3 border-info bg-light">
@ -39,20 +52,33 @@
</td> </td>
</tr> </tr>
<?php endforeach; ?> <?php endforeach; ?>
<tr id="no-message-row" style="<?= ($nbligne > 0) ? 'display:none;' : '' ?>">
<td colspan="5" class="text-center py-5 text-muted">
<i class="fas fa-check-circle fa-3x mb-3 opacity-25"></i>
<p class="fw-bold"><?= _("Aucun nouveau message non lu") ?></p>
</td>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<style> <style>
/* Design System Messagerie Neutral Pro */ /* Conteneur principal */
.bg-primary-ghost {
background-color: rgba(33, 46, 83, 0.08) !important;
}
.message-row { .message-row {
transition: all 0.2s ease; transition: all 0.2s ease;
} }
.message-row:hover { .message-row:hover {
background-color: rgba(33, 46, 83, 0.03) !important; background-color: rgba(33, 46, 83, 0.03) !important;
} }
/* Boîte de contenu du message */
.message-content-box { .message-content-box {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
line-height: 1.5; line-height: 1.5;
@ -63,7 +89,7 @@
white-space: pre-line; white-space: pre-line;
} }
/* Personnalisation de la scrollbar interne du message */ /* Scrollbar minimaliste */
.message-content-box::-webkit-scrollbar { .message-content-box::-webkit-scrollbar {
width: 4px; width: 4px;
} }
@ -72,9 +98,16 @@
border-radius: 10px; border-radius: 10px;
} }
/* Suppression des bordures inutiles pour un look épuré */ /* Bordures épurées */
.table-hover tbody tr td { .table-hover tbody tr td {
border-bottom: 1px solid #f1f4f6; border-bottom: 1px solid #f1f4f6;
padding: 12px 8px; padding: 12px 8px;
} }
/* État pendant le traitement AJAX */
.is-processing {
opacity: 0.6;
pointer-events: none;
background-color: #f8f9fa !important;
}
</style> </style>