Hito: Optimización visual de interfaz completada y registro legal SIGEM (Manual v1.1)

Antigravity AI
1 parent c5120d94
Showing 2 changed files with 36 additions and 46 deletions
VERSION.txt
src/main/resources/static/mapas.html
-ï»¿PROYECTO GIS-GEOSERVER - 2026.04.02.13.00.00
+PROYECTO GIS-GEOSERVER - 2026.04.02.13.00.00
 PROYECTO GIS-GEOSERVER - 2026.04.03.11.58.33
 PROYECTO GIS-GEOSERVER - 2026.04.03.16.10.00
 PROYECTO GIS-GEOSERVER - 2026.04.04.20.43.27 ID DOCKER: 932819b9d2da
@@ -7,4 +7,5 @@ PROYECTO GIS-GEOSERVER - 2026.04.05.04.28.49 ID DOCKER: c68e229b6d94. ObservaciÃ
 PROYECTO GIS-GEOSERVER - 2026.04.05.06.31.00 ID DOCKER: c68e229b6d94. ObservaciÃƒÂ³n: ReestructuraciÃƒÂ³n pura de BaseMap y soporte Google auto-escalado satelital.
 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.
 \ No newline at end of file
+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
@@ -14,6 +14,9 @@
     <script src="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.js"></script>
     <link href="https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.css" rel="stylesheet" />
     <style>
+        * {
+            box-sizing: border-box;
+        }
         body,
         html {
             height: 100%;
@@ -29,10 +32,10 @@
             background: #1e293b;
             display: flex;
             align-items: center;
+            justify-content: center;
             padding: 0 20px;
             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
             font-weight: bold;
-            justify-content: space-between;
             position: relative;
             z-index: 1001;
         }
@@ -58,7 +61,7 @@
         }
         .sidebar {
-            width: 340px;
+            width: 170px;
             background: #0f172a;
             border-right: 1px solid rgba(255, 255, 255, 0.1);
             overflow-y: auto;
@@ -87,6 +90,7 @@
             margin-bottom: 4px;
             border: 1px solid transparent;
             text-decoration: none;
+            font-size: 11px;
         }
         .menu-item:hover {
@@ -139,21 +143,11 @@
             margin-top: 5px;
         }
