Hito: Modernización definitiva del Dashboard y registro de hito 2026.04.07.20.37.47

Antigravity AI
1 parent b2eac770
Showing 7 changed files with 211 additions and 98 deletions
VERSION.txt
final_update_505.sql
get_view_def.sh
src/main/resources/static/landing.html
src/main/resources/static/mapas.html
src/main/resources/static/widgets.html
update_morosidad_505.sql
@@ -8,4 +8,5 @@ PROYECTO GIS-GEOSERVER - 2026.04.05.06.31.00 ID DOCKER: c68e229b6d94. ObservaciÃ
 PROYECTO GIS-GEOSERVER - 2026.04.06.01.13.00 ID DOCKER: d983a409769d. ObservaciÃƒÂ³n: IntegraciÃƒÂ³n exitosa de Landing Page AdminLTE 3 con aislamiento de iFrame para Visor GIS.
 PROYECTO GIS-GEOSERVER - 2026.04.06.12.44.00 ID DOCKER: d983a409769d. ObservaciÃƒÂ³n: Backup completo preventivo de la versiÃƒÂ³n con estructura de Git corregida y Landing Page AdminLTE.
 PROYECTO GIS-GEOSERVER - 2026.04.06.13.31.00 ID DOCKER: d983a409769d. ObservaciÃ³n: Prueba de funcionamiento del Manual v1.1 tras estandarizaciÃ³n de prefijos y manual de recuperaciÃ³n.
-PROYECTO GIS-GEOSERVER - 2026.04.07.08.18.07 ID DOCKER: d983a409769d. ObservaciÃ³n: OptimizaciÃ³n visual de interfaz completada: unificaciÃ³n de anchos al 100%, limpieza de barra superior, traslado de controles al sidebar y registro legal SIGEM-MIC/DINAPI.
 \ No newline at end of file
+PROYECTO GIS-GEOSERVER - 2026.04.07.08.18.07 ID DOCKER: d983a409769d. ObservaciÃ³n: OptimizaciÃ³n visual de interfaz completada: unificaciÃ³n de anchos al 100%, limpieza de barra superior, traslado de controles al sidebar y registro legal SIGEM-MIC/DINAPI.
+PROYECTO GIS-GEOSERVER - 2026.04.07.20.37.47 ID DOCKER: d983a409769d. ObservaciÃ³n: ModernizaciÃ³n definitiva del Dashboard completada: ReplicaciÃ³n de bloque de bienvenida legado, integraciÃ³n de mapa embebido en modo limpio y reestructuraciÃ³n de la fila inferior de gestiÃ³n al 100% de ancho. VersiÃ³n estable validada.
 \ No newline at end of file
+-- Renombrado de la vista de percentiles a vw_adeudado_505 (Punto clave para Monto Adeudado)
+DROP VIEW IF EXISTS public.vw_percentiles_505;
+
+CREATE OR REPLACE VIEW public.vw_adeudado_505 AS 
+SELECT * FROM fdw_505.v_liq_entidad_percentiles WHERE entidad = '505';
+docker exec proyecto-postgres-1 psql -U sigem_user -d sigem -c "SELECT * FROM fdw_505.v_liq_entidad_percentiles LIMIT 10;"
@@ -46,7 +46,7 @@
           <i class="far fa-user mr-2"></i> <span id="nav-user-text">Cargando...</span>
         </a>
         <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
-          <a href="#" class="dropdown-item" onclick="cerrarSesion()">
+          <a href="#" class="dropdown-item" onclick="cerrarSesion(); return false;">
             <i class="fas fa-sign-out-alt mr-2 text-danger"></i> Cerrar Sesión
           </a>
         </div>
@@ -96,7 +96,7 @@
                   </a>
                   <ul class="nav nav-treeview" style="margin-left: 10px;">
                     <li class="nav-item">
-                      <a href="#" class="nav-link" data-toggle="modal" data-target="#modalMorosidad">
+                      <a href="#" class="nav-link" onclick="loadMap()">
                         <i class="fas fa-layer-group nav-icon text-warning"></i>
                         <p>Mapa Morosidad/Pago</p>
                       </a>
@@ -134,47 +134,16 @@
   </div>
   <!-- Main Footer -->
-  <footer class="main-footer" style="padding: 5px; font-size: 12px;">
-    <strong>Sistema de Información Geográfica Municipal.</strong>
-    Todos los derechos reservados.
+  <footer class="main-footer" style="padding: 10px; font-size: 13px; background-color: #f4f6f9;">
+    <div class="float-right d-none d-sm-inline-block">
+      <b>YVYAPE/SIGEM - Registro MIC/DINAPI 593</b>
+    </div>
+    Copyright &copy; 2026 <b>YVAGA</b>. Todos los derechos reservados.
   </footer>
 </div>
 <!-- ./wrapper -->
