Commit c5120d94ae4a2aff24a6f036f76c30d6d3e71477
1 parent
d8c8c90e
Ajuste cosmético: renombrar opción a Por Monto Adeudado, actualizar rangos perce…
…ntiles, ocultar recuadro Morosidad
Showing
1 changed file
with
14 additions
and
15 deletions
src/main/resources/static/mapas.html
| ... | ... | @@ -327,7 +327,7 @@ |
| 327 | 327 | <div class="stat-label">Total Lotes</div> |
| 328 | 328 | <div id="stat-lotes" class="stat-value">...</div> |
| 329 | 329 | </div> |
| 330 | - <div class="stat-card"> | |
| 330 | + <div class="stat-card" style="display: none;"> | |
| 331 | 331 | <div class="stat-label">Morosidad</div> |
| 332 | 332 | <div id="stat-morosos" class="stat-value" style="color: #f87171;">...</div> |
| 333 | 333 | </div> |
| ... | ... | @@ -341,8 +341,7 @@ |
| 341 | 341 | <div class="submenu"> |
| 342 | 342 | <div id="menu-ultimo-pago" class="menu-item" onclick="setHeatmap('ultimo-pago')">Por Último Pago |
| 343 | 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 | 345 | <div id="menu-wms-test" class="menu-item" onclick="toggleWmsLayer()" |
| 347 | 346 | style="color: #fbbf24; border-top: 1px dashed #444; margin-top: 5px; font-weight: bold; display: none;"> |
| 348 | 347 | Vista PNG (Full) <span id="wms-status" style="font-size: 9px; opacity: 0.6;">[OFF]</span> |
| ... | ... | @@ -587,30 +586,30 @@ |
| 587 | 586 | ]); |
| 588 | 587 | } else if (type === 'percentiles') { |
| 589 | 588 | document.getElementById('menu-percentiles').classList.add('active'); |
| 590 | - titleEl.textContent = 'Morosidad - Total Adeudado'; | |
| 589 | + titleEl.textContent = 'Morosidad - Monto Adeudado'; | |
| 591 | 590 | map.setLayoutProperty('lotes-layer', 'visibility', 'visible'); |
| 592 | 591 | |
| 593 | 592 | // Ocultar botón de prueba WMS |
| 594 | 593 | document.getElementById('menu-wms-test').style.display = 'none'; |
| 595 | 594 | |
| 596 | 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 | 602 | <div class="legend-item"><div class="legend-color" style="background: #64748b;"></div> NO REGISTRADOS</div> |
| 604 | 603 | `; |
| 605 | 604 | |
| 606 | 605 | map.setPaintProperty('lotes-layer', 'fill-color', [ |
| 607 | 606 | 'step', |
| 608 | 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 | 615 | // Aseguramos que el borde sea visible en modo heatmap | ... | ... |