Update web/index.html

web/index.html

@@ -829,19 +829,25 @@
                     console.log('Respuesta del backend:', response);
 
                     if (response && response.success && response.consultations.length > 0) {
-                        // Agrupar consultas por fecha
+                        // Agrupar consultas por fecha — parsear correctamente
                         const grouped = {};
                         response.consultations.forEach(c => {
-                            const d = (c.consultationDate || '').substring(0,10);
+                            const raw = c.consultationDate || '';
+                            // Soporta "2026-03-17 23:05:12" y "2026-03-17T23:05:12"
+                            const d = raw.replace('T', ' ').substring(0, 10);
+                            if (!d || d === '0000-00-00') return;
                             if (!grouped[d]) grouped[d] = {total:0, pos:0, neg:0};
                             grouped[d].total++;
                             if (c.diabeticRetinopathy) grouped[d].pos++; else grouped[d].neg++;
                         });
                         const dates = Object.keys(grouped).sort();
-                        const totalC = dates.map(d => grouped[d].total);
-                        const posC = dates.map(d => grouped[d].pos);
-                        const negC = dates.map(d => grouped[d].neg);
-                        createOrUpdateChart(dates, totalC, posC, negC);
+                        if (dates.length === 0) { createEmptyChart(); return; }
+                        createOrUpdateChart(
+                            dates,
+                            dates.map(d => grouped[d].total),
+                            dates.map(d => grouped[d].pos),
+                            dates.map(d => grouped[d].neg)
+                        );
                     } else {
                         createEmptyChart();
                     }
@@ -1519,17 +1525,41 @@
             function loadAgeRangesData() {
                 console.log('Cargando datos de rangos de edad...');
 
-                api.getDashboardStats().then(function(response) {
-                    console.log('Datos de edad recibidos:', response);
-
-                    if (response && response.success) {
-                        currentAgeData = response;
-                        updateAgeRangesChart(response);
-                        updateAgeStatistics(response);
-                    } else {
-                        console.error('Error cargando datos de edad:', response?.error);
+                api.getPatients('').then(function(response) {
+                    if (!response || !response.success || !response.patients.length) {
                         showEmptyAgeChart();
+                        return;
                     }
+
+                    const patients = response.patients.filter(p => p.birthDate);
+                    if (!patients.length) { showEmptyAgeChart(); return; }
+
+                    // Calcular rangos de edad
+                    const ranges = {'0-20': 0, '21-40': 0, '41-60': 0, '61-80': 0, '80+': 0};
+                    let totalAge = 0, minAge = 999, maxAge = 0;
+
+                    patients.forEach(p => {
+                        const age = moment().diff(moment(p.birthDate), 'years');
+                        totalAge += age;
+                        if (age < minAge) minAge = age;
+                        if (age > maxAge) maxAge = age;
+                        if (age <= 20) ranges['0-20']++;
+                        else if (age <= 40) ranges['21-40']++;
+                        else if (age <= 60) ranges['41-60']++;
+                        else if (age <= 80) ranges['61-80']++;
+                        else ranges['80+']++;
+                    });
+
+                    const labels = Object.keys(ranges).filter(k => ranges[k] > 0);
+                    const data   = labels.map(k => ranges[k]);
+
+                    const chartData = { labels, data, total: patients.length };
+                    const avgAge = Math.round(totalAge / patients.length);
+
+                    updateAgeRangesChart({ chart_data: chartData });
+                    $('#avgAge').text(avgAge);
+                    $('#ageRange').text(minAge + '-' + maxAge);
+                    $('#totalPatientsAge').text(patients.length);
                 });
             }