Commit a56718c6 authored by Muhamad's avatar Muhamad

delete button + functionny

parent ced77bc2
...@@ -76,6 +76,7 @@ urlpatterns = [ ...@@ -76,6 +76,7 @@ urlpatterns = [
path('search_lanjut', views.search_lanjut, name='search_lanjut'), path('search_lanjut', views.search_lanjut, name='search_lanjut'),
path('load_point_id', views.load_point_id), path('load_point_id', views.load_point_id),
path('edit_detail_poin', views.edit_detail_poin), path('edit_detail_poin', views.edit_detail_poin),
path('dpoint', views.dpoint, name='dpoint'),
path('download_perbaikan_data', views.download_perbaikan_data) path('download_perbaikan_data', views.download_perbaikan_data)
] ]
\ No newline at end of file
...@@ -2830,35 +2830,57 @@ def createpoint(request): ...@@ -2830,35 +2830,57 @@ def createpoint(request):
def filt_perbaikan_kecamatan(request): def filt_perbaikan_kecamatan(request):
id_kec = request.GET.get('id_kec') id_kec = request.GET.get('id_kec')
with conn.cursor() as kel: if id_kec == 'all_kecamatan':
kel.execute("""SELECT ID, res_kel = 'all_kecamatan'
desa
FROM with conn.cursor() as data_per:
geo_data_kelurahan gd data_per.execute("""
WHERE SELECT
kecamatan = ( SELECT kecamatan FROM geo_data_kecamatan WHERE ID = %s ) gl.NAME,
"""% int(id_kec)) tp.id_object,
res_kel = kel.fetchall() tp.NAME,
tp.TYPE,
with conn.cursor() as data_per: tp.tgl_perbaikan,
data_per.execute(""" tp.anggaran,
SELECT tp.tgl_selesai
gl.NAME, FROM
tp.id_object, ( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp
tp.NAME, JOIN geo_label gl ON gl.ID = tp.type_id
tp.TYPE, JOIN geo_data_kecamatan gdk on st_intersects(st_setsrid(gdk.geom, 4326), st_setsrid(tp.geom, 4326))
tp.tgl_perbaikan, WHERE
tp.anggaran, rn = 1
tp.tgl_selesai """)
FROM res_perbaikan = data_per.fetchall()
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp else:
JOIN geo_label gl ON gl.ID = tp.type_id with conn.cursor() as kel:
JOIN geo_data_kecamatan gdk on st_intersects(st_setsrid(gdk.geom, 4326), st_setsrid(tp.geom, 4326)) kel.execute("""SELECT ID,
WHERE desa
rn = 1 and gdk.ID = %s FROM
LIMIT 10 geo_data_kelurahan gd
"""% int(id_kec)) WHERE
res_perbaikan = data_per.fetchall() kecamatan = ( SELECT kecamatan FROM geo_data_kecamatan WHERE ID = %s )
"""% int(id_kec))
res_kel = kel.fetchall()
with conn.cursor() as data_per:
data_per.execute("""
SELECT
gl.NAME,
tp.id_object,
tp.NAME,
tp.TYPE,
tp.tgl_perbaikan,
tp.anggaran,
tp.tgl_selesai
FROM
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp
JOIN geo_label gl ON gl.ID = tp.type_id
JOIN geo_data_kecamatan gdk on st_intersects(st_setsrid(gdk.geom, 4326), st_setsrid(tp.geom, 4326))
WHERE
rn = 1 and gdk.ID = %s
"""% int(id_kec))
res_perbaikan = data_per.fetchall()
res_all = [] res_all = []
for j in res_perbaikan: for j in res_perbaikan:
...@@ -3529,4 +3551,27 @@ def download_perbaikan_data(request): ...@@ -3529,4 +3551,27 @@ def download_perbaikan_data(request):
respon = { respon = {
'data' : per_res, 'data' : per_res,
} }
return Response(respon)
@api_view(('POST',))
def dpoint(request):
id = request.POST.get('id')
db = request.POST.get('db')
try:
with conn.cursor() as editka:
editka.execute("""update %s set is_deleted = 1 where id = %s"""%(db, id))
conn.commit()
data = {'status':'Success'}
data = 'SUCCESS'
info = 'data telah diperbaharui, akan terupdate setelah reload'
status = 0
except:
data = 'Sorry'
info = 'Gagal diperbaharui, hubungi developer'
status = 1
respon={'data':data, 'info': info, 'status':status}
return Response(respon) return Response(respon)
\ No newline at end of file
...@@ -49,7 +49,7 @@ class HomeView(View): ...@@ -49,7 +49,7 @@ class HomeView(View):
class CustomLogoutView(LogoutView): class CustomLogoutView(LogoutView):
template_name = 'user/login.html' template_name = 'user/login.html'
next_page = 'login' next_page = '/'
class Userprofile(generic.TemplateView): class Userprofile(generic.TemplateView):
template_name = 'user/user_profile.html' template_name = 'user/user_profile.html'
......
#map-jalan>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div {
display: none;
}
\ No newline at end of file
<svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.07985 17.7188L20.6739 17.7188C21.6456 17.7188 22.4333 16.931 22.4333 15.9593V3.64348C22.4333 2.67179 21.6456 1.88407 20.6739 1.88407L3.07985 1.88407C2.10816 1.88407 1.32045 2.67179 1.32045 3.64348V15.9593C1.32045 16.931 2.10816 17.7188 3.07985 17.7188Z" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
...@@ -67,7 +67,6 @@ ...@@ -67,7 +67,6 @@
.active { .active {
display: block; display: block;
} }
/* #button_hide { /* #button_hide {
line-height: 15px; line-height: 15px;
width: 40px; width: 40px;
...@@ -139,10 +138,134 @@ ...@@ -139,10 +138,134 @@
display: none!important; display: none!important;
} }
</style> </style>
{% if user.is_authenticated %}
<style>
#btn_perbaikan_jalan {
display: block;
}
.btn_action {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_edit_kelurahan {
display: block;
top: 5px;
}
#btn_edit_kelurahan :hover {
border-color: #DADCE0;
background-color: #F1F3F4;
}
#btn_edit_tuplah {
display: block;
}
#btn_jalan {
display: block;
}
#btn_edit_gl {
display: block;
}
#btn_edit_lk {
display: block;
}
#btn_edit_puskes {
display: block;
}
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
#btn_edit_rs {
display: block;
}
#btn_edit_si {
display: block;
}
#btn_edit_sp {
display: block;
}
#btn_edit_spbu {
display: block;
}
#btn_edit_st {
display: block;
}
#btn_edit_tr {
display: block;
}
#btn_edit_cb {
display: block;
}
#btn_detail_per_bang {
display: block;
}
#btn_perbaikan_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
#map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right {
right: 65px;
}
#map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right>div.leaflet-control-attribution.leaflet-control {
right: 0px;
}
</style>
{% else %}
<style> <style>
.tombol_save_create {
display: none;
}
.tombol-edit {
display: none;
}
#btn_perbaikan_jalan {
display: none;
}
.btn_action {
display: none;
}
#btn_edit_bangunan { #btn_edit_bangunan {
display: none; display: none;
} }
#btn_delete_bangunan { #btn_delete_bangunan {
display: none; display: none;
} }
...@@ -151,8 +274,8 @@ ...@@ -151,8 +274,8 @@
display: none; display: none;
top: 5px; top: 5px;
} }
#btn_edit_kelurahan :hover{ #btn_edit_kelurahan :hover {
border-color: #DADCE0; border-color: #DADCE0;
background-color: #F1F3F4; background-color: #F1F3F4;
} }
...@@ -184,6 +307,7 @@ ...@@ -184,6 +307,7 @@
#btn_edit_adm { #btn_edit_adm {
display: none; display: none;
} }
#btn_delete_adm { #btn_delete_adm {
display: none; display: none;
} }
...@@ -215,20 +339,22 @@ ...@@ -215,20 +339,22 @@
#btn_edit_cb { #btn_edit_cb {
display: none; display: none;
} }
#btn_detail_per_bang { #btn_detail_per_bang {
display: none; display: none;
} }
#btn_perbaikan_bangunan { #btn_perbaikan_bangunan {
display: none; display: none;
} }
#btn_upload_tampak { #btn_upload_tampak {
display: none; display: none;
} }
.leaflet-popup{ .leaflet-popup {
display: none; display: none;
} }
</style> </style>
\ No newline at end of file
{% endif %}
\ No newline at end of file
...@@ -105,15 +105,15 @@ ...@@ -105,15 +105,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/police.svg', // iconUrl: 'static/img/icon/police.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [20, 32] // shadowAnchor: [20, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -143,16 +143,16 @@ ...@@ -143,16 +143,16 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/tni.svg', // iconUrl: 'static/img/icon/tni.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -182,15 +182,15 @@ ...@@ -182,15 +182,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/tni.svg', // iconUrl: 'static/img/icon/tni.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -220,15 +220,15 @@ ...@@ -220,15 +220,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/kades.svg', // iconUrl: 'static/img/icon/kades.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -258,15 +258,15 @@ ...@@ -258,15 +258,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg', // iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -296,15 +296,15 @@ ...@@ -296,15 +296,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg', // iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -334,15 +334,15 @@ ...@@ -334,15 +334,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg', // iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -372,15 +372,15 @@ ...@@ -372,15 +372,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg', // iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -410,15 +410,15 @@ ...@@ -410,15 +410,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/pemerintahan_lain.svg', // iconUrl: 'static/img/icon/pemerintahan_lain.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -448,15 +448,15 @@ ...@@ -448,15 +448,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg', // iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -486,15 +486,15 @@ ...@@ -486,15 +486,15 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg' iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg', // iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38], // shadowSize: [38, 38],
// shadowAnchor: [23, 32] // shadowAnchor: [23, 32]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
}); });
conten = ` conten = `
<div id="bottom-justified-data" style="text-align: center;"> <div id="bottom-justified-data" style="text-align: center;">
<div > <div >
...@@ -647,6 +647,8 @@ ...@@ -647,6 +647,8 @@
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;"> <div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div id="map-for-delete" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div> <div id="map-for-delete" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required> <input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_kantor_administrasi" required>
<div class="row" style="margin-top: 15px;"> <div class="row" style="margin-top: 15px;">
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label> <label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
...@@ -672,7 +674,7 @@ ...@@ -672,7 +674,7 @@
<hr> <hr>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-info" id="savedeleteadm">Hapus</button> <button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div> </div>
</div> </div>
</div>`; </div>`;
...@@ -955,14 +957,16 @@ ...@@ -955,14 +957,16 @@
}) })
}); });
$(document).on("click", "#savedeleteadm", function() { $(document).on("click", "#deletepointot", function() {
var idka = $('#id_adm_del').val(); var idka = $('#id_adm_del').val();
var poi = $('#coordinateZoneedit_adm_del').val(); var poi = $('#coordinateZoneedit_adm_del').val();
var db = $('#nama_table').val();
var data = new FormData(); var data = new FormData();
data.append('id', idka) data.append('id', idka)
data.append('db', db)
$.ajax({ $.ajax({
url: "{% url 'api:dkantor' %}", url: "{% url 'api:dpoint' %}",
data: data, data: data,
dataType: 'json', dataType: 'json',
type: 'POST', type: 'POST',
...@@ -984,8 +988,8 @@ ...@@ -984,8 +988,8 @@
}) })
} else { } else {
swal({ swal({
title: 'Error', title: 'Oops',
text: 'Hubungi Mereka', text: response.data,
type: "warning", type: "warning",
icon: "error", icon: "error",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
...@@ -1005,10 +1009,10 @@ ...@@ -1005,10 +1009,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Heartbeat-tes.svg' iconUrl: 'static/img/icon-1/Heartbeat-tes.svg'
// iconUrl: 'static/img/icon/rs.svg', // iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -1120,6 +1124,9 @@ ...@@ -1120,6 +1124,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_lk" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_lk" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
...@@ -1237,6 +1244,45 @@ ...@@ -1237,6 +1244,45 @@
</div> </div>
</div> </div>
</div>`; </div>`;
content_delete_adm = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_layanan_kesehatan" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_adm)
$("#modal_adm").html(content_edit_lk) $("#modal_adm").html(content_edit_lk)
panel_samp(); panel_samp();
}) })
...@@ -1381,10 +1427,10 @@ ...@@ -1381,10 +1427,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/FirstAidKit-tes.svg' iconUrl: 'static/img/icon-1/FirstAidKit-tes.svg'
// iconUrl: 'static/img/icon/rs.svg', // iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -1496,6 +1542,9 @@ ...@@ -1496,6 +1542,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_puskes" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_puskes" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_edit_puskes = ` content_edit_puskes = `
<div class="modal-dialog md"> <div class="modal-dialog md">
...@@ -1523,6 +1572,7 @@ ...@@ -1523,6 +1572,7 @@
<div class="form-group"> <div class="form-group">
<input style="display:none;" id="id_puskes_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required> <input style="display:none;" id="id_puskes_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="coordinateZoneedit_puskes_edit" type="text" class="form-control" value=""required> <input style="display:none;" id="coordinateZoneedit_puskes_edit" type="text" class="form-control" value=""required>
</div> </div>
<div class="row" style="margin-top: 15px;"> <div class="row" style="margin-top: 15px;">
...@@ -1609,6 +1659,45 @@ ...@@ -1609,6 +1659,45 @@
</div> </div>
</div> </div>
</div>`; </div>`;
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_puskesmas" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_puskes) $("#modal_adm").html(content_edit_puskes)
panel_samp(); panel_samp();
}) })
...@@ -1752,10 +1841,10 @@ ...@@ -1752,10 +1841,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/FirstAid-tes.svg' iconUrl: 'static/img/icon-1/FirstAid-tes.svg'
// iconUrl: 'static/img/icon/rs.svg', // iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [19, 31] // shadowAnchor: [19, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -1867,6 +1956,9 @@ ...@@ -1867,6 +1956,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_rs" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_rs" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_edit_rs = ` content_edit_rs = `
...@@ -1895,6 +1987,7 @@ ...@@ -1895,6 +1987,7 @@
<div class="form-group"> <div class="form-group">
<input style="display:none;" id="id_rs_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required> <input style="display:none;" id="id_rs_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="coordinateZoneedit_rs_edit" type="text" class="form-control" value=""required> <input style="display:none;" id="coordinateZoneedit_rs_edit" type="text" class="form-control" value=""required>
</div> </div>
<div class="row" style="margin-top: 15px;"> <div class="row" style="margin-top: 15px;">
...@@ -1982,6 +2075,45 @@ ...@@ -1982,6 +2075,45 @@
</div> </div>
</div>`; </div>`;
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_rumah_sakit" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_rs) $("#modal_adm").html(content_edit_rs)
panel_samp(); panel_samp();
}) })
...@@ -2446,7 +2578,49 @@ ...@@ -2446,7 +2578,49 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_si" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_si" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_sarana_ibadah" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_ibdh) $("#modal_adm").html(content_edit_ibdh)
panel_samp(); panel_samp();
}) })
...@@ -2589,10 +2763,10 @@ ...@@ -2589,10 +2763,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: '/static/img/icon-1/GraduationCap-tes.svg' iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
// iconUrl: 'static/img/icon/kampus.svg', // iconUrl: 'static/img/icon/kampus.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [19, 30] // shadowAnchor: [19, 30]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -2626,10 +2800,10 @@ ...@@ -2626,10 +2800,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: '/static/img/icon-1/GraduationCap-tes.svg' iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
// iconUrl: 'static/img/icon/perpus.svg', // iconUrl: 'static/img/icon/perpus.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
...@@ -2664,10 +2838,10 @@ ...@@ -2664,10 +2838,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: '/static/img/icon-1/GraduationCap-tes.svg' iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
// iconUrl: 'static/img/icon/sekolah.svg', // iconUrl: 'static/img/icon/sekolah.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -2891,7 +3065,48 @@ ...@@ -2891,7 +3065,48 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_sp" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_sp" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_sarana_pendidikan"required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_sp) $("#modal_adm").html(content_edit_sp)
panel_samp(); panel_samp();
...@@ -3410,10 +3625,10 @@ ...@@ -3410,10 +3625,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Train-tes.svg' iconUrl: 'static/img/icon-1/Train-tes.svg'
// iconUrl: 'static/img/icon/kereta.svg', // iconUrl: 'static/img/icon/kereta.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -3636,7 +3851,49 @@ ...@@ -3636,7 +3851,49 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_st" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_st" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_stasiun" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_stasiun) $("#modal_adm").html(content_edit_stasiun)
panel_samp(); panel_samp();
}) })
...@@ -3763,10 +4020,10 @@ ...@@ -3763,10 +4020,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Bus-tes.svg' iconUrl: 'static/img/icon-1/Bus-tes.svg'
// iconUrl: 'static/img/icon/bus.svg', // iconUrl: 'static/img/icon/bus.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -3981,8 +4238,50 @@ ...@@ -3981,8 +4238,50 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_tr" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_tr" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_terminal" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_terminal) $("#modal_adm").html(content_edit_terminal)
panel_samp(); panel_samp();
}) })
...@@ -4109,10 +4408,10 @@ ...@@ -4109,10 +4408,10 @@
iconAnchor: [13, 27], iconAnchor: [13, 27],
popupAnchor: [1, -24], popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Factory-tes.svg' iconUrl: 'static/img/icon-1/Factory-tes.svg'
// iconUrl: 'static/img/icon/loc.svg', // iconUrl: 'static/img/icon/loc.svg',
// shadowUrl: 'static/img/icon/shadow.svg', // shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35], // shadowSize: [35, 35],
// shadowAnchor: [22, 31] // shadowAnchor: [22, 31]
}); });
var marker = L.marker(latlng, { var marker = L.marker(latlng, {
icon: smallIcon icon: smallIcon
...@@ -4327,8 +4626,50 @@ ...@@ -4327,8 +4626,50 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_cb" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_cb" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_cagar_budaya" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_cabud) $("#modal_adm").html(content_edit_cabud)
panel_samp(); panel_samp();
...@@ -4685,8 +5026,50 @@ ...@@ -4685,8 +5026,50 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_gl" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a> <a href="#" id="btn_edit_gl" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_gardu_listrik"required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_gl) $("#modal_adm").html(content_edit_gl)
panel_samp(); panel_samp();
}) })
...@@ -5012,8 +5395,10 @@ ...@@ -5012,8 +5395,10 @@
data_de.push(da) data_de.push(da)
} }
$("#search_desa").html(data_de); $("#search_desa").html(data_de);
checkBox_3d.checked = false;
} }
}) })
} else { } else {
//location.reload(); //location.reload();
$("#labelchange").html(`<img src="static/img/icon-1/Vector3d.svg" alt="" style="height: 50px; $("#labelchange").html(`<img src="static/img/icon-1/Vector3d.svg" alt="" style="height: 50px;
...@@ -5028,7 +5413,8 @@ ...@@ -5028,7 +5413,8 @@
$(".no3d").css('display', 'block'); $(".no3d").css('display', 'block');
$(".rar").css('display', 'block'); $(".rar").css('display', 'block');
$("#map-cesium").css('display', 'none'); $("#map-cesium").css('display', 'none');
//$(".filter3d").removeClass("d3filter"); $(".tooltip-3d").html(`3D`)
//$(".filter3d").removeClass("d3filter");
} }
} }
...@@ -5039,9 +5425,8 @@ ...@@ -5039,9 +5425,8 @@
$(".no3d").css('display', 'none'); $(".no3d").css('display', 'none');
$("#legendapo").css('display', 'none'); $("#legendapo").css('display', 'none');
$(".rar").css('display', 'none'); $(".rar").css('display', 'none');
$("#labelchange").html(`<h1 style="margin-top: 5px;margin-left: 8px;"> $("#labelchange").html(`<img src="static/img/icon-1/Vector2d.svg" alt="" style="height: 35px;width: 35px;margin: 7px;filter: invert(48%) sepia(79%) saturate(2398%) hue-rotate(190deg) brightness(77%) contrast(170%);z-index:1;">`)
2D $(".tooltip-3d").html(`2D`)
</h1>`)
var nama_desa = $("#search_desa").val(); var nama_desa = $("#search_desa").val();
$.ajax({ $.ajax({
...@@ -5051,6 +5436,7 @@ ...@@ -5051,6 +5436,7 @@
}, },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
document.getElementById("mapschange").checked = true;
$("#modalsearch3d").modal("toggle") $("#modalsearch3d").modal("toggle")
// console.log(data['polygon_o']) // console.log(data['polygon_o'])
// console.log(data['line_o']) // console.log(data['line_o'])
...@@ -5993,6 +6379,9 @@ ...@@ -5993,6 +6379,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 212px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;"> $(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 212px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#modal_tampak" id="btn_upload_tampak" data-backdrop="static" data-keyboard="false"><i>Upload Tampak Bangunan 3D</i></a> <a href="#" class="btn btn-primary" data-toggle="modal" data-target="#modal_tampak" id="btn_upload_tampak" data-backdrop="static" data-keyboard="false"><i>Upload Tampak Bangunan 3D</i></a>
</div> </div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`) `)
content = `<table class="table table-hover tasks-list"> content = `<table class="table table-hover tasks-list">
<thead style="text-align: center;"> <thead style="text-align: center;">
...@@ -7319,7 +7708,6 @@ ...@@ -7319,7 +7708,6 @@
</table> </table>
</div> </div>
<div class="form-group" style="margin-bottom:10px;"> <div class="form-group" style="margin-bottom:10px;">
<div id="map-delete" style="width: 300px;height: 250px;position: relative;margin-left: 10px;margin-right: 10px;margin-top: 10px;"></div>
<div class="form-group"> <div class="form-group">
<div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;"> <div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value=""> <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value="">
...@@ -7599,8 +7987,8 @@ ...@@ -7599,8 +7987,8 @@
<a href="#" id="btn_delete_bangunan" data-toggle="modal" data-target="#modal_bangunan_delete" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-eraser2"></i></a> <a href="#" id="btn_delete_bangunan" data-toggle="modal" data-target="#modal_bangunan_delete" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-eraser2"></i></a>
</div> </div>
`) `)
$("#isi_panel").html(content); $("#isi_panel").html(content);
$("#modal_bangunan_edit").html(content_edit); $("#modal_bangunan_edit").html(content_edit);
$("#modal_bangunan_delete").html(content_delete); $("#modal_bangunan_delete").html(content_delete);
...@@ -7932,7 +8320,6 @@ ...@@ -7932,7 +8320,6 @@
}); });
$(document).on("click", "#btn_delete_bangunan", function() { $(document).on("click", "#btn_delete_bangunan", function() {
$("#modal_detail_non_kelurahan").modal("hide")
var map_delete = new L.map('map-delete', { var map_delete = new L.map('map-delete', {
editable: true, editable: true,
zoomControl: false, zoomControl: false,
...@@ -7956,26 +8343,7 @@ ...@@ -7956,26 +8343,7 @@
success: function(data) { success: function(data) {
$("#modal_bangunan_delete").modal("show") $("#modal_bangunan_delete").modal("show")
$(".modal_detail_non_kelurahan").modal("hide") $(".modal_detail_non_kelurahan").modal("hide")
setTimeout(function() { loaderPage(false)
map_delete.invalidateSize();
}, 1000);
loaderPage(false);
map_delete.setView([data['geometry']['coordinates'][0][0][0][1], data['geometry']['coordinates'][0][0][0][0]], 19);
let lop_poly_edit = data['geometry']['coordinates'][0][0];
let list_poly_edit = [];
for (var i = 0; i < lop_poly_edit.length; i++) {
geoj = lop_poly_edit[i][0];
polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]]
list_poly_edit.push(polygigi);
};
var polyly = L.polygon(list_poly_edit).addTo(map_delete)
$('#btnsavedeletebangunan').click(function() {
var hasil = (JSON.stringify(polyly.toGeoJSON()))
$("#coordinatebangunan").val(hasil);
})
} }
}) })
}); });
......
{% load static %} {% for group in user.groups.all %} {% if group.name == 'Dinas Pekerjaan Umum dan Penataan Ruang' %} {% load static %}
<style>
#btn_edit_kelurahan {
display: block;
}
#btn_edit_tuplah {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_jalan {
display: block;
}
#btn_edit_gl {
display: block;
}
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
.leaflet-popup {
display: block;
}
#btn_detail_per_bang {
display: block;
}
#btn_perbaikan_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
</style>
{% elif group.name == 'Dinas Kependudukan dan Pencatatan Sipil' %}
<style>
#btn_edit_kelurahan {
display: block;
}
</style>
{% elif group.name == 'Dinas Kesehatan' %}
<style>
#btn_edit_rs {
display: block;
}
#btn_edit_puskes {
display: block;
}
#btn_edit_lk {
display: block;
}
</style>
{% elif group.name == 'Dinas Ketahanan Pangan' %}
<style>
#btn_edit_tuplah {
display: block;
}
</style>
{% elif group.name == 'Dinas Lingkungan Hidup' %}
<style>
#btn_edit_tuplah {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_jalan {
display: block;
}
#btn_edit_cb {
display: block;
}
#btn_upload_tampak {
display: block;
}
.leaflet-popup {
display: block;
}
</style>
{% elif group.name == 'Dinas Pariwisata dan Kebudayaan' %}
<style>
#btn_edit_cb {
display: block;
}
</style>
{% elif group.name == 'Dinas Pemberdayaan Masyarakat Desa' %}
<style>
#btn_edit_kelurahan {
display: block;
}
</style>
{% elif group.name == 'Dinas Pemberdayaan Perempuan dan PA' %}
<style>
#btn_edit_kelurahan {
display: block;
}
</style>
{% elif group.name == 'Dinas Kearsipan dan Perpustakaan' %}
<style>
#btn_edit_adm {
display: block;
}
</style>
{% elif group.name == 'Dinas Pendidikan' %}
<style>
#btn_edit_sp {
display: block;
}
</style>
{% elif group.name == 'Dinas Perdagangan dan Perindustrian' %}
<style>
#btn_edit_spbu {
display: block;
}
</style>
{% elif group.name == 'Dinas Perhubungan' %}
<style>
#btn_edit_st {
display: block;
}
#btn_edit_tr {
display: block;
}
</style>
{% elif group.name == 'Dinas Perikanan dan Peternakan' %}
<style>
#btn_edit_tuplah {
display: block;
}
</style>
{% elif group.name == 'Dinas Pertanian' %}
<style>
#btn_edit_tuplah {
display: block;
}
</style>
{% elif group.name == 'Dinas Perumahan dan Kawasan Permukiman' %}
<style>
#btn_edit_tuplah {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
.leaflet-popup {
display: block;
}
</style>
{% elif group.name == 'Dinas Sosial' %}
<style>
#btn_edit_si {
display: none;
}
</style>
{% endif %}{% endfor %}
<script> <script>
//tes //notif overlay
function cek_overlay() {
var jml_ceklis = 0
var check_tuplah = document.getElementById("geo_tuplah");
var check_rumah = document.getElementById("geo_building");
var check_jalan = document.getElementById("geo_jalan");
var check_kota = document.getElementById("batas_kota");
var check_kec = document.getElementById("batas_kec");
var check_desa = document.getElementById("batas_desa");
if (check_tuplah.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_rumah.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_jalan.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_kota.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_kec.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_desa.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (jml_ceklis != 0) {
$(".jumlah-ceklis").html(`<div style="position: absolute;right: -5px;top: -5px;background:
#90CAFF;width: 20px;height: 20px;text-align: center;border-radius: 10px;color:#FFFFFF;"><b>` + jml_ceklis + `</b></div>`)
$(".overlay-cek").css("background", "#1E2233")
$(".overlay-cek").css("box-shadow", "0px 4px 47px rgb(175 141 246 / 86%)")
} else {
$(".jumlah-ceklis").html(``)
$(".overlay-cek").css("background", "#FFFFFF")
$(".overlay-cek").css("box-shadow", "0")
}
}
cek_overlay()
//tes
function panel_samp() { function panel_samp() {
$("#panel-samping").addClass("move"); $("#panel-samping").addClass("move");
$("#button_unhide_panel").addClass("move-btn"); $("#button_unhide_panel").addClass("move-btn");
...@@ -953,6 +805,7 @@ ...@@ -953,6 +805,7 @@
} else { } else {
geo_batas_kel.remove() geo_batas_kel.remove()
} }
cek_overlay()
} }
function bataskota() { function bataskota() {
...@@ -962,6 +815,7 @@ ...@@ -962,6 +815,7 @@
} else { } else {
geo_batas.remove() geo_batas.remove()
} }
cek_overlay()
} }
function bataskec() { function bataskec() {
...@@ -971,6 +825,18 @@ ...@@ -971,6 +825,18 @@
} else { } else {
geo_batas_kec.remove() geo_batas_kec.remove()
} }
cek_overlay()
}
function georumah() {
var checkBox = document.getElementById("geo_building");
if (checkBox.checked == true) {
$(".help_bangunan").html('Polygon Bangunan dan Line Jalan terlihat pada zoom > 16')
} else {
$(".help_bangunan").html('')
}
cek_overlay()
} }
function batasall() { function batasall() {
...@@ -990,6 +856,7 @@ ...@@ -990,6 +856,7 @@
geo_batas_kel.remove() geo_batas_kel.remove()
geo_batas.remove() geo_batas.remove()
} }
cek_overlay()
} }
var search_desa = batas_desa_desa(); var search_desa = batas_desa_desa();
...@@ -1216,6 +1083,7 @@ ...@@ -1216,6 +1083,7 @@
} }
function geotuplah() { function geotuplah() {
var checkBox = document.getElementById("geo_tuplah"); var checkBox = document.getElementById("geo_tuplah");
if (checkBox.checked == true) { if (checkBox.checked == true) {
loaderPage(true); loaderPage(true);
...@@ -1244,6 +1112,8 @@ ...@@ -1244,6 +1112,8 @@
$("#legenda").css('display', 'none'); $("#legenda").css('display', 'none');
geo_tuplah.remove() geo_tuplah.remove()
} }
cek_overlay()
} }
...@@ -2228,8 +2098,10 @@ ...@@ -2228,8 +2098,10 @@
} }
function geojalan() { function geojalan() {
var checkBox = document.getElementById("geo_jalan"); var checkBox = document.getElementById("geo_jalan");
if (checkBox.checked == true) { if (checkBox.checked == true) {
$(".help_bangunan").html('Polygon Bangunan dan Line Jalan terlihat pada zoom > 16')
map.on("movestart", function() { map.on("movestart", function() {
if (map.hasLayer(geo_jalan)) { if (map.hasLayer(geo_jalan)) {
geo_jalan.clearLayers() geo_jalan.clearLayers()
...@@ -2270,9 +2142,11 @@ ...@@ -2270,9 +2142,11 @@
}); });
} else { } else {
$(".help_bangunan").html('')
geo_jalan.clearLayers(); geo_jalan.clearLayers();
geo_jalan.remove(); geo_jalan.remove();
} }
cek_overlay()
} }
var map_edit_jalan = L.map('map-jalan', { var map_edit_jalan = L.map('map-jalan', {
...@@ -2296,6 +2170,11 @@ ...@@ -2296,6 +2170,11 @@
}); });
$(document).on("click", "#btn_jalan", function() { $(document).on("click", "#btn_jalan", function() {
$("#koordinat_cek").addClass("active")
$("#info_umum").removeClass("active")
$("#left-tab1-feas-upl-j").addClass("active")
$("#right-tab2-feas-upl-j").removeClass("active")
if (map_edit_jalan.hasLayer(polygon_edit_jalan)) { if (map_edit_jalan.hasLayer(polygon_edit_jalan)) {
polygon_edit_jalan.remove() polygon_edit_jalan.remove()
} }
...@@ -2874,6 +2753,11 @@ ...@@ -2874,6 +2753,11 @@
$(document).on("click", "#btn_perbaikan_jalan", function() { $(document).on("click", "#btn_perbaikan_jalan", function() {
$("#koordinat_cek").addClass("active")
$("#info_umum").removeClass("active")
$("#left-tab1-feas-upl-j").addClass("active")
$("#right-tab2-feas-upl-j").removeClass("active")
geo_jalan_input.clearLayers(geo_jalan_input) geo_jalan_input.clearLayers(geo_jalan_input)
$("#input_perbaikan").css("display", "block"); $("#input_perbaikan").css("display", "block");
var id_jalan = $("#idjalan").val(); var id_jalan = $("#idjalan").val();
...@@ -3489,7 +3373,6 @@ ...@@ -3489,7 +3373,6 @@
<script> <script>
//klik kanan begin //klik kanan begin
map.on('contextmenu', function(e) { map.on('contextmenu', function(e) {
$("#modal_option_create").modal("show"); $("#modal_option_create").modal("show");
...@@ -4768,7 +4651,7 @@ ...@@ -4768,7 +4651,7 @@
var alamat_poly = $('#tahun_create').val(); var alamat_poly = $('#tahun_create').val();
var lb_poly = $('#luas_lahan_create').val(); var lb_poly = $('#luas_lahan_create').val();
$.ajax({ $.ajax({
url: "{% url 'api:c_lahan' %}", url: "api/c_lahan",
data: { data: {
'polygon': polygin, 'polygon': polygin,
'name': name_poly, 'name': name_poly,
......
...@@ -130,13 +130,13 @@ ...@@ -130,13 +130,13 @@
<div class="tabbable"> <div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified"> <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#left-tab1-feas-upl-j" data-toggle="tab">Koordinat</a></li> <li onclick="changetabs(this)" id="koordinat_cek" class="active"><a href="#left-tab1-feas-upl-j" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-upl-j" data-toggle="tab">Informasi Umum</a></li> <li onclick="changetabs(this)" id="info_umum"><a href="#right-tab2-feas-upl-j" data-toggle="tab">Informasi Umum</a></li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-upl-j"> <div class="tab-pane active" id="left-tab1-feas-upl-j">
<div id="map-jalan" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div> <div id="map-jalan" style="height: 300px;position: relative;"></div>
<div class="form-group"> <div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label> <label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
...@@ -1640,9 +1640,9 @@ ...@@ -1640,9 +1640,9 @@
<!-- Main charts --> <!-- Main charts -->
<div class="panel panel-flat" style="display: none;width: 1000px;"> <div class="panel panel-flat" style="display: none;width: 1000px;">
<div class="panel-header" style="height: 50px;background: #1E2233;border-top-left-radius: 10px;border-top-right-radius: 10px;"> <div class="panel-header" style="height: 50px;background: #1E2233;border-top-left-radius: 10px;border-top-right-radius: 10px;">
<!-- <button type="button" class="close" onclick="destroyWraper()" style=" width: 30px; <button type="button" class="close" onclick="destroyWraper()" style=" width: 30px;
color: white; color: white;
height: 30px;">&times;</button> --> height: 30px;">&times;</button>
<h5 class="modal-title title-create" style="color: white;margin-left: 25px;padding-top: 10px;">Input Perbaikan</h5> <h5 class="modal-title title-create" style="color: white;margin-left: 25px;padding-top: 10px;">Input Perbaikan</h5>
</div> </div>
<div class="panel-body" style="padding-top: 10px;"> <div class="panel-body" style="padding-top: 10px;">
...@@ -1977,8 +1977,8 @@ ...@@ -1977,8 +1977,8 @@
<div class="tabbable"> <div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified"> <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#left-tab1-feas-upli" data-toggle="tab">Koordinat</a></li> <li onclick="changetabs(this)" id="koordinat_cek" class="active"><a href="#left-tab1-feas-upli" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li> <li onclick="changetabs(this)" id="info_umum"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
......
...@@ -4,14 +4,14 @@ ...@@ -4,14 +4,14 @@
<div class="dropdown show-dropdown"> <div class="dropdown show-dropdown">
<a href="#" type="checkbox"> <a href="#" type="checkbox">
<input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 40px;height: 40px;margin-top: -5px;"> <input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 50px;height: 50px;margin-top: 0px;z-index:2;cursor: pointer;">
<div id="labelchange"> <div id="labelchange">
<img src="{% static 'img/icon-1/Vector3d.svg' %}" alt="" style="height: 50px; <img src="{% static 'img/icon-1/Vector3d.svg' %}" alt="" style="height: 50px;
width: 50px;"> width: 50px;">
</div> </div>
</a> </a>
</div> </div>
<span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold'; <span class="tooltiptext tooltip-left tooltip-3d" style="font-family: 'gilroysemibold';
color: #085E8C;">3D</span> color: #085E8C;">3D</span>
</li> </li>
...@@ -71,8 +71,11 @@ ...@@ -71,8 +71,11 @@
</ul> </ul>
</div> </div>
</li> </li>
<li class="fixed-plugin no3d" style="top: 170px;"> <li class="fixed-plugin no3d overlay-cek" style="top: 170px;">
<span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';color: #6D3FDE;">Overlay</span> <span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';color: #6D3FDE;">Overlay</span>
<div class="jumlah-ceklis">
</div>
<div class="dropdown show-dropdown "> <div class="dropdown show-dropdown ">
<a href="#" data-toggle="dropdown"> <a href="#" data-toggle="dropdown">
<img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px; <img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px;
...@@ -100,7 +103,7 @@ ...@@ -100,7 +103,7 @@
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_building" style="margin-top:2px;"> <input type="checkbox" id="geo_building" onclick="georumah()" style="margin-top:2px;">
<img src="/static/img/icon-1/Buildingsbangunan.svg" alt="" style="margin-top: -5px;"> <img src="/static/img/icon-1/Buildingsbangunan.svg" alt="" style="margin-top: -5px;">
<span> <span>
Bangunan Bangunan
......
...@@ -413,7 +413,7 @@ ...@@ -413,7 +413,7 @@
<div class="form-group" style="margin-top: 15px;width: 98%;"> <div class="form-group" style="margin-top: 15px;width: 98%;">
<select name="select" id="sel-kec" class="form-control input-sm" style="background-color: #393E54;border-radius: 8px;border-color: #393E54;color: white;"> <select name="select" id="sel-kec" class="form-control input-sm" style="background-color: #393E54;border-radius: 8px;border-color: #393E54;color: white;">
<option>Pilih Kecamatan</option> <option value="all_kecamatan">Pilih Kecamatan</option>
{% for nama_kecamatan in kecamatan %} {% for nama_kecamatan in kecamatan %}
<option value="{{nama_kecamatan.administrasi.f1}}">{{nama_kecamatan.administrasi.f2}}</option> <option value="{{nama_kecamatan.administrasi.f1}}">{{nama_kecamatan.administrasi.f2}}</option>
{% endfor %} {% endfor %}
...@@ -686,18 +686,23 @@ ...@@ -686,18 +686,23 @@
}, },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
if (data['res_kel'] == 'all_kecamatan') {
$('#sel-desa').html(`<option>Pilih Desa</option>`);
} else {
var data_all_desa = []
for (var i = 0; i < data['res_kel'].length; i++) {
var id_k = data['res_kel'][i][0];
var data_k = data['res_kel'][i][1];
var data_kel = `<option value="` + id_k + ` ">` +
data_k +
`</option>`;
data_all_desa.push(data_kel)
};
$('#sel-desa').html(`<option>Pilih Desa</option>` + data_all_desa);
}
var data_all_desa = []
for (var i = 0; i < data['res_kel'].length; i++) {
var id_k = data['res_kel'][i][0];
var data_k = data['res_kel'][i][1];
var data_kel = `<option value="` + id_k + ` ">` +
data_k +
`</option>`;
data_all_desa.push(data_kel)
};
$('#sel-desa').html(`<option>Pilih Desa</option>` + data_all_desa);
var data_perbaikan = [] var data_perbaikan = []
var number = 0; var number = 0;
......
...@@ -94,7 +94,8 @@ ...@@ -94,7 +94,8 @@
<script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<link rel="stylesheet" href="{% static 'css/layout-style.css' %}"> {% endblock css %} <link rel="stylesheet" href="{% static 'css/layout-style.css' %}">
<link rel="stylesheet" href="{% static 'css/st.css' %}"> {% endblock css %}
<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link> <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
<!-- Theme JS files --> <!-- Theme JS files -->
...@@ -127,6 +128,7 @@ ...@@ -127,6 +128,7 @@
<div class="content-wrapper"> <div class="content-wrapper">
<div class="content"> <div class="content">
<div id="map"> <div id="map">
<div class="help_bangunan" style="position: absolute;z-index: 999;top: 0px;right: 60px;"></div>
<div class="col-md-4 col-md-offset-4 input-group content-group head"> <div class="col-md-4 col-md-offset-4 input-group content-group head">
<!-- <div class="input-group"> <!-- <div class="input-group">
...@@ -2287,4 +2289,10 @@ ...@@ -2287,4 +2289,10 @@
$(".switch").bootstrapSwitch(); $(".switch").bootstrapSwitch();
}); });
</script> --> </script> -->
\ No newline at end of file
{% if user.is_authenticated %} {% else %}
<script>
$(".tombol-edit").html('ilang')
</script>
{% endif %}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment