Skip to content

O
OKU-GIS
Commit 75b657e5 authored by Manggar Mahardhika's avatar Manggar Mahardhika
Browse files
Options

27/07/2021 gabungan

parent 7a1c1270
Show whitespace changes
Inline Side-by-side
Showing with 1465 additions and 290 deletions
API/urls.py
View file @ 75b657e5
...@@ -44,6 +44,10 @@ urlpatterns = [ ...@@ -44,6 +44,10 @@ urlpatterns = [
path('terminal', views.editterminal, name='terminal'), path('terminal', views.editterminal, name='terminal'),
path('gardu', views.editgardu, name='gardu'), path('gardu', views.editgardu, name='gardu'),
path('hapus', views.hapus, name='hapus'),
path('dkantor', views.deletekantoradmin, name='dkantor'),
path('c_bangunan', views.createbang, name='c_bangunan'), path('c_bangunan', views.createbang, name='c_bangunan'),
path('edit-tuplah', login_required(views.edittuplah), name='edit-tuplah'), path('edit-tuplah', login_required(views.edittuplah), name='edit-tuplah'),
......
API/views.py
View file @ 75b657e5
...@@ -31,7 +31,7 @@ def group_required(group, login_url=None, raise_exception=False): ...@@ -31,7 +31,7 @@ def group_required(group, login_url=None, raise_exception=False):
else: else:
groups = group groups = group
if user.groups.filter(name__in=groups).exists(): if user.groups.filter(name__in=groups).exists() or user.is_superuser:
return True return True
if raise_exception: if raise_exception:
...@@ -234,7 +234,7 @@ def editpointka(request): ...@@ -234,7 +234,7 @@ def editpointka(request):
JOIN geo_prov_kab b ON st_intersects ( A.geom, b.geom ) JOIN geo_prov_kab b ON st_intersects ( A.geom, b.geom )
JOIN geo_data_kecamatan c ON st_intersects(A.geom, c.geom) JOIN geo_data_kecamatan c ON st_intersects(A.geom, c.geom)
join geo_data_kelurahan d on st_intersects(A.geom, d.geom) join geo_data_kelurahan d on st_intersects(A.geom, d.geom)
WHERE a.id = %s"""% int(id_point)) WHERE a.is_deleted = 0 and a.id = %s"""% int(id_point))
build = buldings.fetchall() build = buldings.fetchall()
return Response(build[0][0]) return Response(build[0][0])
...@@ -647,9 +647,9 @@ def editpointcb(request): ...@@ -647,9 +647,9 @@ def editpointcb(request):
return Response(build[0][0]) return Response(build[0][0])
import json import json
@api_view(('POST',)) @api_view(('POST',))
@renderer_classes((TemplateHTMLRenderer, JSONRenderer)) @renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def validatedit(request): def validatedit(request):
if request.method == 'POST': if request.method == 'POST':
name_b = request.POST.get("name_b") name_b = request.POST.get("name_b")
...@@ -658,6 +658,7 @@ def validatedit(request): ...@@ -658,6 +658,7 @@ def validatedit(request):
kec_b = request.POST.get("kec_b") kec_b = request.POST.get("kec_b")
kab_b = request.POST.get("kab_b") kab_b = request.POST.get("kab_b")
pro_b = request.POST.get("pro_b") pro_b = request.POST.get("pro_b")
gmb_b = request.POST.get("gambar")
id_poly = request.POST.get("id_poly") id_poly = request.POST.get("id_poly")
polygon = request.POST.get("polygon") polygon = request.POST.get("polygon")
...@@ -678,7 +679,7 @@ def validatedit(request): ...@@ -678,7 +679,7 @@ def validatedit(request):
filename = fss.save(namafile, file) filename = fss.save(namafile, file)
url = fss.url(filename) url = fss.url(filename)
except: except:
namafile = "NONE" namafile = gmb_b
print(co_edit,name_b, info_b, desa_b, kec_b, kab_b, pro_b, namafile, int(id_poly)) print(co_edit,name_b, info_b, desa_b, kec_b, kab_b, pro_b, namafile, int(id_poly))
with conn.cursor() as buldings: with conn.cursor() as buldings:
...@@ -707,15 +708,30 @@ def validatedit(request): ...@@ -707,15 +708,30 @@ def validatedit(request):
@renderer_classes((TemplateHTMLRenderer, JSONRenderer)) @renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def hapus(request): def hapus(request):
if request.method == 'POST': if request.method == 'POST':
try:
id_poly = request.POST.get("id_poly") id_poly = request.POST.get("id_poly")
with conn.cursor() as buldings: with conn.cursor() as buldings:
buldings.execute("""DELETE from geo_bangunan where id = %s"""% int(id_poly)) buldings.execute("""DELETE from geo_bangunan where id = %s"""% int(id_poly))
conn.commit() conn.commit()
data = {'status':'Success'} data = 'SUCCESS'
return Response(data) info = 'data telah diperbaharui'
status = 0
except:
data = 'SORRY'
info = 'hubungi orang terdekat'
status = 1
respon = {
'data':data,
'info':info,
'code':status,
}
print(respon)
return Response(respon)
@api_view(('GET',)) @api_view(('GET',))
@renderer_classes((TemplateHTMLRenderer, JSONRenderer)) @renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def hasilsearch(request): def hasilsearch(request):
...@@ -908,9 +924,9 @@ def editkantoradmin(request): ...@@ -908,9 +924,9 @@ def editkantoradmin(request):
alamat = request.POST.get('alamat') alamat = request.POST.get('alamat')
perangkat = request.POST.get('perangkat') perangkat = request.POST.get('perangkat')
if perangkat is None: if perangkat is None:
perangkat = 'bpk' perangkat = 'Bpk'
elif perangkat == '': elif perangkat == '':
perangkat = 'bpk' perangkat = 'Bpk'
else: else:
perangkat = request.POST.get('perangkat') perangkat = request.POST.get('perangkat')
...@@ -935,12 +951,33 @@ def editkantoradmin(request): ...@@ -935,12 +951,33 @@ def editkantoradmin(request):
editka.execute("""update geo_kantor_administrasi set geom = st_geomfromgeojson('{"type":"Point", "coordinates":%s, "crs":{"type":"name","properties":{"name":"EPSG:4326"}}}'), namobj = '%s', remark = '%s', luas_bangunan = %s, luas_tanah = %s, tinggi_bangunan = %s, perangkat = '%s', alamat = '%s', gambar = '%s' where id = %s"""%(co_edit, namobj, remark, luas_bangunan, luat_tanah, tinggi_bangunan, perangkat, alamat, namafile, idkantor)) editka.execute("""update geo_kantor_administrasi set geom = st_geomfromgeojson('{"type":"Point", "coordinates":%s, "crs":{"type":"name","properties":{"name":"EPSG:4326"}}}'), namobj = '%s', remark = '%s', luas_bangunan = %s, luas_tanah = %s, tinggi_bangunan = %s, perangkat = '%s', alamat = '%s', gambar = '%s' where id = %s"""%(co_edit, namobj, remark, luas_bangunan, luat_tanah, tinggi_bangunan, perangkat, alamat, namafile, idkantor))
conn.commit() conn.commit()
with conn.cursor() as hasiledit: data = {'status':'Success'}
hasiledit.execute("""select namobj, remark, luas_bangunan, luas_tanah, tinggi_bangunan, perangkat, gambar, alamat from geo_kantor_administrasi where id = %s"""% idkantor) data = 'SUCCESS'
hasileditkantor = hasiledit.fetchall() info = 'data telah diperbaharui'
status = 0
respon={'data':data, 'info': info, 'status':status}
return Response(respon)
data = hasileditkantor[0] @api_view(('POST',))
return Response(data) def deletekantoradmin(request):
idkantor = request.POST.get('id')
try:
with conn.cursor() as editka:
editka.execute("""update geo_kantor_administrasi set is_deleted = 1 where id = %s"""%(idkantor))
conn.commit()
data = {'status':'Success'}
data = 'SUCCESS'
info = 'data telah diperbaharui'
status = 0
except:
data = 'Sorry'
info = 'Dalam Perbaikan'
status = 1
respon={'data':data, 'info': info, 'status':status}
return Response(respon)
@api_view(('POST',)) @api_view(('POST',))
def editlayanankesehatan(request): def editlayanankesehatan(request):
......
templates/includes/content.html 0 → 100644
View file @ 75b657e5
{% load static %}
<div class="content-wrapper mymodal" id="input_perbaikan" style="display: none;padding: 60px;">
<div class="content" style="padding: 15px;max-height: 550px;">
<!-- Main charts -->
<div class="panel panel-flat" style="display: none;">
<div class="panel-body" style="padding-top: 10px;">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<button type="button" class="close" onclick="destroyWraper()">&times;</button>
<li class="active"><a href="#left-tab-input-coordinat" data-toggle="tab">Koordinat</a></li>
<li><a href="#right-tab-input-informasi" data-toggle="tab">Insert Informasi</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="left-tab-input-coordinat">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<input type="text" class="hidden" id="poly_create_input">
<input type="text" class="hidden" id="id_jalan_perbaikan">
<input type="text" class="hidden" id="type_id">
<div id="map-insert" style="height: 375px;width: 100%">
</div>
</div>
</div>
<div class="tab-pane" id="right-tab-input-informasi">
<div class="modal-body" style="max-height: 415px;overflow-y: auto;">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Nama Jalan :</label>
<input type="text" id="namajalan" class="form-control" value="">
</div>
<div class="form-group">
<label>Type Jalan :</label>
<input type="text" id="typejalan" class="form-control" value="">
</div>
<div class="form-group">
<label>Kelurahan :</label>
<input type="text" id="kelurahan" class="form-control" value="">
</div>
<div class="form-group">
<label>Kecamatan :</label>
<input type="text" id="kecamatan" class="form-control" value="">
</div>
<div class="form-group">
<label>Anggaran :</label>
<input type="text" id="anggaran" class="form-control" value="">
</div>
<div class="form-group">
<label>Pihak yang Mengesahkan :</label>
<input type="text" id="pihakpengesahan" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Disetujui :</label>
<input type="date" id="tgldisetujui" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Mulai Perbaikan :</label>
<input type="date" id="tglmulaiperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Selesai Perbaikan :</label>
<input type="date" id="tglselesaiperbaikan" class="form-control" value="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Penanggung Jawab Lapangan :</label>
<input type="text" id="pjlapangan" class="form-control" value="">
</div>
<div class="form-group">
<label>Kontraktor :</label>
<input type="text" id="kontraktor" class="form-control" value="">
</div>
<div class="form-group">
<label>Panjang Jalan Keseluruhan :</label>
<input type="text" id="panjangjalanall" class="form-control" value="">
</div>
<div class="form-group">
<label>Panjang Jalan Perbaikan :</label>
<input type="text" id="panjangjalanperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Lebar Jalan Perbaikan :</label>
<input type="text" id="lebarjalanperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Jenis Perbaikan :</label>
<input type="text" id="jenisperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Proposal (.pdf):</label>
<input type="file" id="proposal">
</div>
<div class="form-group">
<label>Bukti Selesai Perbaikan (.png/.jpg/.jpeg/):</label>
<input type="file" id="buktiselesai">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer">
<button type="button" class="btn btn-info" id="save-perbaikan" style="float: right; margin-right: 40px;">SAVE</button>
<button type="button" class="btn btn-link" onclick="destroyWraper()" style="float: right;">Close</button>
</div>
</div>
</div>
<!-- /main charts -->
</div>
<!-- editing kelurahan -->
<div class="content-wrapper mymodal" id="edit_kelurahan" style="display: none;padding: 60px;">
<div class="content" style="padding: 15px;max-height: 550px;">
<!-- Main charts -->
<div class="panel panel-flat" style="display: none;">
<div class="panel-body" style="padding-top: 10px;">
<div class="tabbable">
<!-- <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<button type="button" class="close" onclick="destroyWraper()">&times;</button>
<li class="active"><a onclick="openInfo(event, 'kelurahan')" data-toggle="tab"><span>Kelurahan & Batas Wilayah</span></a></li>
<li class=""><a onclick="openInfo(event, 'kependudukan')" data-toggle="tab"><span>Kependudukan</span></a></li>
<li class=""><a onclick="openInfo(event, 'pendidikan')" data-toggle="tab"><span>Pendidikan</span></a></li>
<li class=""><a onclick="openInfo(event, 'pekerjaan')" data-toggle="tab"><span>Pekerjaan</span></a></li>
<li class=""><a onclick="openInfo(event, 'poi')" data-toggle="tab"><span>POI</span></a></li>
</ul> -->
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<button type="button" class="close" onclick="destroyWraper()">&times;</button>
<li class="active"><a href="kelurahan" data-toggle="tab"><span>Kelurahan & Batas Wilayah</span></a></li>
<li class=""><a href="#kependudukan" data-toggle="tab"><span>Kependudukan</span></a></li>
<li class=""><a href="#pendidikan" data-toggle="tab"><span>Pendidikan</span></a></li>
<li class=""><a href="#pekerjaan" data-toggle="tab"><span>Pekerjaan</span></a></li>
<li class=""><a href="#poi" data-toggle="tab"><span>POI</span></a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="kelurahan">
<!-- <div class="modal-body" style="max-height: 450px;overflow-y: auto;"> -->
<div class="row">
<div class="col-lg-7">
<div>
<div id="map-kelurahan" class="map-container" style="padding-top: -100px; max-width:600px; max-height:385px;margin-bottom: 15px;"></div>
</div>
</div>
<div class="col-lg-5">
<fieldset class="content-group">
<input type="text" class="hidden" name="coordinatekel" id="coordinatekel" value="">
<div class="form-group">
<label class="col-lg-3 control-label">Image</label>
<div class="col-lg-9">
<input type="file" id="file" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kode Kelurahan/Desa:</label>
<div class="col-lg-9">
<input type="text" name="kodekelurahan" id="kodekelurahan" class="form-control" value={{result_poly.administrasi.f1}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kelurahan/Desa</label>
<div class="col-lg-9">
<input type="text" name="kelurahan" id="kelurahan" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kecamatan</label>
<div class="col-lg-9">
<input type="text" name="kecamatan" id="kecamatan" class="form-control" value={{kec}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kabupaten/Kota</label>
<div class="col-lg-9">
<input type="text" name="kabupaten" id="kabupaten" class="form-control" value={{result_poly.administrasi.f4}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Provinsi:</label>
<div class="col-lg-9">
<input type="text" name="provinsi" id="provinsi" class="form-control" value={{result_poly.administrasi.f5}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Luas Desa:</label>
<div class="col-lg-9">
<input type="text" name="luasdesa" id="luasdesa" class="form-control" value={{result_poly.administrasi.f8}}>
</div>
</div>
</fieldset>
</div>
</div>
<!-- </div> -->
</div>
<div class="tab-pane" id="kependudukan">
<div class="modal-body" style="max-height: 415px;overflow-y: auto;">
<div class="row">
<div class="col-md-4" style="max-width: 335px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah Penduduk:</label>
<div class="col-lg-9">
<input type="text" name="jumlahpenduduk" id="jumlahpenduduk" class="form-control" value={{result_poly.administrasi.f6}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah KK:</label>
<div class="col-lg-9">
<input type="text" name="jumlahkk" id="jumlahkk" class="form-control" value={{result_poly.administrasi.f7}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah Laki-laki:</label>
<div class="col-lg-9">
<input type="text" name="jumlahlakilaki" id="jumlahlakilaki" class="form-control" value={{result_poly.penduduk.f1}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah Perempuan:</label>
<div class="col-lg-9">
<input type="text" name="jumlahperempuan" id="jumlahperempuan" class="form-control" value={{result_poly.penduduk.f2}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Belum Kawin</label>
<div class="col-lg-9">
<input type="text" name="belumkawin" id="belumkawin" class="form-control" value={{result_poly.penduduk.f3}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kawin</label>
<div class="col-lg-9">
<input type="text" name="kawin" id="kawin" class="form-control" value={{result_poly.penduduk.f4}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Cerai Hidup</label>
<div class="col-lg-9">
<input type="text" name="ceraihidup" id="ceraihidup" class="form-control" value={{result_poly.penduduk.f5}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Cerai Mati</label>
<div class="col-lg-9">
<input type="text" name="ceraimati" id="ceraimati" class="form-control" value={{result_poly.penduduk.f6}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">wajib KTP</label>
<div class="col-lg-9">
<input type="text" name="wajibktp" id="wajibktp" class="form-control" value={{result_poly.penduduk.f7}}>
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Islam:</label>
<div class="col-lg-9">
<input type="text" name="islam" id="islam" class="form-control" value="{{result_poly.penduduk.f8}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kristen:</label>
<div class="col-lg-9">
<input type="text" name="kristen" id="kristen" class="form-control" value="{{result_poly.penduduk.f9}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Katolik:</label>
<div class="col-lg-9">
<input type="text" name="katolik" id="katolik" class="form-control" value="{{result_poly.penduduk.f10}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Hindu:</label>
<div class="col-lg-9">
<input type="text" name="hindu" id="hindu" class="form-control" value="{{result_poly.penduduk.f11}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Budha:</label>
<div class="col-lg-9">
<input type="text" name="budha" id="budha" class="form-control" value="{{result_poly.penduduk.f12}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Konghucu:</label>
<div class="col-lg-9">
<input type="text" name="konghucu" id="konghucu" class="form-control" value="{{result_poly.penduduk.f13}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kepercayaan Lain:</label>
<div class="col-lg-9">
<input type="text" name="kepercayaanlain" id="kepercayaanlain" class="form-control" value="{{result_poly.penduduk.f14}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<div class="row">
<div class="col-md-6">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">U0:</label>
<div class="col-lg-9">
<input type="text" name="u0" id="u0" class="form-control" value="{{result_poly.penduduk.f15}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U5:</label>
<div class="col-lg-9">
<input type="text" name="u5" id="u5" class="form-control" value="{{result_poly.penduduk.f16}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U10:</label>
<div class="col-lg-9">
<input type="text" name="u10" id="u10" class="form-control" value="{{result_poly.penduduk.f17}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U15:</label>
<div class="col-lg-9">
<input type="text" name="u15" id="u15" class="form-control" value="{{result_poly.penduduk.f18}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U20:</label>
<div class="col-lg-9">
<input type="text" name="u20" id="u20" class="form-control" value="{{result_poly.penduduk.f19}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U25:</label>
<div class="col-lg-9">
<input type="text" name="u25" id="u25" class="form-control" value="{{result_poly.penduduk.f20}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U30:</label>
<div class="col-lg-9">
<input type="text" name="u30" id="u30" class="form-control" value="{{result_poly.penduduk.f21}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U35:</label>
<div class="col-lg-9">
<input type="text" name="u35" id="u35" class="form-control" value="{{result_poly.penduduk.f22}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U40:</label>
<div class="col-lg-9">
<input type="text" name="u40" id="u40" class="form-control" value="{{result_poly.penduduk.f23}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U45:</label>
<div class="col-lg-9">
<input type="text" name="u45" id="u45" class="form-control" value="{{result_poly.penduduk.f24}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-6">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">U50:</label>
<div class="col-lg-9">
<input type="text" name="u50" id="u50" class="form-control" value="{{result_poly.penduduk.f25}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U55:</label>
<div class="col-lg-9">
<input type="text" name="u55" id="u55" class="form-control" value="{{result_poly.penduduk.f26}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U60:</label>
<div class="col-lg-9">
<input type="text" name="u60" id="u60" class="form-control" value="{{result_poly.penduduk.f27}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U65:</label>
<div class="col-lg-9">
<input type="text" name="u65" id="u65" class="form-control" value="{{result_poly.penduduk.f28}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U70:</label>
<div class="col-lg-9">
<input type="text" name="u70" id="u70" class="form-control" value="{{result_poly.penduduk.f29}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U75:</label>
<div class="col-lg-9">
<input type="text" name="u75" id="u75" class="form-control" value="{{result_poly.penduduk.f30}}">
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="pendidikan">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row">
<div class="col-md-6" style="max-width: 500px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Tidak Sekolah</label>
<div class="col-lg-9">
<input type="text" id="tidaksekolah" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f1}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Belum Tamat:</label>
<div class="col-lg-9">
<input type="text" id="belumtamat" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f2}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tamat SD:</label>
<div class="col-lg-9">
<input type="text" id="tamatsd" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f3}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tamat SLTP:</label>
<div class="col-lg-9">
<input type="text" id="tamatsltp" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f4}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tamat SLTA:</label>
<div class="col-lg-9">
<input type="text" id="tamatslta" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f5}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-6">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Diploma I:</label>
<div class="col-lg-9">
<input type="text" id="diplomai" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f6}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Diploma III:</label>
<div class="col-lg-9">
<input type="text" id="diplomaiii" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f6}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Diploma IV/ Strata I:</label>
<div class="col-lg-9">
<input type="text" id="diplomaiv" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f7}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Starta II:</label>
<div class="col-lg-9">
<input type="text" id="strataii" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f8}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Satrta III:</label>
<div class="col-lg-9">
<input type="text" id="strataiii" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f9}}">
</div>
</div>
</fieldset>
</div>
</div>
<div class="text-right">
<input id="savedatakelurahanpendidik" class="btn btn-primary" value="SAVE" style="bottom: 15px;">
</div>
</div>
</div>
<div class="tab-pane" id="pekerjaan">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row">
<div class="col-md-4" style="max-width: 400px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Tidak Bekerja:</label>
<div class="col-lg-9">
<input type="text" id="tidakbekerja" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f10}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Aparatur Pemerintah:</label>
<div class="col-lg-9">
<input type="text" id="aparaturpemerintah" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f11}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tenaga Pendidik:</label>
<div class="col-lg-9">
<input type="text" id="tenagapendidik" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f12}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Wiraswasta:</label>
<div class="col-lg-9">
<input type="text" id="wiraswasta" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f13}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pertanian:</label>
<div class="col-lg-9">
<input type="text" id="pertanian" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f14}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tenaga Kesehatan:</label>
<div class="col-lg-9">
<input type="text" id="tenagakesehatan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f15}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pensiunan:</label>
<div class="col-lg-9">
<input type="text" id="pensiunan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f17}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pegawai:</label>
<div class="col-lg-9">
<input type="text" id="pegawai" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f18}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tentara:</label>
<div class="col-lg-9">
<input type="text" id="tentara" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f19}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kepolisian:</label>
<div class="col-lg-9">
<input type="text" id="kepolisian" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f20}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Dosen:</label>
<div class="col-lg-9">
<input type="text" id="dosen" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f32}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Guru:</label>
<div class="col-lg-9">
<input type="text" id="guru" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f33}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pilot:</label>
<div class="col-lg-9">
<input type="text" id="pilot" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f34}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Pedagang:</label>
<div class="col-lg-9">
<input type="text" id="pedagang" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f21}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Petani:</label>
<div class="col-lg-9">
<input type="text" id="petani" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f22}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Peternak:</label>
<div class="col-lg-9">
<input type="text" id="peternak" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f23}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Nelayan:</label>
<div class="col-lg-9">
<input type="text" id="nelayan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f24}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Karyawan:</label>
<div class="col-lg-9">
<input type="text" id="karyawan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f25}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Buruh:</label>
<div class="col-lg-9">
<input type="text" id="buruh" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f26}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pembantu:</label>
<div class="col-lg-9">
<input type="text" id="pembantu" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f27}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tukang:</label>
<div class="col-lg-9">
<input type="text" id="tukang" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f28}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pendeta:</label>
<div class="col-lg-9">
<input type="text" id="pendeta" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f29}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pastor:</label>
<div class="col-lg-9">
<input type="text" id="pastor" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f30}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Ustadz:</label>
<div class="col-lg-9">
<input type="text" id="ustadz" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f31}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Dokter:</label>
<div class="col-lg-9">
<input type="text" id="dokter" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f39}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Bidan:</label>
<div class="col-lg-9">
<input type="text" id="bidan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f40}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Perawat:</label>
<div class="col-lg-9">
<input type="text" id="perawat" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f41}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Psikiater:</label>
<div class="col-lg-9">
<input type="text" id="psikiater" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f42}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<div class="form-group">
<label class="col-lg-3 control-label">Pengacara:</label>
<div class="col-lg-9">
<input type="text" id="pengacara" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f35}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Notaris:</label>
<div class="col-lg-9">
<input type="text" id="notaris" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f36}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Arsitek:</label>
<div class="col-lg-9">
<input type="text" id="arsitek" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f37}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Akuntan:</label>
<div class="col-lg-9">
<input type="text" id="akuntan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f38}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Sopir:</label>
<div class="col-lg-9">
<input type="text" id="sopir" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f43}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Lainnya:</label>
<div class="col-lg-9">
<input type="text" id="lainnya" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f44}}">
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="poi">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row">
<div class="col-md-6" style="margin-left: 30px;max-width: 500px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Puskesmas</label>
<div class="col-lg-9">
<input type="text" id="puskesmas" class="form-control" value="{{result_poly.poi.f1}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Sekolah</label>
<div class="col-lg-9">
<input type="text" id="sekolah" class="form-control" value="{{result_poly.poi.f2}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Sarana Ibadah</label>
<div class="col-lg-9">
<input type="text" id="saranaibadah" class="form-control" value="{{result_poly.poi.f3}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tempat Wisata</label>
<div class="col-lg-9">
<input type="text" id="tempatwisata" class="form-control" value="{{result_poly.poi.f3}}">
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer">
<input type="submit" id="savedatakelurahankel" class="btn btn-default" value="SAVE" style="left: 10px;">
<button type="button" class="btn btn-link" onclick="destroyWraper()">Close</button>
</div>
</div>
</div>
<!-- /main charts -->
</div>
<script>
</script>
\ No newline at end of file
templates/includes/css-o.html
View file @ 75b657e5
...@@ -216,4 +216,8 @@ ...@@ -216,4 +216,8 @@
#btn_edit_cb { #btn_edit_cb {
display: none; display: none;
} }
.leaflet-popup{
display: none;
}
</style> </style>
\ No newline at end of file
templates/includes/js-m.html
View file @ 75b657e5
{% for group in user.groups.all %} {% if group.name == 'Superadmin' %} {% for group in user.groups.all %} {% if group.name == 'Superadmin' %}
<style> <style>
.leaflet-popup{
display: block;
}
#btn_edit_kelurahan { #btn_edit_kelurahan {
display: block; display: block;
} }
...@@ -12,6 +15,10 @@ ...@@ -12,6 +15,10 @@
display: block; display: block;
} }
#btn_delete_bangunan {
display: block;
}
#btn_jalan { #btn_jalan {
display: block; display: block;
} }
...@@ -39,6 +46,9 @@ ...@@ -39,6 +46,9 @@
#btn_edit_adm { #btn_edit_adm {
display: block; display: block;
} }
#btn_delete_adm {
display: block;
}
#btn_edit_sp { #btn_edit_sp {
display: block; display: block;
...@@ -59,6 +69,10 @@ ...@@ -59,6 +69,10 @@
#btn_edit_si { #btn_edit_si {
display: block; display: block;
} }
.leaflet-popup{
display: block;
}
</style> </style>
{% endif %}{% endfor %} {% endif %}{% endfor %}
...@@ -290,12 +304,129 @@ ...@@ -290,12 +304,129 @@
var raja = feature.administrasi.f10; var raja = feature.administrasi.f10;
} }
content = ` content = `
<table class="table table-hover tasks-list">
<thead style="text-align: center;">
<tr>
<th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
<tbody>
<div class= "container">
<tr style="height: 100px;">
<th>
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
` + feature.administrasi.f1 + `
</span>
</h1>
</div>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 30px;">
<th>
<span>
` + feature.administrasi.f2 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<span>
` +
alamak + `, ` + feature.administrasi.f14 + `, ` + feature.administrasi.f13 + `, ` + feature.administrasi.f12 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span>Luas Bangunan : ` + feature.administrasi.f4 + ` </span><span style="font-weight: 700;">&#13217;</span>
</p>
<p>
<span>Luas Tanah : ` + feature.administrasi.f5 + ` </span><span style="font-weight: 700;">&#13217;</span>
</p>
<p>
<span>Tinggi Bangunan : ` + feature.administrasi.f9 + ` m</span>
</p>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span>Pimpinan : </span>
</p>
<p>
<span>` + raja + `</span>
</p>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p class="text-center" style="margin-top: 25px;">
<a href="#" id='btn_edit_adm' class="btn btn-default" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Point</i></a>
<a href="#" id='btn_delete_adm' class='btn btn-default' data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false"><i>Delete Point</i></a>
</p>
</th>
</tr>
</div>
</tbody>
</table>`;
content_delete = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c !important;">
<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="min-height: 450px;overflow-y: auto;">
<div id="map-for-delete" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<input style="display:none;" id="id" type="text" class="form-control" value="` + feature.administrasi.f15 + `"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" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required>
</div>
<input id='btn_edit_adm' class="btn btn-default btn_edit_point" type="submit" value="Edit" style="position: absolute; </div>
top: 6px;right: 5px;width: 60px;" data data-toggle="modal" data-target="#modal_adm"> </div>
<div class="modal fade" id="modal_adm">
<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">
<select id="remark" style="margin-top: 15px;">
<option>` + feature.administrasi.f2 + `</option>
</select>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button>
<button type="button" class="btn btn-info" id="savedeleteadm">Hapus</button>
</div>
</div>
</div>`;
content_edit = `
<div class="modal-dialog md"> <div class="modal-dialog md">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c !important;"> <div class="modal-header bg-info" style="background-color: #40777c !important;">
...@@ -308,13 +439,24 @@ ...@@ -308,13 +439,24 @@
<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" data-toggle="tab">Informasi Umum</a></li> <li onclick="changetabs(this)" class="active"><a href="#left-tab1-feas-upl" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-upl" data-toggle="tab">Koordinat</a></li> <li onclick="changetabs(this)" ><a href="#right-tab2-feas-upl" 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"> <div class="tab-pane active" id="left-tab1-feas-upl">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="file" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambar" type="text" class="form-control" value="` + feature.administrasi.f8 + `"required>
</div>
</div>
</div>
<div class="tab-pane" id="right-tab2-feas-upl">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;"> <div class="modal-body" style="min-height: 450px;overflow-y: auto;">
...@@ -410,17 +552,6 @@ ...@@ -410,17 +552,6 @@
</div> </div>
</div> </div>
<div class="tab-pane" id="right-tab2-feas-upl">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="file" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambar" type="text" class="form-control" value="` + feature.administrasi.f8 + `"required>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -432,83 +563,12 @@ ...@@ -432,83 +563,12 @@
<button type="button" class="btn btn-info" id="saveeditadm">Save changes</button> <button type="button" class="btn btn-info" id="saveeditadm">Save changes</button>
</div> </div>
</div> </div>
</div> </div>`;
</div> $("#isi_panel").html(content)
$("#modald_adm").html(content_delete)
<table class="table table-hover tasks-list"> $("#modal_adm").html(content_edit)
<thead style="text-align: center;">
<tr>
<th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368">
</th>
</tr>
</thead>
<tbody>
<div class= "container">
<tr style="height: 100px;">
<th>
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
` + feature.administrasi.f1 + `
</span>
</h1>
</div>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 30px;">
<th>
<span>
` + feature.administrasi.f2 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<span>
` +
alamak + `, ` + feature.administrasi.f14 + `, ` + feature.administrasi.f13 + `, ` + feature.administrasi.f12 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span>Luas Bangunan : ` + feature.administrasi.f4 + ` </span><span style="font-weight: 700;">&#13217;</span>
</p>
<p>
<span>Luas Tanah : ` + feature.administrasi.f5 + ` </span><span style="font-weight: 700;">&#13217;</span>
</p>
<p>
<span>Tinggi Bangunan : ` + feature.administrasi.f9 + ` m</span>
</p>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span>Pimpinan : </span>
</p>
<p>
<span>` + raja + `</span>
</p>
</th>
</tr>
</div>
</tbody>
</table>`;
showpanel(content);
}) })
hidelegend(); hidelegend();
} }
}) })
...@@ -554,7 +614,7 @@ ...@@ -554,7 +614,7 @@
drawControl: true drawControl: true
}).setView([-2, 118], 5); }).setView([-2, 118], 5);
mapss = L.tileLayer('https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', { mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
maxZoom: 22, maxZoom: 22,
minZoom: 4, minZoom: 4,
}).addTo(map_edit); }).addTo(map_edit);
...@@ -588,7 +648,6 @@ ...@@ -588,7 +648,6 @@
}) })
}); });
$(document).on("click", "#saveeditadm", function() { $(document).on("click", "#saveeditadm", function() {
var idka = $('#id').val(); var idka = $('#id').val();
var poi = $('#coordinateZoneedit').val(); var poi = $('#coordinateZoneedit').val();
...@@ -614,8 +673,105 @@ ...@@ -614,8 +673,105 @@
processData: false, processData: false,
contentType: false, contentType: false,
success: function(data) { success: function(data) {
alert('sukses') let response = data
location.reload() if (response.status == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_bangunan_delete").css('display', 'none');
location.reload();
})
} else {
swal({
title: 'Error',
text: 'Hubungi Developer',
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}
})
});
$(document).on("click", "#btn_delete_adm", function() {
var map_delete = L.map('map-for-delete', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([-2, 118], 5);
mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_delete);
var idka = $('#id').val();
loaderPage(false);
$.ajax({
url: "{% url 'api:editkantor' %}",
data: {
'id_point': idka
},
dataType: 'json',
success: function(data) {
loaderPage(false);
setTimeout(function() {
map_delete.invalidateSize();
}, 1000);
console.log(data)
// map_edit.setView([data['geometry']['coordinates'][0][0][0][1], data['geometry']['coordinates'][0][0][0][0]], 19);
map_delete.setView([data['geometry']['coordinates'][1], data['geometry']['coordinates'][0]], 19);
let dapoin = [data['geometry']['coordinates'][1], data['geometry']['coordinates'][0]]
var poinin = L.marker(dapoin).addTo(map_delete)
// poinin.enableEdit();
$('#saveeditadm').click(function() {
var hasil = (JSON.stringify(poinin.toGeoJSON()))
$("#coordinateZoneedit").val(hasil);
})
}
})
});
$(document).on("click", "#savedeleteadm", function() {
var idka = $('#id').val();
var poi = $('#coordinateZoneedit').val();
var data = new FormData();
data.append('id', idka)
$.ajax({
url: "{% url 'api:dkantor' %}",
data: data,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
success: function(data) {
let response = data
if (response.status == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_bangunan_delete").css('display', 'none');
location.reload();
})
} else {
swal({
title: 'Error',
text: 'Hubungi Mereka',
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
} }
}) })
}); });
...@@ -819,7 +975,7 @@ ...@@ -819,7 +975,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -1199,7 +1355,7 @@ ...@@ -1199,7 +1355,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -1579,7 +1735,7 @@ ...@@ -1579,7 +1735,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -2002,7 +2158,7 @@ ...@@ -2002,7 +2158,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
...@@ -2410,7 +2566,7 @@ ...@@ -2410,7 +2566,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -2789,7 +2945,7 @@ ...@@ -2789,7 +2945,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -3153,7 +3309,7 @@ ...@@ -3153,7 +3309,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -3479,7 +3635,7 @@ ...@@ -3479,7 +3635,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -3785,7 +3941,7 @@ ...@@ -3785,7 +3941,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f4 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f4 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -4140,7 +4296,7 @@ ...@@ -4140,7 +4296,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -4357,37 +4513,22 @@ ...@@ -4357,37 +4513,22 @@
cb100() cb100()
gl100() gl100()
valket() valket()
$("#thisFooter").css('display', 'block');
$("#button_unhide").css('display', 'none');
$("#panel-samping").css("display", "none");
$("#button_hide_panel").css("display", "none")
} }
} }
function showpanel(content) { function showpanel(content) {
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block") $("#button_hide_panel").css("display", "block")
// $("#thisFooter").css('left', '380px'); // $("#thisFooter").css('left', '380px');
// $("#thisFooter").css('width', '930px'); // $("#thisFooter").css('width', '930px');
// $("#thisFooter").css('display', 'none'); //
$("#button_unhide").css('display', 'block');
$("#isi_panel").html(content);
}
function hidepanel() { $("#isi_panel").html(content);
$("#panel-samping").css("display", "none");
$("#button_hide_panel").css("display", "none")
// $("#thisFooter").css('left', '380px');
// $("#thisFooter").css('width', '930px');
// $("#thisFooter").css('display', 'none');
$("#button_unhide_panel").css('display', 'none');
$("#button_unhide").css('display', 'none');
// $("#isi_panel").html(content);
} }
function showlegend() { function showlegend() {
$("#legendapo").css('display', 'block'); $("#legendapo").css('display', 'block');
$("#button_unhide_point").css('display', 'none');
} }
function hidelegend() { function hidelegend() {
...@@ -4411,14 +4552,14 @@ ...@@ -4411,14 +4552,14 @@
if ((checkBox1.checked == true) || (checkBox2.checked == true) || (checkBox3.checked == true) || (checkBox4.checked == true) || (checkBox5.checked == true) || (checkBox6.checked == true) || (checkBox7.checked == true) || (checkBox8.checked == true) || (checkBox9.checked == true) || (checkBox10.checked == true) || (checkBox11.checked == true) || (checkBox12.checked == true)) { if ((checkBox1.checked == true) || (checkBox2.checked == true) || (checkBox3.checked == true) || (checkBox4.checked == true) || (checkBox5.checked == true) || (checkBox6.checked == true) || (checkBox7.checked == true) || (checkBox8.checked == true) || (checkBox9.checked == true) || (checkBox10.checked == true) || (checkBox11.checked == true) || (checkBox12.checked == true)) {
showlegend() showlegend()
$("#thisFooter").css('display', 'none');
$("#button_unhide").css('display', 'none');
} else if ((checkBox1.checked == false) && (checkBox2.checked == false) && (checkBox3.checked == false) && (checkBox4.checked == false) && (checkBox5.checked == false) && (checkBox6.checked == false) && (checkBox7.checked == false) && (checkBox8.checked == false) && (checkBox9.checked == false) && (checkBox10.checked == false) && (checkBox11.checked == false) && (checkBox12.checked == false)) { } else if ((checkBox1.checked == false) && (checkBox2.checked == false) && (checkBox3.checked == false) && (checkBox4.checked == false) && (checkBox5.checked == false) && (checkBox6.checked == false) && (checkBox7.checked == false) && (checkBox8.checked == false) && (checkBox9.checked == false) && (checkBox10.checked == false) && (checkBox11.checked == false) && (checkBox12.checked == false)) {
$("#thisFooter").css('display', 'block');
$("#button_unhide").css('display', 'none');
hidelegend() hidelegend()
$("#button_unhide_point").css('display', 'none');
hidepanel()
} }
} }
...@@ -4436,10 +4577,10 @@ ...@@ -4436,10 +4577,10 @@
map.removeLayer(marques); map.removeLayer(marques);
map.addLayer(marques); map.addLayer(marques);
map.removeLayer(xnxx); map.removeLayer(xnxx);
$("#thisFooter").css('display', 'none');
$("#legendapo").css('display', 'block'); $("#legendapo").css('display', 'block');
} else { } else {
$("#button_unhide").css('display', 'block');
$("#legendapo").css('display', 'none'); $("#legendapo").css('display', 'none');
map.removeLayer(marques); map.removeLayer(marques);
} }
...@@ -4497,7 +4638,7 @@ ...@@ -4497,7 +4638,7 @@
} }
} }
//3d begin //3d begin
function map3d() { function map3d() {
var checkBox_3d = document.getElementById("3d-maps"); var checkBox_3d = document.getElementById("3d-maps");
if (checkBox_3d.checked == true) { if (checkBox_3d.checked == true) {
...@@ -4505,27 +4646,35 @@ ...@@ -4505,27 +4646,35 @@
$("#map-cesium").css('display', 'block'); $("#map-cesium").css('display', 'block');
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhOTc0NDkxMi02N2NkLTQwYjMtOTE1Yi1iMGNkZDU0Zjg3MGMiLCJpZCI6NDQ1ODgsImlhdCI6MTYxNDE0NjM5NH0.sRHzNNa7uV_huqGxERySWlL8J5UVx1VwU-pRwNd0GJk'; Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJhOTc0NDkxMi02N2NkLTQwYjMtOTE1Yi1iMGNkZDU0Zjg3MGMiLCJpZCI6NDQ1ODgsImlhdCI6MTYxNDE0NjM5NH0.sRHzNNa7uV_huqGxERySWlL8J5UVx1VwU-pRwNd0GJk';
var worldTerrain = new Cesium.ArcGISTiledElevationTerrainProvider({
url:
"https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer",
});
var map_cesium = new Cesium.Viewer('map-cesium'); var map_cesium = new Cesium.Viewer('map-cesium');
// var map_cesium = new Cesium.Viewer('map-cesium', {
// terrainProvider: worldTerrain,
// });
map_cesium.camera.flyTo({ map_cesium.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(104.171696, -4.120217, 10000) destination: Cesium.Cartesian3.fromDegrees(104.171696, -4.120217, 10000)
}); });
map_cesium.camera.moveEnd.addEventListener(function() { map_cesium.camera.moveEnd.addEventListener(function() {
//var windowPosition = new Cesium.Cartesian2(map_cesium.container.clientWidth / 2, map_cesium.container.clientHeight / 2); var windowPosition = new Cesium.Cartesian2(map_cesium.container.clientWidth / 2, map_cesium.container.clientHeight / 2);
//var pickRay = map_cesium.scene.camera.getPickRay(windowPosition); var pickRay = map_cesium.scene.camera.getPickRay(windowPosition);
//var pickPosition = map_cesium.scene.globe.pick(pickRay, map_cesium.scene); var pickPosition = map_cesium.scene.globe.pick(pickRay, map_cesium.scene);
//var pickPositionCartographic = map_cesium.scene.globe.ellipsoid.cartesianToCartographic(pickPosition); var pickPositionCartographic = map_cesium.scene.globe.ellipsoid.cartesianToCartographic(pickPosition);
//var longitudee = pickPositionCartographic.longitude * (180 / Math.PI); var longitudee = pickPositionCartographic.longitude * (180 / Math.PI);
//var lattitudee = pickPositionCartographic.latitude * (180 / Math.PI) var lattitudee = pickPositionCartographic.latitude * (180 / Math.PI);
//console.log(lattitudee) // map_cesium.terrainProvider = worldTerrain;
//console.log(longitudee) console.log(lattitudee)
console.log(longitudee)
$.ajax({ $.ajax({
url: "{% url 'api:3d-maps' %}", url: "{% url 'api:3d-maps' %}",
data: { data: {
'latt': -4.120217, 'latt': lattitudee,
'loog': 104.171696 'loog': longitudee
}, },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
...@@ -4564,7 +4713,7 @@ ...@@ -4564,7 +4713,7 @@
}, },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
if (data['administrasi']['f9'] == 'NONE') { if (data['administrasi']['f9'] == 'None') {
var path_img = "static/img/image_null.jpg" var path_img = "static/img/image_null.jpg"
} else { } else {
var path_img = `"static/image/bangunan/` + data['administrasi']['f9'] + `"` var path_img = `"static/image/bangunan/` + data['administrasi']['f9'] + `"`
...@@ -4573,7 +4722,7 @@ ...@@ -4573,7 +4722,7 @@
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
<th style="padding: 0 0 0 0px;"> <th style="padding: 0 0 0 0px;">
<img src=` + path_img + ` alt="Image" style="width: 100%;max-height: 368px;height:368"> <img src=` + path_img + ` alt="Image" style="width: 100%;max-height: 237px;height:237">
</th> </th>
</tr> </tr>
</thead> </thead>
...@@ -4632,8 +4781,8 @@ ...@@ -4632,8 +4781,8 @@
</tbody> </tbody>
</table>`; </table>`;
$("#isi_panel").html(content) $("#isi_panel").html(content)
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block");
} }
...@@ -4657,9 +4806,9 @@ ...@@ -4657,9 +4806,9 @@
$("#map-cesium").css('display', 'none'); $("#map-cesium").css('display', 'none');
} }
} }
//3d end //3d end
//klik kanan begin //klik kanan begin
map.on('contextmenu', function(e) { map.on('contextmenu', function(e) {
$("#map-create").remove(); $("#map-create").remove();
...@@ -4710,7 +4859,7 @@ ...@@ -4710,7 +4859,7 @@
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Informasi Bangunan</label> <label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Informasi Bangunan</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="info_create" type="text" class="form-control" value=""required> <input id="info_create" type="text" class="form-control" value="" placeholder="Rumah/Gedung/Ruko/Pabrik/dsb"required>
</div> </div>
</div> </div>
</div> </div>
...@@ -4719,7 +4868,7 @@ ...@@ -4719,7 +4868,7 @@
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Alamat</label> <label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Alamat</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="alamat_create" type="text" class="form-control" value=""required> <input id="alamat_create" type="text" class="form-control" value="" placeholder="cth : Jl. Contoh Rt 005/01 No.01" required>
</div> </div>
</div> </div>
</div> </div>
...@@ -4757,7 +4906,6 @@ ...@@ -4757,7 +4906,6 @@
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tinggi Bangunan</label> <label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tinggi Bangunan</label>
<div class="col-lg-6"> <div class="col-lg-6">
<input id="tinggi_bangunan_create" type="text" class="form-control" value=""required> <input id="tinggi_bangunan_create" type="text" class="form-control" value=""required>
</div> </div>
<div class="col-lg-3" style="margin-top: 15px;">m</div> <div class="col-lg-3" style="margin-top: 15px;">m</div>
</div> </div>
...@@ -4765,13 +4913,21 @@ ...@@ -4765,13 +4913,21 @@
<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;">Pemilik</label> <label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Jumlah Lantai</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="pemilik_create" type="text" class="form-control" value=""required> <input id="lantai" type="text" class="form-control" value="" placeholder="Estimasi Per Lantai = 3m" required>
</div> </div>
</div> </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;">Pemilik</label>
<div class="col-lg-9">
<input id="pemilik_create" type="text" class="form-control" value="" placeholder="cth : Ali Budiman, S.Si."required>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -4861,10 +5017,10 @@ ...@@ -4861,10 +5017,10 @@
Poly = lay; Poly = lay;
}); });
}); });
$(document).on("click", "#create_save", function(e) { $(document).on("click", "#create_save", function(e) {
var polygin = $('#poly_create').val(); var polygin = $('#poly_create').val();
var name_poly = $('#name_create').val(); var name_poly = $('#name_create').val();
var info_poly = $('#info_create').val(); var info_poly = $('#info_create').val();
...@@ -4872,6 +5028,7 @@ ...@@ -4872,6 +5028,7 @@
var lb_poly = $('#luas_bangunan_create').val(); var lb_poly = $('#luas_bangunan_create').val();
var lt_poly = $('#luas_tanah_create').val(); var lt_poly = $('#luas_tanah_create').val();
var tb_poly = $('#tinggi_bangunan_create').val(); var tb_poly = $('#tinggi_bangunan_create').val();
var ltbang = $('#lantai').val();
var mpu_poly = $('#pemilik_create').val(); var mpu_poly = $('#pemilik_create').val();
$.ajax({ $.ajax({
...@@ -4884,6 +5041,7 @@ ...@@ -4884,6 +5041,7 @@
'lb': lb_poly, 'lb': lb_poly,
'lt': lt_poly, 'lt': lt_poly,
'tb': tb_poly, 'tb': tb_poly,
'ltb':ltbang,
'pemilik': mpu_poly 'pemilik': mpu_poly
}, },
dataType: 'json', dataType: 'json',
...@@ -4913,6 +5071,7 @@ ...@@ -4913,6 +5071,7 @@
map.closePopup(); map.closePopup();
} }
}); });
}); });
//klik kanan end //klik kanan end
</script> </script>
\ No newline at end of file
templates/includes/js-o.html
View file @ 75b657e5
...@@ -20,7 +20,11 @@ ...@@ -20,7 +20,11 @@
display: block; display: block;
} }
#btn_bangunan_edit { #btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block; display: block;
} }
...@@ -31,6 +35,17 @@ ...@@ -31,6 +35,17 @@
#btn_edit_gl { #btn_edit_gl {
display: block; display: block;
} }
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
.leaflet-popup{
display: block;
}
</style> </style>
{% elif group.name == 'Dinas Kependudukan dan Pencatatan Sipil' %} {% elif group.name == 'Dinas Kependudukan dan Pencatatan Sipil' %}
<style> <style>
...@@ -68,6 +83,10 @@ ...@@ -68,6 +83,10 @@
display: block; display: block;
} }
#btn_delete_bangunan {
display: block;
}
#btn_jalan { #btn_jalan {
display: block; display: block;
} }
...@@ -75,6 +94,10 @@ ...@@ -75,6 +94,10 @@
#btn_edit_cb { #btn_edit_cb {
display: block; display: block;
} }
.leaflet-popup{
display: block;
}
</style> </style>
{% elif group.name == 'Dinas Pariwisata dan Kebudayaan' %} {% elif group.name == 'Dinas Pariwisata dan Kebudayaan' %}
<style> <style>
...@@ -143,6 +166,15 @@ ...@@ -143,6 +166,15 @@
#btn_edit_bangunan { #btn_edit_bangunan {
display: block; display: block;
} }
#btn_delete_bangunan {
display: block;
}
.leaflet-popup{
display: block;
}
</style> </style>
{% elif group.name == 'Dinas Sosial' %} {% elif group.name == 'Dinas Sosial' %}
<style> <style>
...@@ -1478,6 +1510,8 @@ ...@@ -1478,6 +1510,8 @@
</p> </p>
<p class="text-center" style="margin-top: 25px;"> <p class="text-center" style="margin-top: 25px;">
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal_bangunan_edit" id="btn_edit_bangunan" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Bangunan</i></a> <a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal_bangunan_edit" id="btn_edit_bangunan" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Bangunan</i></a>
<a href="#" id='btn_delete_bangunan' class='btn
btn-default btn_edit_bangunan' data-toggle="modal" data-target="#modal_bangunan_delete" data-backdrop="static" data-keyboard="false"><i>Delete Bangunan</i></a>
</p> </p>
</th> </th>
</tr> </tr>
...@@ -1499,10 +1533,16 @@ ...@@ -1499,10 +1533,16 @@
$('#luastanah').val(feature.administrasi.f7); $('#luastanah').val(feature.administrasi.f7);
$('#tinggibangunan').val(feature.administrasi.f8); $('#tinggibangunan').val(feature.administrasi.f8);
$('#pemilik').val(feature.administrasi.f10); $('#pemilik').val(feature.administrasi.f10);
$('#gambar').val(feature.administrasi.f9);
$("#coordinatebangunan").val(feature.geometry); $("#coordinatebangunan").val(feature.geometry);
$("#panel-samping").css("display", "block"); $("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block"); $("#button_hide_panel").css("display", "block");
$('#idbangunanhps').val(feature.properties.f1);
$('#namebangunanhps').val(feature.properties.f2);
$('#infobangunanhps').val(feature.properties.f3);
panel_samp() panel_samp()
} }
}); });
...@@ -1639,9 +1679,7 @@ ...@@ -1639,9 +1679,7 @@
}) })
}); });
$(document).on("click", "#btnsavebangunan", function() { $(document).on("click", "#btnsavebangunan", function() {
var data = new FormData(); var data = new FormData();
data.append("file", $("input[id^='imgbangunan']")[0].files[0]); data.append("file", $("input[id^='imgbangunan']")[0].files[0]);
data.append("csrfmiddlewaretoken", "{{ csrf_token }}"); data.append("csrfmiddlewaretoken", "{{ csrf_token }}");
...@@ -1653,6 +1691,7 @@ ...@@ -1653,6 +1691,7 @@
data.append('kab_b', $('#nmkabkota').val()) data.append('kab_b', $('#nmkabkota').val())
data.append('pro_b', $('#nmprovinsi').val()) data.append('pro_b', $('#nmprovinsi').val())
data.append('id_poly', $('#idbangunan').val()) data.append('id_poly', $('#idbangunan').val())
data.append('gambar', $('#gambar').val())
data.append('luasbangunan', $('#luasbangunan').val()) data.append('luasbangunan', $('#luasbangunan').val())
data.append('luastanah', $('#luastanah').val()) data.append('luastanah', $('#luastanah').val())
...@@ -1693,6 +1732,91 @@ ...@@ -1693,6 +1732,91 @@
}); });
$(document).on("click", "#btn_delete_bangunan", function() {
var map_delete = new L.map('map-delete', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([-2, 118], 5);
mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_delete);
var id_polyhps = $('#idbangunanhps').val();
// console.log(id_polyhps)
loaderPage(true);
$.ajax({
url: "{% url 'api:edit' %}",
data: {
'id_poly': id_polyhps
},
dataType: 'json',
success: function(data) {
setTimeout(function() {
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);
})
}
})
});
$(document).on("click", "#btnsavedeletebangunan", function() {
var data = new FormData();
data.append('id_poly', $('#idbangunan').val())
$.ajax({
url: "{% url 'api:hapus' %}",
data: data,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
success: function(data) {
let response = data
if (response.code == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_bangunan_delete").css('display', 'none');
})
} else {
swal({
title: 'Error',
text: 'Hubungi Mereka',
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}
})
});
var geo_jalan = L.geoJson(null, { var geo_jalan = L.geoJson(null, {
style: function(feature) { style: function(feature) {
var zoom = map.getZoom() var zoom = map.getZoom()
......
templates/includes/modal.html
View file @ 75b657e5
...@@ -237,6 +237,7 @@ ...@@ -237,6 +237,7 @@
</th> </th>
<td> <td>
<input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif"> <input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambar" type="text" class="form-control" value=""required>
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -260,25 +261,25 @@ ...@@ -260,25 +261,25 @@
<tr> <tr>
<th>Kelurahan</th> <th>Kelurahan</th>
<td> <td>
<input type=" text " name="nmkelurahan " id="nmkelurahan " class="form-control " value=""> <input type=" text " name="nmkelurahan " id="nmkelurahan" class="form-control " value="">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Kecamatan</th> <th>Kecamatan</th>
<td> <td>
<input type="text " name="nmkecamatan " id="nmkecamatan " class="form-control " value=""> <input type="text " name="nmkecamatan " id="nmkecamatan" class="form-control " value="">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Kab/Kota</th> <th>Kab/Kota</th>
<td> <td>
<input type="text " name="nmkabkota " id="nmkabkota " class="form-control " value=""> <input type="text " name="nmkabkota " id="nmkabkota" class="form-control " value="">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Provinsi</th> <th>Provinsi</th>
<td> <td>
<input type="text " name="nmprovinsi " id="nmprovinsi " class="form-control " value=""> <input type="text " name="nmprovinsi " id="nmprovinsi" class="form-control " value="">
</td> </td>
</tr> </tr>
...@@ -291,25 +292,25 @@ ...@@ -291,25 +292,25 @@
<tr> <tr>
<th>Luas Bangunan</th> <th>Luas Bangunan</th>
<td> <td>
<input type="text " name="luasbangunan " id="luasbangunan " class="form-control " value=" "> <input type="text " name="luasbangunan " id="luasbangunan" class="form-control " value=" ">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Luas Tanah</th> <th>Luas Tanah</th>
<td> <td>
<input type="text " name="luastanah " id="luastanah " class="form-control " value=" "> <input type="text " name="luastanah " id="luastanah" class="form-control " value=" ">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Tinggi Bangunan</th> <th>Tinggi Bangunan</th>
<td> <td>
<input type="text " name="tinggibangunan " id="tinggibangunan " class="form-control " value=" "> <input type="text " name="tinggibangunan " id="tinggibangunan" class="form-control " value=" ">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Pemilik</th> <th>Pemilik</th>
<td> <td>
<input type="text " name="pemilik " id="pemilik " class="form-control " value=" "> <input type="text " name="pemilik " id="pemilik" class="form-control " value=" ">
</td> </td>
</tr> </tr>
</table> </table>
...@@ -319,12 +320,43 @@ ...@@ -319,12 +320,43 @@
<div class="modal-footer "> <div class="modal-footer ">
<button type="button " class="btn btn-link " data-dismiss="modal ">Close</button> <button type="button " class="btn btn-link " data-dismiss="modal ">Close</button>
<button type="button " id="btnsavebangunan " class="btn btn-info ">Save changes</button> <button type="button " id="btnsavebangunan" class="btn btn-info ">Save changes</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="modal_bangunan_delete" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;">
<table>
<tr>
<th><h6 class="modal-title">Delete Bangunan dan Informasinya</h6></th>
<td><button type="button" class="close" data-dismiss="modal">&times;</button></td>
</tr>
</table>
</div>
<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="col-lg-12" style="margin-top:10px;margin-bottom:10px;">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value="">
<input type="text" name="idbangunan" id="idbangunanhps" class="form-control hidden" value="" disable>
<input type="text" name="namebangunan" id="namebangunanhps" class="form-control" value="">
<input type="text" name="infobangunan" id="infobangunanhps" class="form-control" value="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btnsavedeletebangunan" class="btn btn-info">Hapus</button>
</div>
</div>
</div>
</div>
<!-- modal tuplah -->
<div id="modal-edit-tuplah" class="modal fade"> <div id="modal-edit-tuplah" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;"> <div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content"> <div class="modal-content">
...@@ -362,3 +394,12 @@ ...@@ -362,3 +394,12 @@
</div> </div>
</div> </div>
</div> </div>
<!-- modal point -->
<div class="modal fade" id="modald_adm">
</div>
<div class="modal fade" id="modal_adm">
</div>
\ No newline at end of file
templates/layout/layout.html
View file @ 75b657e5
...@@ -476,7 +476,7 @@ ...@@ -476,7 +476,7 @@
} }
.leaflet-container ul li a { .leaflet-container ul li a {
color: white; color: #333333;
} }
</style> </style>
......
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