Skip to content

O
OKU-GIS
Commit 86c68770 authored by Muhamad's avatar Muhamad
Browse files
Options

create

parent 4958de4c
Hide whitespace changes
Inline Side-by-side
Showing with 1494 additions and 747 deletions
OKU/settings.py
View file @ 86c68770
...@@ -85,10 +85,10 @@ DATABASES = { ...@@ -85,10 +85,10 @@ DATABASES = {
'NAME': 'oku_gis_new', 'NAME': 'oku_gis_new',
'USER': 'postgres', 'USER': 'postgres',
'PASSWORD' : 'khansia215758', 'PASSWORD' : 'khansia215758',
# 'HOST': '30.10.20.102', 'HOST': '30.10.20.102',
# 'PORT': '5432', 'PORT': '5432',
'HOST': '103.126.28.66', # 'HOST': '103.126.28.66',
'PORT': '8082', # 'PORT': '8082',
} }
} }
......
static/css/layout-style.css
View file @ 86c68770
...@@ -199,6 +199,13 @@ body>div.page-container>div>div.sidebar.sidebar-main>div>img { ...@@ -199,6 +199,13 @@ body>div.page-container>div>div.sidebar.sidebar-main>div>img {
transform: rotate( 180deg); transform: rotate( 180deg);
} }
#map-create-all>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(2)>div>div>a.leaflet-draw-draw-marker {
margin-top: -20px;
margin-left: -10px;
width: 40px;
height: 20px;
}
@media (max-width: 1025px) { @media (max-width: 1025px) {
.dock { .dock {
position: absolute; position: absolute;
......
templates/includes/insert.html
View file @ 86c68770
...@@ -270,7 +270,7 @@ ...@@ -270,7 +270,7 @@
map.openPopup(popup); map.openPopup(popup);
$("#tipe_point").change(function() { $("#tipe_point").change(function() {
var tipe = $(this).val(); var tipe = $(this).val();
$.ajax({ $.ajax({
url: "{% url 'api:change-tipe' %}", url: "{% url 'api:change-tipe' %}",
...@@ -309,7 +309,7 @@ ...@@ -309,7 +309,7 @@
for (var i = 0; i < data['result'].length; i++) { for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0]; var data_k = data['result'][i][0];
console.log(data_k) console.log(data_k)
var data_kab = `<option value="` + data_k +`">` + data_k + `</option>`; var data_kab = `<option value="` + data_k + `">` + data_k + `</option>`;
data_all_kab.push(data_kab) data_all_kab.push(data_kab)
}; };
$('#tipe_point_2_b').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab); $('#tipe_point_2_b').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab);
...@@ -334,7 +334,7 @@ ...@@ -334,7 +334,7 @@
for (var i = 0; i < data['result'].length; i++) { for (var i = 0; i < data['result'].length; i++) {
var data_id = data['result'][i][0]; var data_id = data['result'][i][0];
var data_po = data['result'][i][1]; var data_po = data['result'][i][1];
var data_kab = `<option value="` +data_id + `">` + data_po + `</option>`; var data_kab = `<option value="` + data_id + `">` + data_po + `</option>`;
data_all_kab.push(data_kab) data_all_kab.push(data_kab)
}; };
$('#tipe_point_3_b').html(`<option value="null" selected disabled>-- Pilih Point --</option>` + data_all_kab); $('#tipe_point_3_b').html(`<option value="null" selected disabled>-- Pilih Point --</option>` + data_all_kab);
......
templates/includes/js-m.html
View file @ 86c68770
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
.leaflet-popup { .leaflet-popup {
display: block; display: block;
} }
#btn_edit_kelurahan { #btn_edit_kelurahan {
display: block; display: block;
} }
...@@ -71,11 +71,11 @@ ...@@ -71,11 +71,11 @@
#btn_edit_si { #btn_edit_si {
display: block; display: block;
} }
#btn_detail_per_bang { #btn_detail_per_bang {
display: block; display: block;
} }
#btn_perbaikan_bangunan { #btn_perbaikan_bangunan {
display: block; display: block;
} }
...@@ -670,7 +670,7 @@ ...@@ -670,7 +670,7 @@
data.append('alamat', $('#alamat_adm_edit').val()) data.append('alamat', $('#alamat_adm_edit').val())
data.append('perangkat', $('#perangkat_adm_edit').val()) data.append('perangkat', $('#perangkat_adm_edit').val())
data.append('point', poi), data.append('point', poi),
data.append('gambar', $('#gambar_adm_edit').val()) data.append('gambar', $('#gambar_adm_edit').val())
$.ajax({ $.ajax({
url: "{% url 'api:kantor' %}", url: "{% url 'api:kantor' %}",
...@@ -3054,7 +3054,7 @@ ...@@ -3054,7 +3054,7 @@
data.append('alamat', $('#alamat').val()) data.append('alamat', $('#alamat').val())
data.append('perangkat', $('#perangkat').val()) data.append('perangkat', $('#perangkat').val())
data.append('point', poi), data.append('point', poi),
data.append('gambar', $('#gambarspbu').val()) data.append('gambar', $('#gambarspbu').val())
$.ajax({ $.ajax({
url: "{% url 'api:spbu' %}", url: "{% url 'api:spbu' %}",
data: data, data: data,
...@@ -3932,7 +3932,7 @@ ...@@ -3932,7 +3932,7 @@
</div> </div>
</div> </div>
</div>` </div>`
content_cabud = ` content_cabud = `
<table class="table table-hover tasks-list"> <table class="table table-hover tasks-list">
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
...@@ -4087,7 +4087,7 @@ ...@@ -4087,7 +4087,7 @@
data.append('alamat', $('#alamat').val()) data.append('alamat', $('#alamat').val())
data.append('perangkat', $('#perangkat').val()) data.append('perangkat', $('#perangkat').val())
data.append('point', poi), data.append('point', poi),
data.append('gambar', $('#gambar').val()) data.append('gambar', $('#gambar').val())
$.ajax({ $.ajax({
url: "{% url 'api:cagarbudaya' %}", url: "{% url 'api:cagarbudaya' %}",
...@@ -4289,8 +4289,8 @@ ...@@ -4289,8 +4289,8 @@
</div> </div>
</div> </div>
</div>` </div>`
content_gl = ` content_gl = `
<table class="table table-hover tasks-list"> <table class="table table-hover tasks-list">
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
...@@ -4735,9 +4735,9 @@ ...@@ -4735,9 +4735,9 @@
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
$("#modalsearch3d").modal("toggle") $("#modalsearch3d").modal("toggle")
// console.log(data['polygon_o']) // console.log(data['polygon_o'])
// console.log(data['line_o']) // console.log(data['line_o'])
// console.log(data['kantor_administrasi']) // console.log(data['kantor_administrasi'])
map_cesium.camera.flyTo({ map_cesium.camera.flyTo({
destination: Cesium.Cartesian3.fromDegrees(data['lat'], data['lng'], 750) destination: Cesium.Cartesian3.fromDegrees(data['lat'], data['lng'], 750)
...@@ -4749,7 +4749,7 @@ ...@@ -4749,7 +4749,7 @@
maxheight = []; maxheight = [];
minheight = []; minheight = [];
for(var x = 0; x < (poll.length/2); x++){ for (var x = 0; x < (poll.length / 2); x++) {
max = data["tinggi_pol"][i]; max = data["tinggi_pol"][i];
maxheight.push(max); maxheight.push(max);
min = 0; min = 0;
...@@ -4763,7 +4763,9 @@ ...@@ -4763,7 +4763,9 @@
maximumHeights: maxheight, maximumHeights: maxheight,
minimumHeights: minheight, minimumHeights: minheight,
// height: 0, // height: 0,
material: new Cesium.ImageMaterialProperty({image:"static/image/bangunan/3d/"+data["tampak_depan_pol"][i]+""}), material: new Cesium.ImageMaterialProperty({
image: "static/image/bangunan/3d/" + data["tampak_depan_pol"][i] + ""
}),
// closeTop: false, // closeTop: false,
// maximumHeights : data["tinggi_pol"][i], // maximumHeights : data["tinggi_pol"][i],
// minimumHeights : 0, // minimumHeights : 0,
...@@ -4773,17 +4775,19 @@ ...@@ -4773,17 +4775,19 @@
name: data["info_polygon"][i] name: data["info_polygon"][i]
}); });
// poly_osm.polygon.extrudedHeight = data["tinggi_pol"][i]; // poly_osm.polygon.extrudedHeight = data["tinggi_pol"][i];
var atap = map_cesium.entities.add({ var atap = map_cesium.entities.add({
polygon: { polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArray( hierarchy: Cesium.Cartesian3.fromDegreesArray(
poll poll
), ),
// material: materialatas, // material: materialatas,
material: new Cesium.ImageMaterialProperty({image:"static/image/bangunan/3d/"+data["tampak_atas_pol"][i]+""}), material: new Cesium.ImageMaterialProperty({
image: "static/image/bangunan/3d/" + data["tampak_atas_pol"][i] + ""
}),
outline: true, outline: true,
height: data["tinggi_pol"][i], height: data["tinggi_pol"][i],
fill : true, fill: true,
outlineColor: Cesium.Color.GREEN, outlineColor: Cesium.Color.GREEN,
}, },
name: data["info_polygon"][i] name: data["info_polygon"][i]
...@@ -4812,7 +4816,7 @@ ...@@ -4812,7 +4816,7 @@
var long = data['longadm']; var long = data['longadm'];
var poin = data['infoadm']; var poin = data['infoadm'];
var rema = data['remaadm'][i]; var rema = data['remaadm'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -4820,10 +4824,10 @@ ...@@ -4820,10 +4824,10 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Kantor Polisi') { if (rema == 'Kantor Polisi') {
var color = Cesium.Color.DARKCYAN; var color = Cesium.Color.DARKCYAN;
var gmbcok = "3d_police.svg" var gmbcok = "3d_police.svg"
...@@ -4836,7 +4840,7 @@ ...@@ -4836,7 +4840,7 @@
} else if (rema == 'Kantor Pemerintah Lainnya') { } else if (rema == 'Kantor Pemerintah Lainnya') {
var color = Cesium.Color.GAINSBORO; var color = Cesium.Color.GAINSBORO;
var gmbcok = "3d_kadm_lain.svg" var gmbcok = "3d_kadm_lain.svg"
} else{ } else {
var color = Cesium.Color.GAINSBORO; var color = Cesium.Color.GAINSBORO;
var gmbcok = "3d_kadm.svg" var gmbcok = "3d_kadm.svg"
} }
...@@ -4855,18 +4859,18 @@ ...@@ -4855,18 +4859,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
nameadm: data['infoadm'][i] nameadm: data['infoadm'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entity = new Cesium.Entity({ var entity = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -4874,14 +4878,14 @@ ...@@ -4874,14 +4878,14 @@
// console.log(name) // console.log(name)
map_cesium.entities.add(entity); map_cesium.entities.add(entity);
} }
for (var i = 0; i < data["layanan_kesehatan"].length; i++) { for (var i = 0; i < data["layanan_kesehatan"].length; i++) {
var lk = data['layanan_kesehatan'] var lk = data['layanan_kesehatan']
var lati = data['latlk']; var lati = data['latlk'];
var long = data['longlk']; var long = data['longlk'];
var poin = data['infolk']; var poin = data['infolk'];
var rema = data['remalk'][i]; var rema = data['remalk'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -4889,10 +4893,10 @@ ...@@ -4889,10 +4893,10 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Poliklinik/Polindes/Posyandu') { if (rema == 'Poliklinik/Polindes/Posyandu') {
var color = Cesium.Color.INDIANRED; var color = Cesium.Color.INDIANRED;
var gmbcok = "3d_lk.svg" var gmbcok = "3d_lk.svg"
...@@ -4915,18 +4919,18 @@ ...@@ -4915,18 +4919,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namelk: data['infolk'][i] namelk: data['infolk'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entitylk = new Cesium.Entity({ var entitylk = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -4941,7 +4945,7 @@ ...@@ -4941,7 +4945,7 @@
var long = data['longpks']; var long = data['longpks'];
var poin = data['infopks']; var poin = data['infopks'];
var rema = data['remapks'][i]; var rema = data['remapks'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -4949,14 +4953,14 @@ ...@@ -4949,14 +4953,14 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Puskesmas/Puskesmas Pembantu') { if (rema == 'Puskesmas/Puskesmas Pembantu') {
var color = Cesium.Color.INDIANRED; var color = Cesium.Color.INDIANRED;
var gmbcok = "3d_pks.svg" var gmbcok = "3d_pks.svg"
} else { } else {
var color = Cesium.Color.INDIANRED; var color = Cesium.Color.INDIANRED;
var gmbcok = "3d_pks.svg" var gmbcok = "3d_pks.svg"
} }
...@@ -4975,18 +4979,18 @@ ...@@ -4975,18 +4979,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namepks: data['infopks'][i] namepks: data['infopks'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entitypks = new Cesium.Entity({ var entitypks = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5002,7 +5006,7 @@ ...@@ -5002,7 +5006,7 @@
var poin = data['infors']; var poin = data['infors'];
var rema = data['remars'][i]; var rema = data['remars'][i];
console.log(rema) console.log(rema)
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5010,10 +5014,10 @@ ...@@ -5010,10 +5014,10 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Rumah Sakit Umum') { if (rema == 'Rumah Sakit Umum') {
var color = Cesium.Color.INDIANRED; var color = Cesium.Color.INDIANRED;
var gmbcok = "3d_rs.svg" var gmbcok = "3d_rs.svg"
...@@ -5036,18 +5040,18 @@ ...@@ -5036,18 +5040,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namers: data['infors'][i] namers: data['infors'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entityrs = new Cesium.Entity({ var entityrs = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5062,7 +5066,7 @@ ...@@ -5062,7 +5066,7 @@
var long = data['longsi']; var long = data['longsi'];
var poin = data['infosi']; var poin = data['infosi'];
var rema = data['remasi'][i]; var rema = data['remasi'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5070,10 +5074,10 @@ ...@@ -5070,10 +5074,10 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Masjid') { if (rema == 'Masjid') {
var color = Cesium.Color.DIMGREY; var color = Cesium.Color.DIMGREY;
var gmbcok = "3d_masjid.svg" var gmbcok = "3d_masjid.svg"
...@@ -5086,7 +5090,7 @@ ...@@ -5086,7 +5090,7 @@
} else if (rema == 'Pura') { } else if (rema == 'Pura') {
var color = Cesium.Color.DIMGREY; var color = Cesium.Color.DIMGREY;
var gmbcok = "3d_pura.svg" var gmbcok = "3d_pura.svg"
} else{ } else {
var color = Cesium.Color.DIMGREY; var color = Cesium.Color.DIMGREY;
var gmbcok = "3d_ibadah_lain.svg" var gmbcok = "3d_ibadah_lain.svg"
} }
...@@ -5105,18 +5109,18 @@ ...@@ -5105,18 +5109,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namesi: data['infosi'][i] namesi: data['infosi'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entitysi = new Cesium.Entity({ var entitysi = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5131,7 +5135,7 @@ ...@@ -5131,7 +5135,7 @@
var long = data['longsp']; var long = data['longsp'];
var poin = data['infosp']; var poin = data['infosp'];
var rema = data['remasp'][i]; var rema = data['remasp'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5139,10 +5143,10 @@ ...@@ -5139,10 +5143,10 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Pendidikan Dasar') { if (rema == 'Pendidikan Dasar') {
var color = Cesium.Color.INDIANRED; var color = Cesium.Color.INDIANRED;
var gmbcok = "3d_sd.svg" var gmbcok = "3d_sd.svg"
...@@ -5155,7 +5159,7 @@ ...@@ -5155,7 +5159,7 @@
} else if (rema == 'Pendidikan Tinggi') { } else if (rema == 'Pendidikan Tinggi') {
var color = Cesium.Color.DIMGREY; var color = Cesium.Color.DIMGREY;
var gmbcok = "3d_univ.svg" var gmbcok = "3d_univ.svg"
} else{ } else {
var color = Cesium.Color.GOLDENROD; var color = Cesium.Color.GOLDENROD;
var gmbcok = "3d_sp_lain.svg" var gmbcok = "3d_sp_lain.svg"
} }
...@@ -5174,18 +5178,18 @@ ...@@ -5174,18 +5178,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namesp: data['infosp'][i] namesp: data['infosp'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entitysp = new Cesium.Entity({ var entitysp = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5200,7 +5204,7 @@ ...@@ -5200,7 +5204,7 @@
var long = data['longspbu']; var long = data['longspbu'];
var poin = data['infospbu']; var poin = data['infospbu'];
var rema = data['remaspbu'][i]; var rema = data['remaspbu'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5208,14 +5212,14 @@ ...@@ -5208,14 +5212,14 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Stasiun Pompa Bahan Bakar Umum') { if (rema == 'Stasiun Pompa Bahan Bakar Umum') {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_spbu.svg" var gmbcok = "3d_spbu.svg"
} else{ } else {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_spbu.svg" var gmbcok = "3d_spbu.svg"
} }
...@@ -5234,18 +5238,18 @@ ...@@ -5234,18 +5238,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namespbu: data['infospbu'][i] namespbu: data['infospbu'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entityspbu = new Cesium.Entity({ var entityspbu = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5260,7 +5264,7 @@ ...@@ -5260,7 +5264,7 @@
var long = data['longst']; var long = data['longst'];
var poin = data['infost']; var poin = data['infost'];
var rema = data['remast'][i]; var rema = data['remast'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5268,14 +5272,14 @@ ...@@ -5268,14 +5272,14 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Stasiun Kereta Api') { if (rema == 'Stasiun Kereta Api') {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_stasiun.svg" var gmbcok = "3d_stasiun.svg"
} else{ } else {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_stasiun.svg" var gmbcok = "3d_stasiun.svg"
} }
...@@ -5294,18 +5298,18 @@ ...@@ -5294,18 +5298,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namest: data['infost'][i] namest: data['infost'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entityst = new Cesium.Entity({ var entityst = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5320,7 +5324,7 @@ ...@@ -5320,7 +5324,7 @@
var long = data['longst']; var long = data['longst'];
var poin = data['infost']; var poin = data['infost'];
var rema = data['remast'][i]; var rema = data['remast'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5328,14 +5332,14 @@ ...@@ -5328,14 +5332,14 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Stasiun Kereta Api') { if (rema == 'Stasiun Kereta Api') {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_stasiun.svg" var gmbcok = "3d_stasiun.svg"
} else{ } else {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_stasiun.svg" var gmbcok = "3d_stasiun.svg"
} }
...@@ -5354,18 +5358,18 @@ ...@@ -5354,18 +5358,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namest: data['infost'][i] namest: data['infost'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entityst = new Cesium.Entity({ var entityst = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5380,7 +5384,7 @@ ...@@ -5380,7 +5384,7 @@
var long = data['longtr']; var long = data['longtr'];
var poin = data['infotr']; var poin = data['infotr'];
var rema = data['rematr'][i]; var rema = data['rematr'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5388,14 +5392,14 @@ ...@@ -5388,14 +5392,14 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
if (rema == 'Terminal Bus/Angkutan Kendaraan Lainnya') { if (rema == 'Terminal Bus/Angkutan Kendaraan Lainnya') {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_terminal.svg" var gmbcok = "3d_terminal.svg"
} else{ } else {
var color = Cesium.Color.FORESTGREEN; var color = Cesium.Color.FORESTGREEN;
var gmbcok = "3d_terminal.svg" var gmbcok = "3d_terminal.svg"
} }
...@@ -5414,18 +5418,18 @@ ...@@ -5414,18 +5418,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
nametr: data['infotr'][i] nametr: data['infotr'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entitytr = new Cesium.Entity({ var entitytr = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5440,7 +5444,7 @@ ...@@ -5440,7 +5444,7 @@
var long = data['longcb']; var long = data['longcb'];
var poin = data['infocb']; var poin = data['infocb'];
var rema = data['remacb'][i]; var rema = data['remacb'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5448,13 +5452,13 @@ ...@@ -5448,13 +5452,13 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
var color = Cesium.Color.ORANGE; var color = Cesium.Color.ORANGE;
var gmbcok = "3d_cagar.svg" var gmbcok = "3d_cagar.svg"
var polyline = new Cesium.PolylineGraphics(); var polyline = new Cesium.PolylineGraphics();
polyline.material = new Cesium.ColorMaterialProperty(color); polyline.material = new Cesium.ColorMaterialProperty(color);
polyline.width = new Cesium.ConstantProperty(2); polyline.width = new Cesium.ConstantProperty(2);
...@@ -5469,18 +5473,18 @@ ...@@ -5469,18 +5473,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namecb: data['infocb'][i] namecb: data['infocb'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entitycb = new Cesium.Entity({ var entitycb = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5495,7 +5499,7 @@ ...@@ -5495,7 +5499,7 @@
var long = data['longgl']; var long = data['longgl'];
var poin = data['infogl']; var poin = data['infogl'];
var rema = data['remagl'][i]; var rema = data['remagl'][i];
var surfacePosition = Cesium.Cartesian3.fromDegrees( var surfacePosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
...@@ -5503,13 +5507,13 @@ ...@@ -5503,13 +5507,13 @@
); );
var heightPosition = Cesium.Cartesian3.fromDegrees( var heightPosition = Cesium.Cartesian3.fromDegrees(
long[i], long[i],
lati[i], lati[i],
100 100
); );
var color = Cesium.Color.YELLOW; var color = Cesium.Color.YELLOW;
var gmbcok = "3d_gardu.svg" var gmbcok = "3d_gardu.svg"
var polyline = new Cesium.PolylineGraphics(); var polyline = new Cesium.PolylineGraphics();
polyline.material = new Cesium.ColorMaterialProperty(color); polyline.material = new Cesium.ColorMaterialProperty(color);
polyline.width = new Cesium.ConstantProperty(2); polyline.width = new Cesium.ConstantProperty(2);
...@@ -5524,18 +5528,18 @@ ...@@ -5524,18 +5528,18 @@
map_cesium.entities.add({ map_cesium.entities.add({
position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100), position: Cesium.Cartesian3.fromDegrees(long[i], lati[i], 100),
billboard: { billboard: {
// icon: facilityUrl, // icon: facilityUrl,
image: `static/img/icon/`+gmbcok+``, image: `static/img/icon/` + gmbcok + ``,
// image: `static/img/icon/3d_police.svg`, // image: `static/img/icon/3d_police.svg`,
show: true, // default show: true, // default
scale: 2.0, // default: 1.0 scale: 2.0, // default: 1.0
width: 15, // default: undefined width: 15, // default: undefined
height: 15, // default: undefined height: 15, // default: undefined
}, },
namegl: data['infogl'][i] namegl: data['infogl'][i]
}); });
// console.log(nameadm) // console.log(nameadm)
var entitygl = new Cesium.Entity({ var entitygl = new Cesium.Entity({
polyline: polyline, polyline: polyline,
// name: data['infoadm'][i] // name: data['infoadm'][i]
...@@ -5560,7 +5564,7 @@ ...@@ -5560,7 +5564,7 @@
} else { } else {
var path_img = `"static/image/bangunan/` + data['administrasi']['f9'] + `"` var path_img = `"static/image/bangunan/` + data['administrasi']['f9'] + `"`
} }
content_tampak=` content_tampak = `
<div class="modal-dialog" style="width: max-content;height: max-content;"> <div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;"> <div class="modal-header bg-info" style="background-color:#40777c;">
...@@ -5579,23 +5583,23 @@ ...@@ -5579,23 +5583,23 @@
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunantampak" value=""> <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunantampak" value="">
</p> </p>
<p> <p>
<input type="text" name="idbangunan" id="idbangunantampak" class="form-control hidden" value="`+ data['properties']['f1'] +`" disable> <input type="text" name="idbangunan" id="idbangunantampak" class="form-control hidden" value="` + data['properties']['f1'] + `" disable>
</p> </p>
<p> <p>
<input type="text" name="namebangunan" id="namebangunantampak" class="form-control" value="`+ data['properties']['f2'] +`"> <input type="text" name="namebangunan" id="namebangunantampak" class="form-control" value="` + data['properties']['f2'] + `">
</p> </p>
<p> <p>
<input type="text" name="infobangunan" id="infobangunantampak" class="form-control" value="`+ data['administrasi']['f12'] +`"> <input type="text" name="infobangunan" id="infobangunantampak" class="form-control" value="` + data['administrasi']['f12'] + `">
</p> </p>
<p> <p>
<span>Gambar Tampak Atas</span> <span>Gambar Tampak Atas</span>
<input type="file" id="imgbangunanatas" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif"> <input type="file" id="imgbangunanatas" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambaratas" type="text" class="form-control" value="`+ data['administrasi']['f14'] +`"required> <input style="display:none;" id="gambaratas" type="text" class="form-control" value="` + data['administrasi']['f14'] + `"required>
</p> </p>
<p> <p>
<span>Gambar Tampak Depan</span> <span>Gambar Tampak Depan</span>
<input type="file" id="imgbangunandepan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif"> <input type="file" id="imgbangunandepan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambardepan" type="text" class="form-control" value="`+ data['administrasi']['f15'] +`"required> <input style="display:none;" id="gambardepan" type="text" class="form-control" value="` + data['administrasi']['f15'] + `"required>
</p> </p>
</div> </div>
</div> </div>
...@@ -5683,7 +5687,7 @@ ...@@ -5683,7 +5687,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.nameadm)) { } else if (Cesium.defined(selectedEntity.nameadm)) {
var id_3dadm = selectedEntity.nameadm var id_3dadm = selectedEntity.nameadm
$.ajax({ $.ajax({
...@@ -5758,7 +5762,7 @@ ...@@ -5758,7 +5762,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namelk)) { } else if (Cesium.defined(selectedEntity.namelk)) {
var id_3dadm = selectedEntity.namelk var id_3dadm = selectedEntity.namelk
$.ajax({ $.ajax({
...@@ -5833,7 +5837,7 @@ ...@@ -5833,7 +5837,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namepks)) { } else if (Cesium.defined(selectedEntity.namepks)) {
var id_3dadm = selectedEntity.namepks var id_3dadm = selectedEntity.namepks
$.ajax({ $.ajax({
...@@ -5908,7 +5912,7 @@ ...@@ -5908,7 +5912,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namers)) { } else if (Cesium.defined(selectedEntity.namers)) {
var id_3dadm = selectedEntity.namers var id_3dadm = selectedEntity.namers
$.ajax({ $.ajax({
...@@ -5983,7 +5987,7 @@ ...@@ -5983,7 +5987,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namesi)) { } else if (Cesium.defined(selectedEntity.namesi)) {
var id_3dadm = selectedEntity.namesi var id_3dadm = selectedEntity.namesi
$.ajax({ $.ajax({
...@@ -6058,7 +6062,7 @@ ...@@ -6058,7 +6062,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namesp)) { } else if (Cesium.defined(selectedEntity.namesp)) {
var id_3dadm = selectedEntity.namesp var id_3dadm = selectedEntity.namesp
$.ajax({ $.ajax({
...@@ -6133,7 +6137,7 @@ ...@@ -6133,7 +6137,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namespbu)) { } else if (Cesium.defined(selectedEntity.namespbu)) {
var id_3dadm = selectedEntity.namespbu var id_3dadm = selectedEntity.namespbu
$.ajax({ $.ajax({
...@@ -6208,7 +6212,7 @@ ...@@ -6208,7 +6212,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namest)) { } else if (Cesium.defined(selectedEntity.namest)) {
var id_3dadm = selectedEntity.namest var id_3dadm = selectedEntity.namest
$.ajax({ $.ajax({
...@@ -6283,7 +6287,7 @@ ...@@ -6283,7 +6287,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.nametr)) { } else if (Cesium.defined(selectedEntity.nametr)) {
var id_3dadm = selectedEntity.nametr var id_3dadm = selectedEntity.nametr
$.ajax({ $.ajax({
...@@ -6358,7 +6362,7 @@ ...@@ -6358,7 +6362,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namecb)) { } else if (Cesium.defined(selectedEntity.namecb)) {
var id_3dadm = selectedEntity.namecb var id_3dadm = selectedEntity.namecb
$.ajax({ $.ajax({
...@@ -6433,7 +6437,7 @@ ...@@ -6433,7 +6437,7 @@
panel_samp(); panel_samp();
} }
}) })
} else if (Cesium.defined(selectedEntity.namegl)) { } else if (Cesium.defined(selectedEntity.namegl)) {
var id_3dadm = selectedEntity.namegl var id_3dadm = selectedEntity.namegl
$.ajax({ $.ajax({
...@@ -6508,7 +6512,7 @@ ...@@ -6508,7 +6512,7 @@
panel_samp(); panel_samp();
} }
}) })
} else { } else {
console.log('Unknown entity selected.'); console.log('Unknown entity selected.');
} }
...@@ -6684,9 +6688,9 @@ ...@@ -6684,9 +6688,9 @@
// <option value="gardu_listrik">Gardu Listrik</option>` // <option value="gardu_listrik">Gardu Listrik</option>`
// } // }
var history var history
if (feature.administrasi.f11 == 'kantor_administrasi' || feature.administrasi.f11 == 'layanan_kesehatan' || feature.administrasi.f11 == 'puskesmas' if (feature.administrasi.f11 == 'kantor_administrasi' || feature.administrasi.f11 == 'layanan_kesehatan' || feature.administrasi.f11 == 'puskesmas' ||
|| feature.administrasi.f11 == 'rumah_sakit' || feature.administrasi.f11 == 'sarana_pendidikan' || feature.administrasi.f11 == 'stasiun' feature.administrasi.f11 == 'rumah_sakit' || feature.administrasi.f11 == 'sarana_pendidikan' || feature.administrasi.f11 == 'stasiun' ||
|| feature.administrasi.f11 == 'terminal_bus' || feature.administrasi.f11 == 'cagar_budaya' || feature.administrasi.f11 == 'gardu_listrik'){ feature.administrasi.f11 == 'terminal_bus' || feature.administrasi.f11 == 'cagar_budaya' || feature.administrasi.f11 == 'gardu_listrik') {
if (feature.properties.f4 != null) { if (feature.properties.f4 != null) {
var list_history = feature.properties.f4 var list_history = feature.properties.f4
var list_history_panel = `` var list_history_panel = ``
...@@ -6753,7 +6757,7 @@ ...@@ -6753,7 +6757,7 @@
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunan" value="`+feature.geometry+`"> <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunan" value="` + feature.geometry + `">
<table> <table>
<tr style="margin-top: 10px"> <tr style="margin-top: 10px">
<th> <th>
...@@ -6761,28 +6765,28 @@ ...@@ -6761,28 +6765,28 @@
</th> </th>
<td> <td>
<input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif"> <input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambar" type="text" class="form-control" value="`+feature.administrasi.f9+`"required> <input style="display:none;" id="gambar" type="text" class="form-control" value="` + feature.administrasi.f9 + `"required>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<input type="text" name="idbangunan" id="idbangunan" class="form-control hidden" value="`+feature.properties.f1+`" disable> <input type="text" name="idbangunan" id="idbangunan" class="form-control hidden" value="` + feature.properties.f1 + `" disable>
<input style="display:none;" id="coordinateZoneeditbang" type="text" class="form-control" value=""required> <input style="display:none;" id="coordinateZoneeditbang" type="text" class="form-control" value=""required>
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Nama Bangunan</th> <th>Nama Bangunan</th>
<td> <td>
<input type="text" name="namebangunan" id="namebangunan" class="form-control" value="`+feature.properties.f2+`"> <input type="text" name="namebangunan" id="namebangunan" class="form-control" value="` + feature.properties.f2 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Jenis Bangunan</th> <th>Jenis Bangunan</th>
<td> <td>
<input type="text" class="hidden" name="tipe1" id="tipe111" value="`+feature.administrasi.f11+`"> <input type="text" class="hidden" name="tipe1" id="tipe111" value="` + feature.administrasi.f11 + `">
<input type="text" class="hidden" name="tipe1" id="tipe222" value="`+feature.administrasi.f12+`"> <input type="text" class="hidden" name="tipe1" id="tipe222" value="` + feature.administrasi.f12 + `">
<input type="text" class="hidden" name="tipe1" id="tipe333" value="`+feature.administrasi.f13+`"> <input type="text" class="hidden" name="tipe1" id="tipe333" value="` + feature.administrasi.f13 + `">
<input type="text" class="hidden" name="tipe1" id="tipe444" value="`+feature.administrasi.f14+`"> <input type="text" class="hidden" name="tipe1" id="tipe444" value="` + feature.administrasi.f14 + `">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_b_e" data-placeholder="select point.." class="select-size-md"> <select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_b_e" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Jenis Point --</option> <option value="null" selected disabled>-- Pilih Jenis Point --</option>
<option value="bangunan">Bangunan Biasa</option> <option value="bangunan">Bangunan Biasa</option>
...@@ -6816,31 +6820,31 @@ ...@@ -6816,31 +6820,31 @@
<tr> <tr>
<th>Informasi Bangunan</th> <th>Informasi Bangunan</th>
<td> <td>
<input type="text" name="infobangunan" id="infobangunan" class="form-control" value="`+feature.properties.f3+`"> <input type="text" name="infobangunan" id="infobangunan" class="form-control" value="` + feature.properties.f3 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Kelurahan</th> <th>Kelurahan</th>
<td> <td>
<input type=" text " name="nmkelurahan " id="nmkelurahan" class="form-control " value="`+feature.administrasi.f1+`"> <input type=" text " name="nmkelurahan " id="nmkelurahan" class="form-control " value="` + feature.administrasi.f1 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Kecamatan</th> <th>Kecamatan</th>
<td> <td>
<input type="text " name="nmkecamatan " id="nmkecamatan" class="form-control " value="`+feature.administrasi.f2+`"> <input type="text " name="nmkecamatan " id="nmkecamatan" class="form-control " value="` + feature.administrasi.f2 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Kab/Kota</th> <th>Kab/Kota</th>
<td> <td>
<input type="text " name="nmkabkota " id="nmkabkota" class="form-control " value="`+feature.administrasi.f3+`"> <input type="text " name="nmkabkota " id="nmkabkota" class="form-control " value="` + feature.administrasi.f3 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Provinsi</th> <th>Provinsi</th>
<td> <td>
<input type="text " name="nmprovinsi " id="nmprovinsi" class="form-control " value="`+feature.administrasi.f4+`"> <input type="text " name="nmprovinsi " id="nmprovinsi" class="form-control " value="` + feature.administrasi.f4 + `">
</td> </td>
</tr> </tr>
...@@ -6853,25 +6857,25 @@ ...@@ -6853,25 +6857,25 @@
<tr> <tr>
<th>Luas Bangunan</th> <th>Luas Bangunan</th>
<td> <td>
<input type="text " name="luasbangunan " id="luasbangunan" class="form-control " value="`+feature.administrasi.f6+`"> <input type="text " name="luasbangunan " id="luasbangunan" class="form-control " value="` + feature.administrasi.f6 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Luas Tanah</th> <th>Luas Tanah</th>
<td> <td>
<input type="text " name="luastanah " id="luastanah" class="form-control " value="`+feature.administrasi.f7+`"> <input type="text " name="luastanah " id="luastanah" class="form-control " value="` + feature.administrasi.f7 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Tinggi Bangunan</th> <th>Tinggi Bangunan</th>
<td> <td>
<input type="text " name="tinggibangunan " id="tinggibangunan" class="form-control " value="`+feature.administrasi.f8+`"> <input type="text " name="tinggibangunan " id="tinggibangunan" class="form-control " value="` + feature.administrasi.f8 + `">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Pemilik</th> <th>Pemilik</th>
<td> <td>
<input type="text " name="pemilik " id="pemilik" class="form-control " value="`+feature.administrasi.f10+`"> <input type="text " name="pemilik " id="pemilik" class="form-control " value="` + feature.administrasi.f10 + `">
</td> </td>
</tr> </tr>
</table> </table>
...@@ -6885,7 +6889,7 @@ ...@@ -6885,7 +6889,7 @@
</div> </div>
</div> </div>
</div>`; </div>`;
content_delete=` content_delete = `
<div class="modal-dialog" style="width: max-content;height: max-content;"> <div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;"> <div class="modal-header bg-info" style="background-color:#40777c;">
...@@ -6901,9 +6905,9 @@ ...@@ -6901,9 +6905,9 @@
<div class="form-group"> <div class="form-group">
<div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;"> <div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value=""> <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value="">
<input type="text" name="idbangunan" id="idbangunanhps" class="form-control hidden" value="`+feature.properties.f1+`" disable> <input type="text" name="idbangunan" id="idbangunanhps" class="form-control hidden" value="` + feature.properties.f1 + `" disable>
<input type="text" name="namebangunan" id="namebangunanhps" class="form-control" value="`+feature.properties.f2+`"> <input type="text" name="namebangunan" id="namebangunanhps" class="form-control" value="` + feature.properties.f2 + `">
<input type="text" name="infobangunan" id="infobangunanhps" class="form-control" value="`+feature.properties.f3+`"> <input type="text" name="infobangunan" id="infobangunanhps" class="form-control" value="` + feature.properties.f3 + `">
</div> </div>
</div> </div>
</div> </div>
...@@ -7100,7 +7104,7 @@ ...@@ -7100,7 +7104,7 @@
</tr> </tr>
</div> </div>
<div class="container"> <div class="container">
`+history+` ` + history + `
</div> </div>
</tbody> </tbody>
</table>`; </table>`;
...@@ -7223,9 +7227,9 @@ ...@@ -7223,9 +7227,9 @@
}); });
$(document).on("click", "#btn_edit_bangunan", function() { $(document).on("click", "#btn_edit_bangunan", function() {
var tipe1 = $('#tipe111').val(); var tipe1 = $('#tipe111').val();
$('#tipe_point_b_e option[value='+tipe1+']').attr('selected','selected'); $('#tipe_point_b_e option[value=' + tipe1 + ']').attr('selected', 'selected');
$("#tipe_point_b_e").change(function() { $("#tipe_point_b_e").change(function() {
$('#tipe_point_2_b_e').empty(); $('#tipe_point_2_b_e').empty();
...@@ -7243,7 +7247,7 @@ ...@@ -7243,7 +7247,7 @@
var data_all_kab = [] var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) { for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0]; var data_k = data['result'][i][0];
// if (feature.administrasi.f12 == data_k){ // if (feature.administrasi.f12 == data_k){
// var data_kab = `<option value="` + data_k + `" selected>` + data_k + `</option>`; // var data_kab = `<option value="` + data_k + `" selected>` + data_k + `</option>`;
// } else{ // } else{
...@@ -7260,8 +7264,8 @@ ...@@ -7260,8 +7264,8 @@
var tipe2 = $('#tipe222').val(); var tipe2 = $('#tipe222').val();
if (tipe2 == 'null') { if (tipe2 == 'null') {
$('#tipe_point_2_b_e').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>`); $('#tipe_point_2_b_e').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>`);
} else{ } else {
$('#tipe_point_2_b_e').html(`<option value="`+tipe2+`" selected>`+tipe2+`</option>`); $('#tipe_point_2_b_e').html(`<option value="` + tipe2 + `" selected>` + tipe2 + `</option>`);
} }
$("#tipe_point_2_b_e").change(function() { $("#tipe_point_2_b_e").change(function() {
...@@ -7284,7 +7288,7 @@ ...@@ -7284,7 +7288,7 @@
var data_po = data['result'][i][1]; var data_po = data['result'][i][1];
console.log(data_id) console.log(data_id)
console.log(data_po) console.log(data_po)
var data_kab = `<option value="` +data_id + `">` + data_po + `</option>`; var data_kab = `<option value="` + data_id + `">` + data_po + `</option>`;
data_all_kab.push(data_kab) data_all_kab.push(data_kab)
}; };
$('#tipe_point_3_b_e').html(`<option value="null" selected disabled>-- Pilih Point --</option>` + data_all_kab); $('#tipe_point_3_b_e').html(`<option value="null" selected disabled>-- Pilih Point --</option>` + data_all_kab);
...@@ -7294,17 +7298,17 @@ ...@@ -7294,17 +7298,17 @@
var tipe3 = $('#tipe333').val(); var tipe3 = $('#tipe333').val();
var tipe4 = $('#tipe444').val(); var tipe4 = $('#tipe444').val();
if (tipe3 == 'null') { if (tipe3 == 'null') {
$('#tipe_point_3_b_e').html(`<option value="null" selected disabled>-- Pilih Point --</option>`); $('#tipe_point_3_b_e').html(`<option value="null" selected disabled>-- Pilih Point --</option>`);
} else{ } else {
$('#tipe_point_3_b_e').html(`<option value="`+tipe3+`" selected>`+tipe4+`</option>`); $('#tipe_point_3_b_e').html(`<option value="` + tipe3 + `" selected>` + tipe4 + `</option>`);
} }
var map_edit = new L.map('map-edit', { var map_edit = new L.map('map-edit', {
editable: true, editable: true,
zoomControl: false, zoomControl: false,
drawControl: true drawControl: true
}).setView([-2, 118], 5); }).setView([-2, 118], 5);
mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', { mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
...@@ -7591,7 +7595,7 @@ ...@@ -7591,7 +7595,7 @@
polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]] polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]]
list_poly_edit.push(polygigi); list_poly_edit.push(polygigi);
}; };
polylyly = L.polygon(list_poly_edit).addTo(map_bang) polylyly = L.polygon(list_poly_edit).addTo(map_bang)
polylyly.enableEdit(); polylyly.enableEdit();
var hasil = (JSON.stringify(polylyly.toGeoJSON())) var hasil = (JSON.stringify(polylyly.toGeoJSON()))
...@@ -7748,5 +7752,4 @@ ...@@ -7748,5 +7752,4 @@
} }
}); });
}; };
</script> </script>
{% include 'includes/insert.html' %} \ No newline at end of file
\ No newline at end of file
templates/includes/js-o.html
View file @ 86c68770
...@@ -2027,9 +2027,9 @@ ...@@ -2027,9 +2027,9 @@
$(".nama_keterangan").html(feature.legend.f2) $(".nama_keterangan").html(feature.legend.f2)
$(".isi_keterangan").html(` $(".isi_keterangan").html(`
<input type="text" name="idtuplah" id="idtuplah" class="hidden" value=""> <input type="text" name="idjalan" id="idjalan" class="hidden" value="">
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="hidden" value=""> <input type="text" name="coordinatejalan" id="coordinatejalan" class="hidden" value="">
<div class="col-md-6"> <div class="col-md-6">
<div> <div>
...@@ -3463,4 +3463,766 @@ ...@@ -3463,4 +3463,766 @@
}); });
} }
}); });
</script>
<script>
//klik kanan begin
map.on('contextmenu', function(e) {
$("#modal_option_create").modal("show");
$("#map-create-all").remove();
$(".btn_create_jalan").click(function() {
$("#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;">`)
$(".tab_1").html("Koordinat")
$(".tab_2").html("Informasi Jalan")
$(".tombol_save_create").html(`<input type="button" class="btn btn-primary" id="create_save_jalan" value="SAVE" style="margin-right:30px;">
<input type="text" name="poly_create" class="hidden" id="poly_create_jalan" value="">`)
$("#koordinatjalan").html(`
<div class="form-group">
<div id="map-create-all" style="height: 300px;">
<div class="tombol_action_create">
<input type="button" id="create-jal" value="Create" style="z-index: 1000;position:relative;">
</div>
</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="img_jalan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>`)
$("#informasi_create").html(`
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Nama Jalan</label>
<div class="col-lg-8">
<input id="nama_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Panjang Jalan (m)</label>
<div class="col-lg-8">
<input id="panjang_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Lebar Jalan (m)</label>
<div class="col-lg-8">
<input id="lebar_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Tipe Jalan</label>
<div class="col-lg-8">
<input id="tipe_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
`);
var map_create_all = L.map('map-create-all', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([e.latlng.lat, e.latlng.lng], 20);
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);
var lineDraweredit = new L.Draw.Polyline(map_create_all, polygon_options);
lineDraweredit.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,
layer = e.layer;
layer.options.color = 'yellow';
layer.options.weight = 10;
var koordina = ""
if (type === 'polyline') {
var tempLatLng = null;
var totalDistance = 0.00000;
$.each(e.layer._latlngs, function(i, latlng) {
if (tempLatLng == null) {
tempLatLng = latlng;
return;
}
totalDistance += tempLatLng.distanceTo(latlng);
tempLatLng = latlng;
});
e.layer.bindPopup((totalDistance).toFixed(2) + ' meter');
e.layer.openPopup();
$("#panjang_jalan_create").val((totalDistance).toFixed(2) + ' meter');
}
$("#poly_create_jalan").val(JSON.stringify(layer.toGeoJSON()));
layer.addTo(map_create_all);
});
$("#create-jal").click(function() {
lineDraweredit.enable();
})
$("#map-create-all>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div").css("display", "none")
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div").css("display", "none")
})
$(".btn_create_bangunan").click(function() {
$("#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;">`)
$(".tab_1").html("Koordinat")
$(".tab_2").html("Informasi Bangunan")
$(".tombol_save_create").html(`<input type="button" class="btn btn-primary" id="create_save_bangunan" value="SAVE" style="margin-right:30px;">
<input type="text" name="poly_create" class="hidden" id="poly_create_bangunan" value="">`)
$("#koordinatjalan").html(`
<div class="form-group">
<div id="map-create-all" style="height: 300px;">
<div class="tombol_action_create">
<input type="button" id="create" value="Create" style="z-index: 1000;position:relative;">
</div>
</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="img_bangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>`)
$("#informasi_create").html(`
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Nama Bangunan</label>
<div class="col-lg-9">
<input id="name_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Jenis Bangunan</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="tipe_point_b" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Jenis Point --</option>
<option value="bangunan">Bangunan Biasa</option>
<option value="kantor_administrasi">Kantor Administrasi</option>
<option value="layanan_kesehatan">Layanan Kesehatan</option>
<option value="puskesmas">Puskesmas</option>
<option value="rumah_sakit">Rumah Sakit</option>
<option value="sarana_ibadah">Sarana Ibadah</option>
<option value="sarana_pendidikan">Sarana Pendidikan</option>
<option value="spbu">SPBU</option>
<option value="stasiun">Stasiun</option>
<option value="terminal_bus">Terminal Bus</option>
<option value="cagar_budaya">Cagar Budaya dan Tempat Wisata</option>
<option value="gardu_listrik">Gardu Listrik</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Tipe Bangunan</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_2_b" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Tipe Point --</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Nama Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_3_b" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Point --</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Informasi Bangunan</label>
<div class="col-lg-9">
<input id="info_create" type="text" class="form-control" value="" placeholder="Rumah/Gedung/Ruko/Pabrik/dsb" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Alamat</label>
<div class="col-lg-9">
<input id="alamat_create" type="text" class="form-control" value="" placeholder="cth : Jl. Contoh Rt 005/01 No.01" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Luas Bangunan</label>
<div class="col-lg-6">
<input id="luas_bangunan_create" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_bangunan" >
<option>m2</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Luas Tanah</label>
<div class="col-lg-6">
<input id="luas_tanah_create" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_tanah">
<option>m2</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">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">m</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Jumlah Lantai</label>
<div class="col-lg-9">
<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" >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>
`);
var map_create_all = L.map('map-create-all', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([e.latlng.lat, e.latlng.lng], 20);
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);
$('#create').click(function() {
map_create_all.enable();
});
var Marker = {};
var Poly = {};
map_create_all.on(L.Draw.Event.CREATED, function(e) {
var layer = e.layer;
$("#poly_create_bangunan").empty();
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 += ', ';
}
}
window.thisBaseDrawPolygonLayer = layer;
$("#poly_create_bangunan").val(JSON.stringify(kordinat));
});
polygon_options = {
showArea: false,
shapeOptions: {
stroke: true,
color: '#6e83f0',
weight: 1.5,
opacity: 2,
fill: false,
fillColor: null, //same as color by default
clickable: true
}
}
var polygonDraweredit = new L.Draw.Polygon(map_create_all, polygon_options);
map_create_all.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,
layer = e.layer;
var lay = layer.addTo(map_create_all);
Poly = lay;
});
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div").css("display", "none")
});
$(".btn_create_point").click(function() {
$("#modal__create").modal("show");
$(".title-create").html("Create Point")
$(".tombol_action_create").html(``)
$(".tab_1").html("Koordinat")
$(".tab_2").html("Informasi Point")
$(".tombol_save_create").html(`<input type="button" class="btn btn-primary" id="btnsavepoint" value="SAVE" style="margin-right:30px;">
<input type="text" name="poly_create_point" class="hidden" id="poly_create_point" value="">`)
$("#koordinatjalan").html(`
<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>
<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="gambar_pitik" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>`)
$("#informasi_create").html(`
<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="name_create_point" type="text" class="form-control" value="" 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;">Jenis Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="tipe_point" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Jenis Point --</option>
<option value="kantor_administrasi">Kantor Administrasi</option>
<option value="layanan_kesehatan">Layanan Kesehatan</option>
<option value="puskesmas">Puskesmas</option>
<option value="rumah_sakit">Rumah Sakit</option>
<option value="sarana_ibadah">Sarana Ibadah</option>
<option value="sarana_pendidikan">Sarana Pendidikan</option>
<option value="spbu">SPBU</option>
<option value="stasiun">Stasiun</option>
<option value="terminal_bus">Terminal Bus</option>
<option value="cagar_budaya">Cagar Budaya dan Tempat Wisata</option>
<option value="gardu_listrik">Gardu Listrik</option>
</select>
</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-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_2" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Tipe Point --</option>
</select>
</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;">Alamat</label>
<div class="col-lg-9">
<input id="alamat_create_point" type="text" class="form-control" value="" placeholder="cth : Jl. Contoh Rt 005/01 No.01" 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;">Luas Tanah</label>
<div class="col-lg-6">
<input id="luas_tanah_point" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_tanah" style="margin-top: 15px;">
<option>m2</option>
</select>
</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;">Pimpinan</label>
<div class="col-lg-9">
<input id="pemilik_point" type="text" class="form-control" value="" placeholder="cth : Ali Budiman, S.Si." required>
</div>
</div>
</div>
`);
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);
$(".leaflet-draw-draw-marker").html('<span>Create</span>')
var drawControl = new L.Control.Draw(drawPluginOptions);
map_create_all.addControl(drawControl);
var editableLayers = new L.FeatureGroup();
map_create_all.addLayer(editableLayers);
// define custom marker
var MyCustomMarker = L.Icon.extend({
options: {
shadowUrl: null,
iconAnchor: new L.Point(12, 12),
iconSize: new L.Point(24, 24),
}
});
var drawPluginOptions = {
position: 'topright',
draw: {
marker: {
title: "soyel1",
icon: new MyCustomMarker()
},
marker: true
},
edit: {
featureGroup: editableLayers, //REQUIRED!!
remove: true
}
};
var drawControl = new L.Control.Draw(drawPluginOptions);
map_create_all.addControl(drawControl);
var editableLayers = new L.FeatureGroup();
map_create_all.addLayer(editableLayers);
map_create_all.on('draw:created', function(e) {
var type = e.layerType,
layer = e.layer;
editableLayers.addLayer(layer);
$("#poly_create_point").val(JSON.stringify(layer.toGeoJSON()));
$("#modal_point").modal()
map.closePopup();
});
$("#map-create-all > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div").css("display", "none")
$("#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")
})
$("#tipe_point").change(function() {
var tipe = $(this).val();
$.ajax({
url: "{% url 'api:change-tipe' %}",
data: {
'tipe': tipe
},
dataType: 'json',
success: function(data) {
console.log(data)
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0];
var data_kab = `<option value="` +
data_k +
`">` +
data_k +
`</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_2').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab);
}
});
});
$("#tipe_point_b").change(function() {
var tipe = $(this).val();
$.ajax({
url: "{% url 'api:change-tipe' %}",
data: {
'tipe': tipe
},
dataType: 'json',
success: function(data) {
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0];
console.log(data_k)
var data_kab = `<option value="` + data_k + `">` + data_k + `</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_2_b').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab);
}
});
});
$("#tipe_point_2_b").change(function() {
var jenis = $(this).val();
var tipx = $("#tipe_point_b").val();
$.ajax({
url: "{% url 'api:change-jenis' %}",
data: {
'tipe': tipx,
'jenis': jenis
},
dataType: 'json',
success: function(data) {
console.log(data)
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_id = data['result'][i][0];
var data_po = data['result'][i][1];
var data_kab = `<option value="` + data_id + `">` + data_po + `</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_3_b').html(`<option value="null" selected disabled>-- Pilih Point --</option>` + data_all_kab);
}
});
});
});
$(document).on("click", "#create_save_jalan", function(e) {
data = new FormData()
data.append("gambar", $("input[id^='img_jalan']")[0].files[0]);
data.append("polyline", $("#poly_create_jalan").val())
data.append("name_jalan", $("#nama_jalan_create").val())
data.append("panjang_jalan", $("#panjang_jalan_create").val())
data.append("lebar_jalan", $("#lebar_jalan_create").val())
data.append("tipe_jalan", $("#tipe_jalan_create").val())
$.ajax({
url: "{% url 'api:create-jalan' %}",
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"
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
map.closePopup();
}
});
});
$(document).on("click", "#create_save_bangunan", function(e) {
var polygin = $('#poly_create_bangunan').val();
var name_poly = $('#name_create').val();
var tdb = $('#tipe_point_b').val();
var remark = $('#tipe_point_2_b').val();
var poin_id = $('#tipe_point_3_b').val();
var napo = $("#tipe_point_3_b option:selected").text();
var info_poly = $('#info_create').val();
var alamat_poly = $('#alamat_create').val();
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({
url: "{% url 'api:c_bangunan' %}",
data: {
'polygon': polygin,
'name': name_poly,
'tipedb': tdb,
'poin_id': poin_id,
'nama_po': napo,
'remark': remark,
'info': info_poly,
'alamat': alamat_poly,
'lb': lb_poly,
'lt': lt_poly,
'tb': tb_poly,
'ltb': ltbang,
'pemilik': mpu_poly
},
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"
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
map.closePopup();
}
});
});
$(document).on("click", "#btnsavepoint", function(e) {
data = new FormData()
data.append("gambar", $("input[id^='gambar_pitik']")[0].files[0]);
data.append("point", $("#poly_create_point").val())
data.append("name_create_point", $("#name_create_point").val())
data.append("tipe_point", $("#tipe_point").val())
data.append("info_create_point", $("#tipe_point_2").val())
data.append("alamat_create_point", $("#alamat_create_point").val())
data.append("luas_tanah_point", $("#luas_tanah_point").val())
data.append("pemilik_point", $("#pemilik_point").val())
$.ajax({
url: "{% url 'api:create-point' %}",
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_point").css('display', 'none');
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
map.closePopup();
}
});
});
</script> </script>
\ No newline at end of file
templates/includes/modal.html
View file @ 86c68770
...@@ -320,111 +320,6 @@ ...@@ -320,111 +320,6 @@
<div class="modal fade" id="modal_tampak"> <div class="modal fade" id="modal_tampak">
</div> </div>
<div id="modal_point" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Insert Point</h6>
</div>
<input type="text" name="poly_create_point" class="hidden" id="poly_create_point" value="">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="gambar_pitik" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</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;">Nama Point</label>
<div class="col-lg-9">
<input id="name_create_point" type="text" class="form-control" value="" 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;">Jenis Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="tipe_point" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Jenis Point --</option>
<option value="kantor_administrasi">Kantor Administrasi</option>
<option value="layanan_kesehatan">Layanan Kesehatan</option>
<option value="puskesmas">Puskesmas</option>
<option value="rumah_sakit">Rumah Sakit</option>
<option value="sarana_ibadah">Sarana Ibadah</option>
<option value="sarana_pendidikan">Sarana Pendidikan</option>
<option value="spbu">SPBU</option>
<option value="stasiun">Stasiun</option>
<option value="terminal_bus">Terminal Bus</option>
<option value="cagar_budaya">Cagar Budaya dan Tempat Wisata</option>
<option value="gardu_listrik">Gardu Listrik</option>
</select>
</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-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_2" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Tipe Point --</option>
</select>
</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;">Alamat</label>
<div class="col-lg-9">
<input id="alamat_create_point" type="text" class="form-control" value="" placeholder="cth : Jl. Contoh Rt 005/01 No.01" 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;">Luas Tanah</label>
<div class="col-lg-6">
<input id="luas_tanah_point" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_tanah" style="margin-top: 15px;">
<option>m2</option>
</select>
</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;">Pimpinan</label>
<div class="col-lg-9">
<input id="pemilik_point" type="text" class="form-control" value="" placeholder="cth : Ali Budiman, S.Si." required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
<button type="button" id="btnsavepoint" class="btn btn-info">Save</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalsearch3d" tabindex="-1" role="dialog"> <div class="modal fade" id="modalsearch3d" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xs"> <div class="modal-dialog modal-xs">
<div class="modal-content"> <div class="modal-content">
...@@ -685,4 +580,92 @@ ...@@ -685,4 +580,92 @@
</div> </div>
</div> </div>
</div>
<div class="modal fade" id="modal_option_create" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xs" style="width: 350px;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">Pilih jenis create</h4>
</div>
<div class="modal-body">
<fieldset>
<div class="row">
<div class="col-md-4 text-center">
<a href="#" class="btn btn_create_jalan">
<div>
<img src="{% static 'img/icon-1/Vectorjalan.svg' %}" alt="" style="width: 35px;
height: 35px;">
</div>
<div style="margin-top: 10px;">
<span>
Jalan
</span>
</div>
</a>
</div>
<div class="col-md-4 text-center">
<a href="#" class="btn btn_create_bangunan">
<div>
<img src="{% static 'img/icon-1/Buildingsbangunan.svg' %}" alt="" style="width: 35px;
height: 35px;">
</div>
<div style="margin-top: 10px;">
<span>
Bangunan
</span>
</div>
</a>
</div>
<div class="col-md-4 text-center">
<a href="#" class="btn btn_create_point">
<div>
<img src="{% static 'img/icon-1/Vectorpoint.svg' %}" alt="" style="width: 35px;
height: 35px;">
</div>
<div style="margin-top: 10px;">
<span>Point</span>
</div>
</a>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal__create" tabindex="-1" role="dialog">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h5 class="modal-title title-create">Create</h5>
</div>
<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>
</ul>
<div class="tab-content">
<div class="tab-pane active koordinatjalan" id="koordinatjalan">
</div>
<div class="tab-pane" id="informasi_create">
</div>
</div>
</div>
<div class="tombol_save_create">
</div>
</div>
</div>
</div>
</div> </div>
\ No newline at end of file
templates/layout/user_layout.html
View file @ 86c68770
...@@ -38,7 +38,6 @@ ...@@ -38,7 +38,6 @@
.modal-backdrop { .modal-backdrop {
z-index: -1!important; z-index: -1!important;
} }
.sidebar { .sidebar {
...@@ -103,69 +102,66 @@ ...@@ -103,69 +102,66 @@
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: #555; background: #555;
} }
.image_area { .image_area {
position: relative; position: relative;
} }
#uploaded_image { #uploaded_image {
display: block; display: block;
object-fit: cover; object-fit: cover;
object-position: center center; object-position: center center;
width: 270px; width: 270px;
height: 270px; height: 270px;
} }
#placelg{ #placelg {
object-fit: cover;
object-fit: cover;
object-position: center center; object-position: center center;
width: 30px; width: 30px;
height: 30px; height: 30px;
} }
.preview {
overflow: hidden;
width: 160px;
height: 160px;
margin: 10px;
border: 1px solid red;
}
.modal-lg{
max-width: 1000px !important;
}
.overlay {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.5);
overflow: hidden;
height: 0;
transition: .5s ease;
width: 100%;
}
.image_area:hover .overlay {
height: 50%;
cursor: pointer;
}
.textover {
color: #333;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.preview {
overflow: hidden;
width: 160px;
height: 160px;
margin: 10px;
border: 1px solid red;
}
.modal-lg {
max-width: 1000px !important;
}
.overlay {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
background-color: rgba(255, 255, 255, 0.5);
overflow: hidden;
height: 0;
transition: .5s ease;
width: 100%;
}
.image_area:hover .overlay {
height: 50%;
cursor: pointer;
}
.textover {
color: #333;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
</style> </style>
</head> </head>
...@@ -212,6 +208,7 @@ ...@@ -212,6 +208,7 @@
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
{% if user.is_superuser or user.is_staff %} {% if user.is_superuser or user.is_staff %}
<li><a href="{% url 'usermanagement' %}?page=userprofile"><i class="icon-user-tie"></i>User Profile</a></li>
<li><a href="{% url 'usermanagement' %}"><i class="icon-user"></i>User Management</a></li> <li><a href="{% url 'usermanagement' %}"><i class="icon-user"></i>User Management</a></li>
<li><a href="{% url 'apps:perbaikan' %}"><i class="icon-list"></i>Repair & Renovation</a></li> <li><a href="{% url 'apps:perbaikan' %}"><i class="icon-list"></i>Repair & Renovation</a></li>
{% endif %} {% endif %}
...@@ -239,15 +236,13 @@ ...@@ -239,15 +236,13 @@
<div class="sidebar-user"> <div class="sidebar-user">
<div class="category-content"> <div class="category-content">
<div class="media"> <div class="media">
{% for us in thisUser %} {% for us in thisUser %} {% if us.filepath %}
{% if us.filepath %} <a href="?page=userprofile" class="media-left"><img src="{% static 'img/' %}{{us.filepath}}" class="img-circle img-sm" alt=""></a>
<a href="?page=userprofile" class="media-left"><img src="{% static 'img/' %}{{us.filepath}}" class="img-circle img-sm" alt=""></a>
{% else %}
{% else %} <a href="?page=userprofile" class="media-left"><img src="{% static '/img/placeholder.jpg' %}" class="img-circle img-sm" alt=""></a>
<a href="?page=userprofile" class="media-left"><img src="{% static '/img/placeholder.jpg' %}" class="img-circle img-sm" alt=""></a> {% endif %} {% endfor %}
{% endif %}
{% endfor %}
<div class="media-body"> <div class="media-body">
<span class="media-heading text-semibold">{{user.username}}</span> <span class="media-heading text-semibold">{{user.username}}</span>
<div class="text-size-mini text-muted"> <div class="text-size-mini text-muted">
...@@ -461,7 +456,7 @@ ...@@ -461,7 +456,7 @@
<div class="content" style="padding: 15px;"> <div class="content" style="padding: 15px;">
<!-- Main charts --> <!-- Main charts -->
<!-- Sales stats --> <!-- Sales stats -->
<div class="panel panel-flat" style="display: block;"> <div class="panel panel-flat" style="display: block;">
<div class="panel-body"> <div class="panel-body">
...@@ -486,25 +481,25 @@ ...@@ -486,25 +481,25 @@
</form> </form>
</div> </div>
</div> </div>
<div class="col-lg-9 col-md-6"> <div class="col-lg-9 col-md-6">
<div class="panel panel-flat"> <div class="panel panel-flat">
<div class="panel-heading"> <div class="panel-heading">
<h6 class="panel-title">Informasi Profil</h6> <h6 class="panel-title">Informasi Profil</h6>
</div> </div>
<div class="panel-body" id="user-mahasiswa" style="display:block"> <div class="panel-body" id="user-mahasiswa" style="display:block">
{% for us in thisUser %} {% for us in thisUser %}
<form action="#"> <form action="#">
<div class="form-group" id="dosormhs"> <div class="form-group" id="dosormhs">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<label>Username </label> <label>Username </label>
<input type="text" id="username" class="form-control" value="{{us.username}}"readonly> <input type="text" id="username" class="form-control" value="{{us.username}}" readonly>
</div> </div>
</div> </div>
</div> </div>
...@@ -514,7 +509,7 @@ ...@@ -514,7 +509,7 @@
<label>Nama Depan </label> <label>Nama Depan </label>
<input type="text" id="namadepan" class="form-control" value="{{us.firstname}}" readonly> <input type="text" id="namadepan" class="form-control" value="{{us.firstname}}" readonly>
</div> </div>
</div> </div>
</div> </div>
...@@ -524,7 +519,7 @@ ...@@ -524,7 +519,7 @@
<label>Nama Belakang </label> <label>Nama Belakang </label>
<input type="text" id="namabelakang" class="form-control" value="{{us.lastname}}" readonly> <input type="text" id="namabelakang" class="form-control" value="{{us.lastname}}" readonly>
</div> </div>
</div> </div>
</div> </div>
...@@ -532,162 +527,162 @@ ...@@ -532,162 +527,162 @@
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<label>Email </label> <label>Email </label>
<input type="text" id="useremail" class="form-control" value="{{us.email}}"readonly> <input type="text" id="useremail" class="form-control" value="{{us.email}}" readonly>
</div> </div>
</div> </div>
</div> </div>
</form> </form>
{% endfor %} {% endfor %}
</div> </div>
<div class="panel-footer" style="margin-top: 20px;"> <div class="panel-footer" style="margin-top: 20px;">
<div class="pull-right mr-5"> <div class="pull-right mr-5">
<button type="button" type="button" class="btn btn-primary btn-labeled btn-labeled-right " id='edit-profile-mhs' data-toggle="modal" data-target="#modal-edit-data-mhs">Edit Profile <b><i class="icon-circle-right2"></i></b></button> <button type="button" type="button" class="btn btn-primary btn-labeled btn-labeled-right " id='edit-profile-mhs' data-toggle="modal" data-target="#modal-edit-data-mhs">Edit Profile <b><i class="icon-circle-right2"></i></b></button>
<button type="button" type="button" class="btn btn-primary btn-labeled btn-labeled-right " id='edit-profile-mhs' data-toggle="modal" data-target="#modal-edt-password">Edit Password <b><i class="icon-lock"></i></b></button> <button type="button" type="button" class="btn btn-primary btn-labeled btn-labeled-right " id='edit-profile-mhs' data-toggle="modal" data-target="#modal-edt-password">Edit Password <b><i class="icon-lock"></i></b></button>
</div> </div>
</div> </div>
</div>
</div> </div>
</div> </div>
<!-- /form validation -->
</div> </div>
<!-- /form validation -->
</div> </div>
<!-- /main charts -->
</div> </div>
<!-- /main charts -->
</div> </div>
</div> <!-- end content profile -->
<!-- end content profile -->
<!-- /main content --> <!-- /main content -->
</div>
<!-- /page content -->
</div> </div>
<!-- /page content --> <!-- /page container -->
</div>
<!-- /page container --> <div id="modal_theme_info" class="modal fade">
<div class="modal-dialog md" style="margin-top: 100px;">
<div id="modal_theme_info" class="modal fade"> <div class="modal-content">
<div class="modal-dialog md" style="margin-top: 100px;"> <div class="modal-header bg-info" style="background-color: #1a222f !important;">
<div class="modal-content"> <button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<div class="modal-header bg-info" style="background-color: #1a222f !important;"> <h6 class="modal-title modstit">Modal Tambah User</h6>
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button> </div>
<h6 class="modal-title modstit">Modal Tambah User</h6>
</div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;"> <div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<input type="hidden" id="iduser"> <input type="hidden" id="iduser">
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top">Username</label> <label class="col-lg-3 control-label lbl-top">Username</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="inUsername" type="text" class="form-control" value="" required> <input id="inUsername" type="text" class="form-control" value="" required>
</div>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top">First Name</label> <label class="col-lg-3 control-label lbl-top">First Name</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="inNameF" type="text" class="form-control" value="" required> <input id="inNameF" type="text" class="form-control" value="" required>
</div>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top">Last Name</label> <label class="col-lg-3 control-label lbl-top">Last Name</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="inNameL" type="text" class="form-control" value="" required> <input id="inNameL" type="text" class="form-control" value="" required>
</div>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top">Email</label> <label class="col-lg-3 control-label lbl-top">Email</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="inEmail" type="text" class="form-control" value="" required> <input id="inEmail" type="text" class="form-control" value="" required>
</div>
</div> </div>
</div> </div>
</div>
<div class="row" style="margin-top: 20px;"> <div class="row" style="margin-top: 20px;">
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label">Staff</label> <label class="col-lg-3 control-label">Staff</label>
<div class="col-lg-9"> <div class="col-lg-9">
<label class="radio-inline"> <label class="radio-inline">
<input type="radio" class="styled" value="true" name="isStaff" checked="checked"> <input type="radio" class="styled" value="true" name="isStaff" checked="checked">
Ya Ya
</label> </label>
<label class="radio-inline"> <label class="radio-inline">
<input type="radio" class="styled" value="false" name="isStaff"> <input type="radio" class="styled" value="false" name="isStaff">
Tidak Tidak
</label> </label>
</div>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<div class="form-group" style="margin-top: 10px !important;"> <div class="form-group" style="margin-top: 10px !important;">
<label class="col-lg-3 control-label lbl-top">Groups</label> <label class="col-lg-3 control-label lbl-top">Groups</label>
<div class="col-lg-9"> <div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="select_group" data-placeholder="select group.." class="select-size-xs"> <select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="select_group" data-placeholder="select group.." class="select-size-xs">
<option></option> <option></option>
</select> </select>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
<hr> <hr>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button> <button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button>
<button type="button" class="btn btn-info" id="saveuser">Save changes</button> <button type="button" class="btn btn-info" id="saveuser">Save changes</button>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="modal-edit-data-mhs" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;"> <div id="modal-edit-data-mhs" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;">
<div class="modal-dialog modal-md" role="dialog"> <div class="modal-dialog modal-md" role="dialog">
<!-- Modal content--> <!-- Modal content-->
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary" style="background-color: #1a222f !important;"> <div class="modal-header bg-primary" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title"> Edit Profile</h6> <h6 class="modal-title"> Edit Profile</h6>
</div>
<div class="modal-body">
<div class="alert alert-danger" id="notificationsprop" style="display: none">
</div> </div>
<form class="form-horizontal" id="formmen" method="post" enctype="multipart/form-data"> <div class="modal-body">
<div class="panel panel-flat"> <div class="alert alert-danger" id="notificationsprop" style="display: none">
</div>
<div class="panel-body" style="margin: 20px !important"> <form class="form-horizontal" id="formmen" method="post" enctype="multipart/form-data">
<div class="panel panel-flat">
<div class="panel-body" style="margin: 20px !important">
<div class="row"> <div class="row">
{% for us in thisUser %} {% for us in thisUser %}
<input type="text" id="iduseredt" value="{{us.id}}" hidden> <input type="text" id="iduseredt" value="{{us.id}}" hidden>
<div class="form-group"> <div class="form-group">
<div class="col-md-12"> <div class="col-md-12">
<label class="control-label"> Username :</label> <label class="control-label"> Username :</label>
<input type="text" id="usernamepedt" class="form-control" value="{{us.username}}" readonly> <input type="text" id="usernamepedt" class="form-control" value="{{us.username}}" readonly>
</div> </div>
<!-- <div class="col-md-6"> <!-- <div class="col-md-6">
<label class="control-label"> Password saat ini :</label> <label class="control-label"> Password saat ini :</label>
<input type="text" id="nama-mhs-edt" class="form-control" > <input type="text" id="nama-mhs-edt" class="form-control" >
</div> --> </div> -->
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-md-12"> <div class="col-md-12">
<label class="control-label"> Nama Depan:</label> <label class="control-label"> Nama Depan:</label>
<input type="text" id="firstnameedt" class="form-control" value="{{us.firstname}}"> <input type="text" id="firstnameedt" class="form-control" value="{{us.firstname}}">
...@@ -697,293 +692,292 @@ ...@@ -697,293 +692,292 @@
<label class="control-label"> Password baru :</label> <label class="control-label"> Password baru :</label>
<input type="text" id="nama-mhs-edt" class="form-control" > <input type="text" id="nama-mhs-edt" class="form-control" >
</div> --> </div> -->
</div>
<div class="form-group"> </div>
<div class="form-group">
<div class="col-md-12"> <div class="col-md-12">
<label class="control-label"> Nama Belakang:</label> <label class="control-label"> Nama Belakang:</label>
<input type="text" id="lastnameedt" class="form-control" value="{{us.lastname}}"> <input type="text" id="lastnameedt" class="form-control" value="{{us.lastname}}">
</div> </div>
<!-- <div class="col-md-6"> <!-- <div class="col-md-6">
<label class="control-label"> Ulangi password baru :</label> <label class="control-label"> Ulangi password baru :</label>
<input type="text" id="nama-mhs-edt" class="form-control" > <input type="text" id="nama-mhs-edt" class="form-control" >
</div> --> </div> -->
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="col-md-12"> <div class="col-md-12">
<label class="control-label"> Email :</label> <label class="control-label"> Email :</label>
<input type="text" id="emailedts" class="form-control" value="{{us.email}}"> <input type="text" id="emailedts" class="form-control" value="{{us.email}}">
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="btn btn-lg btn-success" id="save-edit-profile"> <button class="btn btn-lg btn-success" id="save-edit-profile">
<i class="icon-checkmark2"></i> <i class="icon-checkmark2"></i>
Simpan Simpan
</button> </button>
<button class="btn btn-lg" data-dismiss="modal"> <button class="btn btn-lg" data-dismiss="modal">
<i class="icon-cross3"></i> <i class="icon-cross3"></i>
Batal Batal
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="modal-edt-password" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;"> <div id="modal-edt-password" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;">
<div class="modal-dialog modal-md" role="dialog"> <div class="modal-dialog modal-md" role="dialog">
<!-- Modal content--> <!-- Modal content-->
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary" style="background-color: #1a222f !important;"> <div class="modal-header bg-primary" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title"> Edit Password</h6> <h6 class="modal-title"> Edit Password</h6>
</div>
<div class="modal-body">
<div >
<div class="alert alert-danger" id="notifications" style="display: none">
</div>
</div> </div>
<form class="form-horizontal" id="formmen" method="post" enctype="multipart/form-data"> <div class="modal-body">
<div class="panel panel-flat"> <div>
<div class="alert alert-danger" id="notifications" style="display: none">
<div class="panel-body" style="margin: 20px !important"> </div>
</div>
<form class="form-horizontal" id="formmen" method="post" enctype="multipart/form-data">
<div class="panel panel-flat">
<div class="panel-body" style="margin: 20px !important">
<div class="row"> <div class="row">
{% for us in thisUser %} {% for us in thisUser %}
<input type="text" id="usernameedt" value="{{us.username}}" hidden> <input type="text" id="usernameedt" value="{{us.username}}" hidden>
<input type="text" id="iduseredt" value="{{us.id}}" hidden> <input type="text" id="iduseredt" value="{{us.id}}" hidden>
<!-- <input type="text" id="current" value="{{us.password}}"> --> <!-- <input type="text" id="current" value="{{us.password}}"> -->
{% endfor %} {% endfor %}
<div class="form-group"> <div class="form-group">
<div class="col-md-12"> <div class="col-md-12">
<label class="control-label"> Password saat ini :</label> <label class="control-label"> Password saat ini :</label>
<input type="password" id="currentPass" class="form-control" > <input type="password" id="currentPass" class="form-control">
</div> </div>
</div> </div>
<div class="form-group">
<div class="form-group">
<div class="col-md-12"> <div class="col-md-12">
<label class="control-label"> Password baru :</label> <label class="control-label"> Password baru :</label>
<input type="password" id="newPass" class="form-control" > <input type="password" id="newPass" class="form-control">
</div> </div>
</div>
<div class="form-group"> </div>
<div class="form-group">
<div class="col-md-12"> <div class="col-md-12">
<label class="control-label"> Ulangi password baru :</label> <label class="control-label"> Ulangi password baru :</label>
<input type="password" id="renewPass" class="form-control" > <input type="password" id="renewPass" class="form-control">
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</form> </form>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="btn btn-lg btn-success" id="save-edt-password"> <button class="btn btn-lg btn-success" id="save-edt-password">
<i class="icon-checkmark2"></i> <i class="icon-checkmark2"></i>
Simpan Simpan
</button> </button>
<button class="btn btn-lg" data-dismiss="modal"> <button class="btn btn-lg" data-dismiss="modal">
<i class="icon-cross3"></i> <i class="icon-cross3"></i>
Batal Batal
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="modal-edit-profil" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;"> <div id="modal-edit-profil" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;">
<div class="modal-dialog modal-lg" role="dialog"> <div class="modal-dialog modal-lg" role="dialog">
<!-- Modal content--> <!-- Modal content-->
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary" style="background-color: #1a222f !important;"> <div class="modal-header bg-primary" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title"> Edit Picture</h6> <h6 class="modal-title"> Edit Picture</h6>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="row" id="set-crop-ratio"> <div class="row" id="set-crop-ratio">
<div class="col-md-6 col-md-offset-3"> <div class="col-md-6 col-md-offset-3">
<div class="image-cropper-container"><img src="{% static 'img/placeholder.jpg' %}" alt="" class="crop-4-3"></div> <div class="image-cropper-container"><img src="{% static 'img/placeholder.jpg' %}" alt="" class="crop-4-3"></div>
</div>
</div> </div>
</div> </div>
</div> <div class="modal-footer">
<button class="btn btn-lg btn-success" id="save-picture">
<div class="modal-footer">
<button class="btn btn-lg btn-success" id="save-picture">
<i class="icon-checkmark2"></i> <i class="icon-checkmark2"></i>
Simpan Simpan
</button> </button>
<button class="btn btn-lg" data-dismiss="modal"> <button class="btn btn-lg" data-dismiss="modal">
<i class="icon-cross3"></i> <i class="icon-cross3"></i>
Batal Batal
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal fade" id="modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog modal-lg" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Crop Image Before Upload</h5> <h5 class="modal-title">Crop Image Before Upload</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> <button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span> <span aria-hidden="true">×</span>
</button> </button>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="img-container"> <div class="img-container">
<div class="row"> <div class="row">
<div class="col-md-8"> <div class="col-md-8">
<img src="" id="sample_image" /> <img src="" id="sample_image" />
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
<div class="eg-preview"> <div class="eg-preview">
<div class="preview preview-lg"></div> <div class="preview preview-lg"></div>
<!-- <div class="preview preview-md"></div> <!-- <div class="preview preview-md"></div>
<div class="preview preview-sm"></div> <div class="preview preview-sm"></div>
<div class="preview preview-xs"></div> --> <div class="preview preview-xs"></div> -->
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <div class="modal-footer">
<div class="modal-footer"> <button type="button" id="crop" class="btn btn-primary">Crop</button>
<button type="button" id="crop" class="btn btn-primary">Crop</button> <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div id="modal_group" class="modal fade">
<div class="modal-dialog md" style="margin-top: 200px;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title modstitg">Modal Tambah Group</h6>
</div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;"> <div id="modal_group" class="modal fade">
<input type="hidden" id="idgroup"> <div class="modal-dialog md" style="margin-top: 200px;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title modstitg">Modal Tambah Group</h6>
</div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<input type="hidden" id="idgroup">
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label lbl-top">Nama Group</label> <label class="col-lg-3 control-label lbl-top">Nama Group</label>
<div class="col-lg-9"> <div class="col-lg-9">
<input id="inGroupName" type="text" class="form-control" value="" required> <input id="inGroupName" type="text" class="form-control" value="" required>
</div>
</div> </div>
</div> </div>
</div>
<div class> <div class>
<div class="row" id="container_sparent"> <div class="row" id="container_sparent">
<div class="form-group" style="margin-top: 10px !important;"> <div class="form-group" style="margin-top: 10px !important;">
<label class="col-lg-3 control-label lbl-top">Group Parent</label> <label class="col-lg-3 control-label lbl-top">Group Parent</label>
<div class="col-lg-9"> <div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="select_group_parent" data-placeholder="select group.." class="select-size-xs"> <select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="select_group_parent" data-placeholder="select group.." class="select-size-xs">
<option></option> <option></option>
</select> </select>
</div>
</div> </div>
</div> </div>
</div>
</div> </div>
<hr> <hr>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button> <button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button>
<button type="button" class="btn btn-info" id="savegroup">Save changes</button> <button type="button" class="btn btn-info" id="savegroup">Save changes</button>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
{% endblock %} {% endblock %}
<div class="page_loader"></div> <div class="page_loader"></div>
<!-- Core JS files --> <!-- Core JS files -->
<script type="text/javascript" src="{% static 'js/plugins/loaders/pace.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/loaders/pace.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/core/libraries/bootstrap.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/core/libraries/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/loaders/blockui.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/loaders/blockui.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/ui/nicescroll.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/ui/nicescroll.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/ui/drilldown.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/ui/drilldown.js' %}"></script>
<!-- /core JS files --> <!-- /core JS files -->
<script src="https://use.fontawesome.com/d232835e93.js"></script> <script src="https://use.fontawesome.com/d232835e93.js"></script>
<script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script> <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.js" charset="utf-8"></script> <!-- <script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.js" charset="utf-8"></script>
<script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.js" charset="utf-8"></script> --> <script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.js" charset="utf-8"></script> -->
<script src="https://unpkg.com/esri-leaflet@2.5.1/dist/esri-leaflet.js"></script> <script src="https://unpkg.com/esri-leaflet@2.5.1/dist/esri-leaflet.js"></script>
<script src="https://unpkg.com/esri-leaflet-geocoder@2.3.3/dist/esri-leaflet-geocoder.js"></script> <script src="https://unpkg.com/esri-leaflet-geocoder@2.3.3/dist/esri-leaflet-geocoder.js"></script>
<script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script> <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw-src.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.4/leaflet.draw-src.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/list.js/1.5.0/list.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.6/handlebars.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.6/handlebars.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.fullscreen/1.4.2/Control.FullScreen.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.fullscreen/1.4.2/Control.FullScreen.min.js"></script>
<!-- Theme JS files --> <!-- Theme JS files -->
<script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3_tooltip.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/visualization/d3/d3_tooltip.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/forms/styling/switchery.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/forms/styling/switchery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/forms/styling/uniform.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/forms/styling/uniform.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/forms/selects/bootstrap_multiselect.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/forms/selects/bootstrap_multiselect.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/ui/moment/moment.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/ui/moment/moment.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/pickers/daterangepicker.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/pickers/daterangepicker.js' %}"></script>
<!-- <script type="text/javascript" src="{% static 'js/plugins/ui/ripple.min.js' %}"></script> --> <!-- <script type="text/javascript" src="{% static 'js/plugins/ui/ripple.min.js' %}"></script> -->
<!-- /theme JS files --> <!-- /theme JS files -->
{% include 'includes/scripts.html' %} {% include 'includes/scripts.html' %} {% include 'layout/userprofile.html' %}
{% include 'layout/userprofile.html' %} <script src="{% static 'js/leaflet-bing-layer.js' %}"></script>
<script src="{% static 'js/leaflet-bing-layer.js' %}"></script> <!-- <script src="https://unpkg.com/sweetalert/dists/sweetalert.min.js"></script> -->
<!-- <script src="https://unpkg.com/sweetalert/dists/sweetalert.min.js"></script> -->
<script type="text/javascript" src="{% static 'js/core/libraries/jquery_ui/interactions.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/core/libraries/jquery_ui/interactions.min.js' %}"></script> <script type="text/javascript" src="{% static 'js/plugins/forms/selects/select2.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/forms/selects/select2.min.js' %}"></script>
<!-- <script type="text/javascript" src="{% static 'js/plugins/media/cropper.min.js' %}"></script>
<!-- <script type="text/javascript" src="{% static 'js/plugins/media/cropper.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/pages/extension_image_cropper.js' %}"></script> --> <script type="text/javascript" src="{% static 'js/pages/extension_image_cropper.js' %}"></script> -->
<script type="text/javascript" src="{% static 'js/pages/form_select2.js' %}"></script> <script type="text/javascript" src="{% static 'js/pages/form_select2.js' %}"></script>
</body> </body>
</html> </html>
...@@ -1054,15 +1048,15 @@ ...@@ -1054,15 +1048,15 @@
const urlParams = new URLSearchParams(queryString); const urlParams = new URLSearchParams(queryString);
const page = urlParams.get('page') const page = urlParams.get('page')
if (page == "group" ) { if (page == "group") {
$("#usergroup").css("display", "block"); $("#usergroup").css("display", "block");
$("#info-maps").css("display", "none"); $("#info-maps").css("display", "none");
$("#userprofile").css("display", "none"); $("#userprofile").css("display", "none");
} else if(page == "user" || page == null){ } else if (page == "user" || page == null) {
$("#usergroup").css("display", "none"); $("#usergroup").css("display", "none");
$("#info-maps").css("display", "block"); $("#info-maps").css("display", "block");
$("#userprofile").css("display", "none") $("#userprofile").css("display", "none")
} else{ } else {
$("#usergroup").css("display", "none"); $("#usergroup").css("display", "none");
$("#info-maps").css("display", "none"); $("#info-maps").css("display", "none");
$("#userprofile").css("display", "block"); $("#userprofile").css("display", "block");
...@@ -1577,76 +1571,76 @@ ...@@ -1577,76 +1571,76 @@
//user profile js //user profile js
$("#save-edt-password").on("click", function(){ $("#save-edt-password").on("click", function() {
changepassword(); changepassword();
}) })
function changepassword(){ function changepassword() {
var isObject = {}; var isObject = {};
isObject.id = $("#iduseredt").val(); isObject.id = $("#iduseredt").val();
isObject.currPass = $('#currentPass').val(); isObject.currPass = $('#currentPass').val();
isObject.newPass = $("#newPass").val(); isObject.newPass = $("#newPass").val();
isObject.renewPass = $("#renewPass").val(); isObject.renewPass = $("#renewPass").val();
isObject.username = $("#usernameedt").val(); isObject.username = $("#usernameedt").val();
if(isObject.currPass == "" || isObject.newPass == "" || isObject.renewPass == ""){ if (isObject.currPass == "" || isObject.newPass == "" || isObject.renewPass == "") {
$("#notifications").css("display", "block") $("#notifications").css("display", "block")
$("#notifications").html("Inputan tidak boleh kosong") $("#notifications").html("Inputan tidak boleh kosong")
return false; return false;
} }
$.ajax({ $.ajax({
url: "{% url 'changepassword' %}", url: "{% url 'changepassword' %}",
data: isObject, data: isObject,
dataType: 'json', dataType: 'json',
type: 'post', type: 'post',
success: function(data) { success: function(data) {
let response = data; let response = data;
if (response.code == 0) { if (response.code == 0) {
var datas = response.data var datas = response.data
swal({ swal({
title: response.info, title: response.info,
text: response.data, text: response.data,
type: "success", type: "success",
icon: "success", icon: "success",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}).then((isConfirm) => { }).then((isConfirm) => {
window.location = "{% url 'apps:dashboard' %}" window.location = "{% url 'apps:dashboard' %}"
}) })
} else { } else {
$("#notifications").html(response.data) $("#notifications").html(response.data)
$("#notifications").css("display", "block") $("#notifications").css("display", "block")
}
} }
}); }
});
} }
$("#save-edit-profile").on("click", function(){ $("#save-edit-profile").on("click", function() {
editprofile(); editprofile();
}) })
function editprofile(){ function editprofile() {
var isObject = {} var isObject = {}
isObject.id = $("#iduseredt").val(); isObject.id = $("#iduseredt").val();
isObject.first_name = $("#firstnameedt").val(); isObject.first_name = $("#firstnameedt").val();
isObject.last_name = $("#lastnameedt").val(); isObject.last_name = $("#lastnameedt").val();
isObject.email = $("#emailedts").val() isObject.email = $("#emailedts").val()
if(isObject.first_name == "" || isObject.last_name == "" || isObject.email == ""){ if (isObject.first_name == "" || isObject.last_name == "" || isObject.email == "") {
$("#notificationsprop").css("display", "block"); $("#notificationsprop").css("display", "block");
$("#notificationsprop").html("Inputan tidak boleh kosong") $("#notificationsprop").html("Inputan tidak boleh kosong")
return false return false
}else{ } else {
var mail_format = /^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/; var mail_format = /^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/;
if(!isObject.email.match(mail_format)){ if (!isObject.email.match(mail_format)) {
$("#notificationsprop").css("display", "block"); $("#notificationsprop").css("display", "block");
$("#notificationsprop").html("Format email tidak valid, silahkan coba kembali.") $("#notificationsprop").html("Format email tidak valid, silahkan coba kembali.")
return false return false
...@@ -1678,7 +1672,7 @@ ...@@ -1678,7 +1672,7 @@
} }
} }
}); });
} }
...@@ -1697,7 +1691,7 @@ ...@@ -1697,7 +1691,7 @@
$("#upload_image").change(function() { $("#upload_image").change(function() {
loaderPage(true) loaderPage(true)
readURL(this); readURL(this);
const fileupload1 = $(this).prop('files')[0]; const fileupload1 = $(this).prop('files')[0];
var formData = new FormData(); var formData = new FormData();
...@@ -1733,10 +1727,8 @@ ...@@ -1733,10 +1727,8 @@
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}) })
} }
} }
}) })
}); });
</script> </script>
\ 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