analizadordocumentoJAC

Sleeping

App Files Files Community

jcalbornoz commited on Oct 7, 2025

Commit

d02c912

verified ·

1 Parent(s): 1cccf6d

Update index.html

Browse files

Files changed (1) hide show

index.html +29 -88

index.html CHANGED Viewed

@@ -4,91 +4,28 @@
     <title>Analizador de Documentos Inmobiliarios y JAC</title>
     <style>
         body { font-family: Arial, sans-serif; text-align: center; margin-top: 20px; background-color: #f4f4f9; color: #333; }
-        .container {
-            width: 90%;
-            max-width: 1000px;
-            margin: 0 auto;
-            padding: 20px;
-            border: 1px solid #ccc;
-            border-radius: 10px;
-            background-color: #fff;
-            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
-        }
         h1 { color: #007bff; }
         p { color: #666; margin-bottom: 20px;}
         #upload-section { margin: 20px 0; border-bottom: 1px solid #eee; padding-bottom: 20px; }
-        button {
-            padding: 10px 20px;
-            background-color: #28a745;
-            color: white;
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-            transition: background-color 0.3s;
-            margin-left: 10px;
-        }
         button:hover { background-color: #218838; }
-        #loading {
-            color: #007bff;
-            font-size: 1.2em;
-            margin-top: 15px;
-            display: none;
-        }
-        .results-container {
-            display: flex;
-            justify-content: space-between;
-            margin-top: 30px;
-            text-align: left;
-        }
-        .result-panel {
-            width: 48%; /* Divide el espacio casi a la mitad */
-            padding: 15px;
-            border-radius: 8px;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-            min-height: 250px; /* Para que se vean ambos paneles antes del resultado */
-        }
-        #summary-display {
-            background-color: #e6f7ff; /* Azul claro para el resumen */
-            border: 1px solid #b3e0ff;
-        }
-        #json-display {
-            background-color: #fff0e6; /* Naranja claro para el JSON */
-            border: 1px solid #ffccb3;
-        }
-        h2 {
-            border-bottom: 2px solid #ccc;
-            padding-bottom: 5px;
-            margin-top: 0;
-            color: #007bff;
-        }
         ul { list-style-type: none; padding-left: 0; }
         li { margin-bottom: 12px; line-height: 1.4; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
         li strong { color: #333; }
-        pre {
-            background-color: #f8f8f8;
-            padding: 10px;
-            border-radius: 5px;
-            overflow-x: auto;
-            white-space: pre-wrap;
-            word-wrap: break-word;
-            font-size: 0.9em;
-            border: 1px solid #ddd;
-        }
     </style>
 </head>
 <body>
     <div class="container">
         <h1>Análisis Experto de Documentos</h1>
-        <p>Sube un Certificado de Tradición y Libertad (CTL) o un documento de Junta de Acción Comunal (JAC). El sistema revisará todas las páginas.</p>
         <div id="upload-section">
             <input type="file" id="file-upload" accept=".txt,.pdf">
@@ -111,10 +48,9 @@
     </div>
     <script>
-        // Función para limpiar el contenido anterior
         function resetResults() {
             document.getElementById('loading').style.display = 'none';
-            document.getElementById('summary-result').innerHTML = '';
             document.getElementById('json-result').textContent = 'El JSON completo se mostrará aquí.';
             document.getElementById('summary-display').style.display = 'none';
             document.getElementById('json-display').style.display = 'none';
@@ -148,29 +84,34 @@
                     const summaryDiv = document.getElementById('summary-result');
                     const jsonPre = document.getElementById('json-result');
-                    // 1. Mostrar el Resumen/Lista (usa la lista formateada del backend)
                     const ul = document.createElement('ul');
-                    data.summary.forEach(point => {
-                        const li = document.createElement('li');
-                        li.innerHTML = point;
-                        ul.appendChild(li);
-                    });
-                    summaryDiv.innerHTML = '';
                     summaryDiv.appendChild(ul);
-                    // 2. Mostrar el JSON completo (usa el objeto 'structured_data' del backend)
-                    jsonPre.textContent = JSON.stringify(data.structured_data, null, 4);
                     document.getElementById('summary-display').style.display = 'block';
                     document.getElementById('json-display').style.display = 'block';
                 } else {
-                    // Mostrar error del servidor
-                    document.getElementById('summary-result').innerHTML = `<strong>Error en el análisis:</strong> ${data.error}`;
-                    document.getElementById('json-result').textContent = 'Error al procesar. Revisa el mensaje de la izquierda.';
                 }
             } catch (error) {
-                document.getElementById('summary-result').innerHTML = `Ocurrió un error de conexión con el servidor. Por favor, inténtalo de nuevo.`;
             } finally {
                 document.getElementById('loading').style.display = 'none';
             }

     <title>Analizador de Documentos Inmobiliarios y JAC</title>
     <style>
         body { font-family: Arial, sans-serif; text-align: center; margin-top: 20px; background-color: #f4f4f9; color: #333; }
+        .container { width: 90%; max-width: 1000px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-radius: 10px; background-color: #fff; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
         h1 { color: #007bff; }
         p { color: #666; margin-bottom: 20px;}
         #upload-section { margin: 20px 0; border-bottom: 1px solid #eee; padding-bottom: 20px; }
+        button { padding: 10px 20px; background-color: #28a745; color: white; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.3s; margin-left: 10px; }
         button:hover { background-color: #218838; }
+        #loading { color: #007bff; font-size: 1.2em; margin-top: 15px; display: none; }
+        .results-container { display: flex; justify-content: space-between; margin-top: 30px; text-align: left; }
+        .result-panel { width: 48%; padding: 15px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); min-height: 250px; }
+        #summary-display { background-color: #e6f7ff; border: 1px solid #b3e0ff; }
+        #json-display { background-color: #fff0e6; border: 1px solid #ffccb3; }
+        h2 { border-bottom: 2px solid #ccc; padding-bottom: 5px; margin-top: 0; color: #007bff; }
         ul { list-style-type: none; padding-left: 0; }
         li { margin-bottom: 12px; line-height: 1.4; border-bottom: 1px dotted #ccc; padding-bottom: 5px;}
         li strong { color: #333; }
+        pre { background-color: #f8f8f8; padding: 10px; border-radius: 5px; overflow-x: auto; white-space: pre-wrap; word-wrap: break-word; font-size: 0.9em; border: 1px solid #ddd; }
     </style>
 </head>
 <body>
     <div class="container">
         <h1>Análisis Experto de Documentos</h1>
+        <p>Sube un Certificado de Tradición y Libertad (CTL) o un documento de Junta de Acción Comunal (JAC).</p>
         <div id="upload-section">
             <input type="file" id="file-upload" accept=".txt,.pdf">
     </div>
     <script>
         function resetResults() {
             document.getElementById('loading').style.display = 'none';
+            document.getElementById('summary-result').innerHTML = 'Aquí se mostrará el análisis de los 7 campos clave.';
             document.getElementById('json-result').textContent = 'El JSON completo se mostrará aquí.';
             document.getElementById('summary-display').style.display = 'none';
             document.getElementById('json-display').style.display = 'none';
                     const summaryDiv = document.getElementById('summary-result');
                     const jsonPre = document.getElementById('json-result');
+                    // 1. Mostrar el Resumen/Lista
                     const ul = document.createElement('ul');
+                    if (data.summary && Array.isArray(data.summary)) {
+                        data.summary.forEach(point => {
+                            const li = document.createElement('li');
+                            li.innerHTML = point;
+                            ul.appendChild(li);
+                        });
+                    }
+                    summaryDiv.innerHTML = '';
                     summaryDiv.appendChild(ul);
+                    // 2. Mostrar el JSON completo
+                    if (data.structured_data) {
+                        jsonPre.textContent = JSON.stringify(data.structured_data, null, 4);
+                    }
                     document.getElementById('summary-display').style.display = 'block';
                     document.getElementById('json-display').style.display = 'block';
                 } else {
+                    // Muestra el mensaje de error del servidor (incluyendo el diagnóstico)
+                    document.getElementById('summary-result').innerHTML = `<strong>Error en el análisis:</strong> ${data.error || 'Mensaje de error desconocido.'}`;
+                    document.getElementById('json-result').textContent = 'Error al procesar el documento. Revisa el mensaje de la izquierda para ver el detalle.';
                 }
             } catch (error) {
+                console.error("Fetch/Parse Error:", error);
+                document.getElementById('summary-result').innerHTML = `Ocurrió un error de conexión o parseo de respuesta. Consulta la consola del navegador.`;
             } finally {
                 document.getElementById('loading').style.display = 'none';
             }