Update web/index.html

web/index.html

@@ -710,11 +710,23 @@
                 const response = await api.getDashboardStats().catch(() => null);
                 if (response && response.success) {
                     const stats = response.stats;
-                    updateStatCard('#totalPatientsCard', stats.total_patients);
-                    updateStatCard('#positiveCasesCard', stats.positive_cases);
-                    updateStatCard('#negativeCasesCard', stats.negative_cases);
-                    updateStatCard('#positivityRateCard', (stats.positivity_rate || 0) + '%');
-                    updateDonutChart(stats);
+                    // Usar || 0 para evitar undefined/null que causan contadores negativos
+                    const totalPatients   = parseInt(stats.total_patients || stats.total_unique_patients || 0);
+                    const positiveCases   = parseInt(stats.positive_cases || stats.patients_with_rd || 0);
+                    const negativeCases   = parseInt(stats.negative_cases || stats.patients_without_rd || 0);
+                    const positivityRate  = parseFloat(stats.positivity_rate || 0).toFixed(1);
+
+                    updateStatCard('#totalPatientsCard', totalPatients);
+                    updateStatCard('#positiveCasesCard', positiveCases);
+                    updateStatCard('#negativeCasesCard', negativeCases);
+                    updateStatCard('#positivityRateCard', positivityRate + '%');
+
+                    // Pasar stats normalizados al donut
+                    updateDonutChart({
+                        total_unique_patients: totalPatients,
+                        patients_with_rd: positiveCases,
+                        patients_without_rd: negativeCases
+                    });
                 } else {
                     showErrorMessage('Error cargando estadísticas del dashboard');
                 }
@@ -723,30 +735,25 @@
             function updateStatCard(selector, value) {
                 const card = $(selector);
                 const valueElement = card.find('span.h3');
-                const currentValue = parseInt(valueElement.text()) || 0;
 
-                if (typeof value === 'number' || (typeof value === 'string' && !value.includes('%'))) {
-                    const targetValue = parseInt(value) || 0;
-                    animateValue(valueElement[0], currentValue, targetValue, 1000);
-                } else {
+                if (typeof value === 'string' && value.includes('%')) {
                     valueElement.text(value);
+                } else {
+                    const targetValue = parseInt(value) || 0;
+                    animateValue(valueElement[0], 0, targetValue, 800);
                 }
             }
 
-            // Función para animar valores numéricos
             function animateValue(element, start, end, duration) {
                 if (!element) return;
-
-                const startTimestamp = Date.now();
-                const step = (timestamp) => {
-                    const elapsed = timestamp - startTimestamp;
+                const safeEnd = Math.max(0, parseInt(end) || 0);
+                const safeStart = Math.max(0, parseInt(start) || 0);
+                const startTime = performance.now();
+                const step = (currentTime) => {
+                    const elapsed = currentTime - startTime;
                     const progress = Math.min(elapsed / duration, 1);
-                    const current = Math.floor(progress * (end - start) + start);
-                    element.textContent = current;
-
-                    if (progress < 1) {
-                        window.requestAnimationFrame(step);
-                    }
+                    element.textContent = Math.floor(progress * (safeEnd - safeStart) + safeStart);
+                    if (progress < 1) window.requestAnimationFrame(step);
                 };
                 window.requestAnimationFrame(step);
             }
@@ -912,7 +919,7 @@
                     tbody.append(`
                         <tr>
                             <td>${date}</td>
-                            <td>${consultation.patient_name || 'Desconocido'}</td>
+                            <td>${consultation.patientName || consultation.patient_name || 'Desconocido'}</td>
                             <td><span class="badge ${resultClass}">${resultText}</span></td>
                             <td>${confidence}</td>
                         </tr>
@@ -939,7 +946,7 @@
                                 <div class="row mb-3">
                                     <div class="col-md-6">
                                         <h6>Información Básica</h6>
-                                        <p><strong>Paciente:</strong> ${consultation.patient_name || 'Desconocido'}</p>
+                                        <p><strong>Paciente:</strong> ${consultation.patientName || consultation.patient_name || 'Desconocido'}</p>
                                         <p><strong>Fecha:</strong> ${consultation.consultationDate || 'N/A'}</p>
                                     </div>
                                     <div class="col-md-6">