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 = [
path('terminal', views.editterminal, name='terminal'),
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('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):
else:
groups = group
if user.groups.filter(name__in=groups).exists():
if user.groups.filter(name__in=groups).exists() or user.is_superuser:
return True
if raise_exception:
......@@ -234,7 +234,7 @@ def editpointka(request):
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_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()
return Response(build[0][0])
......@@ -647,9 +647,9 @@ def editpointcb(request):
return Response(build[0][0])
import json
@api_view(('POST',))
@renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def validatedit(request):
if request.method == 'POST':
name_b = request.POST.get("name_b")
......@@ -658,6 +658,7 @@ def validatedit(request):
kec_b = request.POST.get("kec_b")
kab_b = request.POST.get("kab_b")
pro_b = request.POST.get("pro_b")
gmb_b = request.POST.get("gambar")
id_poly = request.POST.get("id_poly")
polygon = request.POST.get("polygon")
......@@ -678,7 +679,7 @@ def validatedit(request):
filename = fss.save(namafile, file)
url = fss.url(filename)
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))
with conn.cursor() as buldings:
......@@ -707,15 +708,30 @@ def validatedit(request):
@renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def hapus(request):
if request.method == 'POST':
try:
id_poly = request.POST.get("id_poly")
with conn.cursor() as buldings:
buldings.execute("""DELETE from geo_bangunan where id = %s"""% int(id_poly))
conn.commit()
data = {'status':'Success'}
return Response(data)
data = 'SUCCESS'
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',))
@renderer_classes((TemplateHTMLRenderer, JSONRenderer))
def hasilsearch(request):
......@@ -908,9 +924,9 @@ def editkantoradmin(request):
alamat = request.POST.get('alamat')
perangkat = request.POST.get('perangkat')
if perangkat is None:
perangkat = 'bpk'
perangkat = 'Bpk'
elif perangkat == '':
perangkat = 'bpk'
perangkat = 'Bpk'
else:
perangkat = request.POST.get('perangkat')
......@@ -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))
conn.commit()
with conn.cursor() as hasiledit:
hasiledit.execute("""select namobj, remark, luas_bangunan, luas_tanah, tinggi_bangunan, perangkat, gambar, alamat from geo_kantor_administrasi where id = %s"""% idkantor)
hasileditkantor = hasiledit.fetchall()
data = {'status':'Success'}
data = 'SUCCESS'
info = 'data telah diperbaharui'
status = 0
respon={'data':data, 'info': info, 'status':status}
return Response(respon)
data = hasileditkantor[0]
return Response(data)
@api_view(('POST',))
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',))
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 @@
#btn_edit_cb {
display: none;
}
.leaflet-popup{
display: none;
}
</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' %}
<style>
.leaflet-popup{
display: block;
}
#btn_edit_kelurahan {
display: block;
}
......@@ -12,6 +15,10 @@
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_jalan {
display: block;
}
......@@ -39,6 +46,9 @@
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
#btn_edit_sp {
display: block;
......@@ -59,6 +69,10 @@
#btn_edit_si {
display: block;
}
.leaflet-popup{
display: block;
}
</style>
{% endif %}{% endfor %}
......@@ -290,12 +304,129 @@
var raja = feature.administrasi.f10;
}
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;
top: 6px;right: 5px;width: 60px;" data data-toggle="modal" data-target="#modal_adm">
<div class="modal fade" id="modal_adm">
</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">
<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-content">
<div class="modal-header bg-info" style="background-color: #40777c !important;">
......@@ -308,13 +439,24 @@
<div class="tabbable">
<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)"><a href="#right-tab2-feas-upl" data-toggle="tab">Koordinat</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">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<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;">
......@@ -410,17 +552,6 @@
</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>
......@@ -432,83 +563,12 @@
<button type="button" class="btn btn-info" id="saveeditadm">Save changes</button>
</div>
</div>
</div>
</div>
<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: 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);
</div>`;
$("#isi_panel").html(content)
$("#modald_adm").html(content_delete)
$("#modal_adm").html(content_edit)
})
hidelegend();
}
})
......@@ -554,7 +614,7 @@
drawControl: true
}).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,
minZoom: 4,
}).addTo(map_edit);
......@@ -588,7 +648,6 @@
})
});
$(document).on("click", "#saveeditadm", function() {
var idka = $('#id').val();
var poi = $('#coordinateZoneedit').val();
......@@ -614,8 +673,105 @@
processData: false,
contentType: false,
success: function(data) {
alert('sukses')
location.reload()
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 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 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -1199,7 +1355,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -1579,7 +1735,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -2002,7 +2158,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
......@@ -2410,7 +2566,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -2789,7 +2945,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -3153,7 +3309,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -3479,7 +3635,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -3785,7 +3941,7 @@
<thead style="text-align: center;">
<tr>
<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>
</tr>
</thead>
......@@ -4140,7 +4296,7 @@
<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">
<img src="static/img/image/` + feature.administrasi.f8 + `" alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
......@@ -4357,37 +4513,22 @@
cb100()
gl100()
valket()
$("#thisFooter").css('display', 'block');
$("#button_unhide").css('display', 'none');
$("#panel-samping").css("display", "none");
$("#button_hide_panel").css("display", "none")
}
}
function showpanel(content) {
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block")
// $("#thisFooter").css('left', '380px');
// $("#thisFooter").css('width', '930px');
// $("#thisFooter").css('display', 'none');
$("#button_unhide").css('display', 'block');
$("#isi_panel").html(content);
}
//
function hidepanel() {
$("#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);
$("#isi_panel").html(content);
}
function showlegend() {
$("#legendapo").css('display', 'block');
$("#button_unhide_point").css('display', 'none');
}
function hidelegend() {
......@@ -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)) {
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)) {
$("#thisFooter").css('display', 'block');
$("#button_unhide").css('display', 'none');
hidelegend()
$("#button_unhide_point").css('display', 'none');
hidepanel()
}
}
......@@ -4436,10 +4577,10 @@
map.removeLayer(marques);
map.addLayer(marques);
map.removeLayer(xnxx);
$("#thisFooter").css('display', 'none');
$("#legendapo").css('display', 'block');
} else {
$("#button_unhide").css('display', 'block');
$("#legendapo").css('display', 'none');
map.removeLayer(marques);
}
......@@ -4497,7 +4638,7 @@
}
}
//3d begin
//3d begin
function map3d() {
var checkBox_3d = document.getElementById("3d-maps");
if (checkBox_3d.checked == true) {
......@@ -4505,27 +4646,35 @@
$("#map-cesium").css('display', 'block');
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', {
// terrainProvider: worldTerrain,
// });
map_cesium.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(104.171696, -4.120217, 10000)
});
map_cesium.camera.moveEnd.addEventListener(function() {
//var windowPosition = new Cesium.Cartesian2(map_cesium.container.clientWidth / 2, map_cesium.container.clientHeight / 2);
//var pickRay = map_cesium.scene.camera.getPickRay(windowPosition);
//var pickPosition = map_cesium.scene.globe.pick(pickRay, map_cesium.scene);
//var pickPositionCartographic = map_cesium.scene.globe.ellipsoid.cartesianToCartographic(pickPosition);
//var longitudee = pickPositionCartographic.longitude * (180 / Math.PI);
//var lattitudee = pickPositionCartographic.latitude * (180 / Math.PI)
//console.log(lattitudee)
//console.log(longitudee)
var windowPosition = new Cesium.Cartesian2(map_cesium.container.clientWidth / 2, map_cesium.container.clientHeight / 2);
var pickRay = map_cesium.scene.camera.getPickRay(windowPosition);
var pickPosition = map_cesium.scene.globe.pick(pickRay, map_cesium.scene);
var pickPositionCartographic = map_cesium.scene.globe.ellipsoid.cartesianToCartographic(pickPosition);
var longitudee = pickPositionCartographic.longitude * (180 / Math.PI);
var lattitudee = pickPositionCartographic.latitude * (180 / Math.PI);
// map_cesium.terrainProvider = worldTerrain;
console.log(lattitudee)
console.log(longitudee)
$.ajax({
url: "{% url 'api:3d-maps' %}",
data: {
'latt': -4.120217,
'loog': 104.171696
'latt': lattitudee,
'loog': longitudee
},
dataType: 'json',
success: function(data) {
......@@ -4564,7 +4713,7 @@
},
dataType: 'json',
success: function(data) {
if (data['administrasi']['f9'] == 'NONE') {
if (data['administrasi']['f9'] == 'None') {
var path_img = "static/img/image_null.jpg"
} else {
var path_img = `"static/image/bangunan/` + data['administrasi']['f9'] + `"`
......@@ -4573,7 +4722,7 @@
<thead style="text-align: center;">
<tr>
<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>
</tr>
</thead>
......@@ -4632,8 +4781,8 @@
</tbody>
</table>`;
$("#isi_panel").html(content)
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block");
}
......@@ -4657,9 +4806,9 @@
$("#map-cesium").css('display', 'none');
}
}
//3d end
//3d end
//klik kanan begin
//klik kanan begin
map.on('contextmenu', function(e) {
$("#map-create").remove();
......@@ -4710,7 +4859,7 @@
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Informasi Bangunan</label>
<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>
......@@ -4719,7 +4868,7 @@
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Alamat</label>
<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>
......@@ -4757,7 +4906,6 @@
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tinggi Bangunan</label>
<div class="col-lg-6">
<input id="tinggi_bangunan_create" type="text" class="form-control" value=""required>
</div>
<div class="col-lg-3" style="margin-top: 15px;">m</div>
</div>
......@@ -4765,13 +4913,21 @@
<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>
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Jumlah Lantai</label>
<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 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>
......@@ -4861,10 +5017,10 @@
Poly = lay;
});
});
});
$(document).on("click", "#create_save", function(e) {
$(document).on("click", "#create_save", function(e) {
var polygin = $('#poly_create').val();
var name_poly = $('#name_create').val();
var info_poly = $('#info_create').val();
......@@ -4872,6 +5028,7 @@
var lb_poly = $('#luas_bangunan_create').val();
var lt_poly = $('#luas_tanah_create').val();
var tb_poly = $('#tinggi_bangunan_create').val();
var ltbang = $('#lantai').val();
var mpu_poly = $('#pemilik_create').val();
$.ajax({
......@@ -4884,6 +5041,7 @@
'lb': lb_poly,
'lt': lt_poly,
'tb': tb_poly,
'ltb':ltbang,
'pemilik': mpu_poly
},
dataType: 'json',
......@@ -4913,6 +5071,7 @@
map.closePopup();
}
});
});
//klik kanan end
});
//klik kanan end
</script>
\ No newline at end of file
templates/includes/js-o.html
View file @ 75b657e5
......@@ -20,7 +20,11 @@
display: block;
}
#btn_bangunan_edit {
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
......@@ -31,6 +35,17 @@
#btn_edit_gl {
display: block;
}
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
.leaflet-popup{
display: block;
}
</style>
{% elif group.name == 'Dinas Kependudukan dan Pencatatan Sipil' %}
<style>
......@@ -68,6 +83,10 @@
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_jalan {
display: block;
}
......@@ -75,6 +94,10 @@
#btn_edit_cb {
display: block;
}
.leaflet-popup{
display: block;
}
</style>
{% elif group.name == 'Dinas Pariwisata dan Kebudayaan' %}
<style>
......@@ -143,6 +166,15 @@
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
.leaflet-popup{
display: block;
}
</style>
{% elif group.name == 'Dinas Sosial' %}
<style>
......@@ -1478,6 +1510,8 @@
</p>
<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="#" 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>
</th>
</tr>
......@@ -1499,10 +1533,16 @@
$('#luastanah').val(feature.administrasi.f7);
$('#tinggibangunan').val(feature.administrasi.f8);
$('#pemilik').val(feature.administrasi.f10);
$('#gambar').val(feature.administrasi.f9);
$("#coordinatebangunan").val(feature.geometry);
$("#panel-samping").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()
}
});
......@@ -1639,9 +1679,7 @@
})
});
$(document).on("click", "#btnsavebangunan", function() {
var data = new FormData();
data.append("file", $("input[id^='imgbangunan']")[0].files[0]);
data.append("csrfmiddlewaretoken", "{{ csrf_token }}");
......@@ -1653,6 +1691,7 @@
data.append('kab_b', $('#nmkabkota').val())
data.append('pro_b', $('#nmprovinsi').val())
data.append('id_poly', $('#idbangunan').val())
data.append('gambar', $('#gambar').val())
data.append('luasbangunan', $('#luasbangunan').val())
data.append('luastanah', $('#luastanah').val())
......@@ -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, {
style: function(feature) {
var zoom = map.getZoom()
......
templates/includes/modal.html
View file @ 75b657e5
......@@ -237,6 +237,7 @@
</th>
<td>
<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>
</tr>
<tr>
......@@ -260,25 +261,25 @@
<tr>
<th>Kelurahan</th>
<td>
<input type=" text " name="nmkelurahan " id="nmkelurahan " class="form-control " value="">
<input type=" text " name="nmkelurahan " id="nmkelurahan" class="form-control " value="">
</td>
</tr>
<tr>
<th>Kecamatan</th>
<td>
<input type="text " name="nmkecamatan " id="nmkecamatan " class="form-control " value="">
<input type="text " name="nmkecamatan " id="nmkecamatan" class="form-control " value="">
</td>
</tr>
<tr>
<th>Kab/Kota</th>
<td>
<input type="text " name="nmkabkota " id="nmkabkota " class="form-control " value="">
<input type="text " name="nmkabkota " id="nmkabkota" class="form-control " value="">
</td>
</tr>
<tr>
<th>Provinsi</th>
<td>
<input type="text " name="nmprovinsi " id="nmprovinsi " class="form-control " value="">
<input type="text " name="nmprovinsi " id="nmprovinsi" class="form-control " value="">
</td>
</tr>
......@@ -291,25 +292,25 @@
<tr>
<th>Luas Bangunan</th>
<td>
<input type="text " name="luasbangunan " id="luasbangunan " class="form-control " value=" ">
<input type="text " name="luasbangunan " id="luasbangunan" class="form-control " value=" ">
</td>
</tr>
<tr>
<th>Luas Tanah</th>
<td>
<input type="text " name="luastanah " id="luastanah " class="form-control " value=" ">
<input type="text " name="luastanah " id="luastanah" class="form-control " value=" ">
</td>
</tr>
<tr>
<th>Tinggi Bangunan</th>
<td>
<input type="text " name="tinggibangunan " id="tinggibangunan " class="form-control " value=" ">
<input type="text " name="tinggibangunan " id="tinggibangunan" class="form-control " value=" ">
</td>
</tr>
<tr>
<th>Pemilik</th>
<td>
<input type="text " name="pemilik " id="pemilik " class="form-control " value=" ">
<input type="text " name="pemilik " id="pemilik" class="form-control " value=" ">
</td>
</tr>
</table>
......@@ -319,12 +320,43 @@
<div class="modal-footer ">
<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 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 class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content">
......@@ -362,3 +394,12 @@
</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 @@
}
.leaflet-container ul li a {
color: white;
color: #333333;
}
</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