fir2be/map-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

global accessor

Browse Source
This commit is contained in:
='fauz 2025-07-03 02:55:12 +07:00
parent 19e132fdab
commit b21ed65133
3 changed files with 32 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/routes.py
View File

@ -41,6 +41,10 @@ def get_total_dana_by_level(level,kode):
#========================================================
# MAIN ROUTE
#========================================================
@main.context_processor
def inject_config():
return dict(api_base_url=main.config['API_BASE_URL'])
@main.route('/')
def index():
with get_connection() as conn:

27
templates/index.html
View File

@ -212,6 +212,7 @@
map.setMinZoom(optimalZoom);
</script>
<script>
const baseUrl = "{{ api_base_url }}";
let currentLayer = null;
let currentState = {
level: null,
@ -491,7 +492,7 @@
: formatted;
}
const baseUrl = window.location.origin;
async function fetchStatusDesaByProvinsi(kodeProvinsi) {
const url = `${baseUrl}/status-provinsi/${kodeProvinsi}`;
const urltdd = `${baseUrl}/status/danadesa/provinsi/${kodeProvinsi}`;
@ -613,10 +614,10 @@
}
// Load provinsi Aceh awal
loadLayer('/geojson/provinsi', function (kode_provinsi) {
loadLayer(`/geojson/kabupaten/${kode_provinsi}`, function (kode_kabupaten) {
loadLayer(`/geojson/kecamatan/${kode_kabupaten}`, function (kode_kecamatan) {
loadLayer(`/geojson/desa/${kode_kecamatan}`, function () {
loadLayer(`${baseUrl}/geojson/provinsi`, function (kode_provinsi) {
loadLayer(`${baseUrl}/geojson/kabupaten/${kode_provinsi}`, function (kode_kabupaten) {
loadLayer(`${baseUrl}/geojson/kecamatan/${kode_kabupaten}`, function (kode_kecamatan) {
loadLayer(`${baseUrl}/geojson/desa/${kode_kecamatan}`, function () {
// Desa tidak turun level lagi
}, 'desa');
}, 'kecamatan');
@ -630,13 +631,13 @@
switch (level) {
case 'provinsi':
loadLayer(`/geojson/provinsi`, () => {}, 'provinsi');
loadLayer(`${baseUrl}/geojson/provinsi`, () => {}, 'provinsi');
break;
case 'kabupatenkota':
loadLayer(`/geojson/kabupaten/${prov}`, () => {}, 'kabupatenkota');
loadLayer(`${baseUrl}/geojson/kabupaten/${prov}`, () => {}, 'kabupatenkota');
break;
case 'kecamatan':
loadLayer(`/geojson/kecamatan/${kab}`, () => {}, 'kecamatan');
loadLayer(`${baseUrl}/geojson/kecamatan/${kab}`, () => {}, 'kecamatan');
break;
}
}
@ -676,7 +677,7 @@
});
console.log(`Memuat kabupaten dari /geojson/kabupaten/${kodeProvinsi}`);
loadLayer(`/geojson/kabupaten/${kodeProvinsi}`, () => {
loadLayer(`${baseUrl}/geojson/kabupaten/${kodeProvinsi}`, () => {
console.log("Layer kabupaten dimuat.");
}, 'kabupatenkota');
});
@ -712,7 +713,7 @@
}
});
loadLayer(`/geojson/kecamatan/${kodeKabupaten}`, () => {}, 'kecamatan');
loadLayer(`${baseUrl}/geojson/kecamatan/${kodeKabupaten}`, () => {}, 'kecamatan');
}).select2();
$('#kecamatanDropdown').on('change', function (e) {
@ -726,7 +727,7 @@
localStorage.setItem('kode_kecamatan', kodeKecamatan);
loadLayer(`/geojson/desa/${kodeKecamatan}`, () => {
loadLayer(`${baseUrl}/geojson/desa/${kodeKecamatan}`, () => {
console.log("desa dimuat")
}, 'desa');
});
@ -839,8 +840,8 @@
theme: 'bootstrap-4'
} );
let total_dd_container = document.getElementById('tot_dd')
fetchTotDana('${baseUrl}/desa/total-dana-desa')
fethTotSerapan('${baseUrl}/desa/total-serapan-dana')
fetchTotDana(`${baseUrl}/desa/total-dana-desa`)
fethTotSerapan(`${baseUrl}/desa/total-serapan-dana`)
function fetchTotDana(url){
fetch(url)
.then(res => res.json())

27
templates/map.html
View File

@ -208,6 +208,7 @@
map.setMinZoom(optimalZoom);
</script>
<script>
const baseUrl = "{{ api_base_url }}";
let currentLayer = null;
let currentState = {
level: null,
@ -484,7 +485,7 @@
? `${formatted} ${unit}`
: formatted;
}
const baseUrl = window.location.origin;
async function fetchStatusDesaByProvinsi(kodeProvinsi) {
const url = `${baseUrl}/api/status-provinsi/${kodeProvinsi}`;
const urltdd = `${baseUrl}/api/status/danadesa/provinsi/${kodeProvinsi}`;
@ -606,10 +607,10 @@
}
// Load provinsi Aceh awal
loadLayer('/geojson/provinsi', function (kode_provinsi) {
loadLayer(`/geojson/kabupaten/${kode_provinsi}`, function (kode_kabupaten) {
loadLayer(`/geojson/kecamatan/${kode_kabupaten}`, function (kode_kecamatan) {
loadLayer(`/geojson/desa/${kode_kecamatan}`, function () {
loadLayer(`${baseUrl}/geojson/provinsi`, function (kode_provinsi) {
loadLayer(`${baseUrl}/geojson/kabupaten/${kode_provinsi}`, function (kode_kabupaten) {
loadLayer(`${baseUrl}/geojson/kecamatan/${kode_kabupaten}`, function (kode_kecamatan) {
loadLayer(`${baseUrl}/geojson/desa/${kode_kecamatan}`, function () {
// Desa tidak turun level lagi
}, 'desa');
}, 'kecamatan');
@ -623,13 +624,13 @@
switch (level) {
case 'provinsi':
loadLayer(`/geojson/provinsi`, () => {}, 'provinsi');
loadLayer(`${baseUrl}/geojson/provinsi`, () => {}, 'provinsi');
break;
case 'kabupatenkota':
loadLayer(`/geojson/kabupaten/${prov}`, () => {}, 'kabupatenkota');
loadLayer(`${baseUrl}/geojson/kabupaten/${prov}`, () => {}, 'kabupatenkota');
break;
case 'kecamatan':
loadLayer(`/geojson/kecamatan/${kab}`, () => {}, 'kecamatan');
loadLayer(`${baseUrl}/geojson/kecamatan/${kab}`, () => {}, 'kecamatan');
break;
}
}
@ -669,7 +670,7 @@
});
console.log(`Memuat kabupaten dari /geojson/kabupaten/${kodeProvinsi}`);
loadLayer(`/geojson/kabupaten/${kodeProvinsi}`, () => {
loadLayer(`${baseUrl}/geojson/kabupaten/${kodeProvinsi}`, () => {
console.log("Layer kabupaten dimuat.");
}, 'kabupatenkota');
});
@ -705,7 +706,7 @@
}
});
loadLayer(`/geojson/kecamatan/${kodeKabupaten}`, () => {}, 'kecamatan');
loadLayer(`${baseUrl}/geojson/kecamatan/${kodeKabupaten}`, () => {}, 'kecamatan');
}).select2();
$('#kecamatanDropdown').on('change', function (e) {
@ -719,7 +720,7 @@
localStorage.setItem('kode_kecamatan', kodeKecamatan);
loadLayer(`/geojson/desa/${kodeKecamatan}`, () => {
loadLayer(`${baseUrl}/geojson/desa/${kodeKecamatan}`, () => {
console.log("desa dimuat")
}, 'desa');
});
@ -824,8 +825,8 @@
theme: 'bootstrap-4'
} );
let total_dd_container = document.getElementById('tot_dd')
fetchTotDana('/api/desa/total-dana-desa')
fethTotSerapan('/api/desa/total-serapan-dana')
fetchTotDana(`${baseUrl}/api/desa/total-dana-desa`)
fethTotSerapan(`${baseUrl}/api/desa/total-serapan-dana`)
function fetchTotDana(url){
fetch(url)
.then(res => res.json())