diff --git a/app/Http/Controllers/Web/Dashboard/SummaryController.php b/app/Http/Controllers/Web/Dashboard/SummaryController.php index 427c19e..f581fd2 100644 --- a/app/Http/Controllers/Web/Dashboard/SummaryController.php +++ b/app/Http/Controllers/Web/Dashboard/SummaryController.php @@ -233,14 +233,14 @@ class SummaryController extends Controller $aksesPasar = $this->filteredAksesPasar($request); $kpiCards = [ - // [ - // 'value' => number_format($totalPetani, 0, ',', '.'), - // 'unit' => 'orang', - // 'label' => 'Jumlah Petani', - // 'description' => 'Petani sesuai filter yang dipilih', - // 'icon' => 'tabler-users', - // 'variant' => 'primary', - // ], + [ + 'value' => number_format($totalPetani, 0, ',', '.'), + 'unit' => 'orang', + 'label' => 'Jumlah Petani', + 'description' => 'Petani sesuai filter yang dipilih', + 'icon' => 'tabler-users', + 'variant' => 'primary', + ], [ 'value' => number_format($totalLuasLahan, 2, ',', '.'), 'unit' => 'ha', diff --git a/resources/views/dashboard/produktivitas.blade.php b/resources/views/dashboard/produktivitas.blade.php index c1b7c21..3a890da 100644 --- a/resources/views/dashboard/produktivitas.blade.php +++ b/resources/views/dashboard/produktivitas.blade.php @@ -248,6 +248,7 @@ box-shadow: 0 6px 24px rgba(0, 0, 0, .2); left: auto; max-height: calc(100% - 2rem); + overscroll-behavior: contain; overflow-y: auto; padding: .875rem; pointer-events: auto; @@ -258,6 +259,11 @@ z-index: 700; } + .produksi-map-information-overlay:focus-visible { + outline: 2px solid var(--bs-primary, #7367f0); + outline-offset: 2px; + } + .produksi-map-information { display: flex; flex-direction: column; @@ -782,7 +788,7 @@ Kembali ke Atas
Belum ada poligon lahan untuk filter ini.
-
+
@@ -810,7 +816,7 @@ Kembali ke Atas
Belum ada poligon lahan untuk filter ini.
-
+
@@ -1460,6 +1466,17 @@ document.addEventListener('DOMContentLoaded', function () { map: null, }; + function enableMapInformationInteraction(mapElement) { + const informationOverlay = mapElement.querySelector('.produksi-map-information-overlay'); + if (!informationOverlay) return; + + L.DomEvent.disableScrollPropagation(informationOverlay); + L.DomEvent.disableClickPropagation(informationOverlay); + informationOverlay.addEventListener('click', function () { + informationOverlay.focus({ preventScroll: true }); + }); + } + function initProductionMap() { const element = document.getElementById('produksi-sebaran-map'); @@ -1485,6 +1502,7 @@ document.addEventListener('DOMContentLoaded', function () { productionMapState.group = L.featureGroup().addTo(productionMapState.map); productionMapState.backButton = document.getElementById('produksi-map-back'); productionMapState.empty = document.getElementById('produksi-map-empty'); + enableMapInformationInteraction(element); L.control.zoom({ position: 'topleft' }).addTo(productionMapState.map); @@ -1712,6 +1730,7 @@ document.addEventListener('DOMContentLoaded', function () { cultivationMapState.group = L.featureGroup().addTo(cultivationMapState.map); cultivationMapState.backButton = document.getElementById('produksi-budidaya-map-back'); cultivationMapState.empty = document.getElementById('produksi-budidaya-map-empty'); + enableMapInformationInteraction(element); L.control.zoom({ position: 'topleft' }).addTo(cultivationMapState.map);