Skip to content

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

Merge branch 'master' of http://git.khansia.co.id/Nahrowi/oku-gis 

Conflicts:
templates/includes/js-o.html
parents 0ee76cde d288374b
Hide whitespace changes
Inline Side-by-side
Showing with 1406 additions and 464 deletions
API/urls.py
View file @ e68cf74c
......@@ -80,6 +80,7 @@ urlpatterns = [
path('search_lanjut', views.search_lanjut, name='search_lanjut'),
path('load_point_id', views.load_point_id),
path('edit_detail_poin', views.edit_detail_poin),
path('dpoint', views.dpoint, name='dpoint'),
path('download_perbaikan_data', views.download_perbaikan_data)
]
\ No newline at end of file
API/views.py
View file @ e68cf74c
......@@ -2934,35 +2934,57 @@ def createpoint(request):
def filt_perbaikan_kecamatan(request):
id_kec = request.GET.get('id_kec')
with conn.cursor() as kel:
kel.execute("""SELECT ID,
desa
FROM
geo_data_kelurahan gd
WHERE
kecamatan = ( SELECT kecamatan FROM geo_data_kecamatan WHERE ID = %s )
"""% int(id_kec))
res_kel = kel.fetchall()
with conn.cursor() as data_per:
data_per.execute("""
SELECT
gl.NAME,
tp.id_object,
tp.NAME,
tp.TYPE,
tp.tgl_perbaikan,
tp.anggaran,
tp.tgl_selesai
FROM
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp
JOIN geo_label gl ON gl.ID = tp.type_id
JOIN geo_data_kecamatan gdk on st_intersects(st_setsrid(gdk.geom, 4326), st_setsrid(tp.geom, 4326))
WHERE
rn = 1 and gdk.ID = %s
LIMIT 10
"""% int(id_kec))
res_perbaikan = data_per.fetchall()
if id_kec == 'all_kecamatan':
res_kel = 'all_kecamatan'
with conn.cursor() as data_per:
data_per.execute("""
SELECT
gl.NAME,
tp.id_object,
tp.NAME,
tp.TYPE,
tp.tgl_perbaikan,
tp.anggaran,
tp.tgl_selesai
FROM
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp
JOIN geo_label gl ON gl.ID = tp.type_id
JOIN geo_data_kecamatan gdk on st_intersects(st_setsrid(gdk.geom, 4326), st_setsrid(tp.geom, 4326))
WHERE
rn = 1
""")
res_perbaikan = data_per.fetchall()
else:
with conn.cursor() as kel:
kel.execute("""SELECT ID,
desa
FROM
geo_data_kelurahan gd
WHERE
kecamatan = ( SELECT kecamatan FROM geo_data_kecamatan WHERE ID = %s )
"""% int(id_kec))
res_kel = kel.fetchall()
with conn.cursor() as data_per:
data_per.execute("""
SELECT
gl.NAME,
tp.id_object,
tp.NAME,
tp.TYPE,
tp.tgl_perbaikan,
tp.anggaran,
tp.tgl_selesai
FROM
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp
JOIN geo_label gl ON gl.ID = tp.type_id
JOIN geo_data_kecamatan gdk on st_intersects(st_setsrid(gdk.geom, 4326), st_setsrid(tp.geom, 4326))
WHERE
rn = 1 and gdk.ID = %s
"""% int(id_kec))
res_perbaikan = data_per.fetchall()
res_all = []
for j in res_perbaikan:
......@@ -3040,7 +3062,8 @@ def user_data(request):
ag.name,
au.is_staff,
au.is_superuser,
au.file_path
au.file_path,
au.phone
FROM
auth_user au,
auth_user_groups aug,
......@@ -3064,7 +3087,8 @@ def user_data(request):
ag.name,
au.is_staff,
au.is_superuser,
au.file_path
au.file_path,
au.phone
FROM
auth_user au,
auth_user_groups aug,
......@@ -3081,6 +3105,13 @@ def user_data(request):
user_res = []
for rows in allUser:
if rows[8] == True and rows[9] == True:
jabatan = 'Super user'
elif rows[8] == True and rows[9] == False:
jabatan = 'Staff'
elif rows[8] == False and rows[9] == False:
jabatan = 'User'
datas = {
"id": rows[0],
"username": rows[1],
......@@ -3089,7 +3120,9 @@ def user_data(request):
"isactive": rows[4],
"last": rows[5],
"group": rows[7],
"filepath": rows[10]
"filepath": rows[10],
"phone": rows[11],
"jabatan": jabatan
}
user_res.append(datas)
......@@ -3633,4 +3666,27 @@ def download_perbaikan_data(request):
respon = {
'data' : per_res,
}
return Response(respon)
@api_view(('POST',))
def dpoint(request):
id = request.POST.get('id')
db = request.POST.get('db')
try:
with conn.cursor() as editka:
editka.execute("""update %s set is_deleted = 1 where id = %s"""%(db, id))
conn.commit()
data = {'status':'Success'}
data = 'SUCCESS'
info = 'data telah diperbaharui, akan terupdate setelah reload'
status = 0
except:
data = 'Sorry'
info = 'Gagal diperbaharui, hubungi developer'
status = 1
respon={'data':data, 'info': info, 'status':status}
return Response(respon)
\ No newline at end of file
myauth/views.py
View file @ e68cf74c
......@@ -49,7 +49,7 @@ class HomeView(View):
class CustomLogoutView(LogoutView):
template_name = 'user/login.html'
next_page = 'login'
next_page = '/'
class Userprofile(generic.TemplateView):
template_name = 'user/user_profile.html'
......@@ -364,7 +364,7 @@ def deactivateUser(request):
# # print(type(status)+status)
# # print(type(True))
# print(status == 'True')
if status == 'True':
if status == 'true':
sql = "f"
else:
sql = "t"
......
static/css/layout-style.css
View file @ e68cf74c
......@@ -816,6 +816,22 @@ input#change_stat {
border-top: 20px solid white;
}
#create,
#create-jal {
border: transparent;
border-radius: 5px;
margin: 10px;
}
#map-create-all>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(1)>div>div>a.leaflet-draw-draw-marker {
width: 100%!important;
padding: 0px!important;
}
#informasi_create>div {
margin: 10px;
}
@media (max-width: 1025px) {
.dock {
position: absolute;
......
static/css/st.css 0 → 100644
View file @ e68cf74c
#map-jalan>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div {
display: none;
}
#tbody_user_list>tr>td.text-center>div>div.col-md-6.text-right>a>i {
font-size: 16px!important;
top: -3px;
}
.switch_custom {
position: relative;
display: inline-block;
width: 36px;
height: 20px;
}
.switch_custom input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgb(59, 62, 71);
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 1px;
bottom: 1px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #2196F3;
}
input:focus+.slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
-webkit-transform: translateX(16px);
-ms-transform: translateX(16px);
transform: translateX(16px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
#user_profile>.table-sm>thead>tr>th,
.table-sm>tbody>tr>th,
.table-sm>tfoot>tr>th,
.table-sm>thead>tr>td,
.table-sm>tbody>tr>td,
.table-sm>tfoot>tr>td {
padding: 13px 20px;
}
\ No newline at end of file
static/img/icon-1/MapTrifold.svg
View file @ e68cf74c
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 23L4 25V7L12 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 27L12 23V5L20 9V27Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 9L28 7V25L20 27" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.75 18.6875L3.25 20.3125V5.6875L9.75 4.0625" stroke="#E86250" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.25 21.9375L9.75 18.6875V4.0625L16.25 7.3125V21.9375Z" stroke="#E86250" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.25 7.3125L22.75 5.6875V20.3125L16.25 21.9375" stroke="#E86250" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/Vector2d.svg 0 → 100644
View file @ e68cf74c
<svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.07985 17.7188L20.6739 17.7188C21.6456 17.7188 22.4333 16.931 22.4333 15.9593V3.64348C22.4333 2.67179 21.6456 1.88407 20.6739 1.88407L3.07985 1.88407C2.10816 1.88407 1.32045 2.67179 1.32045 3.64348V15.9593C1.32045 16.931 2.10816 17.7188 3.07985 17.7188Z" stroke="#212232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/js/action.js
View file @ e68cf74c
......@@ -168,8 +168,8 @@ function load_manage() {
var last = data['data'][i]['last'];
var isactive = data['data'][i]['isactive'];
var no_telp = +6281234567890
var jabatan = 'Support'
var no_telp = data['data'][i]['phone'];
var jabatan = data['data'][i]['jabatan'];
if (isactive == true) {
var isac = 'checked'
......@@ -186,13 +186,14 @@ function load_manage() {
<td>` + last + `</td>
<td class="text-center" style='padding:0px;'>
<div class='row'>
<div class='col-md-6 text-right' style='margin-top:5px'>
<div class='col-md-6 text-right' style='margin-top:8px'>
<a onclick="loaduserbyid('` + id + `')"><i class=" icon-pencil7"></i>Edit</a>
</div>
<div class='col-md-6 text-left'>
<div class="checkbox checkbox-switchery">
<div class="checkbox switch_custom">
<label>
<input type="checkbox" class="switchery-custom-x" id="checkbox` + id + `" onclick="switchuserstatus('` + id + `, ` + isactive + `','` + id + `')" ` + isac + ` >
<input type="checkbox" class="slider round" id="checkbox` + id + `" onclick="switchuserstatus('` + id + `, ` + isactive + `','` + id + `')" ` + isac + ` >
<span class="slider round"></span>
</label>
</div>
</div>
......@@ -481,7 +482,7 @@ function download_point_list(type, fn, dl) {
function loadGroups(isSelect) {
var isObject = {}
console.log(isSelect)
isObject.func_name = "loadGroups";
$.ajax({
......@@ -492,7 +493,7 @@ function loadGroups(isSelect) {
success: function(data) {
let response = data;
console.log(response)
if (response.code == 0) {
var groups = response.data;
var html = `<option value="null" selected disabled>-- Pilih Group --</option>`;
......@@ -502,7 +503,7 @@ function loadGroups(isSelect) {
for (j in isSelect) {
if (isSelect[j] == groups[i]) {
html += `<option value="` + groups[i] + `" selected>` + groups[i] + `</option>`;
console.log(groups[i])
} else {
html += `<option value="` + groups[i] + `">` + groups[i] + `</option>`;
}
......@@ -521,7 +522,7 @@ function loadGroups(isSelect) {
$("#select_group").html(html);
$("#select_group_parent").html(html);
console.log(html)
} else {
$("#select_group").html("group tidak tersedia");
$("#select_group_parent").html("group tidak tersedia");
......@@ -531,8 +532,15 @@ function loadGroups(isSelect) {
});
}
function swal_switch(isConfirm) {
function swal_switch(isConfirm, c, isObject) {
var checkbox = document.getElementById("checkbox" + c);
if (isConfirm == true) {
if (checkbox.checked == true) {
checkbox.checked = true
} else {
checkbox.checked = false
}
$.ajax({
url: "/switchStatus/",
......@@ -543,7 +551,7 @@ function swal_switch(isConfirm) {
let response = data;
if (isObject.stat == "True") {
if (isObject.stat == "true") {
var inf = "dinonaktifkan"
} else {
var inf = "diaktifkan"
......@@ -570,6 +578,11 @@ function swal_switch(isConfirm) {
}
});
} else {
if (checkbox.checked == true) {
checkbox.checked = false
} else {
checkbox.checked = true
}
swal("Dibatalkan", "User status tidak berubah", "error");
}
}
......@@ -578,13 +591,13 @@ function swal_switch(isConfirm) {
function switchuserstatus(id, c) {
var isObject = {}
var params = id.split(",");
var checkbox = document.getElementById("checkbox" + c);
console.log(checkbox);
isObject.id = params[0];
isObject.stat = params[1].replace(" ", "");
if (isObject.stat == "True") {
if (isObject.stat == "true") {
var title = "Nonaktifkan";
var text = "User tidak akan bisa login jika dinonaktifkan!";
} else {
......@@ -592,7 +605,6 @@ function switchuserstatus(id, c) {
var text = "User dapat kembali login jika diaktifkan!";
}
swal({
title: title + " user?",
text: text,
......@@ -604,26 +616,7 @@ function switchuserstatus(id, c) {
closeOnConfirm: false,
closeOnCancel: false
}, function(isConfirm) {
swal_switch(isConfirm)
// if (cb == 'b') {
// alert('b')
//check it
// if (cb == true) {
// checkbox.checked = false;
// } else {
// checkbox.checked = true
// }
// } else {
// alert('a')
// if (cb == true) {
// checkbox.checked = true;
// } else {
// checkbox.checked = false;
// }
// }
swal_switch(isConfirm, c, isObject)
});
}
......@@ -649,7 +642,7 @@ function loaduserbyid(id) {
if (response.code == 0) {
var user = response.data;
console.log(user)
$("#inUsername").val(user.username);
$("#inNameF").val(user.firstname);
$("#inNameL").val(user.lastname);
......
static/js/maps.js
View file @ e68cf74c
......@@ -24,14 +24,18 @@ $("#sidebar").hide()
maps = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { id: 'mapbox/light-v9', tileSize: 512, zoomOffset: -1 }).addTo(map);
OpenStreetMap.onclick = function() {
maps = L.tileLayer("https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off", {
map.removeLayer(maps)
//maps = L.tileLayer("https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off", {
maps = L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
maxZoom: 22,
minZoom: 3,
}).addTo(map);
};
WorldImagery.onclick = function() {
// https://{s}.tiles.wmflabs.org/osm-no-labels/{z}/{x}/{y}.png
map.removeLayer(maps)
// https://{s}.tiles.wmflabs.org/osm-no-labels/{z}/{x}/{y}.png
maps = L.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", {
maxZoom: 22,
minZoom: 3,
......@@ -39,6 +43,7 @@ WorldImagery.onclick = function() {
};
BingSatellite.onclick = function() {
map.removeLayer(maps)
maps = L.tileLayer.bing({ bingMapsKey: BING_KEY, maxNativeZoom: 22 }).addTo(map);
setTimeout(function() {
$('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
......@@ -48,6 +53,7 @@ BingSatellite.onclick = function() {
GoogleSatellite.onclick = function() {
map.removeLayer(maps)
maps = L.tileLayer('http://mt0.google.com/vt/lyrs=y&hl=en&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off', {
maxZoom: 22,
minZoom: 4,
......
templates/includes/css-o.html
View file @ e68cf74c
......@@ -67,7 +67,6 @@
.active {
display: block;
}
/* #button_hide {
line-height: 15px;
width: 40px;
......@@ -139,10 +138,134 @@
display: none!important;
}
</style>
{% if user.is_authenticated %}
<style>
#btn_perbaikan_jalan {
display: block;
}
.btn_action {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_edit_kelurahan {
display: block;
top: 5px;
}
#btn_edit_kelurahan :hover {
border-color: #DADCE0;
background-color: #F1F3F4;
}
#btn_edit_tuplah {
display: block;
}
#btn_jalan {
display: block;
}
#btn_edit_gl {
display: block;
}
#btn_edit_lk {
display: block;
}
#btn_edit_puskes {
display: block;
}
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
#btn_edit_rs {
display: block;
}
#btn_edit_si {
display: block;
}
#btn_edit_sp {
display: block;
}
#btn_edit_spbu {
display: block;
}
#btn_edit_st {
display: block;
}
#btn_edit_tr {
display: block;
}
#btn_edit_cb {
display: block;
}
#btn_detail_per_bang {
display: block;
}
#btn_perbaikan_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
#map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right {
right: 65px;
}
#map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right>div.leaflet-control-attribution.leaflet-control {
right: 0px;
}
</style>
{% else %}
<style>
.tombol_save_create {
display: none;
}
.tombol-edit {
display: none;
}
#btn_perbaikan_jalan {
display: none;
}
.btn_action {
display: none;
}
#btn_edit_bangunan {
display: none;
}
#btn_delete_bangunan {
display: none;
}
......@@ -151,8 +274,8 @@
display: none;
top: 5px;
}
#btn_edit_kelurahan :hover{
#btn_edit_kelurahan :hover {
border-color: #DADCE0;
background-color: #F1F3F4;
}
......@@ -184,6 +307,7 @@
#btn_edit_adm {
display: none;
}
#btn_delete_adm {
display: none;
}
......@@ -215,20 +339,22 @@
#btn_edit_cb {
display: none;
}
#btn_detail_per_bang {
display: none;
}
#btn_perbaikan_bangunan {
display: none;
}
#btn_upload_tampak {
display: none;
}
.leaflet-popup{
.leaflet-popup {
display: none;
}
</style>
\ No newline at end of file
</style>
{% endif %}
\ No newline at end of file
templates/includes/js-m.html
View file @ e68cf74c
......@@ -105,15 +105,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/police.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [20, 32]
// iconUrl: 'static/img/icon/police.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [20, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -143,16 +143,16 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/tni.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/tni.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -182,15 +182,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/tni.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/tni.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -220,15 +220,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/kades.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/kades.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -258,15 +258,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -296,15 +296,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -334,15 +334,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -372,15 +372,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -410,15 +410,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/pemerintahan_lain.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/pemerintahan_lain.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -448,15 +448,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -486,15 +486,15 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Buildings-tes.svg'
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
// iconUrl: 'static/img/icon/lurah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [38, 38],
// shadowAnchor: [23, 32]
});
var marker = L.marker(latlng, {
icon: smallIcon
});
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
......@@ -645,8 +645,10 @@
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div id="map-for-delete" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-delete" style="width: 400px;height: 300px;position: relative;margin: 10px;"></div>
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_kantor_administrasi" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
......@@ -672,7 +674,7 @@
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="savedeleteadm">Hapus</button>
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
......@@ -696,7 +698,7 @@
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-upli">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -955,14 +957,16 @@
})
});
$(document).on("click", "#savedeleteadm", function() {
$(document).on("click", "#deletepointot", function() {
var idka = $('#id_adm_del').val();
var poi = $('#coordinateZoneedit_adm_del').val();
var db = $('#nama_table').val();
var data = new FormData();
data.append('id', idka)
data.append('db', db)
$.ajax({
url: "{% url 'api:dkantor' %}",
url: "{% url 'api:dpoint' %}",
data: data,
dataType: 'json',
type: 'POST',
......@@ -984,8 +988,8 @@
})
} else {
swal({
title: 'Error',
text: 'Hubungi Mereka',
title: 'Oops',
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
......@@ -1005,10 +1009,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Heartbeat-tes.svg'
// iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -1120,6 +1124,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_lk" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
......@@ -1214,7 +1221,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -1237,6 +1244,45 @@
</div>
</div>
</div>`;
content_delete_adm = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_layanan_kesehatan" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_adm)
$("#modal_adm").html(content_edit_lk)
panel_samp();
})
......@@ -1381,10 +1427,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/FirstAidKit-tes.svg'
// iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -1496,6 +1542,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_puskes" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_edit_puskes = `
<div class="modal-dialog md">
......@@ -1523,6 +1572,7 @@
<div class="form-group">
<input style="display:none;" id="id_puskes_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="coordinateZoneedit_puskes_edit" type="text" class="form-control" value=""required>
</div>
<div class="row" style="margin-top: 15px;">
......@@ -1587,7 +1637,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -1609,6 +1659,45 @@
</div>
</div>
</div>`;
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_puskesmas" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_puskes)
panel_samp();
})
......@@ -1752,10 +1841,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/FirstAid-tes.svg'
// iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [19, 31]
// iconUrl: 'static/img/icon/rs.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [19, 31]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -1867,6 +1956,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_rs" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_edit_rs = `
......@@ -1895,6 +1987,7 @@
<div class="form-group">
<input style="display:none;" id="id_rs_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="coordinateZoneedit_rs_edit" type="text" class="form-control" value=""required>
</div>
<div class="row" style="margin-top: 15px;">
......@@ -1959,7 +2052,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -1982,6 +2075,45 @@
</div>
</div>`;
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_rumah_sakit" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_rs)
panel_samp();
})
......@@ -2367,7 +2499,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -2446,7 +2578,49 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_si" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_sarana_ibadah" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_ibdh)
panel_samp();
})
......@@ -2589,10 +2763,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
// iconUrl: 'static/img/icon/kampus.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [19, 30]
// iconUrl: 'static/img/icon/kampus.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [19, 30]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -2626,10 +2800,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
// iconUrl: 'static/img/icon/perpus.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// iconUrl: 'static/img/icon/perpus.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
});
var marker = L.marker(latlng, {
......@@ -2664,10 +2838,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: '/static/img/icon-1/GraduationCap-tes.svg'
// iconUrl: 'static/img/icon/sekolah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// iconUrl: 'static/img/icon/sekolah.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -2813,7 +2987,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -2891,7 +3065,48 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_sp" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_sarana_pendidikan"required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_sp)
panel_samp();
......@@ -3113,7 +3328,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -3410,10 +3625,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Train-tes.svg'
// iconUrl: 'static/img/icon/kereta.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// iconUrl: 'static/img/icon/kereta.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -3491,7 +3706,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -3636,7 +3851,49 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_st" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Edit"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_stasiun" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_stasiun)
panel_samp();
})
......@@ -3763,10 +4020,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Bus-tes.svg'
// iconUrl: 'static/img/icon/bus.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// iconUrl: 'static/img/icon/bus.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -3844,7 +4101,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -3981,8 +4238,50 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_tr" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_terminal" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_terminal)
panel_samp();
})
......@@ -4109,10 +4408,10 @@
iconAnchor: [13, 27],
popupAnchor: [1, -24],
iconUrl: 'static/img/icon-1/Factory-tes.svg'
// iconUrl: 'static/img/icon/loc.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
// iconUrl: 'static/img/icon/loc.svg',
// shadowUrl: 'static/img/icon/shadow.svg',
// shadowSize: [35, 35],
// shadowAnchor: [22, 31]
});
var marker = L.marker(latlng, {
icon: smallIcon
......@@ -4190,7 +4489,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -4327,8 +4626,50 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_cb" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_cagar_budaya" required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_cabud)
panel_samp();
......@@ -4539,7 +4880,7 @@
<div class="tab-pane active" id="right-tab2-feas-upli">
<div class="form-group">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin: 10px;"></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">
......@@ -4686,8 +5027,50 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" id="btn_edit_gl" data-toggle="modal" data-target="#modal_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content_delete_point = `
<div class="modal-dialog md">
<div class="modal-content">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<input style="display:none;" id="nama_table" type="text" class="form-control" value="geo_gardu_listrik"required>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_del" type="text" class="form-control" value="` + feature.administrasi.f1 + `"required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-8">
<input id="remark_adm_del" type="text" class="form-control" value="` + feature.administrasi.f2 + `"required disabled>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-info" id="deletepointot">Hapus</button>
</div>
</div>
</div>`;
$("#modald_adm").html(content_delete_point)
$("#modal_adm").html(content_edit_gl)
panel_samp();
})
......@@ -5013,8 +5396,10 @@
data_de.push(da)
}
$("#search_desa").html(data_de);
checkBox_3d.checked = false;
}
})
} else {
//location.reload();
$("#labelchange").html(`<img src="static/img/icon-1/Vector3d.svg" alt="" style="height: 50px;
......@@ -5029,7 +5414,8 @@
$(".no3d").css('display', 'block');
$(".rar").css('display', 'block');
$("#map-cesium").css('display', 'none');
//$(".filter3d").removeClass("d3filter");
$(".tooltip-3d").html(`3D`)
//$(".filter3d").removeClass("d3filter");
}
}
......@@ -5040,9 +5426,8 @@
$(".no3d").css('display', 'none');
$("#legendapo").css('display', 'none');
$(".rar").css('display', 'none');
$("#labelchange").html(`<h1 style="margin-top: 5px;margin-left: 8px;">
2D
</h1>`)
$("#labelchange").html(`<img src="static/img/icon-1/Vector2d.svg" alt="" style="height: 35px;width: 35px;margin: 7px;filter: invert(48%) sepia(79%) saturate(2398%) hue-rotate(190deg) brightness(77%) contrast(170%);z-index:1;">`)
$(".tooltip-3d").html(`2D`)
var nama_desa = $("#search_desa").val();
$.ajax({
......@@ -5052,6 +5437,7 @@
},
dataType: 'json',
success: function(data) {
document.getElementById("mapschange").checked = true;
$("#modalsearch3d").modal("toggle")
// console.log(data['polygon_o'])
// console.log(data['line_o'])
......@@ -5994,6 +6380,9 @@
$(".btn_action").html(`<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;position: absolute;width: 212px;height: 40px;bottom: 2px;right: 5px;border: 1pt solid rosybrown;border-radius: 8px;">
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#modal_tampak" id="btn_upload_tampak" data-backdrop="static" data-keyboard="false"><i>Upload Tampak Bangunan 3D</i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="background-color: indianred;position: absolute;width: 40px;height: 40px;bottom: 2px;right: 50px;border: 1pt solid rosybrown;border-radius: 10px;">
<a href="#" id="btn_delete_adm" data-toggle="modal" data-target="#modald_adm" data-backdrop="static" data-keyboard="false" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;" title="Delete"><i class="icon-eraser2"></i></a>
</div>
`)
content = `<table class="table table-hover tasks-list">
<thead style="text-align: center;">
......@@ -7320,7 +7709,6 @@
</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="">
......@@ -7600,8 +7988,8 @@
<a href="#" id="btn_delete_bangunan" data-toggle="modal" data-target="#modal_bangunan_delete" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-eraser2"></i></a>
</div>
`)
$("#isi_panel").html(content);
$("#modal_bangunan_edit").html(content_edit);
$("#modal_bangunan_delete").html(content_delete);
......@@ -7933,7 +8321,6 @@
});
$(document).on("click", "#btn_delete_bangunan", function() {
$("#modal_detail_non_kelurahan").modal("hide")
var map_delete = new L.map('map-delete', {
editable: true,
zoomControl: false,
......@@ -7957,26 +8344,7 @@
success: function(data) {
$("#modal_bangunan_delete").modal("show")
$(".modal_detail_non_kelurahan").modal("hide")
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);
})
loaderPage(false)
}
})
});
......
templates/includes/js-o.html
View file @ e68cf74c
{% load static %} {% for group in user.groups.all %} {% if group.name == 'Dinas Pekerjaan Umum dan Penataan Ruang' %}
<style>
#btn_edit_kelurahan {
display: block;
}
#btn_edit_tuplah {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_jalan {
display: block;
}
#btn_edit_gl {
display: block;
}
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
.leaflet-popup {
display: block;
}
#btn_detail_per_bang {
display: block;
}
#btn_perbaikan_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
</style>
{% elif group.name == 'Dinas Kependudukan dan Pencatatan Sipil' %}
<style>
#btn_edit_kelurahan {
display: block;
}
</style>
{% elif group.name == 'Dinas Kesehatan' %}
<style>
#btn_edit_rs {
display: block;
}
#btn_edit_puskes {
display: block;
}
#btn_edit_lk {
display: block;
}
</style>
{% elif group.name == 'Dinas Ketahanan Pangan' %}
<style>
#btn_edit_tuplah {
display: block;
}
</style>
{% elif group.name == 'Dinas Lingkungan Hidup' %}
<style>
#btn_edit_tuplah {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_jalan {
display: block;
}
#btn_edit_cb {
display: block;
}
#btn_upload_tampak {
display: block;
}
.leaflet-popup {
display: block;
}
</style>
{% elif group.name == 'Dinas Pariwisata dan Kebudayaan' %}
<style>
#btn_edit_cb {
display: block;
}
</style>
{% elif group.name == 'Dinas Pemberdayaan Masyarakat Desa' %}
<style>
#btn_edit_kelurahan {
display: block;
}
</style>
{% elif group.name == 'Dinas Pemberdayaan Perempuan dan PA' %}
<style>
#btn_edit_kelurahan {
display: block;
}
</style>
{% elif group.name == 'Dinas Kearsipan dan Perpustakaan' %}
<style>
#btn_edit_adm {
display: block;
}
</style>
{% elif group.name == 'Dinas Pendidikan' %}
<style>
#btn_edit_sp {
display: block;
}
</style>
{% elif group.name == 'Dinas Perdagangan dan Perindustrian' %}
<style>
#btn_edit_spbu {
display: block;
}
</style>
{% elif group.name == 'Dinas Perhubungan' %}
<style>
#btn_edit_st {
display: block;
}
#btn_edit_tr {
display: block;
}
</style>
{% elif group.name == 'Dinas Perikanan dan Peternakan' %}
<style>
#btn_edit_tuplah {
display: block;
}
</style>
{% elif group.name == 'Dinas Pertanian' %}
<style>
#btn_edit_tuplah {
display: block;
}
</style>
{% elif group.name == 'Dinas Perumahan dan Kawasan Permukiman' %}
<style>
#btn_edit_tuplah {
display: block;
}
#btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
.leaflet-popup {
display: block;
}
</style>
{% elif group.name == 'Dinas Sosial' %}
<style>
#btn_edit_si {
display: none;
}
</style>
{% endif %}{% endfor %}
{% load static %}
<script>
//tes
//notif overlay
function cek_overlay() {
var jml_ceklis = 0
var check_tuplah = document.getElementById("geo_tuplah");
var check_rumah = document.getElementById("geo_building");
var check_jalan = document.getElementById("geo_jalan");
var check_kota = document.getElementById("batas_kota");
var check_kec = document.getElementById("batas_kec");
var check_desa = document.getElementById("batas_desa");
if (check_tuplah.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_rumah.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_jalan.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_kota.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_kec.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (check_desa.checked == true) {
jml_ceklis = jml_ceklis + 1
}
if (jml_ceklis != 0) {
$(".jumlah-ceklis").html(`<div style="position: absolute;right: -5px;top: -5px;background:
#90CAFF;width: 20px;height: 20px;text-align: center;border-radius: 10px;color:#FFFFFF;"><b>` + jml_ceklis + `</b></div>`)
$(".overlay-cek").css("background", "#1E2233")
$(".overlay-cek").css("box-shadow", "0px 4px 47px rgb(175 141 246 / 86%)")
} else {
$(".jumlah-ceklis").html(``)
$(".overlay-cek").css("background", "#FFFFFF")
$(".overlay-cek").css("box-shadow", "0")
}
}
cek_overlay()
//tes
function panel_samp() {
$("#panel-samping").addClass("move");
$("#button_unhide_panel").addClass("move-btn");
......@@ -953,6 +805,7 @@
} else {
geo_batas_kel.remove()
}
cek_overlay()
}
function bataskota() {
......@@ -962,6 +815,7 @@
} else {
geo_batas.remove()
}
cek_overlay()
}
function bataskec() {
......@@ -971,6 +825,18 @@
} else {
geo_batas_kec.remove()
}
cek_overlay()
}
function georumah() {
var checkBox = document.getElementById("geo_building");
if (checkBox.checked == true) {
$(".help_bangunan").html('Polygon Bangunan dan Line Jalan terlihat pada zoom > 16')
} else {
$(".help_bangunan").html('')
}
cek_overlay()
}
function batasall() {
......@@ -990,6 +856,7 @@
geo_batas_kel.remove()
geo_batas.remove()
}
cek_overlay()
}
var search_desa = batas_desa_desa();
......@@ -1216,6 +1083,7 @@
}
function geotuplah() {
var checkBox = document.getElementById("geo_tuplah");
if (checkBox.checked == true) {
loaderPage(true);
......@@ -1244,6 +1112,8 @@
$("#legenda").css('display', 'none');
geo_tuplah.remove()
}
cek_overlay()
}
......@@ -2241,8 +2111,10 @@
}
function geojalan() {
var checkBox = document.getElementById("geo_jalan");
if (checkBox.checked == true) {
$(".help_bangunan").html('Polygon Bangunan dan Line Jalan terlihat pada zoom > 16')
map.on("movestart", function() {
if (map.hasLayer(geo_jalan)) {
geo_jalan.clearLayers()
......@@ -2283,9 +2155,11 @@
});
} else {
$(".help_bangunan").html('')
geo_jalan.clearLayers();
geo_jalan.remove();
}
cek_overlay()
}
var map_edit_jalan = L.map('map-jalan', {
......@@ -2309,6 +2183,11 @@
});
$(document).on("click", "#btn_jalan", function() {
$("#koordinat_cek").addClass("active")
$("#info_umum").removeClass("active")
$("#left-tab1-feas-upl-j").addClass("active")
$("#right-tab2-feas-upl-j").removeClass("active")
if (map_edit_jalan.hasLayer(polygon_edit_jalan)) {
polygon_edit_jalan.remove()
}
......@@ -2887,6 +2766,11 @@
$(document).on("click", "#btn_perbaikan_jalan", function() {
$("#koordinat_cek").addClass("active")
$("#info_umum").removeClass("active")
$("#left-tab1-feas-upl-j").addClass("active")
$("#right-tab2-feas-upl-j").removeClass("active")
geo_jalan_input.clearLayers(geo_jalan_input)
$("#input_perbaikan").css("display", "block");
var id_jalan = $("#idjalan").val();
......@@ -3502,7 +3386,6 @@
<script>
//klik kanan begin
map.on('contextmenu', function(e) {
$("#modal_option_create").modal("show");
......@@ -3512,6 +3395,7 @@
$(".btn_create_jalan").click(function() {
$("#create_all > div > ul").css("display", "block")
$("#modal__create").modal("show");
$(".title-create").html("Create Jalan")
$(".tombol_action_create").html(`<input type="button" id="create-jal" value="Create" style="z-index: 1000;position:relative;">`)
......@@ -3597,8 +3481,10 @@
});
map_create_all.on('draw:created', function(e) {
var type = e.layerType,
layer = e.layer;
layer.options.color = 'yellow';
layer.options.weight = 10;
var koordina = ""
......@@ -3634,6 +3520,7 @@
})
$(".btn_create_bangunan").click(function() {
$("#create_all > div > ul").css("display", "block")
$("#modal__create").modal("show");
$(".title-create").html("Create Bangunan")
$(".tombol_action_create").html(`<input type="button" id="create" value="Create" style="z-index: 1000;position:relative;">`)
......@@ -3785,7 +3672,7 @@
</div>
</div>
`);
var map_create_all = L.map('map-create-all', {
editable: true,
zoomControl: false,
......@@ -3914,6 +3801,7 @@
});
$(".btn_create_lahan").click(function() {
$("#create_all > div > ul").css("display", "block")
$("#modal__create").modal("show");
$(".title-create").html("Create Lahan")
$(".tombol_action_create").html(`<input type="button" id="create" value="Create" style="z-index: 1000;position:relative;">`)
......@@ -3992,7 +3880,7 @@
</div>
</div>
`);
var nowyear = new Date().getFullYear();
$("#tahun_create").val(nowyear);
......@@ -4043,7 +3931,7 @@
var seeArea = L.GeometryUtil.geodesicArea(layer.getLatLngs()[0]);
var fixarea = seeArea.toFixed(3)
$("#luas_lahan_create").val(fixarea);
});
polygon_options = {
......@@ -4061,10 +3949,10 @@
var polygonDraweredit = new L.Draw.Polygon(map_create_all, polygon_options);
polygonDraweredit.on("click", function(event) {
shapecoords.innerHTML = event.latlng.toString();
map_create_all.fire("click", event); // Trigger a map click as well.
});
// polygonDraweredit.on("click", function(event) {
// shapecoords.innerHTML = event.latlng.toString();
// map_create_all.fire("click", event); // Trigger a map click as well.
// });
map_create_all.on('draw:created', function(e) {
var type = e.layerType,
......@@ -4083,6 +3971,7 @@
$(".tombol_action_create").html(``)
$(".tab_1").html("Koordinat")
$(".tab_2").html("Informasi Point")
$("#create_all > div > ul").css("display", "block")
$(".tombol_save_create").html(`<input type="button" class="btn btn-primary" id="btnsavepoint" value="SAVE">
<input type="text" name="poly_create_point" class="hidden" id="poly_create_point" value="">`)
......@@ -4192,7 +4081,7 @@
setTimeout(function() {
map_create_all.invalidateSize();
}, 500);
}, 1000);
$(".leaflet-draw-draw-marker").html('<span>Create</span>')
......@@ -4269,15 +4158,403 @@
});
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div").css("display", "none")
$(".leaflet-draw-draw-marker").css("padding", "0px!important")
$(".leaflet-draw-draw-marker").css("width", "100%!important")
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-right").css("display", "none")
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(1) > div > div > a.leaflet-draw-draw-polyline").css("display", "none")
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div > a.leaflet-draw-draw-marker").css("display", "block!important")
})
$(".btn_cek_KDBKLB").click(function() {
$("#koordinatjalan").addClass("active")
$("#informasi_create").removeClass("active")
$("#tab_koor").addClass("active")
$("#tab_info").removeClass("active")
$("#modal__create").modal("show");
$(".title-create").html("Cek KDB & KLB")
$(".tombol_save_create").html('')
$(".tab_1").html("Koordinat")
$(".tab_2").html("Informasi")
$("#create_all > div > ul").css("display", "none")
$("#koordinatjalan").html(`
<div class="jumlah_lantai" style="margin-top: -15px;">jumlah_lantai : 0
</div>
<div class="form-group">
<div id="map-create-all" style="height: 300px;">
<!-- <div class="tombol_action_create">
<input type="button" class="leaflet-draw-draw-marker" value="Create" style="z-index: 1000;position:relative;">
</div> -->
<div style="margin:10px;">
<input type="button" id="create_poly_rumah" value="Create Polygon Rumah" style="z-index: 1000;position:relative;border: transparent;border-radius: 5px;display:none;">
<input type="button" id="create_poly_tanah" value="Create Polygon Tanah" style="z-index: 1000;position:relative;border: transparent;border-radius: 5px;background: antiquewhite;">
<input type="button" id="delete_poly" value="Reset" style="z-index: 1000;position:relative;background: azure;border: transparent;border-radius: 5px;display:none;margin-top: 5px;">
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="row" style="margin-top: 5px;margin-right:5px!important;">
<div class="form-group">
<label class="control-label lbl-top">Luas Lantai (m2)</label>
<div class="">
<input id="luas_polygon_lantai" type="text" class="form-control" value="" required>
</div>
<div class="alert alert-danger" id="notificationluaslantai" style="display: none;margin: 0px;padding-top: 0px;padding-bottom: 0px;font-size: 10px;position: absolute;top: -5px;left: 110px;">
</div>
</div>
</div>
<div class="row" style="margin-top: 5px;margin-right:5px!important;">
<div class="form-group">
<label class="control-label lbl-top">Luas Rumah (m2)</label>
<div class="">
<input id="luas_polygon_rumah" type="text" class="form-control" value="" required>
</div>
<div class="alert alert-danger" id="notificationluasrumah" style="display: none;margin: 0px;padding-top: 0px;padding-bottom: 0px;font-size: 10px;position: absolute;top: -5px;left: 110px;">
</div>
</div>
</div>
<div class="row" style="margin-top: 5px;margin-right:5px!important;">
<div class="form-group">
<label class="control-label lbl-top">Luas Tanah (m2)</label>
<div class="">
<input id="luas_polygon_tanah" type="text" class="form-control" value="" required>
</div>
<div class="alert alert-danger" id="notificationluastanah" style="display: none;margin: 0px;padding-top: 0px;padding-bottom: 0px;font-size: 10px;position: absolute;top: -5px;left: 110px;">
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row" style="margin-top: 5px;margin-left:5px!important;">
<div class="form-group">
<label class="control-label lbl-top">Sisa Luas Tanah (m2):</label>
<div class="">
<input id="sisa_luas_tanah" type="text" class="form-control" value="" required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 5px;margin-left:5px!important;">
<div class="form-group">
<label class="control-label lbl-top">KDB (%):</label>
<div class="">
<input id="KDB_polygon_rumah" type="text" class="form-control" value="" required disabled>
</div>
</div>
</div>
<div class="row" style="margin-top: 5px;margin-left:5px!important;">
<div class="form-group">
<label class="control-label lbl-top">KLB :</label>
<div class="">
<input id="KLB_polygon_rumah" type="text" class="form-control" value="" required disabled>
</div>
</div>
</div>
</div>
</div>
</div>`)
$("#informasi_create").html(``);
var map_create_all = L.map('map-create-all', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([e.latlng.lat, e.latlng.lng], 20.5);
L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_create_all);
setTimeout(function() {
map_create_all.invalidateSize();
}, 500);
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div > div > div").css("display", "none")
$("#create_poly_rumah").click(function() {
polygonDraweredit.enable();
$("#create_poly_tanah").val('tambah polygon rumah')
})
$("#create_poly_tanah").click(function() {
$('#create_poly_rumah').css("display", "block")
$('#create_poly_tanah').css("display", "none")
$('#delete_poly').css("display", "block")
polygonDraweredit_tanah.enable();
})
// function get_luas(lt_p, lo_p) {
// var lt_po = lt_p
// var lo_po = lo_p
//
// var lat_rad = []
// var YY = []
// var XX = []
// var area = []
//
// for (var i = 0; i < lt_po.length; i++) {
// lt_rad = lt_po[i] / 180 * (22 / 7)
// lat_rad.push(lt_rad)
// }
//
// for (var y = 0; y < lt_po.length; y++) {
// if (y == 0 || y == lt_po.length - 1) {
// YY.push(0)
// } else {
// yyy = (lt_po[y] - lt_po[0]) / 360 * (6378137 * 2 * (22 / 7))
// YY.push(yyy)
// }
// }
//
// for (var x = 0; x < lo_po.length; x++) {
// if (x == 0 || x == lo_po.length - 1) {
// XX.push(0)
// } else {
// xxx = (lo_po[x] - lo_po[0]) / 360 * (6378137 * 2 * (22 / 7) * Math.cos(lat_rad[x]))
// XX.push(xxx)
// }
// }
//
// for (var i = 0; i < lo_po.length; i++) {
// if (i == 0 || i == lo_po.length - 1) {
// area.push(0)
// } else {
// are = ((YY[i - 1] * XX[i]) - (XX[i - 1] * YY[i])) / 2
// area.push(are)
// }
// }
//
// function getSum(total, num) {
// return total + Math.round(num);
// }
//
// var luas_area = area.reduce(getSum, 0)
// return luas_area
// }
var luas_all = []
window.thisBaseDrawPolygonLayer = [];
map_create_all.on(L.Draw.Event.CREATED, function(e) {
var type = e.layerType;
var layer = e.layer;
var shape = layer.toGeoJSON();
let geoShape = shape.geometry.coordinates[0];
let kordinat = "";
for (j in geoShape) {
kordinat += geoShape[j][0] + ' ' + geoShape[j][1];
if (j <= (geoShape.length - 2)) {
kordinat += ', ';
}
}
var seeArea = L.GeometryUtil.geodesicArea(layer.getLatLngs()[0]);
var fixarea = seeArea.toFixed(3)
luas_all.push(fixarea)
if (luas_all.length > 1) {
var luas_tanah = luas_all[0]
var luas_rumah = luas_all[1]
var luas_lantai = luas_all[1]
var jumlah_lantai = luas_all - 1
$("#luas_polygon_rumah").val(parseFloat(luas_rumah).toFixed(2))
$("#luas_polygon_tanah").val(parseFloat(luas_tanah).toFixed(2))
$("#sisa_luas_tanah").val((luas_all[0] - luas_all[1]).toFixed(2))
var aaa = 0
if (luas_all.length > 2) {
var array_lan = luas_all.slice(2)
for (var i = 0; i < array_lan.length; i++) {
luas_lantai = parseFloat(luas_lantai) + parseFloat(array_lan[i])
}
}
$("#luas_polygon_lantai").val(parseFloat(luas_lantai).toFixed(2))
$(".jumlah_lantai").html("jumlah lantai : " + (luas_all.length - 1))
var klb = luas_lantai / luas_tanah
var kdb = luas_rumah / luas_tanah * 100
$("#KDB_polygon_rumah").val(parseFloat(kdb).toFixed(2))
$("#KLB_polygon_rumah").val(parseFloat(klb).toFixed(2))
}
window.thisBaseDrawPolygonLayer.push(layer);
});
polygon_options = {
showArea: false,
shapeOptions: {
stroke: true,
color: '#6e83f0',
weight: 1.5,
opacity: 2,
fill: true,
fillColor: null, //same as color by default
fillOpacity: 0.3,
clickable: true
}
}
polygon_options_tanah = {
showArea: false,
shapeOptions: {
stroke: true,
color: '#fff',
weight: 1.5,
opacity: 2,
fill: true,
fillColor: null, //same as color by default
fillOpacity: 0.3,
clickable: true
}
}
var polygonDraweredit_tanah = new L.Draw.Polygon(map_create_all, polygon_options_tanah);
var polygonDraweredit = new L.Draw.Polygon(map_create_all, polygon_options);
// polygonDraweredit.on("click", function(event) {
// shapecoords.innerHTML = event.latlng.toString();
// map_create_all.fire("click", event); // Trigger a map click as well.
// });
//
// polygonDraweredit_tanah.on("click", function(event) {
// var type = event.layerType;map_
// shapecoords.innerHTML = event.latlng.toString();
// map_create_all.fire("click", event); // Trigger a map click as well.
// });
map_create_all.on('draw:created', function(e) {
var type = e.layerType,
layer = e.layer;
var lay = layer.addTo(map_create_all);
Poly = lay;
});
$("#delete_poly").click(function() {
if (window.thisBaseDrawPolygonLayer != []) {
for (var i = 0; i < window.thisBaseDrawPolygonLayer.length; i++) {
window.thisBaseDrawPolygonLayer[i].remove()
}
window.thisBaseDrawPolygonLayer = [];
luas_all = [];
$('#create_poly_rumah').css("display", "none")
$('#create_poly_tanah').css("display", "block")
$(".jumlah_lantai").html("jumlah lantai : 0")
$("#luas_polygon_rumah").val("")
$("#luas_polygon_tanah").val("")
$("#luas_polygon_lantai").val("")
$("#KDB_polygon_rumah").val("")
$("#KLB_polygon_rumah").val("")
$("#sisa_luas_tanah").val("")
}
});
function isi_all() {
var luas_rumah = $("#luas_polygon_rumah").val()
var luas_tanah = $("#luas_polygon_tanah").val()
var luas_lantai = $("#luas_polygon_lantai").val()
if (luas_rumah == null) {
luas_rumah = 1
}
if (luas_tanah == null) {
luas_tanah = 1
}
if (luas_lantai == null) {
luas_lantai = 1
}
var klb = luas_lantai / luas_tanah
var kdb = luas_rumah / luas_tanah * 100
$("#sisa_luas_tanah").val(luas_tanah - luas_rumah)
$("#KDB_polygon_rumah").val(kdb)
$("#KLB_polygon_rumah").val(klb)
}
$('#luas_polygon_rumah').on('input', function() {
isi_all()
// if (luas_tanah.indexOf(' ') !== -1 && luas_tanah != null) {
// var luas_tanah_ret = luas_tanah.split(" ")[0]
// } else if (luas_tanah.indexOf(' ') === -1 && luas_tanah != null) {
// var luas_tanah_ret = luas_tanah
// }
//
// if (luas_tanah !== null) {
// try {
//
// luas_tanah_ret = convert_to_float(luas_tanah)
// } catch {
// $("#notificationluastanah").css("display", "block")
// $("#notificationluastanah").html("Pastikan yang anda masukan adalah angka")
// }
// }
});
$('#luas_polygon_tanah').on('input', function() {
isi_all()
});
$('#luas_polygon_lantai').on('input', function() {
isi_all()
});
})
});
$(document).on("click", "#informasi_poo", function() {
var luas_rumah = $("#luas_polygon_rumah").val()
var luas_tanah = $("#luas_polygon_tanah").val()
if (luas_rumah != null) {
var luas_rumah_ret = luas_rumah.split(" ")[0]
} else {
var luas_rumah_ret = 1
}
if (luas_tanah != null) {
var luas_tanah_ret = luas_tanah.split(" ")[0]
} else {
var luas_tanah_ret = 1
}
var klb = luas_tanah_ret / luas_rumah_ret
var kdb = luas_rumah_ret / luas_tanah_ret * 100
$("#KDB_polygon_rumah").val(kdb + ' %')
$("#KLB_polygon_rumah").val(klb)
})
$(document).on("click", "#create_save_jalan", function(e) {
data = new FormData()
data.append("gambar", $("input[id^='img_jalan']")[0].files[0]);
......@@ -4388,7 +4665,7 @@
var alamat_poly = $('#tahun_create').val();
var lb_poly = $('#luas_lahan_create').val();
$.ajax({
url: "{% url 'api:c_lahan' %}",
url: "api/c_lahan",
data: {
'polygon': polygin,
'name': name_poly,
......
templates/includes/modal.html
View file @ e68cf74c
......@@ -130,13 +130,13 @@
<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-j" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-upl-j" data-toggle="tab">Informasi Umum</a></li>
<li onclick="changetabs(this)" id="koordinat_cek" class="active"><a href="#left-tab1-feas-upl-j" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)" id="info_umum"><a href="#right-tab2-feas-upl-j" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-upl-j">
<div id="map-jalan" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-jalan" style="height: 300px;position: relative;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
......@@ -663,7 +663,7 @@
<div class="col-md-4 text-center">
<a href="#" class="btn btn_cek_KDBKLB">
<div>
<img src="{% static 'img/icon-1/Vectorpoint.svg' %}" alt="" style="width: 35px;
<img src="{% static 'img/icon-1/kelurahan.svg' %}" alt="" style="width: 35px;
height: 35px;">
</div>
<div style="margin-top: 10px;">
......@@ -689,8 +689,8 @@
<div class="modal-body" id="create_all">
<div class="tabbable" style="height:450px!important;width: 560px!important;">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href=".koordinatjalan" data-toggle="tab" class="tab_1">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#informasi_create" data-toggle="tab" class="tab_2">Informasi Jalan</a></li>
<li onclick="changetabs(this)" id="tab_koor" class="active"><a href=".koordinatjalan" data-toggle="tab" class="tab_1">Koordinat</a></li>
<li onclick="changetabs(this)" id="tab_info"><a href="#informasi_create" data-toggle="tab" id="informasi_poo" class="tab_2">Informasi Jalan</a></li>
</ul>
<div class="tab-content">
......@@ -715,7 +715,7 @@
<div class="modal fade" id="user_profile" tabindex="-1" role="dialog" style="margin-left: 50px;padding-left:0px;">
<div class="modal-dialog" style="width: 100%;
margin: 0px;
height: 100vh;">
height: 100vh;overflow-y: scroll;">
<div class="modal-content">
<div class="modal-body">
......@@ -879,10 +879,7 @@
</div>
<div style="border-bottom: 1pt solid #E2E2E2;">
<div class="tab_personal_information" style="margin:0px;">
<div class="alert alert-danger" id="notificationsprop" style="display: none;margin: 0px;
padding-top: 0px;
padding-bottom: 0px;">
<div class="alert alert-danger" id="notificationsprop" style="display: none;margin: 0px;padding-top: 0px;padding-bottom: 0px;">
</div>
<form class="form-horizontal" id="formmen" method="post" enctype="multipart/form-data">
<div class="panel-body">
......@@ -1650,9 +1647,9 @@
<!-- Main charts -->
<div class="panel panel-flat" style="display: none;width: 1000px;">
<div class="panel-header" style="height: 50px;background: #1E2233;border-top-left-radius: 10px;border-top-right-radius: 10px;">
<!-- <button type="button" class="close" onclick="destroyWraper()" style=" width: 30px;
<button type="button" class="close" onclick="destroyWraper()" style=" width: 30px;
color: white;
height: 30px;">&times;</button> -->
height: 30px;">&times;</button>
<h5 class="modal-title title-create" style="color: white;margin-left: 25px;padding-top: 10px;">Input Perbaikan</h5>
</div>
<div class="panel-body" style="padding-top: 10px;">
......@@ -1987,14 +1984,14 @@
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#left-tab1-feas-upli" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li>
<li onclick="changetabs(this)" id="koordinat_cek" class="active"><a href="#left-tab1-feas-upli" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)" id="info_umum"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-upli">
<div id="map-for-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div id="map-for-edit" style="height: 300px;position: relative;margin:10px"></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">
......
templates/includes/plugin.html
View file @ e68cf74c
......@@ -4,14 +4,14 @@
<div class="dropdown show-dropdown">
<a href="#" type="checkbox">
<input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 40px;height: 40px;margin-top: -5px;">
<input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 50px;height: 50px;margin-top: 0px;z-index:2;cursor: pointer;">
<div id="labelchange">
<img src="{% static 'img/icon-1/Vector3d.svg' %}" alt="" style="height: 50px;
width: 50px;">
</div>
</a>
</div>
<span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';
<span class="tooltiptext tooltip-left tooltip-3d" style="font-family: 'gilroysemibold';
color: #085E8C;">3D</span>
</li>
......@@ -71,8 +71,11 @@
</ul>
</div>
</li>
<li class="fixed-plugin no3d" style="top: 170px;">
<li class="fixed-plugin no3d overlay-cek" style="top: 170px;">
<span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';color: #6D3FDE;">Overlay</span>
<div class="jumlah-ceklis">
</div>
<div class="dropdown show-dropdown ">
<a href="#" data-toggle="dropdown">
<img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px;
......@@ -100,7 +103,7 @@
<div class="checkbox">
<label>
<input type="checkbox" id="geo_building" style="margin-top:2px;">
<input type="checkbox" id="geo_building" onclick="georumah()" style="margin-top:2px;">
<img src="/static/img/icon-1/Buildingsbangunan.svg" alt="" style="margin-top: -5px;">
<span>
Bangunan
......
templates/includes/sidebar.html
View file @ e68cf74c
......@@ -36,7 +36,7 @@
</ul>
<ul class="navigation navigation-main navigation-accordion">
<ul class="navigation navigation-main navigation-accordion" style="height: 100px;">
<li>
<a href="#" class="side-bar-but" data-toggle="modal" data-target="#modal_help" data-backdrop="static" data-keyboard="false">
<img src="{% static 'img/icon-1/Vectoriconwarning.svg' %}" alt="" style="height: 17.875003814697266px;width: 17.875003814697266px;margin-left: -8px;">
......@@ -413,7 +413,7 @@
<div class="form-group" style="margin-top: 15px;width: 98%;">
<select name="select" id="sel-kec" class="form-control input-sm" style="background-color: #393E54;border-radius: 8px;border-color: #393E54;color: white;">
<option>Pilih Kecamatan</option>
<option value="all_kecamatan">Pilih Kecamatan</option>
{% for nama_kecamatan in kecamatan %}
<option value="{{nama_kecamatan.administrasi.f1}}">{{nama_kecamatan.administrasi.f2}}</option>
{% endfor %}
......@@ -686,18 +686,23 @@
},
dataType: 'json',
success: function(data) {
if (data['res_kel'] == 'all_kecamatan') {
$('#sel-desa').html(`<option>Pilih Desa</option>`);
} else {
var data_all_desa = []
for (var i = 0; i < data['res_kel'].length; i++) {
var id_k = data['res_kel'][i][0];
var data_k = data['res_kel'][i][1];
var data_kel = `<option value="` + id_k + ` ">` +
data_k +
`</option>`;
data_all_desa.push(data_kel)
};
$('#sel-desa').html(`<option>Pilih Desa</option>` + data_all_desa);
}
var data_all_desa = []
for (var i = 0; i < data['res_kel'].length; i++) {
var id_k = data['res_kel'][i][0];
var data_k = data['res_kel'][i][1];
var data_kel = `<option value="` + id_k + ` ">` +
data_k +
`</option>`;
data_all_desa.push(data_kel)
};
$('#sel-desa').html(`<option>Pilih Desa</option>` + data_all_desa);
var data_perbaikan = []
var number = 0;
......
templates/layout/layout.html
View file @ e68cf74c
......@@ -49,6 +49,10 @@
font-family: 'gilroyultralight';
src: url('/static/css/Gilroy-UltraLight.woff') format('woff');
}
.tab_kdb_klb {
display: none;
}
</style>
{% include 'includes/css-o.html' %} {% include 'includes/css-m.html' %}
......@@ -90,7 +94,8 @@
<script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
<link rel="stylesheet" href="{% static 'css/layout-style.css' %}"> {% endblock css %}
<link rel="stylesheet" href="{% static 'css/layout-style.css' %}">
<link rel="stylesheet" href="{% static 'css/st.css' %}"> {% endblock css %}
<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"></link>
<!-- Theme JS files -->
......@@ -123,6 +128,7 @@
<div class="content-wrapper">
<div class="content">
<div id="map">
<div class="help_bangunan" style="position: absolute;z-index: 999;top: 0px;right: 60px;"></div>
<div class="col-md-4 col-md-offset-4 input-group content-group head">
<!-- <div class="input-group">
......@@ -238,7 +244,7 @@
<div class="overlay">
<div class="textover">
<i class="icon-camera" style="position: absolute;background-color: white;border-radius: 10px;top: 25%;right: 46%;width: 20px;height: 20px;" title="Ganti Foto Profil"></i>
<i class="icon-camera" style="position: absolute;background-color: white;border-radius: 10px;top: 35%;right: 46%;width: 20px;height: 20px;" title="Ganti Foto Profil"></i>
</div>
</div>
......@@ -409,7 +415,7 @@
// return false;
// }
// }
// end disabled inspect
var dar = null;
......@@ -950,7 +956,7 @@
// <option value="cagar_budaya">Cagar Budaya dan Tempat Wisata</option>
// <option value="gardu_listrik">Gardu Listrik</option>`
// }
content_edit = `
<div class="modal-dialog" style="width: max-content;height: max-content;">
......@@ -2631,4 +2637,10 @@
$(".switch").bootstrapSwitch();
});
</script> -->
\ No newline at end of file
</script> -->
{% if user.is_authenticated %} {% else %}
<script>
$(".tombol-edit").html('ilang')
</script>
{% endif %}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment