This commit is contained in:
Lizandro Guarnizo
2026-01-22 13:56:51 -05:00
parent ff2fafa0bb
commit 4c0d379e90
4 changed files with 27 additions and 4 deletions
+16
View File
@@ -1173,6 +1173,22 @@ body {
box-shadow: 0 6px 18px rgba(220, 53, 69, 0.12);
}
.conversation-attention {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: #dc3545;
color: white;
font-size: 0.85rem;
}
.conversation-attention i {
font-size: 0.9rem;
}
/* Notification bell indicator when there are unseen notifications */
#notification-bell.has-notifications {
position: relative;
+4 -1
View File
@@ -341,9 +341,12 @@ class WhatsAppBotManager {
createConversationRow(conv) {
const tr = document.createElement('tr');
const attentionClass = conv.advisor_requested ? 'table-attention' : '';
tr.className = attentionClass;
const attentionBadge = conv.advisor_requested ? `<span class="badge bg-danger ms-1">¡Atención!</span>` : '';
tr.innerHTML = `
<td>
<div class="fw-bold">${conv.phone_number}</div>
<div class="fw-bold">${conv.phone_number} ${attentionBadge}</div>
<small class="text-muted">${conv.name || 'Sin nombre'}</small>
</td>
<td>${this.truncateText(conv.last_message, 50)}</td>
+4
View File
@@ -627,6 +627,10 @@ class SimpleWhatsAppManager {
const unreadBadge = (conv.unread_count && conv.unread_count > 0) ?
`<div class="conversation-unread">${conv.unread_count}</div>` : '';
// Attention badge for advisor requests (ensure defined for filtered view)
const attentionBadge = conv.advisor_requested ? `<div class="conversation-attention" title="Requiere atención"><i class="fas fa-exclamation"></i></div>` : '';
const attentionClass = conv.advisor_requested ? ' attention' : '';
const statusIcon = conv.last_direction === 'outgoing'
? '<i class="fas fa-check-double conversation-status-icon outgoing"></i>'
: '<i class="fas fa-arrow-down conversation-status-icon incoming"></i>';
+3 -3
View File
@@ -37,8 +37,8 @@ try {
<title>WhatsApp Bot Manager</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="./assets/css/styles.css?v=9" rel="stylesheet">
<link href="./assets/css/diagnostic.css?v=9" rel="stylesheet">
<link href="./assets/css/styles.css?v=10" rel="stylesheet">
<link href="./assets/css/diagnostic.css?v=10" rel="stylesheet">
</head>
<body>
@@ -664,7 +664,7 @@ try {
<!-- Scripts -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="./assets/js/app_simple.js?v=10"></script>
<script src="./assets/js/app_simple.js?v=11"></script>
<script>
// Función de diagnóstico mejorada
function runDiagnostic() {