-<!-- Modal Pop-up para Selección de Mapa (Exactamente como el legado) -->
-<div class="modal fade" id="modalMorosidad" tabindex="-1" role="dialog" aria-hidden="true">
-  <div class="modal-dialog modal-sm" role="document" style="margin-top: 15vh;">
-    <div class="modal-content shadow-lg" style="border: 1px solid #17a2b8;">
-      <div class="modal-header bg-info" style="padding: 10px;">
-        <h6 class="modal-title" style="font-weight: bold;"><i class="fas fa-filter"></i> Selección Capas Geo</h6>
-        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
-          <span aria-hidden="true">&times;</span>
-        </button>
-      </div>
-      <div class="modal-body modal-treeview">
-        <ul>
-          <li><i class="fas fa-minus-square mr-1 text-secondary"></i> <span>MAPA DE MOROSIDAD</span>
-            <ul>
-              <li><i class="fas fa-plus-square mr-1 text-secondary"></i> <span>IMPUESTOS ADEUDADOS</span>
-                <ul>
-                  <li><i class="fas fa-plus mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">Impuesto Inmobiliario</span></li>
-                  <li><i class="fas fa-plus mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">Patente Comercial</span></li>
-                  <li><i class="fas fa-plus-square mr-1 text-secondary"></i> <span>Todos</span>
-                    <ul>
-                      <li><i class="far fa-window-restore mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">POR TOTAL</span></li>
-                      <li><i class="far fa-clock mr-1 text-muted"></i> <span class="text-primary font-weight-bold clickable" onclick="loadMap()">ULTIMO PAGO / TODOS</span></li>
-                    </ul>
-                  </li>
-                </ul>
-              </li>
-              <li><i class="fas fa-plus-square mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">IMPUESTOS PAGADOS</span></li>
-            </ul>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
+
 <!-- jQuery -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
@@ -205,15 +174,13 @@
     }
     function loadMap() {
-        // Cierra el modal de forma programática usando jQuery de Bootstrap
-        $('#modalMorosidad').modal('hide');
-        // Redirige el iframe central hacia nuestro impecable mapas.html
+        // Redirige el iframe central hacia nuestro visor de mapas
         loadContent('/gis-geoserver/mapas');
     }
     function cerrarSesion() {
         localStorage.clear();
-        window.location.href = "/gis-geoserver/login";
+        window.location.replace("/gis-geoserver/login");
     }
 </script>
 </body>
@@ -60,6 +60,12 @@
             height: calc(100vh - 60px);
         }