-        /* Map Title Overlay */
-        .map-title-overlay {
-            position: absolute;
-            top: 20px;
-            left: 50%;
-            transform: translateX(-50%);
-            background: rgba(15, 23, 42, 0.9);
-            padding: 8px 24px;
-            border-radius: 50px;
-            border: 1px solid rgba(255, 255, 255, 0.1);
+        /* Map Title in Header */
+        .header-title {
             color: #fff;
             font-weight: 700;
-            font-size: 13px;
-            z-index: 1000;
-            backdrop-filter: blur(8px);
+            font-size: 14px;
             text-transform: uppercase;
             letter-spacing: 1px;
         }
@@ -314,28 +308,32 @@
 <body>
     <div class="header">
-        <div>SIGEM GIS <span id="user-greeting"
-                style="font-size: 13px; font-weight: normal; margin-left: 10px; opacity: 0.7;"></span></div>
-        <button class="logout-btn" onclick="logout()">Cerrar Sesión</button>
+        <div id="map-title" class="header-title">Vista Cartográfica General</div>
     </div>
     <div class="app-container">
         <div class="sidebar">
             <div id="stats-dashboard">
                 <div class="menu-title">Resumen Municipal</div>
-                <div class="stats-grid">
-                    <div class="stat-card">
-                        <div class="stat-label">Total Lotes</div>
-                        <div id="stat-lotes" class="stat-value">...</div>
-                    </div>
-                    <div class="stat-card" style="display: none;">
-                        <div class="stat-label">Morosidad</div>
-                        <div id="stat-morosos" class="stat-value" style="color: #f87171;">...</div>
-                    </div>
+
+                <div class="stat-card" style="width: 100%; padding: 12px 16px; border-radius: 10px; margin-bottom: 20px;">
+                    <div class="stat-label">Total Lotes</div>
+                    <div id="stat-lotes" class="stat-value" style="font-size: 14px;">...</div>
                 </div>
+
+
             </div>
             <div class="menu-title">Control de Gestión</div>
-            <div id="menu-reset" class="menu-item active" onclick="resetMap()">Capas Base</div>
+            <div id="menu-reset" class="menu-item active" onclick="resetMap()" style="width: 100%;">Capas Base</div>
+            <div style="margin-top: 5px; width: 100%;">
+                <select id="base-layer-select"
+                    style="background: rgba(255, 255, 255, 0.05); color: #94a3b8; border: 1px solid rgba(255,255,255,0.1); padding: 8px 12px; border-radius: 6px; font-size: 10px; cursor: pointer; width: 100%; height: 35px;">
+                    <option value="dark">CartoDB Dark</option>
+                    <option value="streets">OpenStreetMap</option>
+                    <option value="satellite">Esri Satélite</option>
+                    <option value="google">Google Satélite</option>
+                </select>
+            </div>
             <div class="menu-title">Mapas Tributarios</div>
             <div class="submenu">
@@ -344,7 +342,7 @@
                 <div id="menu-percentiles" class="menu-item" onclick="setHeatmap('percentiles')">Por Monto Adeudado</div>
                 <div id="menu-wms-test" class="menu-item" onclick="toggleWmsLayer()"
                     style="color: #fbbf24; border-top: 1px dashed #444; margin-top: 5px; font-weight: bold; display: none;">
-                    Vista PNG (Full) <span id="wms-status" style="font-size: 9px; opacity: 0.6;">[OFF]</span>
+                    Vista Lotes <span id="wms-status" style="font-size: 9px; opacity: 0.6;">[OFF]</span>
                 </div>
             </div>
@@ -364,23 +362,13 @@
                     Fuente: Sistema SIGEM</div>
             </div>
-            <!-- Selector de Capas Base -->
-            <div class="layer-switcher" style="position: absolute; top: 15px; left: 15px; z-index: 1000;">
-                <select id="base-layer-select"
-                    style="background: rgba(15, 23, 42, 0.9); color: white; border: 1px solid rgba(255,255,255,0.2); padding: 5px 10px; border-radius: 8px; font-size: 11px; cursor: pointer; backdrop-filter: blur(8px);">
-                    <option value="dark">CartoDB Dark</option>
-                    <option value="streets">OpenStreetMap</option>
-                    <option value="satellite">Esri Satélite</option>
-                    <option value="google">Google Satélite</option>
-                </select>
-            </div>
-            <div id="map-title" class="map-title-overlay">Vista Cartográfica General</div>
+
+
         </div>
     </div>
     <script>
-        const userName = localStorage.getItem('user_name');
-        if (userName) document.getElementById('user-greeting').innerText = `| Bienvenido, ${userName}`;
+
         const entidad = localStorage.getItem('entidad') || '505';
         const token = localStorage.getItem('jwt');
@@ -405,7 +393,7 @@
                         type: 'raster',
                         tiles: ['https://a.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png'],
                         tileSize: 256,
-                        attribution: '&copy; CartoDB'
+                        attribution: '&copy; CartoDB - SIGEM-REGISTRO MIC/DINAPI 593-7/Julio/2016'
                     }
                 },
                 layers: [{
@@ -524,7 +512,8 @@
                 type: 'raster',
                 tiles: [config.url],
                 tileSize: 256,
-                maxzoom: config.sourceMax // Limite del satélite, a partir de acá MapLibre estirará la foto
+                maxzoom: config.sourceMax,
+                attribution: 'SIGEM-REGISTRO MIC/DINAPI 593-7/Julio/2016'
             });
             // Empujar el fondo debajo de todas las capas existentes (cero interferencia visual)