Commit 6561492a authored by Manggar Mahardhika's avatar Manggar Mahardhika

search ganti

parents 6f034801 13e958f1
......@@ -82,5 +82,6 @@ urlpatterns = [
path('edit_detail_poin', views.edit_detail_poin),
path('dpoint', views.dpoint, name='dpoint'),
path('download_perbaikan_data', views.download_perbaikan_data)
path('download_perbaikan_data', views.download_perbaikan_data),
path('search_list_perbaikan', views.search_list_perbaikan)
]
\ No newline at end of file
......@@ -3689,4 +3689,29 @@ def dpoint(request):
status = 1
respon={'data':data, 'info': info, 'status':status}
return Response(respon)
\ No newline at end of file
return Response(respon)
@api_view(('GET',))
def search_list_perbaikan(request):
v = request.GET.get('v_list')
with conn.cursor() as list_s:
list_s.execute(
"""SELECT
gl.NAME,
tp.id_object,
tp.NAME,
tp.TYPE,
tp.tgl_perbaikan,
tp.anggaran,
tp.tgl_selesai
FROM
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp
JOIN geo_label gl ON gl.ID = tp.type_id
WHERE
rn = 1
AND ( gl.NAME ILIKE'{}%' OR tp.NAME ILIKE'{}%' OR tp.TYPE ILIKE'{}%' OR tp.anggaran ILIKE'{}%' )""".format(v,v,v,v))
search_list = list_s.fetchall()
return Response(search_list)
\ No newline at end of file
......@@ -21,6 +21,8 @@ urlpatterns = [
path('get-jalan-perbaikan', views.getjalanperbaikan, name='get-jalan-perbaikan'),
path('get-detail-perbaikan', views.getdetailperbaikan, name='get-detail-perbaikan'),
path('get-detail-perbaikan-bang', views.getdetailperbaikanbangunan, name='get-detail-perbaikan-bang'),
path('loadPointbyId', views.loadPointbyId)
path('loadPointbyId', views.loadPointbyId),
path('sendmail', views.sendmail),
]
\ No newline at end of file
......@@ -7,6 +7,8 @@ from django.views import View, generic
from django.contrib.auth.decorators import login_required, user_passes_test
from django.utils.decorators import method_decorator
from django.db import connection as conn
from django.core.mail import send_mail
from django.conf import settings
# from edit import *
class Dashboard(generic.TemplateView):
......@@ -1269,4 +1271,34 @@ def loadPointbyId(request):
print(tab, id, tipe)
context = {'result':'result'}
return Response(context)
@api_view(('POST',))
def sendmail(request):
pengirimh = request.POST.get('pengirimh')
emailh = request.POST.get('emailh')
isih = request.POST.get('pesanh')
pengirim = request.POST.get('pengirim')
email = request.POST.get('email')
isi = request.POST.get('pesan')
if isi != '':
mess = f"nama pengirim : {pengirim} \nemail pengirim : {email} \nisi pesan : \n\n{isi}"
elif isih != '':
mess = f"nama pengirim : {pengirimh} \nemail pengirim : {emailh} \nisi pesan : \n\n{isih}"
try:
send_mail(subject='help & support', message=mess, from_email=settings.EMAIL_HOST_USER, recipient_list=[settings.RECIPIENT_ADDRESS])
data = {
"info" : "success",
"code" : 0,
"data" : "Pesan anda telah terkirim"
}
except:
data = {
"code" : 4,
"data" : "Gagal mengirim pesan, silahkan coba beberapa saat lagi",
"info" : "failed"
}
context = data
return Response(context)
\ No newline at end of file
......@@ -153,3 +153,13 @@ LOGIN_REDIRECT_URL = '/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/var/www/django/oku.khansia.co.id/media/'
EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend'
EMAIL_HOST = 'smtp.gmail.com'
EMAIL_PORT = 587
EMAIL_USE_TLS = True
EMAIL_HOST_USER = 'khansiakhansia5@gmail.com'
EMAIL_HOST_PASSWORD = 'khansia1234'
RECIPIENT_ADDRESS = 'muhamadnahrowi17@gmail.com'
\ No newline at end of file
......@@ -234,6 +234,7 @@ def addUser(request):
password = request.POST.get('username')
iduser = request.POST.get('id')
isStaff = request.POST.get('isStaff')
phone = request.POST.get('phone')
# arrGroup = group.split("~")
......@@ -245,10 +246,11 @@ def addUser(request):
try:
if iduser:
with conn.cursor() as cursor:
cursor.execute("UPDATE auth_user SET first_name = '"+first_name+"', last_name = '"+last_name+"', email = '"+email+"' WHERE id="+iduser)
cursor.execute("UPDATE auth_user SET first_name = '"+first_name+"', last_name = '"+last_name+"', email = '"+email+"', phone = '"+phone+"' WHERE id="+iduser)
with conn.cursor() as curGroup:
curGroup.execute("DELETE FROM auth_user_groups WHERE user_id="+iduser)
if group != 'none':
with conn.cursor() as curGroup:
curGroup.execute("DELETE FROM auth_user_groups WHERE user_id="+iduser)
users = User.objects.get(username=usernames)
......@@ -282,13 +284,19 @@ def addUser(request):
user.password = make_password(password)
user.save()
# add user to group
userinsert = User.objects.get(username=usernames)
insertgroups = Group.objects.get(name=group)
insertgroups.user_set.add(userinsert)
# add phone
with conn.cursor() as cursor:
cursor.execute("UPDATE auth_user SET phone = '%s' WHERE username = '%s' and first_name = '%s' and last_name = '%s'"%(phone, usernames, first_name, last_name))
print(user)
data = {
"code" : 0,
......@@ -424,7 +432,8 @@ def loadUserbyId(request):
"last" : rows[2],
"group" : group_res,
"is_staff" : rows[9],
"filepath" : rows[11]
"filepath" : rows[11],
"phone" : rows[12]
}
user_res.append(datas)
......
......@@ -808,6 +808,50 @@ li.active>a:after {
color: black!important;
}
.modal-login {
top: 80%;
background-color: white;
z-index: 999;
border-radius: 8px
}
#btn-signin {
border-radius: 5px;
background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
margin-right: 8px;
color: white;
}
.row-full-height {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.img-centered {
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
.vertical-centered {
top: 50%;
transform: translateY(-50%);
}
.img-features {
position: absolute;
background: url(/static/img/icon-1/bg4.svg);
width: 742px;
height: 130px;
top: 65%;
right: 0;
margin-right: 24px;
}
input#change_stat {
display: block!important;
}
......@@ -832,6 +876,31 @@ input#change_stat {
margin: 10px;
}
.navbar .navbar-inverse {
display: none
}
.page-content {
display: table;
}
body>ul>li.fixed-plugin.no3d.overlay-cek>div.dropdown.show-dropdown.open>ul {
width: 300px;
margin-left: -270px!important;
}
/*
#DataTables_Table_0>thead>tr>th:nth-child(1) {
width: 5%!important;
;
}
#DataTables_Table_0>thead>tr>th:nth-child(2) {
width: 20%!important;
} */
@media (max-width: 1025px) {
.dock {
position: absolute;
......@@ -859,4 +928,215 @@ input#change_stat {
#map>div.col-md-6.col-md-offset-3.input-group.content-group.foot>div>div.col-md-2>button {
right: 0px!important;
}
.modal-login {
background-color: white;
z-index: 999;
border-radius: 8px;
}
#btn-signin {
border-radius: 5px;
background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
color: white;
padding-right: 16px;
}
#searchbar {
margin-left: 16px;
margin-right: 16px;
}
.centered {
top: 50% !important;
transform: translateY(-50%) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (max-width: 720px) {
/* html {
transform: rotate(-90deg);
transform-origin: left top;
width: 100vh;
height: 100vw;
overflow-x: hidden;
position: absolute;
top: 100%;
left: 0;
} */
.dock {
position: absolute;
top: -4px;
left: 95%;
}
#map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right {
right: 5px;
}
#map .head {
top: 1%!important;
}
.dock {
left: 93%;
}
.navbar .navbar-inverse {
display: block
}
#map>div.row>div.col-sm-4.input-group.content-group.head {
width: 80%;
margin-top: -15px;
margin-left: 60px;
}
.user-p-nav {
display: none
}
li.fixed-plugin .dropdown-menu {
transform: scale(0.769230);
float: right;
position: absolute;
right: -550px;
width: 190px;
margin-left: -175px !important;
margin-top: -137px !important;
top: 20px;
margin-right: -550px;
}
li.overlay-cek .dropdown-menu {
transform: scale(0.769230);
float: right;
position: absolute;
right: -550px;
width: 190px;
margin-left: -175px !important;
margin-top: -127px !important;
top: 13px;
margin-right: -550px;
}
.menu-heading {
color: black;
}
.menu-list>a>img {
min-width: 120px!important;
min-height: 20px!important;
max-height: 90px!important;
}
#bottom-tab2>div>div:nth-child(2) {
display: none;
}
#panel-sm {
width: 100%!important;
top: 0px;
}
#panel-sm2 {
width: 100%!important;
top: 0px;
position: absolute;
}
#panel-sm>div {
margin-left: 0px
}
body>div.page-container>div>div.sidebar.sidebar-main {
/* transform: rotate( 270deg);
height: 100%;
float: right;
margin-left: 282px;
top: -290px; */
display: block;
}
#bottom-tab1>div {
margin-left: 10px;
}
#bottom-tab1>div>div.col-sm-2 {
display: none;
}
#bottom-tab2>div>div:nth-child(4) {
margin-left: 18px;
}
#bottom-tab2>div>div {
margin-left: 10px;
}
#panel-sm>div>div.bod>div>ul {
background: #1B1F2D;
}
#panel-sm>div>div.bod>div>ul>li.active>a {
background: #353847;
}
#panel-sm>div>div.bod>div>ul {
border-top: none;
border-left: none;
}
#panel-sm>div>div.bod>div>div {
margin-left: 10px;
}
body>ul>li.fixed-plugin.no3d.overlay-cek>div.dropdown.show-dropdown.open>ul {
width: 270px!important;
margin-left: -245px!important;
}
body>div.page-container>div>div.sidebar.sidebar-main>div.sidebar-category.sidebar-category-visible>div>ul:nth-child(1) {
margin-bottom: 47vh!important;
}
body>div.page-container>div>div.sidebar.sidebar-main>div.sidebar-category.sidebar-category-visible>div>ul:nth-child(2)>li:nth-child(1)>a {
display: none
}
.modal-dialog {
margin-top: 0px;
top: 7%!important;
}
.modal-content {
margin-left: 20px!important;
}
#modal_detail_non_kelurahan>div>div>div.modal-body>fieldset>div>div:nth-child(2)>div>div {
margin-left: 5px
}
#panel-sm2>div:nth-child(2) {
max-height: 103vh;
height: 103vh!important;
overflow: scroll;
left: 50px!important;
width: 90%!important;
}
#panel-sm2>div:nth-child(1) {
display: none;
}
/* #modal_detail_perbaikan>div>div>div>div.isi.text {
max-height: 93vh!important;
}
#modal_detail_perbaikan {
max-height: 100vh!important;
} */
#modal_detail_perbaikan>div {
top: 0%!important;
}
#modal_detail_perbaikan>div>div>div>div.isi.text {
max-height: 94vh!important;
}
#modal_detail_perbaikan {
max-height: 100vh!important;
}
#DataTables_Table_0>thead>tr>th:nth-child(4),
#DataTables_Table_0>thead>tr>th:nth-child(5),
#DataTables_Table_0>thead>tr>th:nth-child(6),
#DataTables_Table_0>thead>tr>th:nth-child(7),
#DataTables_Table_0>tbody>tr>td:nth-child(4),
#DataTables_Table_0>tbody>tr>td:nth-child(5),
#DataTables_Table_0>tbody>tr>td:nth-child(6),
#DataTables_Table_0>tbody>tr>td:nth-child(7) {
display: none;
}
#DataTables_Table_0>tbody>tr>td:nth-child(8)>a>td>i {
display: none;
}
#DataTables_Table_0>tbody>tr>td:nth-child(8)>a {
width: 75px!important;
}
}
@media (min-width: 1025px) {
#map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered {
top: 75%;
}
#map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered>div>div.col-md-1 {
padding: 20px;
margin-left: 10px;
}
#map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered>div>div.col-md-2 {
margin-right: 10px;
}
}
\ No newline at end of file
......@@ -69,11 +69,269 @@ input:checked+.slider:before {
border-radius: 50%;
}
#user_profile>.table-sm>thead>tr>th,
.table-sm>tbody>tr>th,
.table-sm>tfoot>tr>th,
.table-sm>thead>tr>td,
.table-sm>tbody>tr>td,
.table-sm>tfoot>tr>td {
#user_profile>.table-sm>thead>tr>th {
padding: 13px 20px;
}
/*
* Table
*/
table.dataTable {
margin: 0 auto;
clear: both;
width: 100%;
margin-bottom: 20px!important;
}
table.dataTable thead th {
padding: 3px 0px 3px 10px;
cursor: pointer;
*cursor: hand;
}
table.dataTable tfoot th {
padding: 3px 10px;
}
table.dataTable td {
padding: 3px 10px;
}
table.dataTable td.center,
table.dataTable td.dataTables_empty {
text-align: center;
}
#DataTables_Table_0>tbody>tr>td:nth-child(8)>a>td {
padding: 0;
}
/*
* Table wrapper
*/
.dataTables_wrapper {
position: relative;
clear: both;
*zoom: 1;
}
.dataTables_wrapper .ui-widget-header {
font-weight: normal;
}
.dataTables_wrapper .ui-toolbar {
padding: 5px;
}
/*
* Page length menu
*/
.dataTables_length {
float: left;
display: none;
}
/*
* Filter
*/
.dataTables_filter {
text-align: right;
}
/*
* Table information
*/
.dataTables_info {
padding-top: 3px;
clear: both;
float: left;
}
/*
* Pagination
*/
.dataTables_paginate {
float: right;
text-align: right;
}
.dataTables_paginate .ui-button {
margin-right: -0.1em !important;
}
.paging_two_button .ui-button {
float: left;
cursor: pointer;
cursor: hand;
}
.paging_full_numbers .ui-button {
padding: 2px 6px;
margin: 0;
cursor: pointer;
cursor: hand;
color: #333 !important;
}
/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
height: 19px;
float: left;
cursor: pointer;
*cursor: hand;
color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
outline: none;
}
.paginate_disabled_previous,
.paginate_disabled_next {
color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
padding-right: 23px;
margin-left: 10px;
}
.paginate_enabled_previous {
background: url('../images/back_enabled.png') no-repeat top left;
}
.paginate_enabled_previous:hover {
background: url('../images/back_enabled_hover.png') no-repeat top left;
}
.paginate_disabled_previous {
background: url('../images/back_disabled.png') no-repeat top left;
}
.paginate_enabled_next {
background: url('../images/forward_enabled.png') no-repeat top right;
}
.paginate_enabled_next:hover {
background: url('../images/forward_enabled_hover.png') no-repeat top right;
}
.paginate_disabled_next {
background: url('../images/forward_disabled.png') no-repeat top right;
}
/* Full number pagination */
.paging_full_numbers a:active {
outline: none
}
.paging_full_numbers a:hover {
text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
border: 1px solid #aaa;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
*cursor: hand;
color: #333 !important;
}
.paging_full_numbers a.paginate_button:hover {
text-decoration: none !important;
}
/*
* Processing indicator
*/
.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 250px;
height: 30px;
margin-left: -125px;
margin-top: -15px;
padding: 14px 0 2px 0;
border: 1px solid #ddd;
text-align: center;
color: #999;
font-size: 14px;
}
/*
* Sorting
*/
table.dataTable thead th div.DataTables_sort_wrapper {
position: relative;
padding-right: 20px;
padding-right: 20px;
}
table.dataTable thead th div.DataTables_sort_wrapper span {
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
}
table.dataTable th:active {
outline: none;
}
/*
* Scrolling
*/
.dataTables_scroll {
clear: both;
}
.dataTables_scrollBody {
*margin-top: -1px;
}
\ No newline at end of file
......@@ -274,6 +274,17 @@ function load_manage() {
targets: [0],
}, ],
dom: '<"float-left "B>frtip',
buttons: [{
text: 'Add new button',
action: function(e, dt, node, config) {
dt.button().add(1, {
text: 'Button ' + (counter++),
action: function() {
this.remove();
}
});
}
}],
language: {
search: ' _INPUT_',
searchPlaceholder: 'Data User...',
......@@ -285,6 +296,7 @@ function load_manage() {
'previous': '&larr;'
}
},
drawCallback: function() {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
},
......@@ -647,6 +659,7 @@ function loaduserbyid(id) {
$("#inNameF").val(user.firstname);
$("#inNameL").val(user.lastname);
$("#inEmail").val(user.email);
$("#phone").val(user.phone)
if (user.is_staff) {
$('input[name=isStaff][value=true]').attr('checked', true)
} else {
......@@ -750,16 +763,6 @@ function modal_detail_point_pengaturan(id, db) {
$("#saveuser").on("click", function() {
addUser()
})
// function destroyfade() {
// $(".modal-backdrop").css("display", "none")
// $(".modal-backdrop").removeClass('show');
// $("body").css('padding-right', '0px !important')
// }
function addUser() {
var isObject = {};
var ars = ''
var group = $("#select_group").val();
......@@ -769,18 +772,11 @@ function addUser() {
isObject.id = iduser;
}
// for(i in group){
// if(i < group.length-1){
// ars += group[i]+"~";
// }else{
// ars += group[i];
// }
// }
// return false
isObject['username'] = $("#inUsername").val();
isObject['first_name'] = $("#inNameF").val();
isObject['last_name'] = $("#inNameL").val();
isObject['email'] = $("#inEmail").val();
isObject['phone'] = $("#phone").val();
isObject.group = group
isObject.isStaff = $('input[name="isStaff"]:checked').val();
......@@ -794,8 +790,6 @@ function addUser() {
if (response.code == 0) {
$("#modal_edit_user").css('display', 'none');
// destroyfade();
swal({
title: response.info,
text: response.data + "reload untuk mendapatkan update",
......@@ -815,7 +809,21 @@ function addUser() {
}
}
});
}
})
$("#add_user").click(function() {
$("#modal_edit_user").modal("show")
$(".modstit").html("Tambah User")
$("#inUsername").attr("disabled", false)
$("#group_use").css("display", "none")
$("#inUsername").val("")
$("#inNameF").val("")
$("#inNameL").val("")
$("#inEmail").val("")
$("#phone").val("")
$("#iduser").val("")
})
$("#saveedit_p").click(function() {
var idka = $('#id_adm_edit').val();
......@@ -1019,5 +1027,53 @@ $("#btnsaveuser").click(function() {
// }
// }
$(".send_pesan").click(function() {
var pengirimh = $("#nama_pengirimh").val();
var emailh = $("#email_pengirimh").val();
var pesan_pengirimh = $("#pesan_pengirimh").val();
var pengirim = $("#nama_pengirim").val();
var email = $("#email_pengirim").val();
var pesan_pengirim = $("#pesan_pengirim").val();
$.ajax({
url: "sendmail",
data: { 'pengirimh': pengirimh, 'emailh': emailh, 'pesanh': pesan_pengirimh, 'pengirim': pengirim, 'email': email, 'pesan': pesan_pengirim },
dataType: 'json',
type: 'post',
success: function(data) {
let response = data
if (response.code == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#nama_pengirimh").values('');
$("#email_pengirimh").values('');
$("#pesan_pengirimh").values('');
$("#nama_pengirim").values('');
$("#email_pengirim").values('');
$("#pesan_pengirim").values('');
})
}
}
});
})
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").css("right", "50px")
\ No newline at end of file
......@@ -84,448 +84,460 @@
onEachFeature: function(feature, layer) {
layer.on({
click: function(e) {
$('#modal_detail_kelurahan').modal('show');
if (feature.administrasi.f9 == 'NONE') {
var path_img = "static/img/image_null.png"
var x = window.matchMedia("(max-width: 700px)")
if (x.matches) { // If media query matches
swal({
title: "Sorry",
text: "Untuk di mobile tampilan detail kelurahan tidak mendukung, Silahkan akses menggunakan laptop atau PC",
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
setTimeout(function() {
}, 500);
} else {
var path_img = `"static/image/kelurahan/` + feature.administrasi.f9 + `"`
}
$('#modal_detail_kelurahan').modal('show');
if (feature.administrasi.f9 == 'NONE') {
var path_img = "static/img/image_null.png"
} else {
var path_img = `"static/image/kelurahan/` + feature.administrasi.f9 + `"`
}
$(".gambar_kelurahan").html(`<img src="` + path_img + `" alt="" style="width:360px;height:290px;border-top-left-radius: 10px;">`)
$(".gambar_kelurahan").html(`<img src="` + path_img + `" alt="" style="width:360px;height:290px;border-top-left-radius: 10px;">`)
$(".nama_kelurahan").html(feature.administrasi.f2 + ` , ` + feature.administrasi.f3 + `, ` + feature.administrasi.f4)
$(".nama_kelurahan").html(feature.administrasi.f2 + ` , ` + feature.administrasi.f3 + `, ` + feature.administrasi.f4)
$(".kode_kelurahan").html(feature.administrasi.f1)
$(".jumlah_penduduk_kelurahan").html(feature.administrasi.f6)
$(".luas_wilayah_kelurahan").html(feature.administrasi.f10)
$(".jumlah_kk_kelurahan").html(feature.administrasi.f7)
$(".tombol-edit").html(`<a href="/editkelurahan?kode_dagri=` + encodeURIComponent(feature.administrasi.f1) + `" class='btn'>Edit</a>`)
$(".kode_kelurahan").html(feature.administrasi.f1)
$(".jumlah_penduduk_kelurahan").html(feature.administrasi.f6)
$(".luas_wilayah_kelurahan").html(feature.administrasi.f10)
$(".jumlah_kk_kelurahan").html(feature.administrasi.f7)
$(".tombol-edit").html(`<a href="/editkelurahan?kode_dagri=` + encodeURIComponent(feature.administrasi.f1) + `" class='btn'>Edit</a>`)
var nama_data_penduduk = ['pria', 'wanita', 'belum_kawin', 'kawin', 'cerai_hidup', 'cerai_mati', 'wajib_ktp'];
var dataset_penduduk = [feature.penduduk.f1, feature.penduduk.f2, feature.penduduk.f3, feature.penduduk.f4, feature.penduduk.f5, feature.penduduk.f6, feature.penduduk.f7];
var nama_data_penduduk = ['pria', 'wanita', 'belum_kawin', 'kawin', 'cerai_hidup', 'cerai_mati', 'wajib_ktp'];
var dataset_penduduk = [feature.penduduk.f1, feature.penduduk.f2, feature.penduduk.f3, feature.penduduk.f4, feature.penduduk.f5, feature.penduduk.f6, feature.penduduk.f7];
var nama_data_agama = ['islam', 'kristen', 'khatolik', 'hindu', 'budha', 'konghucu', 'kepercayaan_lain', ]
var dataset_agama = [feature.penduduk.f8, feature.penduduk.f9, feature.penduduk.f10, feature.penduduk.f11, feature.penduduk.f12, feature.penduduk.f13, feature.penduduk.f14]
var nama_data_agama = ['islam', 'kristen', 'khatolik', 'hindu', 'budha', 'konghucu', 'kepercayaan_lain', ]
var dataset_agama = [feature.penduduk.f8, feature.penduduk.f9, feature.penduduk.f10, feature.penduduk.f11, feature.penduduk.f12, feature.penduduk.f13, feature.penduduk.f14]
var nama_data_pendidik = ['tidak_sekolah', 'belum_tamat', 'tamat_sd', 'sltp', 'slta', 'diploma_i', 'diploma_ii', 'diploma_iv', 'strata_ii', 'strata_iii'];
var dataset_pendidik = [feature.pekerjaan_pendidikan.f1, feature.pekerjaan_pendidikan.f2, feature.pekerjaan_pendidikan.f3, feature.pekerjaan_pendidikan.f4, feature.pekerjaan_pendidikan.f5, feature.pekerjaan_pendidikan.f6, feature.pekerjaan_pendidikan.f7, feature.pekerjaan_pendidikan.f8, feature.pekerjaan_pendidikan.f9, feature.pekerjaan_pendidikan.f10];
var nama_data_pendidik = ['tidak_sekolah', 'belum_tamat', 'tamat_sd', 'sltp', 'slta', 'diploma_i', 'diploma_ii', 'diploma_iv', 'strata_ii', 'strata_iii'];
var dataset_pendidik = [feature.pekerjaan_pendidikan.f1, feature.pekerjaan_pendidikan.f2, feature.pekerjaan_pendidikan.f3, feature.pekerjaan_pendidikan.f4, feature.pekerjaan_pendidikan.f5, feature.pekerjaan_pendidikan.f6, feature.pekerjaan_pendidikan.f7, feature.pekerjaan_pendidikan.f8, feature.pekerjaan_pendidikan.f9, feature.pekerjaan_pendidikan.f10];
var nama_data_umur = ['Umur 0-4', 'Umur 5-9', 'Umur 10-14', 'Umur 15-19', 'Umur 20-24', 'Umur 25-29', 'Umur 30-34', 'Umur 35-39', 'Umur 40-44', 'Umur 45-49', 'Umur 50-54', 'Umur 55-59', 'Umur 60-64', 'Umur 65-69', 'Umur 70-74', 'Umur > 75'];
var dataset_umur = [feature.penduduk.f16, feature.penduduk.f17, feature.penduduk.f18, feature.penduduk.f19, feature.penduduk.f20, feature.penduduk.f21, feature.penduduk.f22, feature.penduduk.f23, feature.penduduk.f24, feature.penduduk.f25, feature.penduduk.f26, feature.penduduk.f27, feature.penduduk.f28, feature.penduduk.f29, feature.penduduk.f30];
var nama_data_umur = ['Umur 0-4', 'Umur 5-9', 'Umur 10-14', 'Umur 15-19', 'Umur 20-24', 'Umur 25-29', 'Umur 30-34', 'Umur 35-39', 'Umur 40-44', 'Umur 45-49', 'Umur 50-54', 'Umur 55-59', 'Umur 60-64', 'Umur 65-69', 'Umur 70-74', 'Umur > 75'];
var dataset_umur = [feature.penduduk.f16, feature.penduduk.f17, feature.penduduk.f18, feature.penduduk.f19, feature.penduduk.f20, feature.penduduk.f21, feature.penduduk.f22, feature.penduduk.f23, feature.penduduk.f24, feature.penduduk.f25, feature.penduduk.f26, feature.penduduk.f27, feature.penduduk.f28, feature.penduduk.f29, feature.penduduk.f30];
var nama_data_pekerja = ['tidak_bekerja', 'aparatur_pemerintah', 'tenaga_pendidik', 'wiraswasta', 'pertanian', 'tenaga_kesehatan', 'pegawai', 'dokter', 'bidan', 'perawat', 'lainnya'];
var dataset_pekerja = [feature.pekerjaan_pendidikan.f11, feature.pekerjaan_pendidikan.f12, feature.pekerjaan_pendidikan.f13, feature.pekerjaan_pendidikan.f14, feature.pekerjaan_pendidikan.f15, feature.pekerjaan_pendidikan.f16, feature.pekerjaan_pendidikan.f18, feature.pekerjaan_pendidikan.f40, feature.pekerjaan_pendidikan.f41, feature.pekerjaan_pendidikan.f42, feature.pekerjaan_pendidikan.f45];
var nama_data_pekerja = ['tidak_bekerja', 'aparatur_pemerintah', 'tenaga_pendidik', 'wiraswasta', 'pertanian', 'tenaga_kesehatan', 'pegawai', 'dokter', 'bidan', 'perawat', 'lainnya'];
var dataset_pekerja = [feature.pekerjaan_pendidikan.f11, feature.pekerjaan_pendidikan.f12, feature.pekerjaan_pendidikan.f13, feature.pekerjaan_pendidikan.f14, feature.pekerjaan_pendidikan.f15, feature.pekerjaan_pendidikan.f16, feature.pekerjaan_pendidikan.f18, feature.pekerjaan_pendidikan.f40, feature.pekerjaan_pendidikan.f41, feature.pekerjaan_pendidikan.f42, feature.pekerjaan_pendidikan.f45];
var colorPalette = ['#00D8B6', '#008FFB', '#FEB019', '#FF4560', '#775DD0']
var colorPalette = ['#00D8B6', '#008FFB', '#FEB019', '#FF4560', '#775DD0']
var options_penduduk = {
var options_penduduk = {
series: [{
name: 'Penduduk',
data: dataset_penduduk
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
series: [{
name: 'Penduduk',
data: dataset_penduduk
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
}
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded'
},
},
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_penduduk,
},
yaxis: {
title: {
text: 'Jumlah'
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded'
},
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_penduduk,
},
yaxis: {
title: {
text: 'Jumlah'
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
}
}
}
}
};
};
var options_agama = {
series: [{
name: 'Agama',
data: dataset_agama
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
var options_agama = {
series: [{
name: 'Agama',
data: dataset_agama
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
}
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded'
},
},
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_agama,
},
yaxis: {
title: {
text: 'Jumlah'
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded'
},
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_agama,
},
yaxis: {
title: {
text: 'Jumlah'
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
}
}
}
}
};
};
var options_pendidik = {
series: [{
name: 'Informasi Pendidikan',
data: dataset_pendidik
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
var options_pendidik = {
series: [{
name: 'Informasi Pendidikan',
data: dataset_pendidik
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
}
},
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded'
},
},
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_pendidik,
},
yaxis: {
title: {
text: 'Jumlah'
plotOptions: {
bar: {
horizontal: false,
columnWidth: '55%',
endingShape: 'rounded'
},
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_pendidik,
},
yaxis: {
title: {
text: 'Jumlah'
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
}
}
}
}
};
};
var options_umur = {
series: [{
name: 'Umur',
data: dataset_umur
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
var options_umur = {
series: [{
name: 'Umur',
data: dataset_umur
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
}
},
plotOptions: {
bar: {
horizontal: true,
columnWidth: '55%',
endingShape: 'rounded'
},
},
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_umur,
},
yaxis: {
title: {
text: 'Jumlah'
plotOptions: {
bar: {
horizontal: true,
columnWidth: '55%',
endingShape: 'rounded'
},
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "horizontal",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
dataLabels: {
enabled: false
},
stroke: {
show: true,
width: 2,
colors: ['transparent']
},
xaxis: {
categories: nama_data_umur,
},
yaxis: {
title: {
text: 'Jumlah'
},
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "horizontal",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
}
}
}
}
};
};
var options_pekerja = {
series: [{
name: 'Informasi Pekerjaan',
data: dataset_pekerja
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
var options_pekerja = {
series: [{
name: 'Informasi Pekerjaan',
data: dataset_pekerja
}],
chart: {
type: 'bar',
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
}
},
plotOptions: {
bar: {
borderRadius: 4,
horizontal: true,
},
},
dataLabels: {
enabled: false
},
xaxis: {
categories: nama_data_pekerja,
},
fill: {
type: 'gradient',
gradient: {
type: "horizontal",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
plotOptions: {
bar: {
borderRadius: 4,
horizontal: true,
},
},
dataLabels: {
enabled: false
},
xaxis: {
categories: nama_data_pekerja,
},
fill: {
type: 'gradient',
gradient: {
type: "horizontal",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
},
tooltip: {
y: {
formatter: function(val) {
var reverse = val.toString().split('').reverse().join(''),
ribuan = reverse.match(/\d{1,3}/g);
var ribuan = ribuan.join('.').split('').reverse().join('');
return ribuan
}
}
}
}
};
var chart_penduduk = new ApexCharts(document.querySelector("#info_penduduk"), options_penduduk);
setTimeout(function() {
chart_penduduk.render();
}, 100);
var chart_pendidik = new ApexCharts(document.querySelector("#info_pendidik"), options_pendidik);
setTimeout(function() {
chart_pendidik.render();
}, 100);
var chart_umur = new ApexCharts(document.querySelector("#info_umur"), options_umur);
setTimeout(function() {
chart_umur.render();
}, 100);
var chart_pekerja = new ApexCharts(document.querySelector("#info_pekerjaan"), options_pekerja);
setTimeout(function() {
chart_pekerja.render();
}, 100);
var chart_agama = new ApexCharts(document.querySelector("#info_agama"), options_agama);
setTimeout(function() {
chart_agama.render();
}, 100);
};
var chart_penduduk = new ApexCharts(document.querySelector("#info_penduduk"), options_penduduk);
setTimeout(function() {
chart_penduduk.render();
}, 100);
var chart_pendidik = new ApexCharts(document.querySelector("#info_pendidik"), options_pendidik);
setTimeout(function() {
chart_pendidik.render();
}, 100);
var chart_umur = new ApexCharts(document.querySelector("#info_umur"), options_umur);
setTimeout(function() {
chart_umur.render();
}, 100);
var chart_pekerja = new ApexCharts(document.querySelector("#info_pekerjaan"), options_pekerja);
setTimeout(function() {
chart_pekerja.render();
}, 100);
var chart_agama = new ApexCharts(document.querySelector("#info_agama"), options_agama);
setTimeout(function() {
chart_agama.render();
}, 100);
}
},
mouseover: function(e) {
......@@ -3017,10 +3029,6 @@
$("body").css("padding-right", "0px !important")
})
$("#saveuser").on("click", function() {
addUser()
})
function loadjlbyid(id) {
var isObject = {};
......
......@@ -649,7 +649,7 @@
</div>
</a>
</div>
<div class="col-md-4 text-center">
<!-- <div class="col-md-4 text-center">
<a href="#" class="btn btn_create_lahan">
<div>
<img src="{% static 'img/icon-1/SquareHalflahan.svg' %}" alt="" style="width: 35px;
......@@ -670,7 +670,7 @@
<span>KDB & KLB</span>
</div>
</a>
</div>
</div> -->
</div>
</fieldset>
......@@ -1043,8 +1043,13 @@
</div>
</a>
</div>
<div style="position: absolute;left: 250px;font-size: 10pt;background: #2196F3;border-radius: 10px;">
<a class="btn side-bar-but" id="add_user" style="z-index:9;color:white;">
<div>
<span>Tambah User</span>
</div>
</a>
</div>
<thead style="font-size: 12px;line-height: 14px;font-family: 'gilroysemibold';text-transform: capitalize;">
<tr>
......@@ -1139,7 +1144,7 @@
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Nama :</label>
<input type="text" id="nama_pengirim" class="form-control">
<input type="text" id="nama_pengirim" class="form-control nama_pengirim">
</div>
</div>
</div>
......@@ -1147,7 +1152,7 @@
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Email:</label>
<input type="text" id="email_pengirim" class="form-control">
<input type="text" id="email_pengirim" class="form-control email_pengirim">
</div>
</div>
</div>
......@@ -1155,11 +1160,11 @@
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Pesan :</label>
<textarea rows="5" cols="5" class="form-control" id="pesan_pengirim" placeholder="Tuliskan Pesan disini" style="height: 240px;"></textarea>
<textarea rows="5" cols="5" class="form-control pesan_pengirim" id="pesan_pengirim" placeholder="Tuliskan Pesan disini" style="height: 240px;"></textarea>
</div>
</div>
</div>
<button type="button" class="btn btn-info" id="send_pesan" style=" margin: 10px;float: right;border: none;">Send Messages</button>
<button type="button" class="btn btn-info send_pesan" id="send_pesan" style=" margin: 10px;float: right;border: none;">Send Messages</button>
</div>
</div>
......@@ -1817,6 +1822,14 @@
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Phone</label>
<div class="col-lg-9">
<input id="phone" type="number" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 20px;">
<div class="form-group">
......@@ -1835,12 +1848,12 @@
</div>
</div>
<div class="row">
<div class="row" group_use>
<div class="form-group" style="margin-top: 10px !important;">
<label class="col-lg-3 control-label lbl-top">Groups</label>
<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">
<option></option>
<option value="none"></option>
</select>
</div>
</div>
......@@ -2110,7 +2123,7 @@
<div style="margin-top: 20px;">
<div class="row" style="margin-top: 20px;">
<i class="col-md-4 icon-phone2"></i>
<span class="col-md-8">(0222) 0668202</span>
<span class="col-md-8">(022) 0668202</span>
</div>
<div class="row" style="margin-top: 20px;">
<i class="col-md-4 icon-envelop3"></i>
......@@ -2136,8 +2149,8 @@
<div class="col-md-6">
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Nama :</label>
<input type="text" id="nama_pengirim" class="form-control">
<label class="control-label"> Name :</label>
<input type="text" id="nama_pengirimh" class="form-control nama_pengirim">
</div>
</div>
</div>
......@@ -2145,19 +2158,19 @@
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Email:</label>
<input type="text" id="email_pengirim" class="form-control">
<input type="text" id="email_pengirimh" class="form-control email_pengirim">
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Pesan :</label>
<textarea rows="5" cols="5" class="form-control" id="pesan_pengirim" placeholder="Tuliskan Pesan disini" style="height: 240px;"></textarea>
<label class="control-label"> Message :</label>
<textarea rows="5" cols="5" class="form-control pesan_pengirim" id="pesan_pengirimh" placeholder="Text Here ..." style="height: 240px;"></textarea>
</div>
</div>
</div>
<button type="button" class="btn btn-info" id="send_pesan" style=" margin: 10px;float: right;border: none;">Send Messages</button>
<button type="button" class="btn btn-info send_pesan" id="send_pesan" style=" margin: 10px;float: right;border: none;">Send Messages</button>
</div>
</div>
......@@ -2188,24 +2201,48 @@
<td>1.</td>
<td>Pada halaman dashboard, klik tombol “SIGN IN” untuk melakukan login</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-16.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>2.</td>
<td>
Masukkan <i>username</i> dan <i>password</i>
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-21.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>3.</td>
<td>
Kemudian klik tombol “Log In”
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-27.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>4.</td>
<td>
Akan muncul Welcome Page seperti di bawah
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-34.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
</table>
</div>
</div>
......@@ -2227,24 +2264,48 @@
<td>1.</td>
<td>Pada halaman utama aplikasi, klik icon</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-40.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>2.</td>
<td>
Setelah itu akan muncul form 3D Searching, lalu pilih desa,
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-46.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>3.</td>
<td>
Lalu klik tombol “Search”
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-50.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>4.</td>
<td>
Maka akan muncul desa yang dicari
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-56.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
</table>
</div>
</div>
......@@ -2266,29 +2327,59 @@
<td>1.</td>
<td>Pada halaman utama aplikasi, klik icon</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-03.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>2.</td>
<td>
Setelah itu akan muncul halaman sidebar filters
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-07.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>3.</td>
<td>
Kemudian checklist pada bagian bagunan
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-11.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>4.</td>
<td>
Maka akan muncul tampilan bangunan (polygon bangunan akan muncul ketika zoom > 17)
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-18.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>5.</td>
<td>Untuk melihat informasi bangunan, klik bagian bangunan yang akan di lihat informasinya.
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-23.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
</table>
</div>
</div>
......
......@@ -90,9 +90,7 @@
<img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px;
width: 50px;">
</a>
<ul class="dropdown-menu" style="top: 12px;
width: 300px;
margin-left: -270px!important;">
<ul class="dropdown-menu">
<li class="header-title text-center">Sidebar Filters</li>
<!-- <div id="sidebar" onmouseleave="overll()">
<div class="sidebar-wrapper">
......
......@@ -9,6 +9,17 @@
border-bottom: 0.5pt solid #313649;
}
</style>
<!-- <div class="navbar navbar-inverse" style="z-index: 1;
top: 45px;
position: absolute;
background: none;border-color: transparent;">
<div class="navbar-header" style="min-width: 0px;">
<ul class="nav navbar-nav visible-xs-block">
<li><a class="sidebar-mobile-main-toggle" style="border-radius: 5px;"><i class="icon-paragraph-justify3"></i></a></li>
</ul>
</div>
</div> -->
<div class="sidebar sidebar-main">
<div class="sidebar-content">
<img src="{% static 'img/logo-ok.png' %}" alt="" style="width: 25px;height:32px;">
......@@ -434,17 +445,69 @@
<div class="panel-body " style="padding:14px 0px;">
<table class="table table-responsive datatable-show-all table-sm bg-slate-610 list_perb" id="list_perbaikan" style="font-size : 8pt;padding:0px;border-top:0.5pt solid #343434;border-bottom:0.5pt solid #343434;margin-bottom: 10px;">
<div style="margin-left: 30px;" class="search_list">
<input type="search" class="inp_search_list" placeholder="Data Perbaikan..." style=" outline: 0;
width: 200px;
height: 36px;
padding: 7px 12px;
padding-right: 36px;
font-size: 13px;
line-height: 1.5384616;
color: #333333;
background-color: #fff;
border: 1px solid #ddd;border-radius: 3px;">
</div>
<div style="position: absolute;right: 30px;font-size: 10pt;">
<a class="btn side-bar-but" id="download_perbaikan" onclick="download_all('xlsx')" style="color: white;z-index:9;">
<div>
<i class="icon-download4"></i><span>&nbsp;&nbsp;&nbsp;Download</span>
</div>
</a>
</div>
<div class="container-detached">
<div class="content-detached">
<ul class="media-list datatab">
{% for all in res_all %}
<li class="media panel panel-body stack-media-on-mobile" style="background: transparent;border: none;color: white;">
<div>
{{forloop.counter}}
</div>
<div>
{{all.name_perbaikan}}
</div>
<div>
{{all.name}}
</div>
<div>
{{all.type}}
</div>
<div>
{{all.tgl_perbaikan}}
</div>
<div>
{{all.tgl_selesai}}
</div>
<div>
{{all.anggaran}}
</div>
<div>
<a class="btn mdlFire " onclick="loaddetailid( '{{all.id_object}}') " data-toggle="modal" data-target="#modal_detail_perbaikan" style="background-color: #5A9AFB;color: white;border-radius: 5px;width: 85px;height: 25px; ">
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
Detail</span>
</div>
</a>
</div>
</li>
{% endfor %}
</ul>
</div>
</div>
<thead style="font-size: 12px;line-height: 14px;font-family: 'gilroysemibold';text-transform: capitalize;">
<!-- <thead style="font-size: 12px;line-height: 14px;font-family: 'gilroysemibold';text-transform: capitalize;">
<tr>
<th>No.</th>
<th>Sarana Perbaiakn</th>
......@@ -457,7 +520,6 @@
</tr>
</thead>
<tbody id="tbody_perbaikan">
{% for all in res_all %}
<tr>
<td>{{forloop.counter}}</td>
......@@ -472,7 +534,7 @@
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
Detail</span>
Detail</span>
</div>
</a>
......@@ -480,7 +542,7 @@
</tr>
{% endfor %}
</tbody>
</tbody> -->
</table>
</div>
</div>
......@@ -493,10 +555,10 @@
<div id="modal_detail_perbaikan" class="modal fade mymodal" style="padding-top: 0px;padding-bottom: 0px;right: -11px;width: 100% !important;max-height: 657px;overflow-y:hidden; left: 0px;">
<div class="modal-dialog modal-sm " style="max-height: 657px;margin: 0;float: right;bottom: 0;
<div id="modal_detail_perbaikan" class="modal fade mymodal" style="padding-top: 0px;padding-bottom: 0px;right: -11px;width: 100% !important;max-height: 100vh;overflow-y:hidden; left: 0px;">
<div class="modal-dialog modal-sm " style="margin: 0;float: right;bottom: 0;
width: 320px;">
<div class="modal-content " style="background-color: #1B1F2D;max-height: 657px;color: white; ">
<div class="modal-content " style="background-color: #1B1F2D;max-height: 100vh;color: white; ">
<div class="modal-body " style="padding: 0px;background-color: #1B1F2D; ">
<div style="float: right;margin: -42px 10px 0px 0px; ">
<button type="button " class="btn btn-link " onclick="cetakExcel() " style="color: white;padding-top: 2px;"><i class="icon-printer"></i>
......@@ -507,7 +569,7 @@
<!-- <button class="modalMinimize" style="right: 50px;"> <i class='fa fa-minus'></i> </button> -->
<button type="button" onclick="destroymodper()" class="close" data-dismiss="modal " style="color: white;padding: 3px;"> x </button>
</div>
<div class="isi text " style="margin-top: 50px;overflow-y: scroll;max-height: 607px;overflow-x: hidden; ">
<div class="isi text " style="margin-top: 50px;overflow-y: scroll;max-height: 94vh;overflow-x: hidden; ">
<div class="isi_detail_cek ">
<div>
<div>
......@@ -674,6 +736,75 @@
<script type="text/javascript " src="{% static 'js/plugins/forms/selects/select2.min.js' %} "></script>
<script>
$(document).ready(function() {
var x = window.matchMedia("(min-width: 700px)")
if (x.matches) { // If media query matches
$(".search_list").css('display', 'none')
$.fn.dataList = function(options) {
this.each(function() {
var $table = $(this);
if ($table.is('ul')) {
var $ul = $table;
$table = $ul.wrap('<table><tbody/></table').closest('table');
$ul.find('li').wrap('<tr></tr>').contents().unwrap();
$ul.find('div').wrap('<td><td/>').contents().unwrap();
$ul.contents().unwrap()
$table.prepend(`<thead><tr><th>No.</th>
<th>Sarana Perbaiakn</th>
<th>Nama</th>
<th>Type</th>
<th>Tanggal Mulai</th>
<th>Tanggal Selesai</th>
<th>Anggaran</th>
<th>Keterangan</th>
</tr></thead>`);
}
$table.dataTable(options);
});
}
$('.datatab').dataList({
"pageLength": 15,
autoWidth: false,
columnDefs: [{
orderable: false,
width: '20px',
targets: [0],
}, {
orderable: false,
width: '20px',
targets: [6],
}, {
orderable: false,
width: '20px',
targets: [7],
}, ],
dom: '<"float-left "B>frtip',
language: {
search: ' _INPUT_',
searchPlaceholder: 'Data Perbaikan...',
lengthMenu: '<span>Show:</span><hr> _MENU_',
paginate: {
'first': 'First',
'last': 'Last',
'next': '&rarr;',
'previous': '&larr;'
}
},
});
} else {
$(".search_list").css('display', 'block')
$("#download_perbaikan").css('display', 'none')
// document.querySelector("#perbaikan-dashboard\\ > div > div.container-detached > div > ul > li > div:nth-child(1)").style.display = 'none';
//$('.datatab').dataTable({
// "pageLength": 15
//});
}
});
//tes
$("#sel-kec ").change(function() {
var id_kec = $(this).val()
......@@ -742,7 +873,7 @@
};
$("#tbody_perbaikan").html(data_perbaikan)
datatatata()
//datatatata()
}
});
......@@ -850,10 +981,10 @@
}
$("#perbaikan_manage").click(function() {
$(".datatable-show-all.list_perb").dataTable().fnDestroy();
setTimeout(function() {
datatatata()
}, 100);
//$(".datatable-show-all.list_perb").dataTable().fnDestroy();
//setTimeout(function() {
// datatatata()
//}, 100);
})
......@@ -903,8 +1034,8 @@
$(".panjang_jalan_detail ").html("Null")
$(".lebar_jalan_detail ").html("Null")
$(".proposal_detail ").html(`
<a href="media/proposal/null" id="downloadproposal ">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; ">
<a href="media/proposal/null" id="downloadproposal">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 80px;width: 80px; ">
</a>`);
......@@ -1256,4 +1387,69 @@
function destroymodper() {
$("#modal_detail_perbaikan").modal('hide')
}
$(".search_list").on('input', function() {
var v = $(".inp_search_list").val()
$.ajax({
url: "api/search_list_perbaikan",
dataType: 'json',
data: {
'v_list': v
},
success: function(data) {
var data_perbaikan = []
var number = 0;
for (var i = 0; i < data.length; i++) {
number += 1;
var name_perbaikan = data[i][0];
var id_object = data[i][1];
var name = data[i][2];
var type = data[i][3];
var tgl_perbaikan = data[i][4];
var anggaran = data[i][5];
var tgl_selesai = data[i][6];
var data_gab = `<li class="media panel panel-body stack-media-on-mobile" style="background: transparent;border: none;color: white;">
<div>
` + number + `
</div>
<div>
` + name_perbaikan + `
</div>
<div>
` + name + `
</div>
<div>
` + type + `
</div>
<div>
` + tgl_perbaikan + `
</div>
<div>
` + tgl_selesai + `
</div>
<div>
` + anggaran + `
</div>
<div>
<a class="btn mdlFire " onclick="loaddetailid( '` + id_object + `') " data-toggle="modal" data-target="#modal_detail_perbaikan" style="background-color: #5A9AFB;color: white;border-radius: 5px;width: 85px;height: 25px; ">
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
Detail</span>
</div>
</a>
</div>
</li>`;
data_perbaikan.push(data_gab)
};
$(".datatab").html(data_perbaikan)
}
});
});
</script>
\ No newline at end of file
......@@ -130,9 +130,42 @@
<div class="content">
<div id="map">
<div class="help_bangunan" style="position: absolute;z-index: 999;top: 0px;right: 60px;"></div>
<div class="col-md-4 col-md-offset-4 input-group content-group head">
<div class="row" style="margin-top: 20px;">
<div class="col-sm-4 head">
<!-- <div class="input-group">
</div>
<div class="col-sm-4 input-group content-group head">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle btn-icon" data-toggle="dropdown" aria-expanded="true" id="btn_s_s">
<span class="caret" id="cari_caret"></span>
<span id="pilihcari"></span>
</button>
<ul class="dropdown-menu" id="search_spes">
<li><input type="hidden" value="bangunan" /><a href="#"><i class="icon-home4 text-muted text-size-base" style="color: #5A9AFB;"></i> Bangunan</a></li>
<li><input type="hidden" value="jalan" /><a href="#"><i class="icon-git-branch text-muted text-size-base" style="color: #5A9AFB;"></i> Jalan</a></li>
<li><input type="hidden" value="point" /><a href="#"><i class="icon-location4 text-muted text-size-base" style="color: #5A9AFB;"></i> Point</a></li>
</ul>
</div>
<!-- </div> -->
<input type="text" id="input_search" class="form-control" placeholder="search...">
<input type="text" id="input_search_id" class="form-control hidden">
<span class="input-group-btn">
<button type="submit" id="btn_search_spes" class="btn btn-primary " style="border-radius: 0px 10px 10px 0px;
outline: none;
background: linear-gradient(
201.55deg
, #72BBFF -24.21%, #3D5CCA 130.65%);"><i class="icon-search4 text-muted text-size-base" style="color: white;"></i></button>
</span>
</div>
<div class="col-sm-4 head">
</div>
</div>
<!-- <div class="col-md-4 input-group content-group head"> -->
<!-- <div class="input-group">
<input type="TextBox" ID="datebox" Class="form-control"></input>
<div class="input-group-btn">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
......@@ -145,60 +178,62 @@
</ul>
</div>
</div> -->
<!-- <div class="input-group">
<!-- <div class="input-group">
<input type="TextBox" ID="valss" Class="form-control" type="hidden"></input> -->
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle btn-icon" data-toggle="dropdown" aria-expanded="true" id="btn_s_s">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" id="search_spes">
<li><input type="hidden" value="bangunan" /><a href="#"><i class="icon-home4 text-muted text-size-base" style="color: #5A9AFB;"></i> Bangunan</a></li>
<li><input type="hidden" value="jalan" /><a href="#"><i class="icon-git-branch text-muted text-size-base" style="color: #5A9AFB;"></i> Jalan</a></li>
<li><input type="hidden" value="point" /><a href="#"><i class="icon-location4 text-muted text-size-base" style="color: #5A9AFB;"></i> Point</a></li>
</ul>
</div>
<!-- </div> -->
<input type="text" id="input_search" class="form-control" placeholder="search...">
<input type="text" id="input_search_id" class="form-control hidden">
<span class="input-group-btn">
<button type="submit" id="btn_search_spes" class="btn btn-primary " style="border-radius: 0px 10px 10px 0px;
outline: none;
background: linear-gradient(
201.55deg
, #72BBFF -24.21%, #3D5CCA 130.65%);"><i class="icon-search4 text-muted text-size-base" style="color: white;"></i></button>
</span>
</div>
<!-- </div> -->
{% if user.is_authenticated %} {% else %}
<div class="col-md-6 col-md-offset-3 input-group content-group foot" style="top: 80%;background-color: white;z-index:999;border-radius:8px">
<div class="row">
<!-- <div class="col-md-6 col-md-offset-3 modal-login input-group content-group foot centered" style="z-index: 999;">
<div class="row row-full-height" style="width: 100%;margin-left: 10px;"> -->
<!-- <div class="col-md-6 col-md-offset-3 modal-login input-group content-group foot centered">
<div class="row row-full-height">
<div class="col-md-1">
<img src="/static/img/logo-ok.png" alt="" class="img-centered" style="max-height: 28px;max-width: 21.999998092651367px;/* left: 27px; *//* top: 14px; */border-radius: 0px;">
</div>
<div class="col-md-9">
<div style="font-size: 15px;margin: 8px;">
<span><b>Welcome to TEMANKU!</b>
Login untuk menikmati fitur lengkap TEMANKU
</span>
</div>
</div>
<div class="col-md-2">
<a href="{% url 'login' %}" class="btn btn-primary vertical-centered" id="btn-signin">SIGN IN</a>
</div>
</div>
</div> -->
<div class="col-md-6 col-md-offset-3 modal-login input-group content-group foot centered" style="top: 80%;z-index:999;border-radius:8px">
<div class="row row-full-height">
<div class="col-md-1">
<img src="/static/img/logo-ok.png" alt="" style="margin-top: 20%;margin-left: 46%;max-height: 28px;max-width: 21.999998092651367px;/* left: 27px; *//* top: 14px; */border-radius: 0px;">
<img src="/static/img/logo-ok.png" alt="" style="margin-top: 18%;margin-left: 46%;max-height: 28px;max-width: 21.999998092651367px;/* left: 27px; *//* top: 14px; */border-radius: 0px;">
</div>
<div class="col-md-9">
<div style="margin-top: 2%;font-size: 15px;margin-left: 3%;">
<div style="margin-top: 2%;font-size: 15px;margin-left: 3%; text-align: center;">
<span><b>Welcome to TEMANKU!</b>
Login untuk menikmati fitur lengkap TEMANKU
</span>
</div>
</div>
<div class="col-md-2">
<a href="{% url 'login' %}" class="btn btn-primary" style="margin-top: 3%;border-radius: 5px;background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);margin-bottom: 3%;right: -15%;color: white;">SIGN IN</a>
<a href="{% url 'login' %}" class="btn btn-primary vertical-centered" style="margin-top: 3%;border-radius: 5px;background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);margin-bottom: 3%;color: white;">SIGN IN</a>
</div>
</div>
</div>
{% endif %}
{% endif %} -->
</div>
{% if user.is_authenticated %}
<div style="height: 10%;width: 10%;position: absolute;top: 30px;right: 65px;z-index: 999;">
<div class="user-p-nav" style="height: 10%;width: 10%;position: absolute;top: 30px;right: 65px;z-index: 999;">
<!-- <a href="#">
<div>
<img src="{% static 'img/placeholder.jpg' %}" style="width: 37px;height: 37px;border-radius: 25px;" />
......@@ -424,6 +459,13 @@
$('#input_search').val(null)
tes = $(this).text();
dar = tes
if (dar == ' Point') {
$("#pilihcari").html('<i class="icon-location4 text-muted text-size-base" style="color: #5A9AFB;"></i> Point')
} else if (dar == ' Bangunan') {
$("#pilihcari").html('<i class="icon-home4 text-muted text-size-base" style="color: #5A9AFB;"></i> Bangunan')
} else if (dar == ' Jalan') {
$("#pilihcari").html('<i class="icon-git-branch text-muted text-size-base" style="color: #5A9AFB;"></i> Jalan')
}
});
var res_in = null;
......@@ -502,9 +544,9 @@
var geocoderNominatim = new L.Control.Geocoder.Nominatim();
var dapoin = [data[0][0]['geometry']['coordinates'][1], data[0][0]['geometry']['coordinates'][0]]
console.log(data[0])
// map.setView([data[0]['geometry']['coordinates'][0][0][0][1], data[0]['geometry']['coordinates'][0][0][0][0]], 19);
// var result_point = JSON.parse("" + data + "")
// console.log(result_point)
// map.setView([data[0]['geometry']['coordinates'][0][0][0][1], data[0]['geometry']['coordinates'][0][0][0][0]], 19);
// var result_point = JSON.parse("" + data + "")
// console.log(result_point)
var geo_point = L.geoJson(null, {
pointToLayer: function(feature, latlng) {
......@@ -762,7 +804,7 @@
geo_point.clearLayers()
geo_point.remove()
});
// $.ajax({
// url: "{% url 'api:search_lanjut' %}",
// data: {
......@@ -773,7 +815,7 @@
// dataType: 'json',
// success: function(data) {
// console.log(data)
// dapoin = [data[0][0]['geometry']['coordinates'][1], data[0][0]['geometry']['coordinates'][0]]
// // var poinin = L.marker(dapoin).addTo(map)
// geo_json_point(dapoin)
......@@ -791,7 +833,7 @@
maxZoom: 22,
minZoom: 4,
}).addTo(map_edit);
var idspo = idm
var dbspo = db
loaderPage(false);
......@@ -834,8 +876,8 @@
data.append('alamat', $('#alamat').val())
data.append('perangkat', $('#perangkat').val())
data.append('point', poi),
data.append('gambar', $('#gambar').val()),
data.append('dbspo', dbsave)
data.append('gambar', $('#gambar').val()),
data.append('dbspo', dbsave)
console.log(data)
$.ajax({
url: "{% url 'api:saveeditspo' %}",
......@@ -2061,55 +2103,6 @@
dataType: 'json',
success: function(data) {
var geo_jalan = L.geoJson(null, {
// style: function(feature) {
// var zoom = map.getZoom()
// console.log(zoom)
// if (zoom < 18) {
// return {
// color: "#808080",
// weight: 8,
// opacity: 2,
// zIndex: 1000
// };
// } else if (zoom > 17 && zoom < 19) {
// return {
// color: "#808080",
// weight: 10,
// opacity: 2,
// zIndex: 1000
// };
// } else if (zoom > 18 && zoom < 20) {
// return {
// color: "#808080",
// weight: 20,
// opacity: 2,
// zIndex: 1000
// };
// } else if (zoom > 19 && zoom < 21) {
// return {
// color: "#808080",
// weight: 30,
// opacity: 2,
// zIndex: 1000
// };
// } else if (zoom > 20 && zoom < 22) {
// return {
// color: "#808080",
// weight: 50,
// opacity: 2,
// zIndex: 1000
// };
// } else if (zoom > 21 && zoom < 23) {
// return {
// color: "#808080",
// weight: 60,
// opacity: 2,
// zIndex: 1000
// };
// }
// },
onEachFeature: function(feature, layer) {
if (feature.properties) {
......@@ -2535,6 +2528,25 @@
});
}
// $("#perbaikan_manage").click(function() {
// var x = window.matchMedia("(max-width: 700px)")
// if (x.matches) { // If media query matches
// swal({
// title: "Sorry",
// text: "Untuk di mobile tampilan manajemen perbaikan tidak mendukung, Silahkan akses menggunakan laptop atau PC",
// type: "warning",
// icon: "error",
// confirmButtonColor: "#00BCD4"
// })
//
// setTimeout(function() {
// $("#panel-sm2").removeClass('active')
// $("#manage_perbaikan").removeClass('active')
// $("#btn-hide-all").css("display", "none")
// }, 500);
// }
// })
$('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
$('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').css("right", "50px")
</script>
......@@ -2644,4 +2656,13 @@
<script>
$(".tombol-edit").html('ilang')
</script>
<style>
@media (max-width: 720px) {
#map>div.row>div.col-sm-4.input-group.content-group.head {
width: 80%;
margin-top: -15px;
margin-left: 10%;
}
}
</style>
{% endif %}
\ No newline at end of file
......@@ -632,7 +632,8 @@
<label class="col-lg-3 control-label lbl-top">Groups</label>
<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">
<option></option>
<option value="Select Group"></option>
</select>
</div>
</div>
......
......@@ -53,6 +53,12 @@
font-family: 'gilroyultralight';
src: url('/static/css/Gilroy-UltraLight.woff') format('woff');
}
@media (max-width: 720px) {
body>div>div:nth-child(1) {
display: none;
}
}
</style>
<body>
......
......@@ -18,6 +18,7 @@
<link href="{% static 'css/core.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/components.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/colors.css' %}" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="{% static 'css/layout-style.css' %}">
</head>
......@@ -27,10 +28,9 @@
width: 100%;
height: 100%;
background-size: 100% 100%;">
<!-- <div> -->
<div style=" position: absolute; background: url(/static/img/icon-1/bg4.svg); width: 50%; height: 25%; top: 65%; right: 10%; background-repeat: no-repeat; background-size: 100% 100%;"></div>
<div style="position: absolute;background: url(/static/img/icon-1/bg3.svg);width: 65%;height: 75%;top: 0;left: 35%;background-size: 100% 100%;z-index: 9;"></div>
<!-- </div> -->
<div class="row" style="height: 100vh;width: 100%;background-color: rgba(9, 9, 9, 0.3);margin:0px; overflow: hidden;">
<div class="col-md-4 centered" style="background:#1E2233; color:white; height: 100%; ">
<div style="margin-left: 10%;margin-right: 10%;">
......@@ -43,60 +43,93 @@
<div class="col-md-9" >
<div>
<span>Sistem Informasi</span>
<!-- <div class="img-features"></div>
<div class="d-none d-md-block" style="position: absolute;background: url(/static/img/icon-1/bg3.svg);width: 65%;height: 75%;top: 0;left: 35%;background-size: 100% 100%;z-index: 9;"></div>
<div>
<div class="row" style="height: 100vh;width: 100%;background-color: rgba(9, 9, 9, 0.3);margin:0px;">
<div class="col-md-4 col-sm-12" style="background:#1E2233;color:white">
<div style="margin-left: 10%; margin-right: 10%;">
<div class="text-center " style="margin-top: 40%;">
<div>
<div class="row">
<div class="col-md-3">
<img src="{% static 'img/icon-1/MapTrifold.svg' %}" alt="">
</div>
<div>
<span>Pembangunan OKU</span>
<div class="col-md-9">
<div>
<span>Sistem Informasi</span> -->
</div>
<div>
<span>Pembangunan OKU</span>
</div>
</div>
</div>
</div>
<div style="margin:10%">
<span>Login</span><span>&nbsp;Temanku!</span>
</div>
</div>
<div style="margin:10%">
<span>Login</span><span>&nbsp;Temanku!</span>
</div>
</div>
<form method="POST">
{% csrf_token %}
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control" placeholder="Username" name="username" id="username" required>
<div class="form-control-feedback">
<form method="POST">
{% csrf_token %}
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control" placeholder="Username" name="username" id="username" required style="padding-left:5px">
</div>
</div>
</div>
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" placeholder="Password" name="password" id="password" required>
<div class="form-control-feedback">
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" placeholder="Password" name="password" id="password" required style="padding-left:5px">
<input type="checkbox" onclick="changecur1()" id="passcur1" style="position: absolute;top: 31px;right: 10px;width: 20px;height: 20px;opacity: 0;z-index:1;cursor: pointer;">
<div id="matachange1" style="position: absolute;top: 35px;right: 10px;color:black">
<i class="icon-eye-blocked"></i>
</div>
</div>
</div>
</div>
<div class="form-group" style="margin-top: 50px;">
<button type="submit" class="btn btn-block" style="background-color: #4C97DC;">Log in</button>
</div> {% if messages %}
<div>
{% for message in messages %} {% if message.tags == 'error' %}
<div class="alert alert-danger" style="margin-top:10px">{{ message }}</div>
{% endif %} {% endfor %}
</div>
{% endif %}
</form>
</div>
<div class="form-group" style="margin-top: 50px;">
<button type="submit" class="btn btn-block" style="background-color: #4C97DC;">Log in</button>
</div> {% if messages %}
<div>
{% for message in messages %} {% if message.tags == 'error' %}
<div class="alert alert-danger" style="margin-top:10px">{{ message }}</div>
{% endif %} {% endfor %}
</div>
{% endif %}
</form>
</div>
</div>
<div class="col-md-8">
</div>
<div class="col-md-8 d-none d-md-block">
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
</body>
</html>
\ No newline at end of file
</html>
<script>
function changecur1() {
var checkBox = document.getElementById("passcur1");
var typ = document.getElementById("password");
if (checkBox.checked == true) {
$("#matachange1").html(`<i class="icon-eye"></i>`)
typ.type = 'text';
} else {
$("#matachange1").html(`<i class="icon-eye-blocked"></i>`)
typ.type = 'password';
}
}
</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