Update web/diagnosis.html

web/diagnosis.html

@@ -465,6 +465,32 @@
     </main>
 </div>
 
+<!-- Modal de Confirmación de Consulta -->
+<div class="modal fade" id="consultationResultModal" tabindex="-1" role="dialog" aria-labelledby="consultationResultModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+        <div class="modal-content" style="border-radius: 12px; overflow: hidden;">
+            <div class="modal-header" id="consultationResultHeader">
+                <h5 class="modal-title" id="consultationResultModalLabel">
+                    <i id="consultationResultIcon" class="fe mr-2"></i>
+                    <span id="consultationResultTitle"></span>
+                </h5>
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                    <span aria-hidden="true">&times;</span>
+                </button>
+            </div>
+            <div class="modal-body text-center py-4">
+                <div id="consultationResultBody"></div>
+            </div>
+            <div class="modal-footer justify-content-center">
+                <button type="button" class="btn" id="consultationResultCloseBtn" data-dismiss="modal">Cerrar</button>
+                <a href="historial-consultas.html" class="btn btn-outline-primary" id="consultationResultViewBtn" style="display:none;">
+                    <i class="fe fe-list fe-16 mr-1"></i>Ver Historial
+                </a>
+            </div>
+        </div>
+    </div>
+</div>
+
 <script src="js/jquery.min.js"></script>
 <script src="js/popper.min.js"></script>
 <script src="js/moment.min.js"></script>
@@ -504,6 +530,40 @@
 
             updateLastUpdate();
             setInterval(updateLastUpdate, 60000);
+
+            // Autocompletar paciente si viene desde patients.html
+            const urlParams = new URLSearchParams(window.location.search);
+            const patientIdFromUrl = urlParams.get('patient');
+            if (patientIdFromUrl) {
+                autoSelectPatientById(parseInt(patientIdFromUrl));
+            }
+        }
+
+        // AUTOSELECCIONAR PACIENTE POR ID (desde URL)
+        function autoSelectPatientById(patientId) {
+            api.getPatient(patientId).then(function(response) {
+                if (response && response.success && response.patient) {
+                    const patient = response.patient;
+                    selectedPatient = patient;
+
+                    const age = patient.birthDate ? (moment ? moment().diff(moment(patient.birthDate), 'years') : 'N/A') : 'N/A';
+                    $('#patientSearch').val(patient.name);
+                    $('#selectedPatientInfo').show();
+                    $('#patientName').text(patient.name);
+                    $('#patientDetails').html(`
+                        <strong>ID:</strong> ${patient.patientID} |
+                        <strong>Edad:</strong> ${age} años
+                        ${patient.diabetesType ? '| <strong>Diabetes:</strong> ' + patient.diabetesType : ''}
+                    `);
+                    $('#selectedPatientId').val(patient.patientID);
+                    enableSaveButton();
+                    console.log('Paciente autoseleccionado:', patient.name);
+                } else {
+                    console.warn('No se pudo cargar el paciente con ID:', patientId);
+                }
+            }).catch(function(err) {
+                console.error('Error cargando paciente por ID:', err);
+            });
         }
 
         // AUTENTICACION
@@ -1026,13 +1086,18 @@
                     .html('<i class="fe fe-save fe-16 mr-2"></i>Guardar Consulta');
 
                 if (response && response.success) {
-                    showAlert('success', 'Consulta guardada correctamente');
                     console.log('Consulta guardada exitosamente:', response);
+                    showConsultationResultModal(true, selectedPatient.name);
                 } else {
                     const errorMsg = response?.message || 'Error al guardar la consulta';
-                    showAlert('error', errorMsg);
                     console.error('Error guardando consulta:', response);
+                    showConsultationResultModal(false, null, errorMsg);
                 }
+            }).catch(function(err) {
+                $('#saveConsultationBtn').prop('disabled', false)
+                    .html('<i class="fe fe-save fe-16 mr-2"></i>Guardar Consulta');
+                console.error('Error de red al guardar consulta:', err);
+                showConsultationResultModal(false, null, 'No se pudo conectar con el servidor. Intenta nuevamente.');
             });
         }
 
@@ -1247,6 +1312,47 @@ if (false) { /* removed */ }
             }, 5000);
         }
 
+        function showConsultationResultModal(success, patientName, errorMessage) {
+            const header  = $('#consultationResultHeader');
+            const icon    = $('#consultationResultIcon');
+            const title   = $('#consultationResultTitle');
+            const body    = $('#consultationResultBody');
+            const closeBtn = $('#consultationResultCloseBtn');
+            const viewBtn  = $('#consultationResultViewBtn');
+
+            if (success) {
+                header.removeClass('bg-danger text-white').addClass('bg-success text-white');
+                icon.removeClass().addClass('fe fe-check-circle mr-2');
+                title.text('Consulta Guardada Exitosamente');
+                body.html(`
+                    <div style="font-size: 4rem; color: #28a745; margin-bottom: 1rem;">
+                        <i class="fe fe-check-circle"></i>
+                    </div>
+                    <h5 class="text-success mb-2">¡Consulta registrada!</h5>
+                    <p class="text-muted mb-0">
+                        La consulta del paciente <strong>${patientName}</strong> fue guardada correctamente en el sistema.
+                    </p>
+                `);
+                closeBtn.removeClass('btn-danger').addClass('btn-success').text('Continuar');
+                viewBtn.show();
+            } else {
+                header.removeClass('bg-success text-white').addClass('bg-danger text-white');
+                icon.removeClass().addClass('fe fe-x-circle mr-2');
+                title.text('No se pudo guardar la consulta');
+                body.html(`
+                    <div style="font-size: 4rem; color: #dc3545; margin-bottom: 1rem;">
+                        <i class="fe fe-x-circle"></i>
+                    </div>
+                    <h5 class="text-danger mb-2">Error al guardar</h5>
+                    <p class="text-muted mb-0">${errorMessage || 'Ocurrió un error inesperado. Por favor intenta nuevamente.'}</p>
+                `);
+                closeBtn.removeClass('btn-success').addClass('btn-danger').text('Cerrar');
+                viewBtn.hide();
+            }
+
+            $('#consultationResultModal').modal('show');
+        }
+
         // === FUNCIONES GLOBALES ===
         window.downloadGradCAMImage = function(zoneNumber) {
             if (!window.currentGradCAMData) {