Update conversations.php
This commit is contained in:
+55
-2
@@ -1300,6 +1300,31 @@
|
||||
}
|
||||
}
|
||||
|
||||
// Mostrar mensaje de estado (persistente) en la conversación activa
|
||||
showStatusMessageInChat(userId, text) {
|
||||
try {
|
||||
if (!userId || !text) return;
|
||||
if (String(this.currentUserId) !== String(userId)) return;
|
||||
const container = document.getElementById('chat-conversations');
|
||||
if (!container) return;
|
||||
|
||||
// eliminar status previos para evitar duplicados
|
||||
Array.from(container.querySelectorAll('.message-template.system.system-status')).forEach(el => el.parentNode && el.parentNode.removeChild(el));
|
||||
|
||||
const el = document.createElement('div');
|
||||
el.className = 'message incoming';
|
||||
el.dataset.status = 'service';
|
||||
|
||||
const bubble = document.createElement('div');
|
||||
bubble.className = 'message-bubble message-template system system-status';
|
||||
bubble.innerHTML = `<div style="display:flex; gap:8px; align-items:center"><span class="mt-icon">👩⚕️</span><div style="flex:1"><div style="font-weight:700">${escapeHtml(String(text))}</div></div></div>`;
|
||||
|
||||
el.appendChild(bubble);
|
||||
container.appendChild(el);
|
||||
this.scrollToBottom();
|
||||
} catch (e) { console.warn('showStatusMessageInChat failed', e); }
|
||||
}
|
||||
|
||||
setupEventListeners() {
|
||||
// Búsqueda de conversaciones
|
||||
document.getElementById('search-input').addEventListener('input', (e) => {
|
||||
@@ -2036,8 +2061,8 @@
|
||||
}
|
||||
|
||||
if (releaseBtn) {
|
||||
// show button when on_hold or advisor_requested
|
||||
releaseBtn.style.display = (conv.on_hold || conv.advisor_requested) ? 'inline-block' : 'none';
|
||||
// show button only when conversation is explicitly 'on_hold' (do NOT show during advisor request)
|
||||
releaseBtn.style.display = (conv.on_hold) ? 'inline-block' : 'none';
|
||||
releaseBtn.onclick = async () => {
|
||||
try {
|
||||
const resp = await fetch('api/release_hold.php', {
|
||||
@@ -2071,6 +2096,22 @@
|
||||
}
|
||||
};
|
||||
|
||||
// Ensure 'Atender' button appears when there's an advisor request (even if other flows didn't initialize it yet)
|
||||
(function(){
|
||||
try {
|
||||
const attendToggleBtn = document.getElementById('attend-toggle-btn');
|
||||
const attendStatus = document.getElementById('attend-status');
|
||||
if (attendToggleBtn && conv && conv.advisor_requested && !conv.in_service) {
|
||||
attendToggleBtn.innerHTML = '<i class="fas fa-user-check"></i> Atender';
|
||||
attendToggleBtn.classList.remove('btn-light','text-dark');
|
||||
attendToggleBtn.classList.add('btn-outline-light');
|
||||
attendToggleBtn.style.display = 'inline-block';
|
||||
if (attendStatus) attendStatus.textContent = '';
|
||||
try { this.showStatusMessageInChat(userId, 'Solicitud de asesor pendiente'); } catch(e) { /* ignore */ }
|
||||
}
|
||||
} catch (e) { console.warn('ensure attend button visibility failed', e); }
|
||||
}).call(this);
|
||||
|
||||
// Render attend controls (single toggle + status) — compatible con comportamiento de chat_window.php
|
||||
const attendToggleBtn = document.getElementById('attend-toggle-btn');
|
||||
const attendStatus = document.getElementById('attend-status');
|
||||
@@ -2090,12 +2131,16 @@
|
||||
attendToggleBtn.classList.add('btn-light','text-dark');
|
||||
attendToggleBtn.style.display = 'inline-block';
|
||||
attendStatus.textContent = `Atendido por ${c.in_service_by_name || 'un asesor'}`;
|
||||
// show status message in chat
|
||||
try { this.showStatusMessageInChat(userId, 'Un asesor te está atendiendo'); } catch(e){/* ignore */}
|
||||
} else if (s.advisor_requested) {
|
||||
attendToggleBtn.innerHTML = '<i class="fas fa-user-check"></i> Atender';
|
||||
attendToggleBtn.classList.remove('btn-light','text-dark');
|
||||
attendToggleBtn.classList.add('btn-outline-light');
|
||||
attendToggleBtn.style.display = 'inline-block';
|
||||
attendStatus.textContent = '';
|
||||
// show a subtle status that a request is pending
|
||||
try { this.showStatusMessageInChat(userId, 'Solicitud de asesor pendiente'); } catch(e){/* ignore */}
|
||||
} else {
|
||||
attendToggleBtn.style.display = 'none';
|
||||
attendStatus.textContent = '';
|
||||
@@ -2139,6 +2184,11 @@
|
||||
// hide hold indicator
|
||||
if (holdIndicator) holdIndicator.style.display = 'none';
|
||||
|
||||
// Try to ensure hold is released on server as finalizing should free the hold
|
||||
try {
|
||||
await this.apiCall('release_hold.php', { body: { user_id: userId } });
|
||||
} catch (e) { console.warn('release_hold after finish failed', e); }
|
||||
|
||||
// actualizar cache local
|
||||
this._userStateCache = this._userStateCache || {};
|
||||
this._userStateCache[userId] = { state: { in_service: false, advisor_requested: false, on_hold: false }, ts: Date.now() };
|
||||
@@ -2163,6 +2213,9 @@
|
||||
// hide bot toggle while in service
|
||||
if (btn) btn.style.display = 'none';
|
||||
|
||||
// Add status message in chat to inform the user
|
||||
try { this.showStatusMessageInChat(userId, 'Un asesor te está atendiendo'); } catch(e) { console.warn('showStatusMessageInChat failed', e); }
|
||||
|
||||
// actualizar cache local
|
||||
this._userStateCache = this._userStateCache || {};
|
||||
this._userStateCache[userId] = { state: { in_service: true, advisor_requested: false, on_hold: false }, ts: Date.now() };
|
||||
|
||||
Reference in New Issue
Block a user