fix width dashboard outside sy system and loading when load maps pariwisata, backup localdb

This commit is contained in:
arifal
2025-03-07 18:00:30 +07:00
parent 755720bac9
commit bf55eb228e
4 changed files with 335 additions and 64 deletions

View File

@@ -152,6 +152,9 @@ document.addEventListener("DOMContentLoaded", () => {
var modalInstance = new bootstrap.Modal(modal); var modalInstance = new bootstrap.Modal(modal);
modalInstance.show(); modalInstance.show();
const loading = document.getElementById("loading");
loading.style.display = "block";
setTimeout(() => { setTimeout(() => {
if (!map) { if (!map) {
map = L.map("map").setView([lat, long], 14); map = L.map("map").setView([lat, long], 14);
@@ -235,9 +238,11 @@ document.addEventListener("DOMContentLoaded", () => {
}, },
}).addTo(map); }).addTo(map);
map.fitBounds(geoLayer.getBounds()); map.fitBounds(geoLayer.getBounds());
loading.style.display = "none";
}) })
.catch((error) => { .catch((error) => {
console.error("Error loading GeoJSON:", error); console.error("Error loading GeoJSON:", error);
loading.style.display = "none";
}); });
}, 500); }, 500);
} }

View File

@@ -19,7 +19,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="outside-system-fixed-container" class="" style="width:1400px;height:770px;position:relative;margin:auto;z-index:1;"> <div id="outside-system-fixed-container" class="" style="width:880px;height:770px;position:relative;margin:auto;z-index:1;">
<div style="position: absolute; top: 70px; left: 50px; width: 200px; height: 500px;"> <div style="position: absolute; top: 70px; left: 50px; width: 200px; height: 500px;">
@component('components.circle', [ @component('components.circle', [
'document_title' => 'Non Usaha', 'document_title' => 'Non Usaha',

View File

@@ -40,26 +40,21 @@
<div class="modal-dialog modal-dialog-centered modal-lg modal-sm"> <div class="modal-dialog modal-dialog-centered modal-lg modal-sm">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<div id="loading" style="display: none; text-align: center; padding: 20px;">
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" <button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button> aria-label="Close"></button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
{{-- <iframe
src=""
width="100%"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy">
</iframe> --}}
<div id="map" style="height: 400px;"></div> <div id="map" style="height: 400px;"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
{{-- <div id="alert-container"></div> --}}
@endsection @endsection
@section('scripts') @section('scripts')

File diff suppressed because one or more lines are too long