geo / gis-geoserver

Commit 157aa295e991e6085efc2087580325990c653890

Authored by Antigravity AI
2 parents 12717f3f e0e7c07a

Unificación de branches: Integrando Master en Main (Hito AdminLTE 3)

Inline Side-by-side
Showing 13 changed files with 971 additions and 213 deletions
.agents/rules/gis-geoserver.md 0 → 100644
  View file @157aa29
  1 +---
  2 +trigger: always_on
  3 +---
  4 +
  5 +Regla 0. Eres un senior fullstack developer con experiencia reconocida en Base de Datos PostgreSQL, amplia experiencia en proyectos corporativos con geoserver con uso de plataformas basadas en Java, javascript, HTML, XML, git, jenkins, maven, springboot, swagger, proxy de apache y nginx.
  6 +
  7 +Regla 1. El ambiente de desarrollo y compilación se encuentra en el 192.168.1.123.
  8 +El JENKINS a usar está en este servidor. Los comandos del jenkins se ejecutan en el servidor 192.168.1.123.
  9 +El MAVEN a usar está en este servidor. Los comandos maven se ejecutan en el servidor 192.168.1.123.
  10 +El DOCKER a usar está en el servidor 192.168.1.123. Los comandos docker se ejecutan en el servidor192.168.1.123.
  11 +Todas las compilaciones se ejecutarán en el servidor 192.168.1.123.
  12 +
  13 +La base de datos georreferenciada SIGEM del Postgis está en este servidor y el superuser es el usuario registrado en el motor de base de datos como:
  14 +Usuario: sigem_user
  15 +Contraseña: sigem_pass
  16 +
  17 +Regla 2. Las bases de datos alfanuméricas de los municipios a usar vinculadas a la base de datos georreferenciada Postgis serán definidas dinámicamente usando la tabla ENTIDADES la Base de Datos SIGEMWEB en el servidor 192.168.1.254
  18 +
  19 +Regla 3. El proxypass principal de redireccionamiento reside en el servidor 192.168.1.10
  20 +
  21 +El proxypass maestro de redireccionamiento reside en el servidor 192.168.1.20
  22 +
  23 +Regla 4. Para el LOGIN, el código del municipio es seleccionado por el usuario de la aplicación al loguearse.
  24 +Para el LOGIN siempre se utiliza en año actual.
  25 +Para las pruebas de LOGIN se usa el usuario 'operador' y el pase 'ataj800306465'.
  26 +
  27 +Regla 5. Los parámetros para la visualización y despliegue de mapas en el geoserver deberá usarse el registro correspondiente al municipio que se obtiene en la tabla ENTIDADES. El código del municipio es seleccionado por el usuario de la aplicación al loguearse.
  28 +Por ejemplo:
  29 +select * from public.entidades WHERE activo= TRUE AND entidad= 505 ;
  30 +
  31 +Los parámetros disponibles son:
  32 + sigem_site character varying(100)
  33 + sigem_dbname character varying(100)
  34 + latlong character varying(70)
  35 + lng character varying(35)
  36 + lat character varying(35)
  37 + zoom character varying(2)
  38 + mapa_base character varying(100)
  39 + boundno character varying(70)
  40 + boundse character varying(70)
  41 + maxzoom character varying(2)
  42 + minzoom character varying(2)
  43 +
  44 +La base de datos del municipio con los datos de liquidaciones de deudas y pagos se encuentran la base de datos remota referida por las columnas sigem_site y sigem_dbname para definir el string de conexión incluida credenciales. Se usa la tabla ENTIDADES de la Base de Datos SIGEMWEB del servidor 192.168.1.254 y se use el registro correspondiente a la entidad seleccionada usando la columna entidad.
  45 +
  46 +La visualización de mapas será en 2D y no se usará 3D en este proyecto.
  47 +
  48 +El servicio de Postgres Versión 17 en el servidor 192.168.1.254 usa el puerto 5432, usuario: postgres y password: x25yvaga2017
  49 +
  50 +Regla 6. Para la construcción en la compilación, se usa JAVA21 del 192.168.1.123
  51 +
  52 +Regla 7. Credenciales para acceso al 192.168.1.123
  53 +cbareiro/x25yvaga2023
  54 +root/x25yvaga2023
  55 +
  56 +Regla 8. Credenciales para acceso al 192.168.1.10
  57 +cbareiro/x25yvaga2020
  58 +root/x25yvaga2021
  59 +
  60 +Regla 9. Credenciales para acceso al 192.168.1.20
  61 +cbareiro/x25yvaga2020
  62 +root/x25yvaga2020
  63 +
  64 +Regla 10. Credenciales para acceso al 192.168.1.129
  65 +cbareiro/x25yvaga2025
  66 +
  67 +Regla 11. Credenciales para JENKINS EN 192.168.1.123
  68 +Usuario: admin
  69 +Contraseña: x25yvaga2024
  70 +
  71 +Regla 12. Para el despliegue del módulo GIS, el Jenkinsfile ya tiene configurado el ID de credencial SSH como sigem-server-123, el cual utiliza el usuario root para las operaciones automáticas de scp y docker compose en ese servidor.
  72 +
  73 +Regla 13. Apache Tomcat
  74 +Los siguientes usuarios estan configurados en Tomcat para la administracion del servidor de
  75 +aplicaciones y el despliegue de servicios. Cada usuario tiene roles especificos asignados.
  76 +
  77 +Tomcat Manager
  78 +Usuario Password
  79 +usuario: manager pase: x25yvaga2023 Roles: manager-gui
  80 +
  81 +admin geoserver admin, manager-gui
  82 +GeoServer Web UI
  83 +usuario: admin pase: geoserver Roles: admin, manager-gui
  84 +http://192.168.1.123:8080/geoserver
  85 +
  86 +Regla 14. Administración del GEOSERVER.
  87 +Los siguientes endpoints son los puntos de acceso principales del sistema GeoServer desplegado:
  88 +Servicio URL
  89 +GeoServer Web UI http://192.168.1.123:8080/geoserver
  90 +Tomcat Manager http://192.168.1.123:8080/manager/html
  91 +WMS (Mapas) http://192.168.1.123:8080/geoserver/wms
  92 +WFS (Vectores) http://192.168.1.123:8080/geoserver/wfs
  93 +WCS (Coberturas) http://192.168.1.123:8080/geoserver/wcs
  94 +REST API http://192.168.1.123:8080/geoserver/rest
  95 +
  96 +Regla 15. La aplicación se desplegará en el servidor 192.168.1.123
  97 +La carpeta de trabajo es: /yvyape/proyectos/sigem-gis
  98 +
  99 +Regla 16. Conexión FDW y Sincronización de Vistas.
  100 +Esta conexión vía Foreign Data Wrapper deberá utilizarse para toda consulta que requiera obtener datos de la base de datos remota del municipio.
  101 +La aplicación GIS-GEOSERVER procederá a usar el código del municipio seleccionado en el LOGIN por parte del usuario. Si el valor de la columna ACTIVO = true entonces se verificará si existe el FDW de ese municipio. Si no existe que lo cree para el servidor de ese municipio en la base de datos georreferenciada del GIS-GEOSERVER.
  102 +Independientemente de si el FDW ya existía, el sistema debe **recrear o refrescar obligatoriamente** las vistas de unión locales (`vw_lotes_morosidad_X` y `vw_mejoras_morosidad_X`) en cada LOGIN o actualización manual para asegurar la sincronización de los datos numéricos de morosidad.
  103 +
  104 +Regla 17. Para el repositorio de código fuente se usa el servidor de git 192.168.1.100 Para acceso al repositorio git usar usuario: cbareiro@yvaga.com.py y password carlos57
  105 +Para la conexión al proyecto git se usa git@git.yvaga.com.py:geo/gis-geoserver.git con SSH.
  106 +Para la conexión al proyecto git se usa http://git.yvaga.com.py/geo/gis-geoserver.git con HTTP.
  107 +
  108 +Regla 18. Para usar SSH desde el equipo local Windows 11, debes usar la aplicación Bitvise con usuario cbareiro.
  109 +
  110 +Regla 19: Uso obligatorio de ./mvnw clean package -DskipTests para builds ágiles.
  111 +
  112 +Regla 20. Para el FrontEnd las llamadas usarán /gis-geoserver/ como prefijo base.
  113 +El acceso al FrontEnd será por https://sigemtest.yvaga.com.py/gis-geoserver/login.
  114 +
  115 +Regla 21. Para el BackEnd el camino es server.servlet.context-path=/gis-geoserver.
  116 +
  117 +Regla 22: Integridad de Comandos Remotos (Bitvise)
  118 +Está vinculada a la Regla 18.
  119 +Queda prohibido el uso de comandos printf, echo o concatenaciones multilínea complejas directamente dentro de sexec para crear archivos en el servidor.
  120 +Ante la necesidad de crear o modificar un archivo completo (como docker-compose.yml o Dockerfile), se debe crear el archivo localmente primero y utilizar sftpc para subirlo. Esto garantiza que el contenido llegue íntegro y sin errores de formato causados por el shell de Windows.
  121 +
  122 +Regla 23. Columnas de Unión (Joins).
  123 +Para toda vista de unión entre tablas locales del GIS (`eXXX_lotes_conccc`, `eXXX_mejoras`) y las tablas remotas del FDW, se debe utilizar obligatoriamente la columna **`ccc`** (Clave Catastral Común) como clave de relación. Queda prohibido el uso de la columna `lote_codigo` para este fin en la Entidad 505 y sucesivas que compartan el mismo esquema.
  124 +Esta es la definición de vista que funciona:
  125 +CREATE OR REPLACE VIEW public.vw_lotes_morosidad_505 AS
  126 +SELECT
  127 + l.*,
  128 + m.inm_ficha,
  129 + m.inm_ctacatastral,
  130 + m.trb_total_deuda,
  131 + m.trb_total_pago,
  132 + m.ultimo_pago
  133 +FROM public.e505_lotes_conccc l
  134 +LEFT JOIN fdw_505.v_liq_entidad_totalxobjeto m ON l.ccc = m.inm_ctacatastral
  135 +
  136 +Regla 24. Resiliencia del LOGIN.
  137 +Toda orquestación de servicios secundarios (GeoServer REST API, habilitación de MVT, etc.) invocada durante el proceso de LOGIN debe ser **no-bloqueante**. Esto implica el uso obligatorio de bloques `try-catch` para capturar cualquier fallo externo y la configuración de un tiempo de espera (**timeout**) máximo de **2 segundo** por conexión, para no comprometer la fluidez del acceso al sistema.
  138 +
  139 +Regla 25. Protocolo de Registro de Logros (Hitos).
  140 +Ante cada logro o funcionalidad nueva validada que requiera un registro oficial, se añadirá (append) una entrada al archivo `VERSION.txt` (local y remoto) en formato texto plano, siguiendo el formato: "Version SIG (Abril 2026) - AAAA.MM.DD.HH.MM.SS ID DOCKER: ". Aqui´se debería agregar el id único del docker usado, A esto se le debe agregar un texto de observación mío.
  141 +Este registro oficial deberá ser autorizado por el usuario. Se aplica solamente por indicaciones del usuario cuando confirme algún hito de éxito que le interese.
