-
- \${esc(row.from_number)}
- \${esc(row.contact_name)}
- \${esc(row.message_type)}
- \${esc(row.received_at.substr(11,8))}
-
-
-
\${esc(row.message_preview)}
-
+
+ \${esc(row.from_number)}
+ \${esc(row.contact_name)}
+ \${esc(row.message_type)}
+ \${esc(row.received_at.substr(11,8))}
+
+
+
\${esc(row.message_preview)}
+
@@ -670,7 +643,63 @@ async function showRaw(id) {
function closeModal() {
document.getElementById('modal').style.display = 'none';
}
-document.addEventListener('keydown', e => { if (e.key === 'Escape') closeModal(); });
+document.addEventListener('keydown', e => { if (e.key === 'Escape') { closeModal(); closeDrawer(); } });
+
+// ── Drawer de pendientes ─────────────────────────────────────────────────────
+function openDrawer() {
+ document.getElementById('drawer').style.display = 'flex';
+ document.getElementById('drawerOverlay').style.display = 'block';
+ refreshDrawer();
+}
+function closeDrawer() {
+ document.getElementById('drawer').style.display = 'none';
+ document.getElementById('drawerOverlay').style.display = 'none';
+}
+async function refreshDrawer() {
+ const body = document.getElementById('drawerBody');
+ body.innerHTML = '
Cargando...
';
+ try {
+ const r = await fetch('/admin/pending-list');
+ const { items } = await r.json();
+ if (!items || !items.length) {
+ body.innerHTML = '
✅ Sin pendientes
';
+ return;
+ }
+ body.innerHTML = items.map(it => `
+
+
+ ${esc(it.phone)}
+ ${esc(it.contact_name || '')}
+ ${(it.created_at||'').substr(11,5)}
+
+
↩ ${esc(it.incoming_message || '')}
+
🤖 ${esc(getPreview(it.bot_response))}
+
+
+
+
+
`).join('');
+ } catch(e) {
+ body.innerHTML = '
Error al cargar
';
+ }
+}
+function getPreview(resp) {
+ if (!resp) return '';
+ try { const p = JSON.parse(resp); return p.payload || p.text || JSON.stringify(p).substring(0,80); } catch(_) { return String(resp).substring(0,80); }
+}
+async function pendingAction(id, action, btn) {
+ btn.disabled = true;
+ const card = document.getElementById('dp-' + id);
+ try {
+ const r = await fetch('/admin/pending-' + action, { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({id}) });
+ const j = await r.json();
+ if (j.status === action + 'd' || j.status) {
+ card.style.opacity = '0';
+ card.style.transition = 'opacity .3s';
+ setTimeout(() => card.remove(), 300);
+ } else { btn.disabled = false; }
+ } catch(e) { btn.disabled = false; alert('Error de conexión'); }
+}
(function () {
const titleStyle = 'color: #1e88e5; font-size: 14px; font-weight: 700;';
@@ -710,6 +739,15 @@ HTML;
// ─── GET /admin/pending ────────────────────────────────────────────────
+ public static function pendingList(): void
+ {
+ SessionAuth::require();
+ header('Content-Type: application/json');
+ $items = PendingApproval::findAll('pending');
+ echo json_encode(['items' => $items], JSON_UNESCAPED_UNICODE);
+ exit;
+ }
+
public static function pending(): void
{
SessionAuth::require();
@@ -719,37 +757,13 @@ HTML;
$items = $companyId ? PendingApproval::findByCompany($companyId, 'pending') : PendingApproval::findAll('pending');
$companies = CompanyRepository::findAll();
+ $sPending = PendingApproval::countPending(null);
http_response_code(200);
header('Content-Type: text/html; charset=utf-8');
+ echo Layout::open('Pendientes de Aprobación', 'pending', $user['name'] ?? 'Admin', $sPending);
echo <<
-
-
-
-
-
Pendientes — Palmas360
-
-
-
-
-
-
Pendientes de Aprobación
-
-
-
👤 {$userName}
-
Salir
-
-
-
+