Skip to content

O
OKU-GIS
Commit 56e6d6c6 authored by Muhamad's avatar Muhamad
Browse files
Options

user_layout,dll

parent d943372a
Hide whitespace changes
Inline Side-by-side
Showing with 608 additions and 420 deletions
API/views.py
View file @ 56e6d6c6
...@@ -2276,7 +2276,6 @@ def createbang(request): ...@@ -2276,7 +2276,6 @@ def createbang(request):
tb = tibang tb = tibang
except: except:
tb = 0 tb = 0
print(tb)
try: try:
if ltbang == "" and tibang != "": if ltbang == "" and tibang != "":
...@@ -2288,21 +2287,24 @@ def createbang(request): ...@@ -2288,21 +2287,24 @@ def createbang(request):
ltb = ltbang ltb = ltbang
except: except:
ltb = 0 ltb = 0
print(ltb)
if kilimep == "": if kilimep == "":
pemilik = "unnamed" pemilik = "unnamed"
else: else:
pemilik = kilimep pemilik = kilimep
print(pemilik)
# try: # try:
with conn.cursor() as kel: with conn.cursor() as kel:
kel.execute("SELECT desa, kecamatan, kab_kota, provinsi FROM geo_data_kelurahan WHERE st_intersects(geom, 'SRID=4326;POINT(%s)'::geometry)"% latlng) kel.execute("SELECT desa, kecamatan, kab_kota, provinsi FROM geo_data_kelurahan WHERE st_intersects(geom, 'SRID=4326;POINT(%s)'::geometry)"% latlng)
adm = kel.fetchall() adm = kel.fetchall()
administrasi = adm[0] print(adm)
if adm == []:
administrasi = ["", "", "", ""]
else:
administrasi = adm[0]
with conn.cursor() as buldings: with conn.cursor() as buldings:
buldings.execute("""INSERT INTO geo_bangunan(geom, name, information, sumber, alamat, address_1, address_2, address_3, provinsi, no, luas_bangunan, luas_tanah, tinggi_bangunan, lantai, gambar, pemilik, point_id, point_name, type_id, remark, db_tipe) VALUES (ST_GeomFromEWKT('SRID=0;MULTIPOLYGON(((%s)))'), '%s', '%s', 'new', '%s', '%s', '%s', '%s', '%s', '0', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '1', '%s', '%s')"""% (p_create, name, info, alamat, administrasi[0], administrasi[1], administrasi[2], administrasi[3], lb, lt, tb, ltb, namafile, pemilik, pointopeto, napoi, rem, tdb)) buldings.execute("""INSERT INTO geo_bangunan(geom, name, information, sumber, alamat, address_1, address_2, address_3, provinsi, no, luas_bangunan, luas_tanah, tinggi_bangunan, lantai, gambar, pemilik, point_id, point_name, type_id, remark, db_tipe) VALUES (ST_GeomFromEWKT('SRID=0;MULTIPOLYGON(((%s)))'), '%s', '%s', 'new', '%s', '%s', '%s', '%s', '%s', '0', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '%s', '1', '%s', '%s')"""% (p_create, name, info, alamat, administrasi[0], administrasi[1], administrasi[2], administrasi[3], lb, lt, tb, ltb, namafile, pemilik, pointopeto, napoi, rem, tdb))
......
myauth/views.py
View file @ 56e6d6c6
...@@ -126,7 +126,26 @@ class Usermanagement(generic.TemplateView): ...@@ -126,7 +126,26 @@ class Usermanagement(generic.TemplateView):
ag.id = aug.group_id AND ag.id = aug.group_id AND
ag.id IN("""+ars+")" ag.id IN("""+ars+")"
else: else:
print('not staff') sql = """
SELECT
au.id,
au.username,
au.first_name,
au.last_name,
au.is_active,
au.last_login,
au.email,
ag.name,
au.is_staff,
au.is_superuser
FROM
auth_user au,
auth_user_groups aug,
auth_group ag
WHERE
au.id = aug.user_id AND
ag.id = aug.group_id AND
ag.id IN("""+ars+")"
userlist_.execute(sql) userlist_.execute(sql)
allUser = userlist_.fetchall() allUser = userlist_.fetchall()
...@@ -279,7 +298,7 @@ def addUser(request): ...@@ -279,7 +298,7 @@ def addUser(request):
} }
# data = {'sukses':'sukses'} # data = {'sukses':'sukses'}
return Response(data) return Response(data)
@api_view(('POST',)) @api_view(('POST',))
def listGroup(request): def listGroup(request):
......
static/js/maps.js
View file @ 56e6d6c6
var map = L.map('map', { editable: true, zoomControl: false, drawControl: true }).setView([-4.125826277307029, 104.1881561279297], 10); var map = L.map('map', { editable: true, zoomControl: false, drawControl: true }).setView([-4.117012285203445, 104.0673065185547], 10);
var pool = []; var pool = [];
...@@ -594,7 +594,7 @@ jQuery(document).ajaxSend(function(event, xhr, settings) { ...@@ -594,7 +594,7 @@ jQuery(document).ajaxSend(function(event, xhr, settings) {
// <input type="text" class="form-control" name="info_create" id="info_create" value=""><br> // <input type="text" class="form-control" name="info_create" id="info_create" value=""><br>
// <div class="row"> // <div class="row">
// <div class="col-md-2"> // <div class="col-md-2">
// </div> // </div>
// <div class="col-md-7"> // <div class="col-md-7">
// </div> // </div>
......
templates/includes/js-o.html
View file @ 56e6d6c6
...@@ -240,6 +240,7 @@ ...@@ -240,6 +240,7 @@
content = ` content = `
<a href="#" data-target="#modal_detail_kel" id="btn_detail_kelurahan" data-toggle="modal" data-target="#modal-edit-tuplah" data-backdrop="static" data-keyboard="false" style="right: 10px;position: absolute;margin-top: 375px;">Detail</a>
<table class="table tasks-list"> <table class="table tasks-list">
<thead style="text-align: center;"> <thead style="text-align: center;">
<tr> <tr>
...@@ -680,6 +681,10 @@ ...@@ -680,6 +681,10 @@
} }
}); });
}; };
$(document).on("click", "#btn_detail_kelurahan", function() {
});
$(document).on("click", "#btn_edit_kelurahan", function() { $(document).on("click", "#btn_edit_kelurahan", function() {
......
templates/includes/modal.html
View file @ 56e6d6c6
...@@ -709,6 +709,141 @@ ...@@ -709,6 +709,141 @@
</div> </div>
</div> </div>
</div> </div>
<div id="modal_detail_kel" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Informasi Umum</h6>
</div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="tab-pane has-padding" id="panel-tab2">
<div class="tab-pane" id="bottom-justified-data">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#left-tab1-feas-upl" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-upl" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="row">
<div class="col-md-5">
</div>
<div class="col-md-7">
<div class="tab-pane active" id="left-tab1-feas-upl">
<input type="text" class="hidden" id="poly_create_input_bang">
<input type="text" class="hidden" id="id_bang_perbaikan">
<input type="text" class="hidden" id="type_id_bang">
<div id="map-insert-renov-bang" style="height: 375px;width: 100%">
</div>
</div>
<div class="tab-pane" id="right-tab2-feas-upl">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Nama :</label>
<input type="text" id="nama_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Type :</label>
<input type="text" id="type_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Kelurahan :</label>
<input type="text" id="kelurahan_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Kecamatan :</label>
<input type="text" id="kecamatan_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Disetujui :</label>
<input type="date" id="tgldisetujui_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Mulai Perbaikan :</label>
<input type="date" id="tglmulaiperbaikan_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Selesai Perbaikan :</label>
<input type="date" id="tglselesaiperbaikan_bang" class="form-control" value="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Anggaran :</label>
<input type="text" id="anggaran_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Pihak yang Mengesahkan :</label>
<input type="text" id="pihakpengesahan_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Penanggung Jawab Lapangan :</label>
<input type="text" id="pjlapangan_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Kontraktor :</label>
<input type="text" id="kontraktor_bang" class="form-control" value="">
</div>
<!-- <div class="form-group">
<label>Panjang Jalan Keseluruhan :</label>
<input type="text" id="panjangjalanall" class="form-control" value="">
</div>
<div class="form-group">
<label>Panjang Jalan Perbaikan :</label>
<input type="text" id="panjangjalanperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Lebar Jalan Perbaikan :</label>
<input type="text" id="lebarjalanperbaikan" class="form-control" value="">
</div> -->
<div class="form-group">
<label>Jenis Perbaikan :</label>
<input type="text" id="jenisperbaikan_bang" class="form-control" value="">
</div>
<div class="form-group">
<label>Proposal (.pdf):</label>
<input type="file" id="proposal_bang">
</div>
<div class="form-group">
<label>Bukti Selesai Perbaikan (.png/.jpg/.jpeg/):</label>
<input type="file" id="buktiselesai_bang">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
<button type="button" id="btnsavevalidasi" class="btn btn-info">Save changes</button>
</div>
</div>
</div>
</div>
<!-- <!--
<script> <script>
$("#tipe_point").change(function() { $("#tipe_point").change(function() {
......
templates/includes/navbar.html
View file @ 56e6d6c6
...@@ -33,6 +33,8 @@ ...@@ -33,6 +33,8 @@
</a> </a>
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li><a href="{% url 'usermanagement' %}?page=userprofile"><i class="icon-user-tie"></i>User Profile</a></li>
{% if user.is_superuser or user.is_staff %} {% if user.is_superuser or user.is_staff %}
<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>
......
templates/layout/user_layout.html
View file @ 56e6d6c6
...@@ -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,8 +208,10 @@ ...@@ -212,8 +208,10 @@
</a> </a>
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
{% if user.is_superuser or user.is_staff %}
<li><a href="/"><i class="icon-home2"></i>Dashboard</a></li>
<li><a href="{% url 'usermanagement' %}?page=userprofile"><i class="icon-user-tie"></i>User Profile</a></li> <li><a href="{% url 'usermanagement' %}?page=userprofile"><i class="icon-user-tie"></i>User Profile</a></li>
{% if user.is_superuser or user.is_staff %}
<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 %}
...@@ -241,15 +239,13 @@ ...@@ -241,15 +239,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="#" class="media-left"><img src="{% static 'img/' %}{{us.filepath}}" class="img-circle img-sm" alt=""></a>
<a href="#" class="media-left"><img src="{% static 'img/' %}{{us.filepath}}" class="img-circle img-sm" alt=""></a>
{% else %}
{% else %} <a href="#" class="media-left"><img src="{% static '/img/placeholder.jpg' %}" class="img-circle img-sm" alt=""></a>
<a href="#" 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">
...@@ -277,8 +273,14 @@ ...@@ -277,8 +273,14 @@
<!-- Main --> <!-- Main -->
<li class="navigation-header"> <i class="icon-menu" title="Main pages"></i></li> <li class="navigation-header"> <i class="icon-menu" title="Main pages"></i></li>
<li><a href="/"><i class="icon-home2"></i>Dashboard</a></li>
{% if user.is_superuser or user.is_staff %}
<li><a href="?page=user" class="tablinks" id="defaultOpen"><i class="icon-user"></i><span>User Management</span></a></li> <li><a href="?page=user" class="tablinks" id="defaultOpen"><i class="icon-user"></i><span>User Management</span></a></li>
<li><a href="?page=group" class="tablinks" id="defaultOpen"><i class="icon-users4"></i><span>Group</span></a></li> <li><a href="?page=group" class="tablinks" id="defaultOpen"><i class="icon-users4"></i><span>Group</span></a></li>
{% else %}
<li><a href="#" class="tablinks" id="defaultOpen"><i class="icon-users4"></i><span>User Profile</span></a></li>
{% endif %}
<!-- <li><a class="tablinks" onclick="openInfo(event, 'info-penduduk')" id="defaultOpen"><span>Kependudukan</span></a></li> <!-- <li><a class="tablinks" onclick="openInfo(event, 'info-penduduk')" id="defaultOpen"><span>Kependudukan</span></a></li>
<li><a class="tablinks" onclick="openInfo(event, 'info-pendidikan')" id="defaultOpen"><span>Pendidikan</span></a></li> <li><a class="tablinks" onclick="openInfo(event, 'info-pendidikan')" id="defaultOpen"><span>Pendidikan</span></a></li>
<li><a class="tablinks" onclick="openInfo(event, 'info-pekerjaan')" id="defaultOpen"><span>Pekerjaan</span></a></li> <li><a class="tablinks" onclick="openInfo(event, 'info-pekerjaan')" id="defaultOpen"><span>Pekerjaan</span></a></li>
...@@ -298,6 +300,7 @@ ...@@ -298,6 +300,7 @@
<!-- Main content --> <!-- Main content -->
<!-- User management Tab --> <!-- User management Tab -->
{% if user.is_superuser or user.is_staff %}
<div class="content-wrapper" id="info-maps"> <div class="content-wrapper" id="info-maps">
<div> <div>
<!-- Page header --> <!-- Page header -->
...@@ -446,6 +449,9 @@ ...@@ -446,6 +449,9 @@
</div> </div>
</div> </div>
{% endif %}
<!-- content profile --> <!-- content profile -->
<div class="content-wrapper" id="userprofile" style="display: none;"> <div class="content-wrapper" id="userprofile" style="display: none;">
<div> <div>
...@@ -463,7 +469,7 @@ ...@@ -463,7 +469,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">
...@@ -488,25 +494,25 @@ ...@@ -488,25 +494,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>
...@@ -516,7 +522,7 @@ ...@@ -516,7 +522,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>
...@@ -526,7 +532,7 @@ ...@@ -526,7 +532,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>
...@@ -534,162 +540,162 @@ ...@@ -534,162 +540,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}}">
...@@ -699,293 +705,292 @@ ...@@ -699,293 +705,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>
...@@ -1056,15 +1061,15 @@ ...@@ -1056,15 +1061,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");
...@@ -1579,76 +1584,76 @@ ...@@ -1579,76 +1584,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
...@@ -1680,7 +1685,7 @@ ...@@ -1680,7 +1685,7 @@
} }
} }
}); });
} }
...@@ -1699,7 +1704,7 @@ ...@@ -1699,7 +1704,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();
...@@ -1735,10 +1740,8 @@ ...@@ -1735,10 +1740,8 @@
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}) })
} }
} }
}) })
}); });
</script> </script>
\ No newline at end of file
templates/maps/e.html
View file @ 56e6d6c6
...@@ -74,7 +74,8 @@ ...@@ -74,7 +74,8 @@
.leaflet-control-container { .leaflet-control-container {
display: none; display: none;
} }
.modal-backdrop{
.modal-backdrop {
display: none; display: none;
} }
</style> </style>
...@@ -225,7 +226,7 @@ ...@@ -225,7 +226,7 @@
</div> </div>
<div class="panel-body form-horizontal form-validate-jquery"> <div class="panel-body form-horizontal form-validate-jquery">
<div class="row"> <div class="row" style="margin-bottom: 20px;">
<div class="col-lg-7"> <div class="col-lg-7">
<div> <div>
<div id="map" class="map-container" style="padding-top: -100px; max-width:600px; max-height:385px;margin-bottom: 15px;"></div> <div id="map" class="map-container" style="padding-top: -100px; max-width:600px; max-height:385px;margin-bottom: 15px;"></div>
...@@ -319,8 +320,15 @@ ...@@ -319,8 +320,15 @@
</div> </div>
<div class="panel-body form-horizontal form-validate-jquery"> <div class="panel-body form-horizontal form-validate-jquery">
<div class="row"> <div class="row" style="margin-bottom: 20px;">
<div class="col-md-4" style="max-width: 335px;"> <div class="col-md-4" style="max-width: 335px;">
<div class="form-group text-center">
<h5 style="margin-top: 0px;margin-bottom: 10px;">
<b>
Informasi Umum
</b>
</h5>
</div>
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
<label class="col-lg-3 control-label">Jumlah Penduduk:</label> <label class="col-lg-3 control-label">Jumlah Penduduk:</label>
...@@ -380,6 +388,13 @@ ...@@ -380,6 +388,13 @@
</div> </div>
<div class="col-md-4" style="max-width: 400px;"> <div class="col-md-4" style="max-width: 400px;">
<div class="form-group text-center">
<h5 style="margin-top: 0px;margin-bottom: 10px;">
<b>
Agama
</b>
</h5>
</div>
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
...@@ -430,6 +445,13 @@ ...@@ -430,6 +445,13 @@
<div class="col-md-4" style="max-width: 400px;"> <div class="col-md-4" style="max-width: 400px;">
<div class="row"> <div class="row">
<div class="form-group text-center">
<h5 style="margin-top: 0px;margin-bottom: 10px;">
<b>
Umur (Usia)
</b>
</h5>
</div>
<div class="col-md-6"> <div class="col-md-6">
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
...@@ -586,7 +608,7 @@ ...@@ -586,7 +608,7 @@
</div> </div>
<div class="panel-body form-horizontal form-validate-jquery"> <div class="panel-body form-horizontal form-validate-jquery">
<div class="row"> <div class="row" style="margin-bottom: 20px;">
<div class="col-md-6" style="max-width: 500px;"> <div class="col-md-6" style="max-width: 500px;">
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
...@@ -710,7 +732,7 @@ ...@@ -710,7 +732,7 @@
<div class="panel-body form-horizontal form-validate-jquery"> <div class="panel-body form-horizontal form-validate-jquery">
<div class="row"> <div class="row" style="margin-bottom: 20px;">
<div class="col-md-4" style="max-width: 400px;"> <div class="col-md-4" style="max-width: 400px;">
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
...@@ -985,7 +1007,7 @@ ...@@ -985,7 +1007,7 @@
<div class="panel-body form-horizontal form-validate-jquery"> <div class="panel-body form-horizontal form-validate-jquery">
<div class="row"> <div class="row" style="margin-bottom: 20px;">
<div class="col-md-6" style="margin-left: 30px;max-width: 500px;"> <div class="col-md-6" style="margin-left: 30px;max-width: 500px;">
<fieldset> <fieldset>
<div class="form-group"> <div class="form-group">
...@@ -1040,9 +1062,9 @@ ...@@ -1040,9 +1062,9 @@
<div id="modal_theme_DEL" class="modal fade"> <div id="modal_theme_DEL" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content" style="width: 400px;margin-left: 100px;"> <div class="modal-content" style="width: 400px;margin-left: 100px;">
<div class="modal-header bg-info"> <div class="modal-header bg-info" style="background-color: #37474F;border-color: #37474F;">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Info header</h6> <h6 class="modal-title">Informasi Umum</h6>
</div> </div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;"> <div class="modal-body" style="max-height: 450px;overflow-y: auto;">
......
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