0 142 \ No newline at end of file
... ...
GIS-GEOSERVER/VERSION.txt
  View file @157aa29
... ... @@ -7,4 +7,5 @@ V e r s i o n d e E s t a b i l i z a c i o n S I G ( A b r i l 2 0 2
7 7 Version de Estabilizacion SIG (Abril 2026) - 2026.04.05.01.49.29 ID DOCKER: c68e229b6d94
8 8 Mapa Coloreado
9 9 Version de Estabilizacion SIG (Abril 2026) - 2026.04.05.04.28.49 ID DOCKER: c68e229b6d94. Observación: Fix de las contraseñas WMS y polígonos a full color.
10   -Versión de Estabilización SIG (Abril 2026) - 2026.04.05.06.31.00 ID DOCKER: c68e229b6d94. Observación: Reestructuracion pura de BaseMap y soporte Google auto-escalado satelital.
11 10 \ No newline at end of file
  11 +Versión de Estabilización SIG (Abril 2026) - 2026.04.05.06.31.00 ID DOCKER: c68e229b6d94. Observación: Reestructuracion pura de BaseMap y soporte Google auto-escalado satelital.
  12 +Versión SIG (Abril 2026) - 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.
12 13 \ No newline at end of file
... ...
GIS-GEOSERVER/src/main/java/com/sigem/gis/controller/WebViewController.java
  View file @157aa29
... ... @@ -16,6 +16,16 @@ public class WebViewController {
16 16 return "forward:/mapas.html";
17 17 }
18 18  
  19 + @GetMapping("/landing")
  20 + public String landing() {
  21 + return "forward:/landing.html";
  22 + }
  23 +
  24 + @GetMapping("/widgets")
  25 + public String widgets() {
  26 + return "forward:/widgets.html";
  27 + }
  28 +
19 29 @GetMapping("/")
20 30 public String index() {
21 31 return "redirect:/login";
... ...
GIS-GEOSERVER/src/main/java/com/sigem/gis/security/SecurityConfig.java
  View file @157aa29
... ... @@ -29,7 +29,7 @@ public class SecurityConfig {
29 29 .requestMatchers("/api/auth/**").permitAll() // Login
30 30 .requestMatchers("/api/admin/**").permitAll() // Admin FDW
31 31 .requestMatchers("/api/gis/**").permitAll() // API Datos GIS (Estadísticas)
32   - .requestMatchers("/login.html", "/", "/mapas/**", "/login", "/error").permitAll()
  32 + .requestMatchers("/login.html", "/", "/mapas/**", "/login", "/error", "/landing", "/landing.html", "/widgets", "/widgets.html").permitAll()
33 33 .requestMatchers("/mapas_institucional.html").permitAll()
34 34 .requestMatchers("/css/**", "/js/**", "/img/**", "/vendor/**").permitAll() // Recursos
35 35 .requestMatchers("/gwc/**", "/sigem/**", "/wms/**", "/wfs/**", "/rest/**").permitAll() // Proxy Geoserver
... ... @@ -41,7 +41,8 @@ public class SecurityConfig {
41 41 .httpBasic(basic -> basic.disable()) // Deshabilitar específicamente HTTP Basic
42 42 .formLogin(form -> form.disable()) // Deshabilitar específicamente el formulario por defecto
43 43 // Interceptor que inyecta la lógica de JWT antes de procesar el Username/Password estándar
44   - .addFilterBefore(jwtAuthFilter, UsernamePasswordAuthenticationFilter.class);
  44 + .addFilterBefore(jwtAuthFilter, UsernamePasswordAuthenticationFilter.class)
  45 + .headers(headers -> headers.frameOptions(frame -> frame.sameOrigin()));
45 46  
46 47 return http.build();
47 48 }
... ...
GIS-GEOSERVER/src/main/resources/static/landing.html 0 → 100644
  View file @157aa29
  1 +<!DOCTYPE html>
  2 +<html lang="es">
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>SIGEMWEB - Dashboard</title>
  7 +
  8 + <!-- Google Font: Source Sans Pro -->
  9 + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  10 + <!-- Font Awesome -->
  11 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  12 + <!-- Theme style -->
  13 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  14 + <style>
  15 + .content-wrapper { padding: 0; margin-left: 250px; height: calc(100vh - 57px); overflow: hidden; }
  16 + iframe#main-iframe { width: 100%; height: 100%; border: none; }
  17 + .brand-link { background-color: #0056b3 !important; color: white !important; font-weight: bold;}
  18 + .main-header { background-color: #006ddb !important; border-bottom: none; }
  19 + .navbar-light .navbar-nav .nav-link { color: white; font-weight: 600;}
  20 + /* Treeview in popup */
  21 + .modal-treeview ul { list-style-type: none; padding-left: 20px; }
  22 + .modal-treeview li { margin-bottom: 5px; cursor: default;}
  23 + .modal-treeview li span { font-size: 14px; font-weight: 500; }
  24 + .modal-treeview li span.clickable:hover { color: #0056b3; cursor: pointer; font-weight: bold; }
  25 + </style>
  26 +</head>
  27 +<body class="hold-transition sidebar-mini layout-fixed">
  28 +<div class="wrapper">
  29 +
  30 + <!-- Navbar -->
  31 + <nav class="main-header navbar navbar-expand navbar-light">
  32 + <!-- Left navbar links -->
  33 + <ul class="navbar-nav">
  34 + <li class="nav-item">
  35 + <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  36 + </li>
  37 + <li class="nav-item d-none d-sm-inline-block">
  38 + <span class="nav-link" style="color: white; font-size: 18px; margin-left:10px;">Municipalidad de <span id="nav-entidad-text" style="font-weight: 800;">...</span> <span style="font-size: 14px; font-weight: 300;">¡Emergente y Sostenible!</span></span>
  39 + </li>
  40 + </ul>
  41 +
  42 + <!-- Right navbar links -->
  43 + <ul class="navbar-nav ml-auto">
  44 + <li class="nav-item dropdown">
  45 + <a class="nav-link" data-toggle="dropdown" href="#" style="color: white;">
  46 + <i class="far fa-user mr-2"></i> <span id="nav-user-text">Cargando...</span>
  47 + </a>
  48 + <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  49 + <a href="#" class="dropdown-item" onclick="cerrarSesion()">
  50 + <i class="fas fa-sign-out-alt mr-2 text-danger"></i> Cerrar Sesión
  51 + </a>
  52 + </div>
  53 + </li>
  54 + </ul>
  55 + </nav>
  56 + <!-- /.navbar -->
  57 +
  58 + <!-- Main Sidebar Container -->
  59 + <aside class="main-sidebar sidebar-dark-primary elevation-4">
  60 + <!-- Brand Logo -->
  61 + <a href="#" class="brand-link text-center mb-2">
  62 + <span class="brand-text"><b>SIGEM</b>WEB</span>
  63 + </a>
  64 +
  65 + <!-- Sidebar Menu -->
  66 + <nav class="mt-2">
  67 + <ul class="nav nav-pills nav-sidebar flex-column text-sm" data-widget="treeview" role="menu" data-accordion="false">
  68 +
  69 + <li class="nav-item">
  70 + <a href="#" class="nav-link" onclick="loadContent('/gis-geoserver/widgets')">
  71 + <i class="nav-icon fas fa-tachometer-alt"></i>
  72 + <p>Dashboard <span class="right badge badge-primary">New</span></p>
  73 + </a>
  74 + </li>
  75 +
  76 + <!-- Legacy Tree -->
  77 + <li class="nav-item menu-open">
  78 + <a href="#" class="nav-link active" style="background-color: #343a40;">
  79 + <i class="nav-icon fas fa-chart-line"></i>
  80 + <p>
  81 + Control de Gestión
  82 + <i class="right fas fa-angle-left"></i>
  83 + </p>
  84 + </a>
  85 + <ul class="nav nav-treeview">
  86 + <li class="nav-item menu-open">
  87 + <a href="#" class="nav-link">
  88 + <i class="far fa-dot-circle nav-icon"></i>
  89 + <p>Mapas <i class="right fas fa-angle-left"></i></p>
  90 + </a>
  91 + <ul class="nav nav-treeview" style="margin-left: 10px;">
  92 + <li class="nav-item menu-open">
  93 + <a href="#" class="nav-link">
  94 + <i class="fas fa-map nav-icon text-info"></i>
  95 + <p>Tributarios <i class="right fas fa-angle-left"></i></p>
  96 + </a>
  97 + <ul class="nav nav-treeview" style="margin-left: 10px;">
  98 + <li class="nav-item">
  99 + <a href="#" class="nav-link" data-toggle="modal" data-target="#modalMorosidad">
  100 + <i class="fas fa-layer-group nav-icon text-warning"></i>
  101 + <p>Mapa Morosidad/Pago</p>
  102 + </a>
  103 + </li>
  104 + </ul>
  105 + </li>
  106 + </ul>
  107 + </li>
  108 + </ul>
  109 + </li>
  110 +
  111 + <!-- Dummy Options -->
  112 + <li class="nav-header">OTRAS OPCIONES</li>
  113 + <li class="nav-item">
  114 + <a href="#" class="nav-link" onclick="notImplemented()">
  115 + <i class="nav-icon fas fa-file-invoice-dollar text-muted"></i>
  116 + <p>Liquidaciones</p>
  117 + </a>
  118 + </li>
  119 + <li class="nav-item">
  120 + <a href="#" class="nav-link" onclick="notImplemented()">
  121 + <i class="nav-icon fas fa-users text-muted"></i>
  122 + <p>Contribuyentes</p>
  123 + </a>
  124 + </li>
  125 +
  126 + </ul>
  127 + </nav>
  128 + <!-- /.sidebar-menu -->
  129 + </aside>
  130 +
  131 + <!-- Content Wrapper. Contains page content -->
  132 + <div class="content-wrapper">
  133 + <iframe id="main-iframe" src="/gis-geoserver/widgets"></iframe>
  134 + </div>
  135 +
  136 + <!-- Main Footer -->
  137 + <footer class="main-footer" style="padding: 5px; font-size: 12px;">
  138 + <strong>Sistema de Información Geográfica Municipal.</strong>
  139 + Todos los derechos reservados.
  140 + </footer>
  141 +</div>
  142 +<!-- ./wrapper -->
  143 +
  144 +<!-- Modal Pop-up para Selección de Mapa (Exactamente como el legado) -->
  145 +<div class="modal fade" id="modalMorosidad" tabindex="-1" role="dialog" aria-hidden="true">
  146 + <div class="modal-dialog modal-sm" role="document" style="margin-top: 15vh;">
  147 + <div class="modal-content shadow-lg" style="border: 1px solid #17a2b8;">
  148 + <div class="modal-header bg-info" style="padding: 10px;">
  149 + <h6 class="modal-title" style="font-weight: bold;"><i class="fas fa-filter"></i> Selección Capas Geo</h6>
  150 + <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
  151 + <span aria-hidden="true">&times;</span>
  152 + </button>
  153 + </div>
  154 + <div class="modal-body modal-treeview">
  155 + <ul>
  156 + <li><i class="fas fa-minus-square mr-1 text-secondary"></i> <span>MAPA DE MOROSIDAD</span>
  157 + <ul>
  158 + <li><i class="fas fa-plus-square mr-1 text-secondary"></i> <span>IMPUESTOS ADEUDADOS</span>
  159 + <ul>
  160 + <li><i class="fas fa-plus mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">Impuesto Inmobiliario</span></li>
  161 + <li><i class="fas fa-plus mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">Patente Comercial</span></li>
  162 + <li><i class="fas fa-plus-square mr-1 text-secondary"></i> <span>Todos</span>
  163 + <ul>
  164 + <li><i class="far fa-window-restore mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">POR TOTAL</span></li>
  165 + <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>
  166 + </ul>
  167 + </li>
  168 + </ul>
  169 + </li>
  170 + <li><i class="fas fa-plus-square mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">IMPUESTOS PAGADOS</span></li>
  171 + </ul>
  172 + </li>
  173 + </ul>
  174 + </div>
  175 + </div>
  176 + </div>
  177 +</div>
  178 +
  179 +<!-- jQuery -->
  180 +<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  181 +<!-- Bootstrap 4 -->
  182 +<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  183 +<!-- AdminLTE App -->
  184 +<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
  185 +
  186 +<script>
  187 + // Recuperar datos de sesión
  188 + const token = localStorage.getItem('jwt');
  189 + const userName = localStorage.getItem('user_name');
  190 + const entidad = localStorage.getItem('entidad');
  191 +
  192 + if (!token) {
  193 + window.location.href = "/gis-geoserver/login";
  194 + }
  195 +
  196 + document.getElementById('nav-user-text').innerText = userName || 'Operador Local';
  197 + document.getElementById('nav-entidad-text').innerText = entidad || 'N/D';
  198 +
  199 + function notImplemented() {
  200 + alert("OPCIÓN NO IMPLEMENTADA");
  201 + }
  202 +
  203 + function loadContent(url) {
  204 + document.getElementById('main-iframe').src = url;
  205 + }
  206 +
  207 + function loadMap() {
  208 + // Cierra el modal de forma programática usando jQuery de Bootstrap
  209 + $('#modalMorosidad').modal('hide');
  210 + // Redirige el iframe central hacia nuestro impecable mapas.html
  211 + loadContent('/gis-geoserver/mapas');
  212 + }
  213 +
  214 + function cerrarSesion() {
  215 + localStorage.clear();
  216 + window.location.href = "/gis-geoserver/login";
  217 + }
  218 +</script>
  219 +</body>
  220 +</html>
... ...
GIS-GEOSERVER/src/main/resources/static/login.html
  View file @157aa29
1 1 <!DOCTYPE html>
2 2 <html lang="es">
3 3 <head>
4   - <meta charset="UTF-8">
5   - <meta name="viewport" content="width=device-width, initial-scale=1.0">
6   - <title>Inicie Sesión - Ecosistema SIGEM</title>
7   - <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
8   - <style>
9   - * { margin: 0; padding: 0; box-sizing: border-box; }
10   - body {
11   - font-family: 'Inter', sans-serif;
12   - background: linear-gradient(-45deg, #0d1b2a, #1b263b, #415a77, #778da9);
13   - background-size: 400% 400%;
14   - animation: gradientBG 15s ease infinite;
15   - height: 100vh;
16   - display: flex;
17   - justify-content: center;
18   - align-items: center;
19   - color: #fff;
20   - }
21   - @keyframes gradientBG {
22   - 0% { background-position: 0% 50%; }
23   - 50% { background-position: 100% 50%; }
24   - 100% { background-position: 0% 50%; }
25   - }
26   - .login-container {
27   - background: rgba(255, 255, 255, 0.05);
28   - backdrop-filter: blur(20px);
29   - -webkit-backdrop-filter: blur(20px);
30   - border: 1px solid rgba(255, 255, 255, 0.1);
31   - border-radius: 24px;
32   - padding: 40px;
33   - width: 100%;
34   - max-width: 400px;
35   - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
36   - animation: slideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
37   - opacity: 0;
38   - transform: translateY(30px);
39   - }
40   - @keyframes slideUp { to { opacity: 1; transform: translateY(0); } }
41   - .logo-area { text-align: center; margin-bottom: 30px; }
42   - .logo-area h1 { font-weight: 800; font-size: 28px; letter-spacing: -0.5px; }
43   - .logo-area span { color: #facc15; }
44   - .logo-area p { font-size: 14px; font-weight: 300; color: #cbd5e1; margin-top: 5px; }
45   - .input-group { margin-bottom: 20px; }
46   - .input-group label {
47   - display: block; font-size: 13px; font-weight: 600; color: #94a3b8; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px;
48   - }
49   - .input-group input, .input-group select {
50   - width: 100%; padding: 14px 16px; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.1);
51   - border-radius: 12px; color: #fff; font-size: 15px; font-family: 'Inter', sans-serif; transition: all 0.3s ease;
52   - }
53   - .input-group select { appearance: none; cursor: pointer; }
54   - .input-group select option { color: #000; }
55   - .input-group input:focus, .input-group select:focus {
56   - outline: none; border-color: #facc15; background: rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.2);
57   - }
58   - .btn-submit {
59   - width: 100%; padding: 16px; background: linear-gradient(135deg, #eab308, #ca8a04);
60   - color: #000; border: none; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer;
61   - transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 10px 15px -3px rgba(234, 179, 8, 0.3);
62   - margin-top: 10px;
63   - }
64   - .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 15px 25px -5px rgba(234, 179, 8, 0.4); }
65   - .btn-submit:active { transform: translateY(0); }
66   -
67   - #error-msg {
68   - display: none; color: #fca5a5; font-size: 14px; font-weight: 600; text-align: center;
69   - background: rgba(239, 68, 68, 0.2); padding: 10px; border-radius: 8px; margin-top: 15px; border: 1px solid rgba(239, 68, 68, 0.3);
70   - }
71   -
72   - .loader {
73   - display: none; border: 3px solid rgba(0, 0, 0, 0.1); border-radius: 50%;
74   - border-top: 3px solid #000; width: 24px; height: 24px; animation: spin 1s linear infinite; margin: 0 auto;
75   - }
76   - @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
77   - </style>
78   -</head>
79   -<body>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>Inicie Sesión - Ecosistema SIGEM</title>
80 7  
81   -<div class="login-container">
82   - <div class="logo-area">
83   - <h1>SIGEM<span>WEB</span></h1>
84   - <p>Visor Georreferenciado Multi-Tenant</p>
85   - </div>
  8 + <!-- Google Font: Source Sans Pro (Estandar de AdminLTE) -->
  9 + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  10 + <!-- Font Awesome -->
  11 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  12 + <!-- Theme style AdminLTE 3 -->
  13 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  14 + <style>
  15 + .login-page {
  16 + background: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%);
  17 + }
  18 + .card-primary.card-outline {
  19 + border-top: 3px solid #0056b3;
  20 + }
  21 + .btn-primary {
  22 + background-color: #0056b3;
  23 + border-color: #0056b3;
  24 + }
  25 + .btn-primary:hover {
  26 + background-color: #004494;
  27 + border-color: #004494;
  28 + }
  29 + .login-logo a {
  30 + color: #333 !important;
  31 + }
  32 + </style>
  33 +</head>
  34 +<body class="hold-transition login-page">
  35 +<div class="login-box">
  36 + <div class="login-logo">
  37 + <a href="#"><b>SIGEM</b>WEB</a>
  38 + </div>
  39 + <!-- /.login-logo -->
  40 + <div class="card card-outline card-primary shadow-lg">
  41 + <div class="card-body login-card-body rounded">
  42 + <p class="login-box-msg font-weight-bold" style="color: #555;">Visor Georreferenciado Multi-Tenant</p>
86 43  
87   - <form id="loginForm">
88   - <div class="input-group">
89   - <label for="municipioSearch">Municipalidad (Entidad)</label>
90   - <input type="text" id="municipioSearch" placeholder="Escriba para buscar (ej. 505)" autocomplete="off" style="margin-bottom: 5px;">
91   - <select id="entidad" required size="3" style="height: 100px; overflow-y: auto;">
  44 + <form id="loginForm">
  45 + <label for="municipioSearch" class="text-xs text-muted mb-1" style="font-size: 0.8rem; text-transform: uppercase;">1. Entidad (Municipalidad)</label>
  46 + <div class="input-group mb-2">
  47 + <input type="text" id="municipioSearch" class="form-control" placeholder="Buscar municipio (ej. 505)" autocomplete="off">
  48 + <div class="input-group-append">
  49 + <div class="input-group-text">
  50 + <span class="fas fa-search"></span>
  51 + </div>
  52 + </div>
  53 + </div>
  54 + <div class="form-group mb-3">
  55 + <select id="entidad" class="form-control" required size="3" style="height: 85px; cursor: pointer; font-size: 0.9rem;">
92 56 <option value="505">Entidad 505 (Piloto GIS)</option>
93 57 <option value="800">Entidad 800 (Pruebas)</option>
94 58 <option value="900">Entidad 900 (Desarrollo)</option>
95   - </select>
96   - <p style="font-size: 11px; color: #94a3b8; margin-top: 5px;">Seleccione de la lista superior</p>
  59 + </select>
97 60 </div>
98   - <div class="input-group">
99   - <label for="username">Usuario</label>
100   - <input type="text" id="username" placeholder="Usu_alias (ej. operador)" required autocomplete="username">
  61 +
  62 + <label class="text-xs text-muted mb-1" style="font-size: 0.8rem; text-transform: uppercase;">2. Credenciales</label>
  63 + <div class="input-group mb-3">
  64 + <input type="text" id="username" class="form-control" placeholder="Usu_alias (ej. operador)" required autocomplete="username">
  65 + <div class="input-group-append">
  66 + <div class="input-group-text">
  67 + <span class="fas fa-user"></span>
  68 + </div>
  69 + </div>
101 70 </div>
102   - <div class="input-group">
103   - <label for="password">Contraseña</label>
104   - <input type="password" id="password" placeholder="Tu clave alfanumérica" required autocomplete="current-password">
  71 + <div class="input-group mb-3">
  72 + <input type="password" id="password" class="form-control" placeholder="Tu clave alfanumérica" required autocomplete="current-password">
  73 + <div class="input-group-append">
  74 + <div class="input-group-text">
  75 + <span class="fas fa-lock"></span>
  76 + </div>
  77 + </div>
105 78 </div>
106   -
107   - <button type="submit" class="btn-submit" id="btn-login">
108   - <span id="btn-text">INICIAR SESIÓN</span>
109   - <div class="loader" id="spinner"></div>
110   - </button>
111   -
112   - <div id="error-msg"></div>
113   - </form>
  79 +
  80 + <div id="error-msg" class="alert alert-danger p-2 mb-3 text-center" style="display:none; font-size: 13px;"></div>
  81 +
  82 + <div class="row mt-4">
  83 + <div class="col-12">
  84 + <button type="submit" class="btn btn-primary btn-block font-weight-bold" id="btn-login" style="padding: 10px;">
  85 + <span id="btn-text">INICIAR SESIÓN</span>
  86 + <div class="spinner-border spinner-border-sm text-light" id="spinner" role="status" style="display:none; margin: auto;"></div>
  87 + </button>
  88 + </div>
  89 + </div>
  90 + </form>
  91 + </div>
  92 + <!-- /.login-card-body -->
  93 + </div>
114 94 </div>
  95 +<!-- /.login-box -->
  96 +
  97 +<!-- jQuery -->
  98 +<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  99 +<!-- Bootstrap 4 -->
  100 +<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  101 +<!-- AdminLTE App -->
  102 +<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
115 103  
116 104 <script>
117 105 // Filtro interactivo de municipios
... ... @@ -134,6 +122,7 @@
134 122  
135 123 // Limpiar sesión previa si por error caen al login
136 124 localStorage.removeItem('jwt');
  125 + localStorage.removeItem('user_name');
137 126  
138 127 document.getElementById('loginForm').addEventListener('submit', function(e) {
139 128 e.preventDefault();
... ... @@ -185,8 +174,8 @@
185 174 localStorage.setItem('mapa_base_id', data.mapaBase);
186 175 localStorage.setItem('map_bounds', data.bounds);
187 176  
188   - // Redirigir a la URL del Mapas de Leaflet
189   - window.location.href = "/gis-geoserver/mapas";
  177 + // Redirigir a la URL del Mapas
  178 + window.location.href = "/gis-geoserver/landing";
190 179 })
191 180 .catch(error => {
192 181 // LOGIN ERROR
... ... @@ -200,6 +189,5 @@
200 189 });
201 190 });
202 191 </script>
203   -
204 192 </body>
205 193 </html>
... ...
GIS-GEOSERVER/src/main/resources/static/widgets.html 0 → 100644
  View file @157aa29
  1 +<!DOCTYPE html>
  2 +<html lang="es">
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <!-- Google Font: Source Sans Pro -->
  7 + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  8 + <!-- Font Awesome -->
  9 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  10 + <!-- Theme style AdminLTE 3 -->
  11 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  12 + <style>
  13 + body { background-color: #f4f6f9; padding: 20px; font-family: 'Source Sans Pro', sans-serif; }
  14 + .welcome-header { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 600;}
  15 + </style>
  16 +</head>
  17 +<body>
  18 + <div class="welcome-header">
  19 + <i class="fas fa-home text-primary"></i> Tablero General (Estadísticas Simuladas)
  20 + </div>
  21 +
  22 + <div class="row">
  23 + <!-- Tarjeta 1 -->
  24 + <div class="col-lg-3 col-6">
  25 + <div class="small-box bg-info shadow-sm">
  26 + <div class="inner">
  27 + <h3>99,999</h3>
  28 + <p>Lotes Registrados</p>
  29 + </div>
  30 + <div class="icon">
  31 + <i class="fas fa-map-marked-alt"></i>
  32 + </div>
  33 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  34 + </div>
  35 + </div>
  36 + <!-- Tarjeta 2 -->
  37 + <div class="col-lg-3 col-6">
  38 + <div class="small-box bg-success shadow-sm">
  39 + <div class="inner">
  40 + <h3>Gs. ---<sup style="font-size: 20px"></sup></h3>
  41 + <p>Recaudación del Día</p>
  42 + </div>
  43 + <div class="icon">
  44 + <i class="fas fa-hand-holding-usd"></i>
  45 + </div>
  46 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  47 + </div>
  48 + </div>
  49 +
  50 + <!-- Tarjeta 3 -->
  51 + <div class="col-lg-3 col-6">
  52 + <div class="small-box bg-warning shadow-sm">
  53 + <div class="inner">
  54 + <h3>---</h3>
  55 + <p>Nuevas Actividades Comerciales</p>
  56 + </div>
  57 + <div class="icon">
  58 + <i class="fas fa-store"></i>
  59 + </div>
  60 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  61 + </div>
  62 + </div>
  63 + <!-- Tarjeta 4 -->
  64 + <div class="col-lg-3 col-6">
  65 + <div class="small-box bg-danger shadow-sm">
  66 + <div class="inner">
  67 + <h3>45%</h3>
  68 + <p>Índice General de Morosidad</p>
  69 + </div>
  70 + <div class="icon">
  71 + <i class="fas fa-chart-pie"></i>
  72 + </div>
  73 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  74 + </div>
  75 + </div>
  76 + </div>
  77 +
  78 + <div class="row mt-4">
  79 + <div class="col-12">
  80 + <div class="card card-outline card-primary shadow-sm" style="border-top: 3px solid #0056b3;">
  81 + <div class="card-header">
  82 + <h3 class="card-title text-muted"><i class="fas fa-info-circle mr-1"></i> Estado del Sistema</h3>
  83 + </div>
  84 + <div class="card-body">
  85 + <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>
  86 + </div>
  87 + </div>
  88 + </div>
  89 + </div>
  90 +
  91 +<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  92 +<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  93 +</body>
  94 +</html>
... ...
GIS-GEOSERVER/target/classes/com/sigem/gis/controller/WebViewController.class
View file @157aa29
No preview for this file type
GIS-GEOSERVER/target/classes/com/sigem/gis/security/SecurityConfig.class
View file @157aa29
No preview for this file type
GIS-GEOSERVER/target/classes/static/landing.html 0 → 100644
  View file @157aa29
  1 +<!DOCTYPE html>
  2 +<html lang="es">
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>SIGEMWEB - Dashboard</title>
  7 +
  8 + <!-- Google Font: Source Sans Pro -->
  9 + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  10 + <!-- Font Awesome -->
  11 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  12 + <!-- Theme style -->
  13 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  14 + <style>
  15 + .content-wrapper { padding: 0; margin-left: 250px; height: calc(100vh - 57px); overflow: hidden; }
  16 + iframe#main-iframe { width: 100%; height: 100%; border: none; }
  17 + .brand-link { background-color: #0056b3 !important; color: white !important; font-weight: bold;}
  18 + .main-header { background-color: #006ddb !important; border-bottom: none; }
  19 + .navbar-light .navbar-nav .nav-link { color: white; font-weight: 600;}
  20 + /* Treeview in popup */
  21 + .modal-treeview ul { list-style-type: none; padding-left: 20px; }
  22 + .modal-treeview li { margin-bottom: 5px; cursor: default;}
  23 + .modal-treeview li span { font-size: 14px; font-weight: 500; }
  24 + .modal-treeview li span.clickable:hover { color: #0056b3; cursor: pointer; font-weight: bold; }
  25 + </style>
  26 +</head>
  27 +<body class="hold-transition sidebar-mini layout-fixed">
  28 +<div class="wrapper">
  29 +
  30 + <!-- Navbar -->
  31 + <nav class="main-header navbar navbar-expand navbar-light">
  32 + <!-- Left navbar links -->
  33 + <ul class="navbar-nav">
  34 + <li class="nav-item">
  35 + <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
  36 + </li>
  37 + <li class="nav-item d-none d-sm-inline-block">
  38 + <span class="nav-link" style="color: white; font-size: 18px; margin-left:10px;">Municipalidad de <span id="nav-entidad-text" style="font-weight: 800;">...</span> <span style="font-size: 14px; font-weight: 300;">¡Emergente y Sostenible!</span></span>
  39 + </li>
  40 + </ul>
  41 +
  42 + <!-- Right navbar links -->
  43 + <ul class="navbar-nav ml-auto">
  44 + <li class="nav-item dropdown">
  45 + <a class="nav-link" data-toggle="dropdown" href="#" style="color: white;">
  46 + <i class="far fa-user mr-2"></i> <span id="nav-user-text">Cargando...</span>
  47 + </a>
  48 + <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
  49 + <a href="#" class="dropdown-item" onclick="cerrarSesion()">
  50 + <i class="fas fa-sign-out-alt mr-2 text-danger"></i> Cerrar Sesión
  51 + </a>
  52 + </div>
  53 + </li>
  54 + </ul>
  55 + </nav>
  56 + <!-- /.navbar -->
  57 +
  58 + <!-- Main Sidebar Container -->
  59 + <aside class="main-sidebar sidebar-dark-primary elevation-4">
  60 + <!-- Brand Logo -->
  61 + <a href="#" class="brand-link text-center mb-2">
  62 + <span class="brand-text"><b>SIGEM</b>WEB</span>
  63 + </a>
  64 +
  65 + <!-- Sidebar Menu -->
  66 + <nav class="mt-2">
  67 + <ul class="nav nav-pills nav-sidebar flex-column text-sm" data-widget="treeview" role="menu" data-accordion="false">
  68 +
  69 + <li class="nav-item">
  70 + <a href="#" class="nav-link" onclick="loadContent('/gis-geoserver/widgets')">
  71 + <i class="nav-icon fas fa-tachometer-alt"></i>
  72 + <p>Dashboard <span class="right badge badge-primary">New</span></p>
  73 + </a>
  74 + </li>
  75 +
  76 + <!-- Legacy Tree -->
  77 + <li class="nav-item menu-open">
  78 + <a href="#" class="nav-link active" style="background-color: #343a40;">
  79 + <i class="nav-icon fas fa-chart-line"></i>
  80 + <p>
  81 + Control de Gestión
  82 + <i class="right fas fa-angle-left"></i>
  83 + </p>
  84 + </a>
  85 + <ul class="nav nav-treeview">
  86 + <li class="nav-item menu-open">
  87 + <a href="#" class="nav-link">
  88 + <i class="far fa-dot-circle nav-icon"></i>
  89 + <p>Mapas <i class="right fas fa-angle-left"></i></p>
  90 + </a>
  91 + <ul class="nav nav-treeview" style="margin-left: 10px;">
  92 + <li class="nav-item menu-open">
  93 + <a href="#" class="nav-link">
  94 + <i class="fas fa-map nav-icon text-info"></i>
  95 + <p>Tributarios <i class="right fas fa-angle-left"></i></p>
  96 + </a>
  97 + <ul class="nav nav-treeview" style="margin-left: 10px;">
  98 + <li class="nav-item">
  99 + <a href="#" class="nav-link" data-toggle="modal" data-target="#modalMorosidad">
  100 + <i class="fas fa-layer-group nav-icon text-warning"></i>
  101 + <p>Mapa Morosidad/Pago</p>
  102 + </a>
  103 + </li>
  104 + </ul>
  105 + </li>
  106 + </ul>
  107 + </li>
  108 + </ul>
  109 + </li>
  110 +
  111 + <!-- Dummy Options -->
  112 + <li class="nav-header">OTRAS OPCIONES</li>
  113 + <li class="nav-item">
  114 + <a href="#" class="nav-link" onclick="notImplemented()">
  115 + <i class="nav-icon fas fa-file-invoice-dollar text-muted"></i>
  116 + <p>Liquidaciones</p>
  117 + </a>
  118 + </li>
  119 + <li class="nav-item">
  120 + <a href="#" class="nav-link" onclick="notImplemented()">
  121 + <i class="nav-icon fas fa-users text-muted"></i>
  122 + <p>Contribuyentes</p>
  123 + </a>
  124 + </li>
  125 +
  126 + </ul>
  127 + </nav>
  128 + <!-- /.sidebar-menu -->
  129 + </aside>
  130 +
  131 + <!-- Content Wrapper. Contains page content -->
  132 + <div class="content-wrapper">
  133 + <iframe id="main-iframe" src="/gis-geoserver/widgets"></iframe>
  134 + </div>
  135 +
  136 + <!-- Main Footer -->
  137 + <footer class="main-footer" style="padding: 5px; font-size: 12px;">
  138 + <strong>Sistema de Información Geográfica Municipal.</strong>
  139 + Todos los derechos reservados.
  140 + </footer>
  141 +</div>
  142 +<!-- ./wrapper -->
  143 +
  144 +<!-- Modal Pop-up para Selección de Mapa (Exactamente como el legado) -->
  145 +<div class="modal fade" id="modalMorosidad" tabindex="-1" role="dialog" aria-hidden="true">
  146 + <div class="modal-dialog modal-sm" role="document" style="margin-top: 15vh;">
  147 + <div class="modal-content shadow-lg" style="border: 1px solid #17a2b8;">
  148 + <div class="modal-header bg-info" style="padding: 10px;">
  149 + <h6 class="modal-title" style="font-weight: bold;"><i class="fas fa-filter"></i> Selección Capas Geo</h6>
  150 + <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
  151 + <span aria-hidden="true">&times;</span>
  152 + </button>
  153 + </div>
  154 + <div class="modal-body modal-treeview">
  155 + <ul>
  156 + <li><i class="fas fa-minus-square mr-1 text-secondary"></i> <span>MAPA DE MOROSIDAD</span>
  157 + <ul>
  158 + <li><i class="fas fa-plus-square mr-1 text-secondary"></i> <span>IMPUESTOS ADEUDADOS</span>
  159 + <ul>
  160 + <li><i class="fas fa-plus mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">Impuesto Inmobiliario</span></li>
  161 + <li><i class="fas fa-plus mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">Patente Comercial</span></li>
  162 + <li><i class="fas fa-plus-square mr-1 text-secondary"></i> <span>Todos</span>
  163 + <ul>
  164 + <li><i class="far fa-window-restore mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">POR TOTAL</span></li>
  165 + <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>
  166 + </ul>
  167 + </li>
  168 + </ul>
  169 + </li>
  170 + <li><i class="fas fa-plus-square mr-1 text-muted"></i> <span class="clickable" onclick="notImplemented()">IMPUESTOS PAGADOS</span></li>
  171 + </ul>
  172 + </li>
  173 + </ul>
  174 + </div>
  175 + </div>
  176 + </div>
  177 +</div>
  178 +
  179 +<!-- jQuery -->
  180 +<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  181 +<!-- Bootstrap 4 -->
  182 +<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  183 +<!-- AdminLTE App -->
  184 +<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
  185 +
  186 +<script>
  187 + // Recuperar datos de sesión
  188 + const token = localStorage.getItem('jwt');
  189 + const userName = localStorage.getItem('user_name');
  190 + const entidad = localStorage.getItem('entidad');
  191 +
  192 + if (!token) {
  193 + window.location.href = "/gis-geoserver/login";
  194 + }
  195 +
  196 + document.getElementById('nav-user-text').innerText = userName || 'Operador Local';
  197 + document.getElementById('nav-entidad-text').innerText = entidad || 'N/D';
  198 +
  199 + function notImplemented() {
  200 + alert("OPCIÓN NO IMPLEMENTADA");
  201 + }
  202 +
  203 + function loadContent(url) {
  204 + document.getElementById('main-iframe').src = url;
  205 + }
  206 +
  207 + function loadMap() {
  208 + // Cierra el modal de forma programática usando jQuery de Bootstrap
  209 + $('#modalMorosidad').modal('hide');
  210 + // Redirige el iframe central hacia nuestro impecable mapas.html
  211 + loadContent('/gis-geoserver/mapas');
  212 + }
  213 +
  214 + function cerrarSesion() {
  215 + localStorage.clear();
  216 + window.location.href = "/gis-geoserver/login";
  217 + }
  218 +</script>
  219 +</body>
  220 +</html>
... ...
GIS-GEOSERVER/target/classes/static/login.html
  View file @157aa29
1 1 <!DOCTYPE html>
2 2 <html lang="es">
3 3 <head>
4   - <meta charset="UTF-8">
5   - <meta name="viewport" content="width=device-width, initial-scale=1.0">
6   - <title>Inicie Sesión - Ecosistema SIGEM</title>
7   - <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
8   - <style>
9   - * { margin: 0; padding: 0; box-sizing: border-box; }
10   - body {
11   - font-family: 'Inter', sans-serif;
12   - background: linear-gradient(-45deg, #0d1b2a, #1b263b, #415a77, #778da9);
13   - background-size: 400% 400%;
14   - animation: gradientBG 15s ease infinite;
15   - height: 100vh;
16   - display: flex;
17   - justify-content: center;
18   - align-items: center;
19   - color: #fff;
20   - }
21   - @keyframes gradientBG {
22   - 0% { background-position: 0% 50%; }
23   - 50% { background-position: 100% 50%; }
24   - 100% { background-position: 0% 50%; }
25   - }
26   - .login-container {
27   - background: rgba(255, 255, 255, 0.05);
28   - backdrop-filter: blur(20px);
29   - -webkit-backdrop-filter: blur(20px);
30   - border: 1px solid rgba(255, 255, 255, 0.1);
31   - border-radius: 24px;
32   - padding: 40px;
33   - width: 100%;
34   - max-width: 400px;
35   - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
36   - animation: slideUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
37   - opacity: 0;
38   - transform: translateY(30px);
39   - }
40   - @keyframes slideUp { to { opacity: 1; transform: translateY(0); } }
41   - .logo-area { text-align: center; margin-bottom: 30px; }
42   - .logo-area h1 { font-weight: 800; font-size: 28px; letter-spacing: -0.5px; }
43   - .logo-area span { color: #facc15; }
44   - .logo-area p { font-size: 14px; font-weight: 300; color: #cbd5e1; margin-top: 5px; }
45   - .input-group { margin-bottom: 20px; }
46   - .input-group label {
47   - display: block; font-size: 13px; font-weight: 600; color: #94a3b8; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px;
48   - }
49   - .input-group input, .input-group select {
50   - width: 100%; padding: 14px 16px; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.1);
51   - border-radius: 12px; color: #fff; font-size: 15px; font-family: 'Inter', sans-serif; transition: all 0.3s ease;
52   - }
53   - .input-group select { appearance: none; cursor: pointer; }
54   - .input-group select option { color: #000; }
55   - .input-group input:focus, .input-group select:focus {
56   - outline: none; border-color: #facc15; background: rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.2);
57   - }
58   - .btn-submit {
59   - width: 100%; padding: 16px; background: linear-gradient(135deg, #eab308, #ca8a04);
60   - color: #000; border: none; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer;
61   - transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 10px 15px -3px rgba(234, 179, 8, 0.3);
62   - margin-top: 10px;
63   - }
64   - .btn-submit:hover { transform: translateY(-2px); box-shadow: 0 15px 25px -5px rgba(234, 179, 8, 0.4); }
65   - .btn-submit:active { transform: translateY(0); }
66   -
67   - #error-msg {
68   - display: none; color: #fca5a5; font-size: 14px; font-weight: 600; text-align: center;
69   - background: rgba(239, 68, 68, 0.2); padding: 10px; border-radius: 8px; margin-top: 15px; border: 1px solid rgba(239, 68, 68, 0.3);
70   - }
71   -
72   - .loader {
73   - display: none; border: 3px solid rgba(0, 0, 0, 0.1); border-radius: 50%;
74   - border-top: 3px solid #000; width: 24px; height: 24px; animation: spin 1s linear infinite; margin: 0 auto;
75   - }
76   - @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
77   - </style>
78   -</head>
79   -<body>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>Inicie Sesión - Ecosistema SIGEM</title>
80 7  
81   -<div class="login-container">
82   - <div class="logo-area">
83   - <h1>SIGEM<span>WEB</span></h1>
84   - <p>Visor Georreferenciado Multi-Tenant</p>
85   - </div>
  8 + <!-- Google Font: Source Sans Pro (Estandar de AdminLTE) -->
  9 + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  10 + <!-- Font Awesome -->
  11 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  12 + <!-- Theme style AdminLTE 3 -->
  13 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  14 + <style>
  15 + .login-page {
  16 + background: linear-gradient(135deg, #e0eafc 0%, #cfdef3 100%);
  17 + }
  18 + .card-primary.card-outline {
  19 + border-top: 3px solid #0056b3;
  20 + }
  21 + .btn-primary {
  22 + background-color: #0056b3;
  23 + border-color: #0056b3;
  24 + }
  25 + .btn-primary:hover {
  26 + background-color: #004494;
  27 + border-color: #004494;
  28 + }
  29 + .login-logo a {
  30 + color: #333 !important;
  31 + }
  32 + </style>
  33 +</head>
  34 +<body class="hold-transition login-page">
  35 +<div class="login-box">
  36 + <div class="login-logo">
  37 + <a href="#"><b>SIGEM</b>WEB</a>
  38 + </div>
  39 + <!-- /.login-logo -->
  40 + <div class="card card-outline card-primary shadow-lg">
  41 + <div class="card-body login-card-body rounded">
  42 + <p class="login-box-msg font-weight-bold" style="color: #555;">Visor Georreferenciado Multi-Tenant</p>
86 43  
87   - <form id="loginForm">
88   - <div class="input-group">
89   - <label for="municipioSearch">Municipalidad (Entidad)</label>
90   - <input type="text" id="municipioSearch" placeholder="Escriba para buscar (ej. 505)" autocomplete="off" style="margin-bottom: 5px;">
91   - <select id="entidad" required size="3" style="height: 100px; overflow-y: auto;">
  44 + <form id="loginForm">
  45 + <label for="municipioSearch" class="text-xs text-muted mb-1" style="font-size: 0.8rem; text-transform: uppercase;">1. Entidad (Municipalidad)</label>
  46 + <div class="input-group mb-2">
  47 + <input type="text" id="municipioSearch" class="form-control" placeholder="Buscar municipio (ej. 505)" autocomplete="off">
  48 + <div class="input-group-append">
  49 + <div class="input-group-text">
  50 + <span class="fas fa-search"></span>
  51 + </div>
  52 + </div>
  53 + </div>
  54 + <div class="form-group mb-3">
  55 + <select id="entidad" class="form-control" required size="3" style="height: 85px; cursor: pointer; font-size: 0.9rem;">
92 56 <option value="505">Entidad 505 (Piloto GIS)</option>
93 57 <option value="800">Entidad 800 (Pruebas)</option>
94 58 <option value="900">Entidad 900 (Desarrollo)</option>
95   - </select>
96   - <p style="font-size: 11px; color: #94a3b8; margin-top: 5px;">Seleccione de la lista superior</p>
  59 + </select>
97 60 </div>
98   - <div class="input-group">
99   - <label for="username">Usuario</label>
100   - <input type="text" id="username" placeholder="Usu_alias (ej. operador)" required autocomplete="username">
  61 +
  62 + <label class="text-xs text-muted mb-1" style="font-size: 0.8rem; text-transform: uppercase;">2. Credenciales</label>
  63 + <div class="input-group mb-3">
  64 + <input type="text" id="username" class="form-control" placeholder="Usu_alias (ej. operador)" required autocomplete="username">
  65 + <div class="input-group-append">
  66 + <div class="input-group-text">
  67 + <span class="fas fa-user"></span>
  68 + </div>
  69 + </div>
101 70 </div>
102   - <div class="input-group">
103   - <label for="password">Contraseña</label>
104   - <input type="password" id="password" placeholder="Tu clave alfanumérica" required autocomplete="current-password">
  71 + <div class="input-group mb-3">
  72 + <input type="password" id="password" class="form-control" placeholder="Tu clave alfanumérica" required autocomplete="current-password">
  73 + <div class="input-group-append">
  74 + <div class="input-group-text">
  75 + <span class="fas fa-lock"></span>
  76 + </div>
  77 + </div>
105 78 </div>
106   -
107   - <button type="submit" class="btn-submit" id="btn-login">
108   - <span id="btn-text">INICIAR SESIÓN</span>
109   - <div class="loader" id="spinner"></div>
110   - </button>
111   -
112   - <div id="error-msg"></div>
113   - </form>
  79 +
  80 + <div id="error-msg" class="alert alert-danger p-2 mb-3 text-center" style="display:none; font-size: 13px;"></div>
  81 +
  82 + <div class="row mt-4">
  83 + <div class="col-12">
  84 + <button type="submit" class="btn btn-primary btn-block font-weight-bold" id="btn-login" style="padding: 10px;">
  85 + <span id="btn-text">INICIAR SESIÓN</span>
  86 + <div class="spinner-border spinner-border-sm text-light" id="spinner" role="status" style="display:none; margin: auto;"></div>
  87 + </button>
  88 + </div>
  89 + </div>
  90 + </form>
  91 + </div>
  92 + <!-- /.login-card-body -->
  93 + </div>
114 94 </div>
  95 +<!-- /.login-box -->
  96 +
  97 +<!-- jQuery -->
  98 +<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  99 +<!-- Bootstrap 4 -->
  100 +<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  101 +<!-- AdminLTE App -->
  102 +<script src="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/js/adminlte.min.js"></script>
115 103  
116 104 <script>
117 105 // Filtro interactivo de municipios
... ... @@ -134,6 +122,7 @@
134 122  
135 123 // Limpiar sesión previa si por error caen al login
136 124 localStorage.removeItem('jwt');
  125 + localStorage.removeItem('user_name');
137 126  
138 127 document.getElementById('loginForm').addEventListener('submit', function(e) {
139 128 e.preventDefault();
... ... @@ -185,8 +174,8 @@
185 174 localStorage.setItem('mapa_base_id', data.mapaBase);
186 175 localStorage.setItem('map_bounds', data.bounds);
187 176  
188   - // Redirigir a la URL del Mapas de Leaflet
189   - window.location.href = "/gis-geoserver/mapas";
  177 + // Redirigir a la URL del Mapas
  178 + window.location.href = "/gis-geoserver/landing";
190 179 })
191 180 .catch(error => {
192 181 // LOGIN ERROR
... ... @@ -200,6 +189,5 @@
200 189 });
201 190 });
202 191 </script>
203   -
204 192 </body>
205 193 </html>
... ...
GIS-GEOSERVER/target/classes/static/widgets.html 0 → 100644
  View file @157aa29
  1 +<!DOCTYPE html>
  2 +<html lang="es">
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <!-- Google Font: Source Sans Pro -->
  7 + <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
  8 + <!-- Font Awesome -->
  9 + <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
  10 + <!-- Theme style AdminLTE 3 -->
  11 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/admin-lte@3.2/dist/css/adminlte.min.css">
  12 + <style>
  13 + body { background-color: #f4f6f9; padding: 20px; font-family: 'Source Sans Pro', sans-serif; }
  14 + .welcome-header { font-size: 24px; color: #333; margin-bottom: 20px; font-weight: 600;}
  15 + </style>
  16 +</head>
  17 +<body>
  18 + <div class="welcome-header">
  19 + <i class="fas fa-home text-primary"></i> Tablero General (Estadísticas Simuladas)
  20 + </div>
  21 +
  22 + <div class="row">
  23 + <!-- Tarjeta 1 -->
  24 + <div class="col-lg-3 col-6">
  25 + <div class="small-box bg-info shadow-sm">
  26 + <div class="inner">
  27 + <h3>99,999</h3>
  28 + <p>Lotes Registrados</p>
  29 + </div>
  30 + <div class="icon">
  31 + <i class="fas fa-map-marked-alt"></i>
  32 + </div>
  33 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  34 + </div>
  35 + </div>
  36 + <!-- Tarjeta 2 -->
  37 + <div class="col-lg-3 col-6">
  38 + <div class="small-box bg-success shadow-sm">
  39 + <div class="inner">
  40 + <h3>Gs. ---<sup style="font-size: 20px"></sup></h3>
  41 + <p>Recaudación del Día</p>
  42 + </div>
  43 + <div class="icon">
  44 + <i class="fas fa-hand-holding-usd"></i>
  45 + </div>
  46 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  47 + </div>
  48 + </div>
  49 +
  50 + <!-- Tarjeta 3 -->
  51 + <div class="col-lg-3 col-6">
  52 + <div class="small-box bg-warning shadow-sm">
  53 + <div class="inner">
  54 + <h3>---</h3>
  55 + <p>Nuevas Actividades Comerciales</p>
  56 + </div>
  57 + <div class="icon">
  58 + <i class="fas fa-store"></i>
  59 + </div>
  60 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  61 + </div>
  62 + </div>
  63 + <!-- Tarjeta 4 -->
  64 + <div class="col-lg-3 col-6">
  65 + <div class="small-box bg-danger shadow-sm">
  66 + <div class="inner">
  67 + <h3>45%</h3>
  68 + <p>Índice General de Morosidad</p>
  69 + </div>
  70 + <div class="icon">
  71 + <i class="fas fa-chart-pie"></i>
  72 + </div>
  73 + <a href="#" class="small-box-footer" onclick="alert('OPCIÓN NO IMPLEMENTADA')">Más info <i class="fas fa-arrow-circle-right"></i></a>
  74 + </div>
  75 + </div>
  76 + </div>
  77 +
  78 + <div class="row mt-4">
  79 + <div class="col-12">
  80 + <div class="card card-outline card-primary shadow-sm" style="border-top: 3px solid #0056b3;">
  81 + <div class="card-header">
  82 + <h3 class="card-title text-muted"><i class="fas fa-info-circle mr-1"></i> Estado del Sistema</h3>
  83 + </div>
  84 + <div class="card-body">
  85 + <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>
  86 + </div>
  87 + </div>
  88 + </div>
  89 + </div>
  90 +
  91 +<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  92 +<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"></script>
  93 +</body>
  94 +</html>
... ...
sigem_kafka @ e9ad97dbf12
  1 +Subproject commit e9ad97dbf12357d36f10d254ae420fa4fcf05b98
... ...
GitLab Appliance - Powered by TurnKey Linux