geo / gis-geoserver

Commit c5120d94ae4a2aff24a6f036f76c30d6d3e71477

Authored by Antigravity AI
1 parent d8c8c90e

Ajuste cosmético: renombrar opción a Por Monto Adeudado, actualizar rangos perce… 

…ntiles, ocultar recuadro Morosidad
Inline Side-by-side
Showing 1 changed file with 14 additions and 15 deletions
src/main/resources/static/mapas.html
  View file @c5120d9
@@ -327,7 +327,7 @@ @@ -327,7 +327,7 @@
327 <div class="stat-label">Total Lotes</div> 327 <div class="stat-label">Total Lotes</div>
328 <div id="stat-lotes" class="stat-value">...</div> 328 <div id="stat-lotes" class="stat-value">...</div>
329 </div> 329 </div>
330 - <div class="stat-card"> 330 + <div class="stat-card" style="display: none;">
331 <div class="stat-label">Morosidad</div> 331 <div class="stat-label">Morosidad</div>
332 <div id="stat-morosos" class="stat-value" style="color: #f87171;">...</div> 332 <div id="stat-morosos" class="stat-value" style="color: #f87171;">...</div>
333 </div> 333 </div>
@@ -341,8 +341,7 @@ @@ -341,8 +341,7 @@
341 <div class="submenu"> 341 <div class="submenu">
342 <div id="menu-ultimo-pago" class="menu-item" onclick="setHeatmap('ultimo-pago')">Por Último Pago 342 <div id="menu-ultimo-pago" class="menu-item" onclick="setHeatmap('ultimo-pago')">Por Último Pago
343 </div> 343 </div>
344 - <div id="menu-percentiles" class="menu-item" onclick="setHeatmap('percentiles')">Por Total  
345 - (Percentiles)</div> 344 + <div id="menu-percentiles" class="menu-item" onclick="setHeatmap('percentiles')">Por Monto Adeudado</div>
346 <div id="menu-wms-test" class="menu-item" onclick="toggleWmsLayer()" 345 <div id="menu-wms-test" class="menu-item" onclick="toggleWmsLayer()"
347 style="color: #fbbf24; border-top: 1px dashed #444; margin-top: 5px; font-weight: bold; display: none;"> 346 style="color: #fbbf24; border-top: 1px dashed #444; margin-top: 5px; font-weight: bold; display: none;">
348 Vista PNG (Full) <span id="wms-status" style="font-size: 9px; opacity: 0.6;">[OFF]</span> 347 Vista PNG (Full) <span id="wms-status" style="font-size: 9px; opacity: 0.6;">[OFF]</span>
@@ -587,30 +586,30 @@ @@ -587,30 +586,30 @@
587 ]); 586 ]);
588 } else if (type === 'percentiles') { 587 } else if (type === 'percentiles') {
589 document.getElementById('menu-percentiles').classList.add('active'); 588 document.getElementById('menu-percentiles').classList.add('active');
590 - titleEl.textContent = 'Morosidad - Total Adeudado'; 589 + titleEl.textContent = 'Morosidad - Monto Adeudado';
591 map.setLayoutProperty('lotes-layer', 'visibility', 'visible'); 590 map.setLayoutProperty('lotes-layer', 'visibility', 'visible');
592 591
593 // Ocultar botón de prueba WMS 592 // Ocultar botón de prueba WMS
594 document.getElementById('menu-wms-test').style.display = 'none'; 593 document.getElementById('menu-wms-test').style.display = 'none';
595 594
596 legendContent.innerHTML = ` 595 legendContent.innerHTML = `
597 - <strong style="color: #60a5fa;">TOTAL ADEUDADO</strong><br><br>  
598 - <div class="legend-item"><div class="legend-color" style="background: #a91d1d;"></div> > 2.099.321 Gs</div>  
599 - <div class="legend-item"><div class="legend-color" style="background: #f08060;"></div> <= 2.099.321 Gs</div>  
600 - <div class="legend-item"><div class="legend-color" style="background: #ffd966;"></div> <= 1.226.945 Gs</div>  
601 - <div class="legend-item"><div class="legend-color" style="background: #b5c47a;"></div> <= 714.968 Gs</div>  
602 - <div class="legend-item"><div class="legend-color" style="background: #6b9070;"></div> <= 351.584 Gs</div> 596 + <strong style="color: #60a5fa;">MONTO ADEUDADO</strong><br><br>
  597 + <div class="legend-item"><div class="legend-color" style="background: #a91d1d;"></div> Rojo: > 2.134.819 Gs</div>
  598 + <div class="legend-item"><div class="legend-color" style="background: #f08060;"></div> Naranja: entre 2.134.819 y 1.231.876 Gs</div>
  599 + <div class="legend-item"><div class="legend-color" style="background: #ffd966;"></div> Amarillo: entre 1.231.876 y 718.984 Gs</div>
  600 + <div class="legend-item"><div class="legend-color" style="background: #b5c47a;"></div> Verde Claro: entre 718.984 y 355.628 Gs</div>
  601 + <div class="legend-item"><div class="legend-color" style="background: #6b9070;"></div> Verde Oscuro: <= 355.628 Gs</div>
603 <div class="legend-item"><div class="legend-color" style="background: #64748b;"></div> NO REGISTRADOS</div> 602 <div class="legend-item"><div class="legend-color" style="background: #64748b;"></div> NO REGISTRADOS</div>
604 `; 603 `;
605 604
606 map.setPaintProperty('lotes-layer', 'fill-color', [ 605 map.setPaintProperty('lotes-layer', 'fill-color', [
607 'step', 606 'step',
608 ['get', 'trb_total_deuda'], 607 ['get', 'trb_total_deuda'],
609 - '#6b9070', // < 351k  
610 - 351585, '#b5c47a',  
611 - 714969, '#ffd966',  
612 - 1226946, '#f08060',  
613 - 2099322, '#a91d1d' 608 + '#6b9070', // Verde Oscuro: <= 355.628
  609 + 355629, '#b5c47a', // Verde Claro: 355.629 - 718.984
  610 + 718985, '#ffd966', // Amarillo: 718.985 - 1.231.876
  611 + 1231877, '#f08060', // Naranja: 1.231.877 - 2.134.819
  612 + 2134820, '#a91d1d' // Rojo: > 2.134.819
614 ]); 613 ]);
615 } 614 }
616 // Aseguramos que el borde sea visible en modo heatmap 615 // Aseguramos que el borde sea visible en modo heatmap
GitLab Appliance - Powered by TurnKey Linux