+        /* MODO EMBEBIDO (Limpieza de UI) */
+        body.embed-mode .header { display: none !important; }
+        body.embed-mode .sidebar { display: none !important; }
+        body.embed-mode .app-container { height: 100vh !important; }
+        body.embed-mode #map { width: 100% !important; }
+
         .sidebar {
             width: 170px;
             background: #0f172a;
@@ -368,7 +374,11 @@
     </div>
     <script>
-
+        // Verificar si estamos en modo embebido
+        const urlParams = new URLSearchParams(window.location.search);
+        if (urlParams.get('mode') === 'embed') {
+            document.body.classList.add('embed-mode');
+        }
         const entidad = localStorage.getItem('entidad') || '505';
         const token = localStorage.getItem('jwt');
@@ -564,7 +574,7 @@
                 map.setPaintProperty('lotes-layer', 'fill-color', [
                     'step',
-                    ['get', 'ultimo_pago'],
+                    ['to-number', ['get', 'ultimo_pago'], 0],
                     '#a91d1d', // < 2021
                     2021, '#a91d1d',
                     2022, '#d05660',
@@ -583,18 +593,18 @@
                 legendContent.innerHTML = `
                     <strong style="color: #60a5fa;">MONTO ADEUDADO</strong><br><br>
-                    <div class="legend-item"><div class="legend-color" style="background: #a91d1d;"></div> Rojo: > 2.134.819 Gs</div>
-                    <div class="legend-item"><div class="legend-color" style="background: #f08060;"></div> Naranja: entre 2.134.819 y 1.231.876 Gs</div>
-                    <div class="legend-item"><div class="legend-color" style="background: #ffd966;"></div> Amarillo: entre 1.231.876 y 718.984 Gs</div>
-                    <div class="legend-item"><div class="legend-color" style="background: #b5c47a;"></div> Verde Claro: entre 718.984 y 355.628 Gs</div>
-                    <div class="legend-item"><div class="legend-color" style="background: #6b9070;"></div> Verde Oscuro: <= 355.628 Gs</div>
+                    <div class="legend-item"><div class="legend-color" style="background: #a91d1d;"></div> > 2.134.819 Gs</div>
+                    <div class="legend-item"><div class="legend-color" style="background: #f08060;"></div> entre 2.134.819 y 1.231.876 Gs</div>
+                    <div class="legend-item"><div class="legend-color" style="background: #ffd966;"></div> entre 1.231.876 y 718.984 Gs</div>
+                    <div class="legend-item"><div class="legend-color" style="background: #b5c47a;"></div> entre 718.984 y 355.628 Gs</div>
+                    <div class="legend-item"><div class="legend-color" style="background: #6b9070;"></div> <= 355.628 Gs</div>
                     <div class="legend-item"><div class="legend-color" style="background: #64748b;"></div> NO REGISTRADOS</div>
                 `;
                 map.setPaintProperty('lotes-layer', 'fill-color', [
                     'step',
-                    ['get', 'trb_total_deuda'],
-                    '#6b9070', // Verde Oscuro: <= 355.628
+                    ['to-number', ['get', 'trb_total_deuda'], 0],
+                    '#6b9070', // Verde Oscuro: <= 355.628 (fallback si es 0)
                     355629, '#b5c47a', // Verde Claro: 355.629 - 718.984
                     718985, '#ffd966', // Amarillo: 718.985 - 1.231.876
                     1231877, '#f08060', // Naranja: 1.231.877 - 2.134.819
@@ -12,6 +12,20 @@
   <style>
       body { background-color: #f4f6f9; padding: 20px; font-family: 'Source Sans Pro', sans-serif; }
       .welcome-header { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 600;}
+      /* Estilos para el mapa embebido */
+      .map-container {
+          width: 100%;
+          height: 500px;
+          border-radius: 8px;
+          overflow: hidden;
+          background-color: #0f172a;
+          position: relative;
+      }
+      iframe#welcome-map {
+          width: 100%;
+          height: 100%;
+          border: none;
+      }
   </style>
 </head>
 <body>
@@ -19,76 +33,178 @@
         <i class="fas fa-home text-primary"></i> Tablero General (Estadísticas Simuladas)
     </div>
+    <!-- FILA 1: INFO BOXES ESTILO LEGADO (ESTADÍSTICAS) -->
     <div class="row">
-        <!-- Tarjeta 1 -->
-        <div class="col-lg-3 col-6">
-            <div class="small-box bg-info shadow-sm">
-                <div class="inner">
-                    <h3>99,999</h3>
-                    <p>Lotes Registrados</p>
+        <!-- CONTRIBUYENTES -->
+        <div class="col-md-2 col-sm-6 col-12">
+            <div class="info-box shadow-sm">
+                <span class="info-box-icon bg-danger"><i class="fas fa-users"></i></span>
+                <div class="info-box-content">
+                    <span class="info-box-text" id="contribtext">CONTRIBUYENTES</span>
+                    <span class="info-box-number" id="contribnum">---</span>
                 </div>
-                <div class="icon">
-                    <i class="fas fa-map-marked-alt"></i>
+            </div>
+        </div>
+        <!-- PROPIEDADES -->
+        <div class="col-md-2 col-sm-6 col-12">
+            <div class="info-box shadow-sm">
+                <span class="info-box-icon bg-danger"><i class="fas fa-map-marker-alt"></i></span>
+                <div class="info-box-content">
+                    <span class="info-box-text" id="proptext">PROPIEDADES</span>
+                    <span class="info-box-number" id="propnum">---</span>
                 </div>
-                <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
             </div>
         </div>
-        <!-- Tarjeta 2 -->
-        <div class="col-lg-3 col-6">
-            <div class="small-box bg-success shadow-sm">
-                <div class="inner">
-                    <h3>Gs. ---<sup style="font-size: 20px"></sup></h3>
-                    <p>Recaudación del Día</p>
+        <!-- COMERCIOS -->
+        <div class="col-md-2 col-sm-6 col-12">
+            <div class="info-box shadow-sm">
+                <span class="info-box-icon bg-success"><i class="fas fa-money-bill-wave"></i></span>
+                <div class="info-box-content">
+                    <span class="info-box-text" id="comtext">COMERCIOS</span>
+                    <span class="info-box-number" id="comnum">---</span>
                 </div>
-                <div class="icon">
-                    <i class="fas fa-hand-holding-usd"></i>
+            </div>
+        </div>
+        <!-- VEHICULOS -->
+        <div class="col-md-2 col-sm-6 col-12">
+            <div class="info-box shadow-sm">
+                <span class="info-box-icon bg-success"><i class="fas fa-car"></i></span>
+                <div class="info-box-content">
+                    <span class="info-box-text" id="vehitext">VEHICULOS</span>
+                    <span class="info-box-number" id="vehinum">---</span>
                 </div>
-                <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
             </div>
         </div>
-        
-        <!-- Tarjeta 3 -->
-        <div class="col-lg-3 col-6">
-            <div class="small-box bg-warning shadow-sm">
-                <div class="inner">
-                    <h3>---</h3>
-                    <p>Nuevas Actividades Comerciales</p>
-                </div>
-                <div class="icon">
-                    <i class="fas fa-store"></i>
-                </div>
-                <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
+        <!-- LICENCIAS -->
+        <div class="col-md-2 col-sm-6 col-12">
+            <div class="info-box shadow-sm">
+                <span class="info-box-icon bg-success"><i class="fas fa-credit-card"></i></span>
+                <div class="info-box-content">
+                    <span class="info-box-text" id="licentext">LICENCIAS</span>
+                    <span class="info-box-number" id="licennum">---</span>
+                </div>
             </div>
         </div>
-        <!-- Tarjeta 4 -->
-        <div class="col-lg-3 col-6">
-            <div class="small-box bg-danger shadow-sm">
-                <div class="inner">
-                    <h3>45%</h3>
-                    <p>Índice General de Morosidad</p>
+    </div>
+
+    <!-- FILA 2: BIENVENIDA Y SOPORTE -->
+    <div class="row mt-4">
+        <div class="col-md-8">
+            <div class="card card-outline card-primary shadow-sm" style="border-top: 3px solid #0056b3;">
+                <div class="card-header">
+                    <h3 class="card-title text-muted font-weight-bold" id="welcome-title"><i class="fas fa-map mr-1"></i> Bienvenido al Sistema Integrado de Gestión Municipal</h3>
+                    <div class="card-tools">
+                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
+                    </div>
+                </div>
+                <div class="card-body p-0">
+                    <div class="map-container">
+                        <!-- Mapa embebido de Control de Gestión (Modo Limpio) -->
+                        <iframe id="welcome-map" src="/gis-geoserver/mapas?mode=embed"></iframe>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-md-4">
+            <!-- SOPORTE Y APOYO TECNICO -->
+            <div class="info-box bg-gradient-info shadow-sm mx-auto" style="max-width: 80%;">
+                <span class="info-box-icon"><i class="fas fa-headset"></i></span>
+                <div class="info-box-content text-center">
+                    <span class="info-box-text font-weight-bold">SOPORTE Y APOYO TÉCNICO</span>
+                    <span class="info-box-number">CONSULTORA YVAGA</span>
+                    <div class="text-xs mt-2">
+                        <i class="fas fa-globe mr-1"></i> www.yvaga.com.py<br>
+                        <i class="fas fa-envelope mr-1"></i> soporte@yvaga.com.py<br>
+                        <i class="fas fa-phone mr-1"></i> 0981-413151
+                    </div>
                 </div>
-                <div class="icon">
-                    <i class="fas fa-chart-pie"></i>
+            </div>
+            
+            <!-- INFRAESTRUCTURA Y TECNOLOGIA -->
+            <div class="info-box bg-success shadow-sm mx-auto" style="max-width: 80%;">
+                <span class="info-box-icon"><i class="fas fa-cloud-upload-alt"></i></span>
+                <div class="info-box-content text-center">
+                    <span class="info-box-text font-weight-bold">INFRAESTRUCTURA Y TECNOLOGÍA</span>
+                    <span class="info-box-number">YVAGA EAS</span>
+                    <div class="text-xs mt-2">
+                        <i class="fas fa-globe mr-1"></i> www.yvaga.com.py<br>
+                        <i class="fas fa-envelope mr-1"></i> soporte@yvaga.com.py<br>
+                        <i class="fas fa-phone mr-1"></i> 0981-413151
+                    </div>
                 </div>
-                <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
             </div>
         </div>
     </div>
-    
+
+    <!-- FILA 3 (INFERIOR): MÓDULOS DE GESTIÓN (ANCHO COMPLETO) -->
     <div class="row mt-4">
-        <div class="col-12">
-            <div class="card card-outline card-primary shadow-sm" style="border-top: 3px solid #0056b3;">
+        <!-- GESTIÓN FINANCIERA -->
+        <div class="col-md-4">
+            <div class="card card-outline card-success shadow-sm h-100">
+                <div class="card-header">
+                    <h3 class="card-title font-weight-bold">GESTIÓN FINANCIERA</h3>
+                    <div class="card-tools">
+                        <span class="badge badge-danger">Próximamente!</span>
+                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
+                    </div>
+                </div>
+                <div class="card-body p-0 text-center d-flex align-items-center justify-content-center">
+                    <img src="https://sigemtest.yvaga.com.py/dist/img/sigem/gestion_financiera.png" alt="GESTIÓN FINANCIERA" class="img-fluid p-3" style="max-height: 200px;">
+                </div>
+                <div class="card-footer text-center mt-auto">
+                    <a href="javascript:void(0)" class="text-sm font-weight-bold text-uppercase">Acceder a Versión Escritorio</a>
+                </div>
+            </div>
+        </div>
+
+        <!-- GESTIÓN TRIBUTARIA -->
+        <div class="col-md-4">
+            <div class="card card-outline card-success shadow-sm h-100">
                 <div class="card-header">
-                    <h3 class="card-title text-muted"><i class="fas fa-info-circle mr-1"></i> Estado del Sistema</h3>
+                    <h3 class="card-title font-weight-bold">GESTIÓN TRIBUTARIA</h3>
+                    <div class="card-tools">
+                        <span class="badge badge-danger">Próximamente!</span>
+                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
+                    </div>
+                </div>
+                <div class="card-body p-0 text-center d-flex align-items-center justify-content-center">
+                    <img src="https://sigemtest.yvaga.com.py/dist/img/sigem/gestion_tributaria.png" alt="GESTIÓN TRIBUTARIA" class="img-fluid p-3" style="max-height: 200px;">
+                </div>
+                <div class="card-footer text-center mt-auto">
+                    <a href="javascript:void(0)" class="text-sm font-weight-bold text-uppercase">Acceder a Versión Escritorio</a>
+                </div>
+            </div>
+        </div>
+
+        <!-- INFORMES GERENCIALES -->
+        <div class="col-md-4">
+            <div class="card card-outline card-success shadow-sm h-100">
+                <div class="card-header">
+                    <h3 class="card-title font-weight-bold">INFORMES GERENCIALES</h3>
+                    <div class="card-tools">
+                        <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i></button>
+                    </div>
+                </div>
+                <div class="card-body p-0 text-center d-flex align-items-center justify-content-center">
+                    <img src="https://sigemtest.yvaga.com.py/dist/img/sigem/informes.png" alt="INFORMES" class="img-fluid p-3" style="max-height: 200px;">
                 </div>
-                <div class="card-body">
-                    <p class="text-secondary text-sm">Use el menú lateral para navegar por los distintos módulos administrativos. La funcionalidad de Mapas Tributarios se encuentra activa bajo "Control de Gestión -> Mapas". Otras opciones en despliegue.</p>
+                <div class="card-footer text-center mt-auto">
+                    <a href="javascript:void(0)" class="text-sm font-weight-bold text-uppercase">Acceder</a>
                 </div>
             </div>
         </div>
     </div>
+    <br>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
+<script>
+    // Dinamizar el título con el nombre de la entidad si está disponible
+    const entidadText = localStorage.getItem('entidad_nombre') || '';
+    if (entidadText) {
+        document.getElementById('welcome-title').innerHTML = `<i class="fas fa-map mr-1"></i> Bienvenido al Sistema Integrado de Gestión Municipal de ${entidadText}`;
+    }
+</script>
 </body>
 </html>
+-- Punto 1: Actualización de la Vista Maestra de Morosidad con Filtro de Entidad
+CREATE OR REPLACE VIEW public.vw_lotes_morosidad_505 AS 
+SELECT 
+    l.cartodb_id, l.fid, l.dpto, l.dist, l.padron, l.zona, l.mz, l.lote, 
+    l.shape_area, l.shape_len, l.ccc, l.obs, l.cc_lote, l.cc_man, l.layer, 
+    l.borrado, l.geom, 
+    m.inm_ficha, m.inm_ctacatastral, m.trb_total_deuda, m.trb_total_pago, m.ultimo_pago 
+FROM public.e505_lotes_conccc l 
+LEFT JOIN fdw_505.v_liq_entidad_totalxobjeto m ON l.ccc::text = m.inm_ctacatastral::text AND m.entidad = '505';
+
+-- Punto 2: Creación de la Vista de Percentiles Filtrada por Entidad (Nuevo Estándar)
+CREATE OR REPLACE VIEW public.vw_percentiles_505 AS 
+SELECT * FROM fdw_505.v_liq_entidad_percentiles WHERE entidad = '505';