Skip to content

O
OKU-GIS
Commit 3cbf37f4 authored by Muhamad's avatar Muhamad
Browse files
Options

welcome, gabungan user rey

parent 7a1c1270
Show whitespace changes
Inline Side-by-side
Showing with 17797 additions and 3122 deletions
API/urls.py
View file @ 3cbf37f4
...@@ -20,6 +20,7 @@ urlpatterns = [ ...@@ -20,6 +20,7 @@ urlpatterns = [
path('editkependudukan/', views.editkependudukan, name='kependudukan'), path('editkependudukan/', views.editkependudukan, name='kependudukan'),
path('valideditkependudukan', views.valideditkependudukan, name='valideditkependudukan'),
path('editkantor', views.editpointka, name='editkantor'), path('editkantor', views.editpointka, name='editkantor'),
path('editlakes', views.editpointlk, name='editlakes'), path('editlakes', views.editpointlk, name='editlakes'),
path('editpks', views.editpointpks, name='editpks'), path('editpks', views.editpointpks, name='editpks'),
...@@ -44,7 +45,16 @@ urlpatterns = [ ...@@ -44,7 +45,16 @@ urlpatterns = [
path('terminal', views.editterminal, name='terminal'), path('terminal', views.editterminal, name='terminal'),
path('gardu', views.editgardu, name='gardu'), path('gardu', views.editgardu, name='gardu'),
path('hapus', views.hapus, name='hapus'),
path('tampak', views.upload_tampak, name='tampak'),
path('dkantor', views.deletekantoradmin, name='dkantor'),
path('change-tipe', views.changetipe, name='change-tipe'),
path('change-jenis', views.changejenis, name='change-jenis'),
path('c_bangunan', views.createbang, name='c_bangunan'), path('c_bangunan', views.createbang, name='c_bangunan'),
path('create-jalan', views.createjalan, name='create-jalan'),
path('create-point', views.createpoint, name='create-point'),
path('edit-tuplah', login_required(views.edittuplah), name='edit-tuplah'), path('edit-tuplah', login_required(views.edittuplah), name='edit-tuplah'),
path('edit-tuplah-valid', views.edittuplahvalid, name='edit-tuplah-valid'), path('edit-tuplah-valid', views.edittuplahvalid, name='edit-tuplah-valid'),
...@@ -53,7 +63,6 @@ urlpatterns = [ ...@@ -53,7 +63,6 @@ urlpatterns = [
path('edit-jalan-valid', views.editjalanvalid, name='edit-jalan-valid'), path('edit-jalan-valid', views.editjalanvalid, name='edit-jalan-valid'),
path('3d-maps', views.maps3d, name='3d-maps'), path('3d-maps', views.maps3d, name='3d-maps'),
path('deletejalan', views.deletejalan, name='hapus-jalan')
] ]
\ No newline at end of file
API/views.py
View file @ 3cbf37f4
This source diff could not be displayed because it is too large. You can view the blob instead.
Application/urls.py
View file @ 3cbf37f4
...@@ -13,10 +13,13 @@ urlpatterns = [ ...@@ -13,10 +13,13 @@ urlpatterns = [
path('perbaikan', views.perbaikanrenovasi, name='perbaikan'), path('perbaikan', views.perbaikanrenovasi, name='perbaikan'),
path('loadDetail', views.loadDetail, name='loadDetail'), path('loadDetail', views.loadDetail, name='loadDetail'),
path('input-perbaikan', views.inpuperbaikan, name='input-perbaikan'), path('input-perbaikan', views.inpuperbaikan, name='input-perbaikan'),
path('input-perbaikan-bang', views.inputperbaikanbangunan, name='input-perbaikan-bang'),
path('save-perbaikan', views.saveperbaikan, name='save-perbaikan'), path('save-perbaikan', views.saveperbaikan, name='save-perbaikan'),
path('save-perbaikan-bang', views.saveperbaikanbangunan, name='save-perbaikan-bang'),
path('load-jl-by-id-detail', views.loadbyiddetail, name='load-jl-by-id-detail'), path('load-jl-by-id-detail', views.loadbyiddetail, name='load-jl-by-id-detail'),
path('get-jalan-perbaikan', views.getjalanperbaikan, name='get-jalan-perbaikan'), path('get-jalan-perbaikan', views.getjalanperbaikan, name='get-jalan-perbaikan'),
path('get-detail-perbaikan', views.getdetailperbaikan, name='get-detail-perbaikan'), path('get-detail-perbaikan', views.getdetailperbaikan, name='get-detail-perbaikan'),
path('get-detail-perbaikan-bang', views.getdetailperbaikanbangunan, name='get-detail-perbaikan-bang'),
] ]
\ No newline at end of file
Application/views.py
View file @ 3cbf37f4
...@@ -9,7 +9,6 @@ from django.utils.decorators import method_decorator ...@@ -9,7 +9,6 @@ from django.utils.decorators import method_decorator
from django.db import connection as conn from django.db import connection as conn
# from edit import * # from edit import *
# Create your views here.
class Dashboard(generic.TemplateView): class Dashboard(generic.TemplateView):
template_name = "layout/layout.html" template_name = "layout/layout.html"
# @method_decorator(login_required(login_url='/login/')) # @method_decorator(login_required(login_url='/login/'))
...@@ -75,7 +74,8 @@ class Dashboard(generic.TemplateView): ...@@ -75,7 +74,8 @@ class Dashboard(generic.TemplateView):
geo_kantor_administrasi A geo_kantor_administrasi A
JOIN geo_prov_kab b ON st_intersects ( A.geom, b.geom ) JOIN geo_prov_kab b ON st_intersects ( A.geom, b.geom )
JOIN geo_data_kecamatan c ON st_intersects(A.geom, c.geom) JOIN geo_data_kecamatan c ON st_intersects(A.geom, c.geom)
join geo_data_kelurahan d on st_intersects(A.geom, d.geom)""") join geo_data_kelurahan d on st_intersects(A.geom, d.geom)
WHERE a.is_deleted = 0""")
kantor_administrasi_res = kantor_administrasi.fetchall() kantor_administrasi_res = kantor_administrasi.fetchall()
kantor_administrasi_result = [] kantor_administrasi_result = []
...@@ -466,7 +466,6 @@ class Dashboard(generic.TemplateView): ...@@ -466,7 +466,6 @@ class Dashboard(generic.TemplateView):
context = { context = {
'title':'Dashboard', 'title':'Dashboard',
'kelurahan':kel_res, 'kelurahan':kel_res,
...@@ -641,6 +640,29 @@ def inpuperbaikan(request): ...@@ -641,6 +640,29 @@ def inpuperbaikan(request):
respon = res_data[0] respon = res_data[0]
return Response(respon) return Response(respon)
@api_view(('GET',))
def inputperbaikanbangunan(request):
id = request.GET.get('id_bangunan')
with conn.cursor() as data_per:
data_per.execute("""
SELECT
name,
type_id,
json_build_object ( 'type', 'Feature', 'geometry', ST_AsGeoJSON ( geom :: geometry ) :: json ),
ID,
remark,
address_1,
address_2
FROM
geo_bangunan
WHERE
ID = %s
"""% id)
res_data = data_per.fetchall()
respon = res_data[0]
return Response(respon)
from django.core.files.storage import FileSystemStorage from django.core.files.storage import FileSystemStorage
import random import random
import re import re
...@@ -673,8 +695,8 @@ def saveperbaikan(request): ...@@ -673,8 +695,8 @@ def saveperbaikan(request):
fss_p = FileSystemStorage(location='media/proposal/') fss_p = FileSystemStorage(location='/var/www/django/oku.khansia.co.id/media/proposal/')
fss_b = FileSystemStorage(location='media/bukti_penyelesaian/') fss_b = FileSystemStorage(location='/var/www/django/oku.khansia.co.id/media/bukti_penyelesaian/')
coord = json.loads(str(coor)) coord = json.loads(str(coor))
...@@ -694,6 +716,7 @@ def saveperbaikan(request): ...@@ -694,6 +716,7 @@ def saveperbaikan(request):
ll = ll.replace("[[","(") ll = ll.replace("[[","(")
coordinat = f'MULTILINESTRING({ll})' coordinat = f'MULTILINESTRING({ll})'
print(ll)
if coord['features'][0]['geometry']['type'] == 'Polygon': if coord['features'][0]['geometry']['type'] == 'Polygon':
print('tidakoke') print('tidakoke')
...@@ -705,7 +728,8 @@ def saveperbaikan(request): ...@@ -705,7 +728,8 @@ def saveperbaikan(request):
filename_p = fss_p.save(nproposal, proposal) filename_p = fss_p.save(nproposal, proposal)
url_p = fss_p.url(filename_p) url_p = fss_p.url(filename_p)
nbukti = f"{name}_{num}.{format[-1:][0]}" format_ = (bukti_selesai.name).split(".")
nbukti = f"{name}_{num}.{format_[-1:][0]}"
nbukti = nbukti.replace(" ","-") nbukti = nbukti.replace(" ","-")
filename_b = fss_b.save(nbukti, bukti_selesai) filename_b = fss_b.save(nbukti, bukti_selesai)
url_b = fss_b.url(filename_b) url_b = fss_b.url(filename_b)
...@@ -770,7 +794,145 @@ def saveperbaikan(request): ...@@ -770,7 +794,145 @@ def saveperbaikan(request):
jenis_perbaikan, jenis_perbaikan,
coordinat)) coordinat))
conn.commit() conn.commit()
data = "Alhamdulilah" data = "Sukses"
info = "Data Telah Berhasil di Perbaharui"
code = 0
except:
data = "Pastikan Semua Data Terisi Termasuk Proposal dan Bukti Selesai"
info = "Oops"
code = 1
respon = {"data":data,"info":info,"code":code}
return Response(respon)
# from django.core.files.storage import FileSystemStorage
# import random
# import re
# import json
@api_view(('POST',))
def saveperbaikanbangunan(request):
type_id = '1'
id_object = request.POST.get("object_idbang")
name = request.POST.get("namebang")
type = request.POST.get("typebang")
# tgl_pembuatan = request.POST.get("tgl_pembuatanbang")
tgl_perbaikan = request.POST.get("tgl_perbaikanbang")
tgl_disetujui = request.POST.get("tgl_disetujuibang")
anggaran = request.POST.get("anggaranbang")
pj = request.POST.get("pjbang")
pj_lapangan = request.POST.get("pj_lapanganbang")
kontraktor = request.POST.get("kontraktorbang")
jenis_perbaikan = request.POST.get("jenis_perbaikanbang")
coor = request.POST.get("coordbang")
# for co in coor['features']:
# ll = coor['geometry']['coordinates']
# ll += ll
# ll = ll.replace(", "," ")
# ll = ll.replace("]][[","),(")
# ll = ll.replace("] [",", ")
# ll = ll.replace("]]",")")
# ll = ll.replace("[[","(")
# corcoran = ll
# p_create = coor.replace('"','')
# po_create = p_create.replace(', ','],[')
# cood_edit = json.loads(coor)
# co_edit = cood_edit['geometry']['coordinates']
yak = str(coor)
suk = yak.replace("""{"type":"Feature","properties":{},"geometry":{"type":"Polygon","coordinates":""","")
sik = suk.replace("""}}""","")
cor = sik.replace("""[[[""","((")
coran = cor.replace("""]]]""","))")
ll = coran.replace(","," ")
ii = ll.replace("] [",",")
corcoran = f'MULTIPOLYGON({ii})'
print("-------------------")
print(str(corcoran))
print("-------------------")
# print(yak)
tgl_selesai = request.POST.get("tgl_selesaibang")
proposal = request.FILES.get("proposal_bang")
bukti_selesai = request.FILES.get("bukti_selesai_bang")
print((proposal.name).split("."))
print((bukti_selesai.name).split("."))
fss_p = FileSystemStorage(location='/var/www/django/oku.khansia.co.id/media/proposal/')
fss_b = FileSystemStorage(location='/var/www/django/oku.khansia.co.id/media/bukti_penyelesaian/')
try:
format1 = (proposal.name).split(".")
num = random.randrange(1, 10000000000000)
nproposal = f"{name}_{num}.{format1[-1:][0]}"
nproposal = nproposal.replace(" ","-")
filename_p = fss_p.save(nproposal, proposal)
url_p = fss_p.url(filename_p)
format2 = (bukti_selesai.name).split(".")
nbukti = f"{name}_{num}.{format2[-1:][0]}"
nbukti = nbukti.replace(" ","-")
filename_b = fss_b.save(nbukti, bukti_selesai)
url_b = fss_b.url(filename_b)
with conn.cursor() as data_per:
data_per.execute("""
INSERT INTO tbl_perbaikan (
type_id,
id_object,
name,
type,
tgl_selesai,
tgl_perbaikan,
tgl_disetujui,
anggaran,
proposal,
bukti_selesai,
pj,
pj_lapangan,
kontraktor,
jenis_perbaikan,
geom
)
VALUES
(
%s,
%s,
'%s',
'%s',
'%s',
'%s',
'%s',
%s,
'%s',
'%s',
'%s',
'%s',
'%s',
'%s',
ST_GeomFromText('%s')
)
"""% (
int(type_id),
int(id_object),
name,
type,
tgl_selesai,
tgl_perbaikan,
tgl_disetujui,
int(anggaran),
nproposal,
nbukti,
pj,
pj_lapangan,
kontraktor,
jenis_perbaikan,
corcoran))
conn.commit()
data = "Sukses"
info = "Data Telah Berhasil di Perbaharui" info = "Data Telah Berhasil di Perbaharui"
code = 0 code = 0
...@@ -881,6 +1043,60 @@ def getdetailperbaikan(request): ...@@ -881,6 +1043,60 @@ def getdetailperbaikan(request):
respon =res_all respon =res_all
return Response(respon) return Response(respon)
@api_view(('GET',))
def getdetailperbaikanbangunan(request):
id_object = request.GET.get('id')
with conn.cursor() as data_per:
data_per.execute("""
SELECT
gl.NAME,
tp.name,
gj.remark,
tp.tgl_pembuatan,
tp.tgl_perbaikan,
tp.tgl_selesai,
tp.anggaran,
tp.pj,
tp.pj_lapangan,
tp.kontraktor,
ST_AsGeoJSON ( tp.geom :: geometry ) :: json,
tp.id_object,
tp.id,
tp.proposal,
tp.bukti_selesai,
tp.jenis_perbaikan
FROM
tbl_perbaikan tp
JOIN geo_label gl ON gl.ID = tp.type_id
JOIN geo_bangunan gj ON gj.ID = tp.id_object
where tp.id_object = %s
order by tp.tgl_perbaikan desc"""% id_object)
res_perbaikan = data_per.fetchall()
res_all = []
for j in res_perbaikan:
data_all = {
'name':j[1],
'type':j[2],
'tgl_pembuatan':j[3],
'tgl_perbaikan':j[4],
'tgl_selesai':j[5],
'anggaran':j[6],
'pj':j[7],
'pj_lapangan':j[8],
'kontraktor':j[9],
'geometry':j[10],
'id_object':j[11],
'id':j[12],
'proposal':j[13],
'bukti_selesai':j[14],
'jenis_perbaikan':j[15]
}
res_all.append(data_all)
respon = res_all
return Response(respon)
@api_view(('GET',)) @api_view(('GET',))
def editkelurahan(request): def editkelurahan(request):
kode_dagri = request.GET.get('kode_dagri') kode_dagri = request.GET.get('kode_dagri')
......
OKU/settings.py
View file @ 3cbf37f4
...@@ -26,8 +26,7 @@ SECRET_KEY = 'django-insecure-t)zg+)tht0@ifbme@$@az0wz@qx(6r-2razt*rz)o1sasos@6! ...@@ -26,8 +26,7 @@ SECRET_KEY = 'django-insecure-t)zg+)tht0@ifbme@$@az0wz@qx(6r-2razt*rz)o1sasos@6!
# SECURITY WARNING: don't run with debug turned on in production! # SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True DEBUG = True
ALLOWED_HOSTS = [] ALLOWED_HOSTS = ['temanku.okukab.go.id','localhost']
# Application definition # Application definition
...@@ -60,7 +59,7 @@ ROOT_URLCONF = 'OKU.urls' ...@@ -60,7 +59,7 @@ ROOT_URLCONF = 'OKU.urls'
TEMPLATES = [ TEMPLATES = [
{ {
'BACKEND': 'django.template.backends.django.DjangoTemplates', 'BACKEND': 'django.template.backends.django.DjangoTemplates',
'DIRS': ['templates'], 'DIRS': [r'templates'],
'APP_DIRS': True, 'APP_DIRS': True,
'OPTIONS': { 'OPTIONS': {
'context_processors': [ 'context_processors': [
...@@ -87,8 +86,6 @@ DATABASES = { ...@@ -87,8 +86,6 @@ DATABASES = {
'PASSWORD' : 'khansia215758', 'PASSWORD' : 'khansia215758',
'HOST': '30.10.20.102', 'HOST': '30.10.20.102',
'PORT': '5432', 'PORT': '5432',
# 'HOST': '103.126.28.66',
# 'PORT': '8082',
} }
} }
...@@ -142,9 +139,14 @@ STATICFILES_DIRS = ( ...@@ -142,9 +139,14 @@ STATICFILES_DIRS = (
os.path.join(BASE_DIR,'static'), os.path.join(BASE_DIR,'static'),
) )
TEMPLATE_DIRS = (
'/templates',
)
STATIC_ROOT = '/static/' STATIC_ROOT = '/static/'
LOGIN_REDIRECT_URL = '/' LOGIN_REDIRECT_URL = '/welcome'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media') MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/' MEDIA_URL = '/media/'
OKU/urls.py
View file @ 3cbf37f4
...@@ -35,5 +35,10 @@ urlpatterns = [ ...@@ -35,5 +35,10 @@ urlpatterns = [
path('loadUserbyId/', views.loadUserbyId, name="loadUserbyId"), path('loadUserbyId/', views.loadUserbyId, name="loadUserbyId"),
path('addGroup/', views.addGroup, name="addGroup"), path('addGroup/', views.addGroup, name="addGroup"),
path('deleteGroup/', views.deleteGroup, name="deleteGroup"), path('deleteGroup/', views.deleteGroup, name="deleteGroup"),
path('getGroupById/', views.loadGroupByGroupId, name='getGroupById') path('getGroupById/', views.loadGroupByGroupId, name='getGroupById'),
path('userprofile/', views.Userprofile.as_view(), name='userprofile'),
path('changepassword/', views.changepassword, name="changepassword"),
path('editprofile/', views.editprofile, name='editprofile'),
path('editpp/', views.editpp, name='editpp'),
path('welcome', views.welcom)
]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) ]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
media/proposal/Gg.-gang_140814372193.xls 0 → 100644
View file @ 3cbf37f4
<table border='2px'><tr bgcolor='#87AFC6'>
<th>No.</th>
<th>Nama</th>
<th>Type</th>
<th>Tanggal Perbaikan</th>
<th>Anggaran</th>
<th>Penanggung Jawab</th>
<th>Penanggung Jawab Lapangan</th>
<th>Kontraktor</th>
<th>Jenis Perbaikan</th>
<th>Proposal</th>
<th>Bukti Penyelesaian</th>
</tr>
<td>0</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-09</td>
<td>1234324</td>
<td>hiya</td>
<td>hiya</td>
<td>hiya</td>
<td>hiya</td>
<td><a href="media/proposal/tes_476899655499.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_476899655499.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr>
<td>1</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-07</td>
<td>1000</td>
<td>zkkbh</td>
<td>asbjksajk</td>
<td>asojiojias</td>
<td>saoksaojk</td>
<td><a href="media/proposal/tes_1012149844003.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_1012149844003.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr>
<td>2</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-05</td>
<td>124325</td>
<td>asdas</td>
<td>asdsa</td>
<td>asdsad</td>
<td>asdasdd</td>
<td><a href="media/proposal/tes_8065285387402.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_8065285387402.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr>
<td>3</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-05</td>
<td>124325</td>
<td>asdas</td>
<td>asdsa</td>
<td>asdsad</td>
<td>asdasdd</td>
<td><a href="media/proposal/tes_8535831023977.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_8535831023977.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr></table>
\ No newline at end of file
media/proposal/_6417914669748.xls 0 → 100644
View file @ 3cbf37f4
<table border='2px'><tr bgcolor='#87AFC6'>
<th>No.</th>
<th>Nama</th>
<th>Type</th>
<th>Tanggal Perbaikan</th>
<th>Anggaran</th>
<th>Penanggung Jawab</th>
<th>Penanggung Jawab Lapangan</th>
<th>Kontraktor</th>
<th>Jenis Perbaikan</th>
<th>Proposal</th>
<th>Bukti Penyelesaian</th>
</tr>
<td>0</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-09</td>
<td>1234324</td>
<td>hiya</td>
<td>hiya</td>
<td>hiya</td>
<td>hiya</td>
<td><a href="media/proposal/tes_476899655499.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_476899655499.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr>
<td>1</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-07</td>
<td>1000</td>
<td>zkkbh</td>
<td>asbjksajk</td>
<td>asojiojias</td>
<td>saoksaojk</td>
<td><a href="media/proposal/tes_1012149844003.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_1012149844003.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr>
<td>2</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-05</td>
<td>124325</td>
<td>asdas</td>
<td>asdsa</td>
<td>asdsad</td>
<td>asdasdd</td>
<td><a href="media/proposal/tes_8065285387402.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_8065285387402.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr>
<td>3</td>
<td>tes</td>
<td>Kantor DPRD</td>
<td>2021-08-05</td>
<td>124325</td>
<td>asdas</td>
<td>asdsa</td>
<td>asdsad</td>
<td>asdasdd</td>
<td><a href="media/proposal/tes_8535831023977.pdf" id="downloadproposal">View</a></td>
<td><a href="media/bukti_penyelesaian/tes_8535831023977.pdf" onclick="viewBukti()" id="view-bukti">View</a></td>
</tr></table>
\ No newline at end of file
myauth/views.py
View file @ 3cbf37f4
from django.contrib import auth
from django.db.models.expressions import F from django.db.models.expressions import F
from django.http import request, response from django.http import request, response
from django.views import View, generic from django.views import View, generic
...@@ -12,6 +13,11 @@ from django.contrib.auth.hashers import make_password ...@@ -12,6 +13,11 @@ from django.contrib.auth.hashers import make_password
from rest_framework import status from rest_framework import status
from rest_framework.decorators import api_view, renderer_classes from rest_framework.decorators import api_view, renderer_classes
from rest_framework.response import Response from rest_framework.response import Response
import socket
from django.contrib.auth import authenticate
from django.core.files.storage import FileSystemStorage
import random
import string
...@@ -30,9 +36,28 @@ class CustomLogoutView(LogoutView): ...@@ -30,9 +36,28 @@ class CustomLogoutView(LogoutView):
template_name = 'user/login.html' template_name = 'user/login.html'
next_page = 'login' next_page = 'login'
class Userprofile(generic.TemplateView):
template_name = 'user/user_profile.html'
def get(self, request):
with conn.cursor() as userprop_:
userprop_.execute("SELECT * FROM auth_user")
alluser = userprop_.fetchall()
res = []
print("")
for roww in alluser:
print(roww[0])
context = {
'data': res
}
return render(request, self.template_name, context)
class Usermanagement(generic.TemplateView): class Usermanagement(generic.TemplateView):
template_name = "layout/user_layout.html" template_name = "layout/user_layout.html"
# print("disini")
# print(make_password("kontolbadag"))
def get(self, request): def get(self, request):
with conn.cursor() as userlist_: with conn.cursor() as userlist_:
...@@ -143,10 +168,36 @@ class Usermanagement(generic.TemplateView): ...@@ -143,10 +168,36 @@ class Usermanagement(generic.TemplateView):
} }
group_res.append(datas) group_res.append(datas)
current_user = request.user
thisUser = current_user.id
# print()
sql = "select * from auth_user where id = "+str(thisUser)
with conn.cursor() as userprop:
userprop.execute(sql)
us = userprop.fetchall()
user_data = []
for row in us:
datas = {
"id": row[0],
"username": row[4],
"firstname": row[5],
"lastname": row[6],
"email" : row[7],
"filepath": row[11],
# "password": row[1]
}
user_data.append(datas)
print(user_data)
context = { context = {
'title' : 'user management', 'title' : 'user management',
'data' : user_res, 'data' : user_res,
'dataGroup' : group_res 'dataGroup' : group_res,
'thisUser' : user_data
} }
...@@ -580,3 +631,130 @@ def loadGroupByGroupId(request): ...@@ -580,3 +631,130 @@ def loadGroupByGroupId(request):
"data": "group tidak memiliki parent" "data": "group tidak memiliki parent"
} }
return Response(data) return Response(data)
@api_view(('POST',))
def changepassword(request):
if request.method == "POST":
iduser = request.POST.get('id')
currentpassword = request.POST.get('currPass')
newpassword = request.POST.get('newPass')
renewpassword = request.POST.get('renewPass')
username = request.POST.get('username')
user = authenticate(username=username, password=currentpassword)
if user is not None:
if newpassword == renewpassword:
with conn.cursor() as concur:
sql = "UPDATE auth_user SET password = '"+make_password(newpassword)+"' WHERE id ="+iduser
print(sql)
concur.execute(sql)
reschange = concur.rowcount
if reschange > 0:
data = {
"baseurl" : request.META['HTTP_HOST'],
"code" : 0,
"info" : "Sukses",
"data" : "Password berhasil diperbaharui, silahkan login kembali untuk melanjutkan"
}
else:
data = {
"code" : 4,
"info" : "Gagal",
"data" : "Password gagal diperbaharui, silahkan coba kembali"
}
else:
data = {
"code" : 4,
"info" : "Gagal",
"data" : "Password baru tidak sesuai"
}
else:
data = {
"code" : 4,
"info" : "Gagal",
"data" : "Password salah"
}
return Response(data)
@api_view(('POST',))
def editprofile(request):
if request.method == 'POST':
iduser = request.POST.get('id')
firstname = request.POST.get('first_name')
lastname = request.POST.get('last_name')
email = request.POST.get('email')
with conn.cursor() as edtprop:
sql = "UPDATE auth_user SET first_name = '"+firstname+"', last_name ='"+lastname+"', email ='"+email+"' WHERE id = "+iduser
edtprop.execute(sql)
res = edtprop.rowcount
if(res > 0):
data = {
"code" : 0,
"info" : "Sukses",
"data" : "Profile berhasil diubah"
}
else:
data = {
"code" : 4,
"info" : "Gagal",
"data" : "Profile gagal diperbaharui, silahkan coba kembali"
}
return Response(data)
@api_view(('POST',))
def editpp(request):
if request.method == 'POST':
file = request.FILES.get('inifile')
iduser = request.POST.get('id')
fss = FileSystemStorage(location='static/img/')
try:
letters = string.ascii_letters
resrand = ''.join(random.choice(letters) for i in range(100))
format = (file.name).split(".")
namafile = f"{resrand}.{format[-1:][0]}"
filename = fss.save(namafile, file)
url = fss.url(filename)
with conn.cursor() as concur:
sql = "UPDATE auth_user SET file_path = '"+namafile+"' WHERE id = "+iduser
concur.execute(sql)
resupd = concur.rowcount
if resupd > 0:
data = {
"code" : 0,
"info" : "Sukses",
"data" : "Foto profil berhasil diperbaharui"
}
else:
data = {
"code" : 4,
"info" : "Gagal",
"data" : "Foto profil gagal diperbaharui, silahkan coba kembali"
}
except:
data = {
"code" : 3,
"info" : "Gagal",
"data" : "Foto profil gagal diperbaharui, silahkan coba kembali"
}
return Response(data)
def welcom(request):
return render(request, "layout/welcome.html")
\ No newline at end of file
static/img/icon/3d_army.svg 0 → 100644
View file @ 3cbf37f4
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1200" height="1200" viewBox="0 0 1200 1200"><circle stroke="none" fill="#9b1e20" r="48%" cx="50%" cy="50%"></circle><g transform="translate(600 600) scale(0.69 0.69) rotate(0) translate(-600 -600)" style="fill:#e3e3e3"><svg fill="#e3e3e3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><g><path d="M299.2,325.95c-0.004,0-0.008,0-0.011,0l-44.671,0.071l-13.71-42.523c-0.932-2.891-3.623-4.851-6.661-4.852 c0,0-0.001,0-0.001,0c-3.037,0-5.728,1.959-6.661,4.85l-13.731,42.525l-44.652-0.071c-0.004,0-0.007,0-0.011,0 c-3.031,0-5.719,1.952-6.657,4.835c-0.939,2.888,0.09,6.051,2.549,7.833l36.182,26.225l-13.887,42.496 c-0.944,2.889,0.083,6.055,2.542,7.84c1.226,0.89,2.669,1.335,4.112,1.335c1.45,0,2.899-0.449,4.129-1.348l36.085-26.358 l36.066,26.357c2.451,1.793,5.782,1.797,8.241,0.014c2.459-1.784,3.486-4.951,2.542-7.84l-13.888-42.494l36.2-26.226 c2.459-1.781,3.489-4.945,2.551-7.833C304.92,327.902,302.232,325.95,299.2,325.95z M254.761,356.5 c-2.462,1.784-3.491,4.953-2.547,7.844l8.729,26.709l-22.667-16.565c-2.459-1.798-5.799-1.797-8.259-0.001l-22.691,16.575 l8.731-26.718c0.944-2.89-0.084-6.059-2.546-7.843l-22.787-16.517l28.112,0.045c0.004,0,0.007,0,0.011,0 c3.037,0,5.728-1.959,6.661-4.85l8.633-26.736l8.62,26.734c0.932,2.892,3.624,4.852,6.662,4.852c0.003,0,0.007,0,0.011,0 l28.125-0.045L254.761,356.5z"></path><path d="M420.315,9.002H135.411c-3.866,0-7,3.134-7,7v33.936H91.685c-3.866,0-7,3.134-7,7v40.235v53.631v53.672v53.631V409.59 c0,2.447,1.278,4.716,3.37,5.985l142.461,86.405c1.115,0.677,2.373,1.015,3.63,1.015s2.515-0.339,3.63-1.015l142.441-86.405 c2.092-1.27,3.369-3.538,3.369-5.985v-10.509l40.354-24.439c2.095-1.269,3.374-3.539,3.374-5.987V16.002 C427.315,12.136,424.182,9.002,420.315,9.002z M135.411,63.938h234.176v26.235H98.685V63.938H135.411z M98.685,104.173h270.902 v39.631H98.685V104.173z M98.685,157.804h270.902v39.672H98.685V157.804z M98.685,211.476h270.902v39.631H98.685V211.476z M369.587,405.648l-135.441,82.159L98.685,405.648V265.107h270.902v130.029V405.648z M413.315,364.71l-29.729,18.004V258.107 v-53.631v-53.672V97.173V56.938c0-3.866-3.134-7-7-7H142.411V23.002h270.904V364.71z"></path></g></svg></g></svg>
\ No newline at end of file
static/img/icon/3d_jail.svg 0 → 100644
View file @ 3cbf37f4
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1200" height="1200" viewBox="0 0 1200 1200"><circle stroke="none" fill="#1e5c9b" r="48%" cx="50%" cy="50%"></circle><g transform="translate(600 600) scale(0.69 0.69) rotate(0) translate(-600 -600)" style="fill:#e3e3e3"><svg fill="#e3e3e3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" viewBox="0 0 101 101" version="1.1" xml:space="preserve" style="" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><rect serif:id="Page 87" x="0.792" y="0.866" width="100" height="100" style="" fill="none"></rect><path d="M10.752,19.212l80.08,0l-0,-13.346l-80.08,-0l0,13.346Z"></path><rect x="17.25" y="10.039" width="13.347" height="80.079"></rect><rect x="35.163" y="10.039" width="13.347" height="80.079"></rect><path d="M10.752,95.866l80.08,-0l-0,-13.347l-80.08,0l0,13.347Z"></path><path d="M66.421,48.868l0,-38.829l-13.346,0l-0,80.08l13.346,-0l0,-27.335l-6.958,-6.958l6.958,-6.958Z"></path><path d="M70.987,48.868l-0,-38.829l13.346,0l0,80.08l-13.346,-0l-0,-27.335l6.958,-6.958l-6.958,-6.958Z"></path></svg></g></svg>
\ No newline at end of file
static/img/icon/3d_kadm.svg 0 → 100644
View file @ 3cbf37f4
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1200" height="1200" viewBox="0 0 1200 1200"><circle stroke="none" fill="#666666" r="48%" cx="50%" cy="50%"></circle><g transform="translate(600 600) scale(0.69 0.69) rotate(0) translate(-600 -600)" style="fill:#E3E3E3"><svg fill="#E3E3E3" xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="-949 951 100 100" style="enable-background:new -949 951 100 100;" xml:space="preserve"><g><g i:extraneous="self"><g><path d="M-854.4,1039.6h-4.6v-5.6c0-0.5-0.4-0.8-0.8-0.8h-78.3c-0.5,0-0.8,0.4-0.8,0.8v5.6h-4.6c-0.5,0-0.8,0.4-0.8,0.8v7.2 c0,0.5,0.4,0.8,0.8,0.8h89.3c0.5,0,0.8-0.4,0.8-0.8v-7.2C-853.5,1040-853.9,1039.6-854.4,1039.6z"></path><path d="M-942.8,985.3h87.6c0.9,0,1.7-0.7,1.7-1.7v-2.9c0-0.8-0.5-1.6-1.2-2l-42.9-24.8c-0.9-0.5-1.9-0.5-2.8,0l-42.8,24.8 c-0.7,0.4-1.2,1.1-1.2,2v2.9C-944.5,984.6-943.7,985.3-942.8,985.3z M-899,966.3c2.4,0,4.3,1.9,4.3,4.3c0,2.4-1.9,4.3-4.3,4.3 s-4.3-1.9-4.3-4.3C-903.3,968.2-901.4,966.3-899,966.3z"></path><path d="M-924.8,991.6c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-8.9c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8 h1.1v35.3h-1.1c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8h8.9c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-1.1 v-35.3H-924.8z"></path><path d="M-864.4,991.6c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-8.9c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8 h1.1v35.3h-1.1c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8h8.9c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-1.1 v-35.3H-864.4z"></path><path d="M-879.5,991.6c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-8.9c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8 h1.1v35.3h-1.1c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8h8.9c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-1.1 v-35.3H-879.5z"></path><path d="M-894.6,991.6c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-8.9c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8 h1.1v35.3h-1.1c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8h8.9c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-1.1 v-35.3H-894.6z"></path><path d="M-909.7,991.6c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-8.9c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8 h1.1v35.3h-1.1c-0.5,0-0.8,0.4-0.8,0.8v2.6c0,0.5,0.4,0.8,0.8,0.8h8.9c0.5,0,0.8-0.4,0.8-0.8v-2.6c0-0.5-0.4-0.8-0.8-0.8h-1.1 v-35.3H-909.7z"></path></g></g></g></svg></g></svg>
\ No newline at end of file
static/img/icon/3d_police.svg 0 → 100644
View file @ 3cbf37f4
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1200" height="1200" viewBox="0 0 1200 1200"><circle stroke="none" fill="#1e5c9b" r="48%" cx="50%" cy="50%"></circle><g transform="translate(600 600) scale(0.69 0.69) rotate(0) translate(-600 -600)" style="fill:#e3e3e3"><svg fill="#e3e3e3" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100"><g transform="translate(0,-952.36218)"><path style="color:#000000;enable-background:accumulate;" d="M 27.09375,959.7372 13.5625,973.95595 C 26.570111,985.33682 11.5,996.05157 11.5,1009.456 c 0,9.9464 12.604048,30.5737 38.5,35.5312 25.895953,-4.9575 38.5,-25.5848 38.5,-35.5312 0,-13.40444 -15.101358,-24.11919 -2.09375,-35.50005 L 72.875,959.7372 c -6.09817,3.68327 -14.178225,6.09375 -22.875,6.09375 -8.696775,0 -16.808079,-2.41048 -22.90625,-6.09375 z M 50,983.08095 l 5.21875,14.21875 14.53125,0 -12.46875,8.125 5.21875,14.1875 -12.5,-8.125 -12.5,8.125 5.21875,-14.1875 -12.5,-8.125 14.5625,0 L 50,983.08095 z" fill="#e3e3e3" fill-opacity="1" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"></path></g></svg></g></svg>
\ No newline at end of file
templates/includes/content.html 0 → 100644
View file @ 3cbf37f4
{% load static %}
<div class="content-wrapper mymodal" id="input_perbaikan" style="display: none;padding: 60px;">
<div class="content" style="padding: 15px;max-height: 550px;">
<!-- Main charts -->
<div class="panel panel-flat" style="display: none;">
<div class="panel-body" style="padding-top: 10px;">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<button type="button" class="close" onclick="destroyWraper()">&times;</button>
<li class="active"><a href="#left-tab-input-coordinat" data-toggle="tab">Koordinat</a></li>
<li><a href="#right-tab-input-informasi" data-toggle="tab">Insert Informasi</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="left-tab-input-coordinat">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<input type="text" class="hidden" id="poly_create_input">
<input type="text" class="hidden" id="id_jalan_perbaikan">
<input type="text" class="hidden" id="type_id">
<div id="map-insert" style="height: 375px;width: 100%">
</div>
</div>
</div>
<div class="tab-pane" id="right-tab-input-informasi">
<div class="modal-body" style="max-height: 415px;overflow-y: auto;">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Nama Jalan :</label>
<input type="text" id="namajalan" class="form-control" value="">
</div>
<div class="form-group">
<label>Type Jalan :</label>
<input type="text" id="typejalan" class="form-control" value="">
</div>
<div class="form-group">
<label>Kelurahan :</label>
<input type="text" id="kelurahan" class="form-control" value="">
</div>
<div class="form-group">
<label>Kecamatan :</label>
<input type="text" id="kecamatan" class="form-control" value="">
</div>
<div class="form-group">
<label>Anggaran :</label>
<input type="text" id="anggaran" class="form-control" value="">
</div>
<div class="form-group">
<label>Pihak yang Mengesahkan :</label>
<input type="text" id="pihakpengesahan" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Disetujui :</label>
<input type="date" id="tgldisetujui" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Mulai Perbaikan :</label>
<input type="date" id="tglmulaiperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Tanggal Selesai Perbaikan :</label>
<input type="date" id="tglselesaiperbaikan" class="form-control" value="">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Penanggung Jawab Lapangan :</label>
<input type="text" id="pjlapangan" class="form-control" value="">
</div>
<div class="form-group">
<label>Kontraktor :</label>
<input type="text" id="kontraktor" class="form-control" value="">
</div>
<div class="form-group">
<label>Panjang Jalan Keseluruhan :</label>
<input type="text" id="panjangjalanall" class="form-control" value="">
</div>
<div class="form-group">
<label>Panjang Jalan Perbaikan :</label>
<input type="text" id="panjangjalanperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Lebar Jalan Perbaikan :</label>
<input type="text" id="lebarjalanperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Jenis Perbaikan :</label>
<input type="text" id="jenisperbaikan" class="form-control" value="">
</div>
<div class="form-group">
<label>Proposal (.pdf):</label>
<input type="file" id="proposal">
</div>
<div class="form-group">
<label>Bukti Selesai Perbaikan (.png/.jpg/.jpeg/):</label>
<input type="file" id="buktiselesai">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer">
<button type="button" class="btn btn-info" id="save-perbaikan" style="float: right; margin-right: 40px;">SAVE</button>
<button type="button" class="btn btn-link" onclick="destroyWraper()" style="float: right;">Close</button>
</div>
</div>
</div>
<!-- /main charts -->
</div>
<div class="content-wrapper mymodal" id="input_perbaikan_bang" style="display: none;padding: 60px;">
<div class="content" style="padding: 15px;max-height: 550px;">
<!-- Main charts -->
<div class="panel panel-flat" style="display: none;">
<div class="panel-body" style="padding-top: 10px;">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<button type="button" class="close" onclick="destroyWraper()">&times;</button>
<li class="active"><a href="#left-tab-input-coordinat_bang" data-toggle="tab">Koordinat</a></li>
<li><a href="#right-tab-input-informasi_bang" data-toggle="tab">Insert Informasi</a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="left-tab-input-coordinat_bang">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<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>
<div class="tab-pane" id="right-tab-input-informasi_bang">
<div class="modal-body" style="max-height: 415px;overflow-y: auto;">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Nama :</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>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>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>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 class="panel-footer">
<input type="text" id="coorbangbaru" class="form-control" value="">
<button type="button" class="btn btn-info" id="save-perbaikan_bang" style="float: right; margin-right: 40px;">SAVE</button>
<button type="button" class="btn btn-link" onclick="destroyWraper()" style="float: right;">Close</button>
</div>
</div>
</div>
<!-- /main charts -->
</div>
<!-- editing kelurahan -->
<div class="content-wrapper mymodal" id="edit_kelurahan" style="display: none;padding: 60px;">
<div class="content" style="padding: 15px;max-height: 550px;">
<!-- Main charts -->
<div class="panel panel-flat" style="display: none;">
<div class="panel-body" style="padding-top: 10px;">
<div class="tabbable">
<!-- <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<button type="button" class="close" onclick="destroyWraper()">&times;</button>
<li class="active"><a onclick="openInfo(event, 'kelurahan')" data-toggle="tab"><span>Kelurahan & Batas Wilayah</span></a></li>
<li class=""><a onclick="openInfo(event, 'kependudukan')" data-toggle="tab"><span>Kependudukan</span></a></li>
<li class=""><a onclick="openInfo(event, 'pendidikan')" data-toggle="tab"><span>Pendidikan</span></a></li>
<li class=""><a onclick="openInfo(event, 'pekerjaan')" data-toggle="tab"><span>Pekerjaan</span></a></li>
<li class=""><a onclick="openInfo(event, 'poi')" data-toggle="tab"><span>POI</span></a></li>
</ul> -->
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<button type="button" class="close" onclick="destroyWraper()">&times;</button>
<li class="active"><a href="kelurahan" data-toggle="tab"><span>Kelurahan & Batas Wilayah</span></a></li>
<li class=""><a href="#kependudukan" data-toggle="tab"><span>Kependudukan</span></a></li>
<li class=""><a href="#pendidikan" data-toggle="tab"><span>Pendidikan</span></a></li>
<li class=""><a href="#pekerjaan" data-toggle="tab"><span>Pekerjaan</span></a></li>
<li class=""><a href="#poi" data-toggle="tab"><span>POI</span></a></li>
</ul>
</div>
<div class="tab-content">
<div class="tab-pane active" id="kelurahan">
<!-- <div class="modal-body" style="max-height: 450px;overflow-y: auto;"> -->
<div class="row">
<div class="col-lg-7">
<div>
<div id="map-kelurahan" class="map-container" style="padding-top: -100px; max-width:600px; max-height:385px;margin-bottom: 15px;"></div>
</div>
</div>
<div class="col-lg-5">
<fieldset class="content-group">
<input type="text" class="hidden" name="coordinatekel" id="coordinatekel" value="">
<div class="form-group">
<label class="col-lg-3 control-label">Image</label>
<div class="col-lg-9">
<input type="file" id="file" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kode Kelurahan/Desa:</label>
<div class="col-lg-9">
<input type="text" name="kodekelurahan" id="kodekelurahan" class="form-control" value={{result_poly.administrasi.f1}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kelurahan/Desa</label>
<div class="col-lg-9">
<input type="text" name="kelurahan" id="kelurahan" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kecamatan</label>
<div class="col-lg-9">
<input type="text" name="kecamatan" id="kecamatan" class="form-control" value={{kec}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kabupaten/Kota</label>
<div class="col-lg-9">
<input type="text" name="kabupaten" id="kabupaten" class="form-control" value={{result_poly.administrasi.f4}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Provinsi:</label>
<div class="col-lg-9">
<input type="text" name="provinsi" id="provinsi" class="form-control" value={{result_poly.administrasi.f5}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Luas Desa:</label>
<div class="col-lg-9">
<input type="text" name="luasdesa" id="luasdesa" class="form-control" value={{result_poly.administrasi.f8}}>
</div>
</div>
</fieldset>
</div>
</div>
<!-- </div> -->
</div>
<div class="tab-pane" id="kependudukan">
<div class="modal-body" style="max-height: 415px;overflow-y: auto;">
<div class="row">
<div class="col-md-4" style="max-width: 335px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah Penduduk:</label>
<div class="col-lg-9">
<input type="text" name="jumlahpenduduk" id="jumlahpenduduk" class="form-control" value={{result_poly.administrasi.f6}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah KK:</label>
<div class="col-lg-9">
<input type="text" name="jumlahkk" id="jumlahkk" class="form-control" value={{result_poly.administrasi.f7}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah Laki-laki:</label>
<div class="col-lg-9">
<input type="text" name="jumlahlakilaki" id="jumlahlakilaki" class="form-control" value={{result_poly.penduduk.f1}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Jumlah Perempuan:</label>
<div class="col-lg-9">
<input type="text" name="jumlahperempuan" id="jumlahperempuan" class="form-control" value={{result_poly.penduduk.f2}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Belum Kawin</label>
<div class="col-lg-9">
<input type="text" name="belumkawin" id="belumkawin" class="form-control" value={{result_poly.penduduk.f3}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kawin</label>
<div class="col-lg-9">
<input type="text" name="kawin" id="kawin" class="form-control" value={{result_poly.penduduk.f4}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Cerai Hidup</label>
<div class="col-lg-9">
<input type="text" name="ceraihidup" id="ceraihidup" class="form-control" value={{result_poly.penduduk.f5}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Cerai Mati</label>
<div class="col-lg-9">
<input type="text" name="ceraimati" id="ceraimati" class="form-control" value={{result_poly.penduduk.f6}}>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">wajib KTP</label>
<div class="col-lg-9">
<input type="text" name="wajibktp" id="wajibktp" class="form-control" value={{result_poly.penduduk.f7}}>
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Islam:</label>
<div class="col-lg-9">
<input type="text" name="islam" id="islam" class="form-control" value="{{result_poly.penduduk.f8}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kristen:</label>
<div class="col-lg-9">
<input type="text" name="kristen" id="kristen" class="form-control" value="{{result_poly.penduduk.f9}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Katolik:</label>
<div class="col-lg-9">
<input type="text" name="katolik" id="katolik" class="form-control" value="{{result_poly.penduduk.f10}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Hindu:</label>
<div class="col-lg-9">
<input type="text" name="hindu" id="hindu" class="form-control" value="{{result_poly.penduduk.f11}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Budha:</label>
<div class="col-lg-9">
<input type="text" name="budha" id="budha" class="form-control" value="{{result_poly.penduduk.f12}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Konghucu:</label>
<div class="col-lg-9">
<input type="text" name="konghucu" id="konghucu" class="form-control" value="{{result_poly.penduduk.f13}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kepercayaan Lain:</label>
<div class="col-lg-9">
<input type="text" name="kepercayaanlain" id="kepercayaanlain" class="form-control" value="{{result_poly.penduduk.f14}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<div class="row">
<div class="col-md-6">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">U0:</label>
<div class="col-lg-9">
<input type="text" name="u0" id="u0" class="form-control" value="{{result_poly.penduduk.f15}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U5:</label>
<div class="col-lg-9">
<input type="text" name="u5" id="u5" class="form-control" value="{{result_poly.penduduk.f16}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U10:</label>
<div class="col-lg-9">
<input type="text" name="u10" id="u10" class="form-control" value="{{result_poly.penduduk.f17}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U15:</label>
<div class="col-lg-9">
<input type="text" name="u15" id="u15" class="form-control" value="{{result_poly.penduduk.f18}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U20:</label>
<div class="col-lg-9">
<input type="text" name="u20" id="u20" class="form-control" value="{{result_poly.penduduk.f19}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U25:</label>
<div class="col-lg-9">
<input type="text" name="u25" id="u25" class="form-control" value="{{result_poly.penduduk.f20}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U30:</label>
<div class="col-lg-9">
<input type="text" name="u30" id="u30" class="form-control" value="{{result_poly.penduduk.f21}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U35:</label>
<div class="col-lg-9">
<input type="text" name="u35" id="u35" class="form-control" value="{{result_poly.penduduk.f22}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U40:</label>
<div class="col-lg-9">
<input type="text" name="u40" id="u40" class="form-control" value="{{result_poly.penduduk.f23}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U45:</label>
<div class="col-lg-9">
<input type="text" name="u45" id="u45" class="form-control" value="{{result_poly.penduduk.f24}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-6">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">U50:</label>
<div class="col-lg-9">
<input type="text" name="u50" id="u50" class="form-control" value="{{result_poly.penduduk.f25}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U55:</label>
<div class="col-lg-9">
<input type="text" name="u55" id="u55" class="form-control" value="{{result_poly.penduduk.f26}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U60:</label>
<div class="col-lg-9">
<input type="text" name="u60" id="u60" class="form-control" value="{{result_poly.penduduk.f27}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U65:</label>
<div class="col-lg-9">
<input type="text" name="u65" id="u65" class="form-control" value="{{result_poly.penduduk.f28}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U70:</label>
<div class="col-lg-9">
<input type="text" name="u70" id="u70" class="form-control" value="{{result_poly.penduduk.f29}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">U75:</label>
<div class="col-lg-9">
<input type="text" name="u75" id="u75" class="form-control" value="{{result_poly.penduduk.f30}}">
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="pendidikan">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row">
<div class="col-md-6" style="max-width: 500px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Tidak Sekolah</label>
<div class="col-lg-9">
<input type="text" id="tidaksekolah" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f1}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Belum Tamat:</label>
<div class="col-lg-9">
<input type="text" id="belumtamat" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f2}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tamat SD:</label>
<div class="col-lg-9">
<input type="text" id="tamatsd" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f3}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tamat SLTP:</label>
<div class="col-lg-9">
<input type="text" id="tamatsltp" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f4}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tamat SLTA:</label>
<div class="col-lg-9">
<input type="text" id="tamatslta" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f5}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-6">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Diploma I:</label>
<div class="col-lg-9">
<input type="text" id="diplomai" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f6}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Diploma III:</label>
<div class="col-lg-9">
<input type="text" id="diplomaiii" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f6}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Diploma IV/ Strata I:</label>
<div class="col-lg-9">
<input type="text" id="diplomaiv" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f7}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Starta II:</label>
<div class="col-lg-9">
<input type="text" id="strataii" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f8}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Satrta III:</label>
<div class="col-lg-9">
<input type="text" id="strataiii" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f9}}">
</div>
</div>
</fieldset>
</div>
</div>
<div class="text-right">
<input id="savedatakelurahanpendidik" class="btn btn-primary" value="SAVE" style="bottom: 15px;">
</div>
</div>
</div>
<div class="tab-pane" id="pekerjaan">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row">
<div class="col-md-4" style="max-width: 400px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Tidak Bekerja:</label>
<div class="col-lg-9">
<input type="text" id="tidakbekerja" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f10}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Aparatur Pemerintah:</label>
<div class="col-lg-9">
<input type="text" id="aparaturpemerintah" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f11}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tenaga Pendidik:</label>
<div class="col-lg-9">
<input type="text" id="tenagapendidik" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f12}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Wiraswasta:</label>
<div class="col-lg-9">
<input type="text" id="wiraswasta" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f13}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pertanian:</label>
<div class="col-lg-9">
<input type="text" id="pertanian" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f14}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tenaga Kesehatan:</label>
<div class="col-lg-9">
<input type="text" id="tenagakesehatan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f15}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pensiunan:</label>
<div class="col-lg-9">
<input type="text" id="pensiunan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f17}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pegawai:</label>
<div class="col-lg-9">
<input type="text" id="pegawai" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f18}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tentara:</label>
<div class="col-lg-9">
<input type="text" id="tentara" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f19}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Kepolisian:</label>
<div class="col-lg-9">
<input type="text" id="kepolisian" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f20}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Dosen:</label>
<div class="col-lg-9">
<input type="text" id="dosen" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f32}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Guru:</label>
<div class="col-lg-9">
<input type="text" id="guru" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f33}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pilot:</label>
<div class="col-lg-9">
<input type="text" id="pilot" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f34}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Pedagang:</label>
<div class="col-lg-9">
<input type="text" id="pedagang" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f21}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Petani:</label>
<div class="col-lg-9">
<input type="text" id="petani" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f22}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Peternak:</label>
<div class="col-lg-9">
<input type="text" id="peternak" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f23}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Nelayan:</label>
<div class="col-lg-9">
<input type="text" id="nelayan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f24}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Karyawan:</label>
<div class="col-lg-9">
<input type="text" id="karyawan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f25}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Buruh:</label>
<div class="col-lg-9">
<input type="text" id="buruh" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f26}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pembantu:</label>
<div class="col-lg-9">
<input type="text" id="pembantu" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f27}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tukang:</label>
<div class="col-lg-9">
<input type="text" id="tukang" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f28}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pendeta:</label>
<div class="col-lg-9">
<input type="text" id="pendeta" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f29}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Pastor:</label>
<div class="col-lg-9">
<input type="text" id="pastor" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f30}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Ustadz:</label>
<div class="col-lg-9">
<input type="text" id="ustadz" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f31}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Dokter:</label>
<div class="col-lg-9">
<input type="text" id="dokter" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f39}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Bidan:</label>
<div class="col-lg-9">
<input type="text" id="bidan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f40}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Perawat:</label>
<div class="col-lg-9">
<input type="text" id="perawat" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f41}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Psikiater:</label>
<div class="col-lg-9">
<input type="text" id="psikiater" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f42}}">
</div>
</div>
</fieldset>
</div>
<div class="col-md-4" style="max-width: 400px;">
<div class="form-group">
<label class="col-lg-3 control-label">Pengacara:</label>
<div class="col-lg-9">
<input type="text" id="pengacara" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f35}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Notaris:</label>
<div class="col-lg-9">
<input type="text" id="notaris" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f36}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Arsitek:</label>
<div class="col-lg-9">
<input type="text" id="arsitek" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f37}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Akuntan:</label>
<div class="col-lg-9">
<input type="text" id="akuntan" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f38}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Sopir:</label>
<div class="col-lg-9">
<input type="text" id="sopir" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f43}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Lainnya:</label>
<div class="col-lg-9">
<input type="text" id="lainnya" class="form-control" value="{{result_poly.pekerjaan_pendidikan.f44}}">
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="poi">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row">
<div class="col-md-6" style="margin-left: 30px;max-width: 500px;">
<fieldset>
<div class="form-group">
<label class="col-lg-3 control-label">Puskesmas</label>
<div class="col-lg-9">
<input type="text" id="puskesmas" class="form-control" value="{{result_poly.poi.f1}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Sekolah</label>
<div class="col-lg-9">
<input type="text" id="sekolah" class="form-control" value="{{result_poly.poi.f2}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Sarana Ibadah</label>
<div class="col-lg-9">
<input type="text" id="saranaibadah" class="form-control" value="{{result_poly.poi.f3}}">
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Tempat Wisata</label>
<div class="col-lg-9">
<input type="text" id="tempatwisata" class="form-control" value="{{result_poly.poi.f3}}">
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="panel-footer">
<input type="submit" id="savedatakelurahankel" class="btn btn-default" value="SAVE" style="left: 10px;">
<button type="button" class="btn btn-link" onclick="destroyWraper()">Close</button>
</div>
</div>
</div>
<!-- /main charts -->
</div>
<script>
</script>
\ No newline at end of file
templates/includes/css-o.html
View file @ 3cbf37f4
...@@ -143,9 +143,12 @@ ...@@ -143,9 +143,12 @@
#btn_edit_bangunan { #btn_edit_bangunan {
display: none; display: none;
} }
#btn_delete_bangunan {
display: none;
}
#btn_edit_kelurahan { #btn_edit_kelurahan {
display: block; display: none;
position: relative; position: relative;
top: 0; top: 0;
right: 0; right: 0;
...@@ -188,6 +191,9 @@ ...@@ -188,6 +191,9 @@
#btn_edit_adm { #btn_edit_adm {
display: none; display: none;
} }
#btn_delete_adm {
display: none;
}
#btn_edit_rs { #btn_edit_rs {
display: none; display: none;
...@@ -216,4 +222,20 @@ ...@@ -216,4 +222,20 @@
#btn_edit_cb { #btn_edit_cb {
display: none; display: none;
} }
#btn_detail_per_bang {
display: none;
}
#btn_perbaikan_bangunan {
display: none;
}
#btn_upload_tampak {
display: none;
}
.leaflet-popup{
display: none;
}
</style> </style>
\ No newline at end of file
templates/includes/insert.html 0 → 100644
View file @ 3cbf37f4
<script>
//klik kanan begin
map.on('contextmenu', function(e) {
$("#map-create").remove();
$("#map-create-jalan").remove();
$("#map-create-admin").remove();
// document.getElementsByClassName('leaflet-popup-content').style.width = "550px";
var popup = L.popup()
.setLatLng(e.latlng)
.setContent(`
<div class="tab-pane has-padding" id="panel-tab2">
<div class="tab-pane" id="bottom-justified-data">
<div class="tabbable" style="width: 450px!important;">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#bangunan" data-toggle="tab" id="c_bangunan">Bangunan</a></li>
<li onclick="changetabs(this)"><a href=".koordinatjalan" data-toggle="tab" id="c_jalan">Jalan</a></li>
<li onclick="changetabs(this)"><a href=".point-insert" data-toggle="tab" id="point-insert">Point</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="bangunan">
<div class="tabbable" style="overflow:auto;height:450px!important;width: 450px!important;">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#right-tab2-feas-upl" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#left-tab1-feas-upl" data-toggle="tab">Informasi Bangunan</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="right-tab2-feas-upl">
<div class="form-group">
<div id="map-create" style="height: 250px;">
<input type="button" id="create" value="Create" style="z-index: 1000;position:relative;">
</div>
</div>
</div>
<div class="tab-pane" id="left-tab1-feas-upl">
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Nama Bangunan</label>
<div class="col-lg-9">
<input id="name_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Jenis Bangunan</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="tipe_point_b" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Jenis Point --</option>
<option value="bangunan">Bangunan Biasa</option>
<option value="kantor_administrasi">Kantor Administrasi</option>
<option value="layanan_kesehatan">Layanan Kesehatan</option>
<option value="puskesmas">Puskesmas</option>
<option value="rumah_sakit">Rumah Sakit</option>
<option value="sarana_ibadah">Sarana Ibadah</option>
<option value="sarana_pendidikan">Sarana Pendidikan</option>
<option value="spbu">SPBU</option>
<option value="stasiun">Stasiun</option>
<option value="terminal_bus">Terminal Bus</option>
<option value="cagar_budaya">Cagar Budaya dan Tempat Wisata</option>
<option value="gardu_listrik">Gardu Listrik</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Tipe Bangunan</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_2_b" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Tipe Point --</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Nama Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_3_b" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Point --</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Informasi Bangunan</label>
<div class="col-lg-9">
<input id="info_create" type="text" class="form-control" value="" placeholder="Rumah/Gedung/Ruko/Pabrik/dsb" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Alamat</label>
<div class="col-lg-9">
<input id="alamat_create" type="text" class="form-control" value="" placeholder="cth : Jl. Contoh Rt 005/01 No.01" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Luas Bangunan</label>
<div class="col-lg-6">
<input id="luas_bangunan_create" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_bangunan" >
<option>m2</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Luas Tanah</label>
<div class="col-lg-6">
<input id="luas_tanah_create" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_tanah">
<option>m2</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Tinggi Bangunan</label>
<div class="col-lg-6">
<input id="tinggi_bangunan_create" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">m</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Jumlah Lantai</label>
<div class="col-lg-9">
<input id="lantai" type="text" class="form-control" value="" placeholder="Estimasi Per Lantai = 3m" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" >Pemilik</label>
<div class="col-lg-9">
<input id="pemilik_create" type="text" class="form-control" value="" placeholder="cth : Ali Budiman, S.Si." required>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="button" class="btn btn-primary" id="create_save_bangunan" value="SAVE" style="margin-right:30px;">
<input type="text" name="poly_create" class="hidden" id="poly_create_bangunan" value="">
</div>
<div class="tab-pane koordinatjalan">
<div class="tabbable" style="overflow:auto;height:450px!important;width: 450px!important;">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href=".koordinatjalan" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#informasi_jalan" data-toggle="tab">Informasi Jalan</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane koordinatjalan" id="koordinatjalan">
<div class="form-group">
<div id="map-create-jalan" style="height: 250px;">
<input type="button" id="create-jal" value="Create" style="z-index: 1000;position:relative;">
</div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="img_jalan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>
</div>
<div class="tab-pane" id="informasi_jalan">
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Nama Jalan</label>
<div class="col-lg-8">
<input id="nama_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Panjang Jalan (m)</label>
<div class="col-lg-8">
<input id="panjang_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Lebar Jalan (m)</label>
<div class="col-lg-8">
<input id="lebar_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-4 control-label lbl-top" style="margin-top: 15px;">Tipe Jalan</label>
<div class="col-lg-8">
<input id="tipe_jalan_create" type="text" class="form-control" value="" required>
</div>
</div>
</div>
</div>
</div>
</div>
<input type="button" class="btn btn-primary" id="create_save_jalan" value="SAVE" style="margin-right:30px;">
<input type="text" name="poly_create" class="hidden" id="poly_create_jalan" value="">
</div>
<div class="tab-pane point-insert">
<div class="tabbable" style="overflow:auto;height:450px!important;width: 450px!important;">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href=".point-insert" data-toggle="tab">Koordinat</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane point-insert">
<div class="form-group">
<div id="map-create-admin" style="height: 250px;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`)
.openOn(map);
map.openPopup(popup);
$("#tipe_point").change(function() {
var tipe = $(this).val();
$.ajax({
url: "{% url 'api:change-tipe' %}",
data: {
'tipe': tipe
},
dataType: 'json',
success: function(data) {
console.log(data)
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0];
var data_kab = `<option value="` +
data_k +
`">` +
data_k +
`</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_2').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab);
}
});
});
$("#tipe_point_b").change(function() {
var tipe = $(this).val();
$.ajax({
url: "{% url 'api:change-tipe' %}",
data: {
'tipe': tipe
},
dataType: 'json',
success: function(data) {
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0];
console.log(data_k)
var data_kab = `<option value="` + data_k +`">` + data_k + `</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_2_b').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab);
}
});
});
$("#tipe_point_2_b").change(function() {
var jenis = $(this).val();
var tipx = $("#tipe_point_b").val();
$.ajax({
url: "{% url 'api:change-jenis' %}",
data: {
'tipe': tipx,
'jenis': jenis
},
dataType: 'json',
success: function(data) {
console.log(data)
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_id = data['result'][i][0];
var data_po = data['result'][i][1];
var data_kab = `<option value="` +data_id + `">` + data_po + `</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_3_b').html(`<option value="null" selected disabled>-- Pilih Point --</option>` + data_all_kab);
}
});
});
var map_create_bangunan = L.map('map-create', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([e.latlng.lat, e.latlng.lng], 20.5);
map_created = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_create_bangunan);
map_create_bangunan.invalidateSize();
$('#create').click(function() {
polygonDraweredit.enable();
});
var Marker = {};
var Poly = {};
map_create_bangunan.on(L.Draw.Event.CREATED, function(e) {
var layer = e.layer;
$("#poly_create_bangunan").empty();
var type = e.layerType;
var layer = e.layer;
var shape = layer.toGeoJSON();
let geoShape = shape.geometry.coordinates[0];
let kordinat = "";
for (j in geoShape) {
kordinat += geoShape[j][0] + ' ' + geoShape[j][1];
if (j <= (geoShape.length - 2)) {
kordinat += ', ';
}
}
window.thisBaseDrawPolygonLayer = layer;
$("#poly_create_bangunan").val(JSON.stringify(kordinat));
});
polygon_options = {
showArea: false,
shapeOptions: {
stroke: true,
color: '#6e83f0',
weight: 1.5,
opacity: 2,
fill: false,
fillColor: null, //same as color by default
clickable: true
}
}
var polygonDraweredit = new L.Draw.Polygon(map_create_bangunan, polygon_options);
polygonDraweredit.on("click", function(event) {
shapecoords.innerHTML = event.latlng.toString();
map_create_bangunan.fire("click", event); // Trigger a map click as well.
});
map_create_bangunan.on('draw:created', function(e) {
var type = e.layerType,
layer = e.layer;
var lay = layer.addTo(map_create_bangunan);
Poly = lay;
});
var map_create_jalan = L.map('map-create-jalan', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([e.latlng.lat, e.latlng.lng], 20.5);
L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_create_jalan);
$("#c_jalan").click(function() {
setTimeout(function() {
map_create_jalan.invalidateSize();
}, 500);
})
var lineDraweredit = new L.Draw.Polyline(map_create_jalan, polygon_options);
lineDraweredit.on("click", function(event) {
shapecoords.innerHTML = event.latlng.toString();
map_create_jalan.fire("click", event); // Trigger a map click as well.
});
map_create_jalan.on('draw:created', function(e) {
var type = e.layerType,
layer = e.layer;
layer.options.color = 'yellow';
layer.options.weight = 10;
var koordina = ""
if (type === 'polyline') {
var tempLatLng = null;
var totalDistance = 0.00000;
$.each(e.layer._latlngs, function(i, latlng) {
if (tempLatLng == null) {
tempLatLng = latlng;
return;
}
totalDistance += tempLatLng.distanceTo(latlng);
tempLatLng = latlng;
});
e.layer.bindPopup((totalDistance).toFixed(2) + ' meter');
e.layer.openPopup();
$("#panjang_jalan_create").val((totalDistance).toFixed(2) + ' meter');
}
$("#poly_create_jalan").val(JSON.stringify(layer.toGeoJSON()));
layer.addTo(map_create_jalan);
});
$("#create-jal").click(function() {
lineDraweredit.enable();
})
var map_create_admin = L.map('map-create-admin', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([e.latlng.lat, e.latlng.lng], 20.5);
L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_create_admin);
$("#point-insert").click(function() {
setTimeout(function() {
map_create_admin.invalidateSize();
}, 500);
})
$(".leaflet-draw-draw-marker").html('<span class="fa fa-expand"></span>')
var drawControl = new L.Control.Draw(drawPluginOptions);
map_create_admin.addControl(drawControl);
var editableLayers = new L.FeatureGroup();
map_create_admin.addLayer(editableLayers);
// define custom marker
var MyCustomMarker = L.Icon.extend({
options: {
shadowUrl: null,
iconAnchor: new L.Point(12, 12),
iconSize: new L.Point(24, 24),
}
});
var drawPluginOptions = {
position: 'topright',
draw: {
marker: {
title: "soyel1",
icon: new MyCustomMarker()
},
marker: true
},
edit: {
featureGroup: editableLayers, //REQUIRED!!
remove: true
}
};
var drawControl = new L.Control.Draw(drawPluginOptions);
map_create_admin.addControl(drawControl);
var editableLayers = new L.FeatureGroup();
map_create_admin.addLayer(editableLayers);
map_create_admin.on('draw:created', function(e) {
var type = e.layerType,
layer = e.layer;
editableLayers.addLayer(layer);
$("#poly_create_point").val(JSON.stringify(layer.toGeoJSON()));
$("#modal_point").modal()
map.closePopup();
});
$("#map-create-admin > div.leaflet-control-container > div.leaflet-top.leaflet-left > div:nth-child(2) > div > div > a.leaflet-draw-draw-marker").css("display", "block!important")
});
$(document).on("click", "#create_save_jalan", function(e) {
data = new FormData()
data.append("gambar", $("input[id^='img_jalan']")[0].files[0]);
data.append("polyline", $("#poly_create_jalan").val())
data.append("name_jalan", $("#nama_jalan_create").val())
data.append("panjang_jalan", $("#panjang_jalan_create").val())
data.append("lebar_jalan", $("#lebar_jalan_create").val())
data.append("tipe_jalan", $("#tipe_jalan_create").val())
$.ajax({
url: "{% url 'api:create-jalan' %}",
data: data,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
success: function(data) {
let response = data
if (response.status == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
map.closePopup();
}
});
});
$(document).on("click", "#create_save_bangunan", function(e) {
var polygin = $('#poly_create_bangunan').val();
var name_poly = $('#name_create').val();
var tdb = $('#tipe_point_b').val();
var remark = $('#tipe_point_2_b').val();
var poin_id = $('#tipe_point_3_b').val();
var napo = $("#tipe_point_3_b option:selected").text();
var info_poly = $('#info_create').val();
var alamat_poly = $('#alamat_create').val();
var lb_poly = $('#luas_bangunan_create').val();
var lt_poly = $('#luas_tanah_create').val();
var tb_poly = $('#tinggi_bangunan_create').val();
var ltbang = $('#lantai').val();
var mpu_poly = $('#pemilik_create').val();
$.ajax({
url: "{% url 'api:c_bangunan' %}",
data: {
'polygon': polygin,
'name': name_poly,
'tipedb': tdb,
'poin_id': poin_id,
'nama_po': napo,
'remark': remark,
'info': info_poly,
'alamat': alamat_poly,
'lb': lb_poly,
'lt': lt_poly,
'tb': tb_poly,
'ltb': ltbang,
'pemilik': mpu_poly
},
dataType: 'json',
// type: 'POST',
// processData: false,
// contentType: false,
success: function(data) {
let response = data
if (response.status == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
map.closePopup();
}
});
});
$(document).on("click", "#btnsavepoint", function(e) {
data = new FormData()
data.append("gambar", $("input[id^='gambar_pitik']")[0].files[0]);
data.append("point", $("#poly_create_point").val())
data.append("name_create_point", $("#name_create_point").val())
data.append("tipe_point", $("#tipe_point").val())
data.append("info_create_point", $("#tipe_point_2").val())
data.append("alamat_create_point", $("#alamat_create_point").val())
data.append("luas_tanah_point", $("#luas_tanah_point").val())
data.append("pemilik_point", $("#pemilik_point").val())
$.ajax({
url: "{% url 'api:create-point' %}",
data: data,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
success: function(data) {
let response = data
if (response.status == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_point").css('display', 'none');
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
map.closePopup();
}
});
});
//klik kanan end
</script>
\ No newline at end of file
templates/includes/js-m.html
View file @ 3cbf37f4
This source diff could not be displayed because it is too large. You can view the blob instead.
templates/includes/js-o-.html 0 → 100644
View file @ 3cbf37f4
This source diff could not be displayed because it is too large. You can view the blob instead.
templates/includes/js-o.html
View file @ 3cbf37f4
{% load static %} {% for group in user.groups.all %} {% load static %} {% for group in user.groups.all %} {% if group.name == 'Dinas Pekerjaan Umum dan Penataan Ruang' %}
<script>
swal({
title: 'SUKSES',
text: 'Anda Login Sebagai ' + "{{group}}",
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
})
var group = "{{group}}"
</script>
{% if group.name == 'Dinas Pekerjaan Umum dan Penataan Ruang' %}
<style> <style>
#btn_edit_kelurahan { #btn_edit_kelurahan {
display: block; display: block;
...@@ -20,7 +8,11 @@ ...@@ -20,7 +8,11 @@
display: block; display: block;
} }
#btn_bangunan_edit { #btn_edit_bangunan {
display: block;
}
#btn_delete_bangunan {
display: block; display: block;
} }
...@@ -31,6 +23,30 @@ ...@@ -31,6 +23,30 @@
#btn_edit_gl { #btn_edit_gl {
display: block; display: block;
} }
#btn_edit_adm {
display: block;
}
#btn_delete_adm {
display: block;
}
.leaflet-popup {
display: block;
}
#btn_detail_per_bang {
display: block;
}
#btn_perbaikan_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
</style> </style>
{% elif group.name == 'Dinas Kependudukan dan Pencatatan Sipil' %} {% elif group.name == 'Dinas Kependudukan dan Pencatatan Sipil' %}
<style> <style>
...@@ -68,6 +84,10 @@ ...@@ -68,6 +84,10 @@
display: block; display: block;
} }
#btn_delete_bangunan {
display: block;
}
#btn_jalan { #btn_jalan {
display: block; display: block;
} }
...@@ -75,6 +95,14 @@ ...@@ -75,6 +95,14 @@
#btn_edit_cb { #btn_edit_cb {
display: block; display: block;
} }
#btn_upload_tampak {
display: block;
}
.leaflet-popup {
display: block;
}
</style> </style>
{% elif group.name == 'Dinas Pariwisata dan Kebudayaan' %} {% elif group.name == 'Dinas Pariwisata dan Kebudayaan' %}
<style> <style>
...@@ -143,6 +171,18 @@ ...@@ -143,6 +171,18 @@
#btn_edit_bangunan { #btn_edit_bangunan {
display: block; display: block;
} }
#btn_delete_bangunan {
display: block;
}
#btn_upload_tampak {
display: block;
}
.leaflet-popup {
display: block;
}
</style> </style>
{% elif group.name == 'Dinas Sosial' %} {% elif group.name == 'Dinas Sosial' %}
<style> <style>
...@@ -153,22 +193,9 @@ ...@@ -153,22 +193,9 @@
{% endif %}{% endfor %} {% endif %}{% endfor %}
<script> <script>
function panel_samp() { function panel_samp() {
if ($('#panel-samping').css('display') == 'block') { $("#panel-samping").addClass("move");
// $("#panel-samping").toggleClass("move"); $("#button_unhide_panel").addClass("move-btn");
// $("#button_unhide_panel").toggleClass("move-btn");
// $("#thisFooter").css('left', '380px');
// $("#thisFooter").css('max-width', '900px');
// $('#button_unhide').css('right', '85px');
// $('#legenda').css('left', '380px');
// $("#legenda").css('max-width', '900px');
} else {
// $("#panel-samping").toggleClass("move");
// $("#button_unhide_panel").toggleClass("move-btn");
// $("#thisFooter").css('left', '0px');
// $("#thisFooter").css('max-width', '900px');
// $('#button_unhide').css('right', '365px');
// $('#legenda').css('left', '0px');
}
} }
var toggler = document.getElementsByClassName("ceret"); var toggler = document.getElementsByClassName("ceret");
...@@ -204,6 +231,7 @@ ...@@ -204,6 +231,7 @@
onEachFeature: function(feature, layer) { onEachFeature: function(feature, layer) {
layer.on({ layer.on({
click: function(e) { click: function(e) {
if (feature.administrasi.f9 == 'NONE') { if (feature.administrasi.f9 == 'NONE') {
var path_img = "static/img/image_null.jpg" var path_img = "static/img/image_null.jpg"
} else { } else {
...@@ -257,15 +285,13 @@ ...@@ -257,15 +285,13 @@
<td>:&nbsp` + feature.administrasi.f7 + `</td> <td>:&nbsp` + feature.administrasi.f7 + `</td>
</tr> </tr>
</table> </table>
</div> <p class="text-center" style="margin-top: 25px;">
</th>
</tr>
<tr>
<td>
<input class="hidden" id="kode_desa_dagri" value="` + feature.administrasi.f1 + `"></input> <input class="hidden" id="kode_desa_dagri" value="` + feature.administrasi.f1 + `"></input>
<a href="/editkelurahan?kode_dagri=` + encodeURIComponent(feature.administrasi.f1) + `" class='btn <a href="/editkelurahan?kode_dagri=` + encodeURIComponent(feature.administrasi.f1) + `" class='btn
btn-default btn_edit_kelurahan' style="left: 130px;">Edit</a> btn-default' id="btn_edit_kelurahan" style="margin-left:128px;">Edit</a>
</td> </p>
</div>
</th>
</tr> </tr>
<tr> <tr>
<th> <th>
...@@ -655,11 +681,6 @@ ...@@ -655,11 +681,6 @@
}); });
}; };
$(document).on("click", "#btn_edit_kelurahan", function() { $(document).on("click", "#btn_edit_kelurahan", function() {
var map_kel = L.map('map-kelurahan', { var map_kel = L.map('map-kelurahan', {
...@@ -733,129 +754,6 @@ ...@@ -733,129 +754,6 @@
}) })
}); });
$('#btnsavevalidasi').click(function() {
var ketket = ['kodekelurahan', 'kelurahan', 'kecamatan', 'kabupaten', 'provinsi', 'luasdesa', 'jumlahpenduduk', 'jumlahkk', 'jumlahlakilaki', 'jumlahperempuan', 'belumkawin', 'kawin', 'ceraihidup', 'ceraimati', 'wajibktp', 'islam', 'kristen', 'katolik', 'hindu', 'budha', 'konghucu', 'kepercayaanlain', 'u0', 'u5', 'u10', 'u15', 'u20', 'u25', 'u30', 'u35', 'u40', 'u45', 'u50', 'u55', 'u60', 'u65', 'u70', 'u75', 'tidaksekolah', 'belumtamat', 'tamatsd', 'tamatsltp', 'tamatslta', 'diplomai', 'diplomaiii', 'diplomaiv', 'strataii', 'strataiii', 'tidakbekerja', 'aparaturpemerintah', 'tenagapendidik', 'wiraswasta', 'pertanian', 'tenagakesehatan', 'pensiunan', 'pegawai', 'tentara', 'kepolisian', 'dosen', 'guru', 'pilot', 'pedagang', 'petani', 'peternak', 'nelayan', 'karyawan', 'buruh', 'pembantu', 'tukang', 'pendeta', 'pastor', 'ustadz', 'pengacara', 'notaris', 'arsitek', 'akuntan', 'dokter', 'bidan', 'perawat', 'psikiater', 'sopir', 'lainnya', 'coordinatekel']
for (var i = 0; i < ketket.length; i++) {
window[ketket[i]] = $('#' + ketket[i]).val()
}
var ketek = [kodekelurahan, kelurahan, kecamatan, kabupaten, provinsi, luasdesa, jumlahpenduduk, jumlahkk, jumlahlakilaki, jumlahperempuan, belumkawin, kawin, ceraihidup, ceraimati, wajibktp, islam, kristen, katolik, hindu, budha, konghucu, kepercayaanlain, u0, u5, u10, u15, u20, u25, u30, u35, u40, u45, u50, u55, u60, u65, u70, u75, tidaksekolah, belumtamat, tamatsd, tamatsltp, tamatslta, diplomai, diplomaiii, diplomaiv, strataii, strataiii, tidakbekerja, aparaturpemerintah, tenagapendidik, wiraswasta, pertanian, tenagakesehatan, pensiunan, pegawai, tentara, kepolisian, dosen, guru, pilot, pedagang, petani, peternak, nelayan, karyawan, buruh, pembantu, tukang, pendeta, pastor, ustadz, pengacara, notaris, arsitek, akuntan, dokter, bidan, perawat, psikiater, sopir, lainnya, coordinatekel]
var ketek_json = {}
for (var i = 0; i < ketket.length; i++) {
ketek_json[ketket[i]] = ketek[i];
}
var data = new FormData();
data.append("file", $("input[id^='file']")[0].files[0]);
data.append("csrfmiddlewaretoken", "{{ csrf_token }}");
$.each(ketek_json, function(key, value) {
data.append(key, value);
})
data.append('coordinate', hasil)
$.ajax({
url: "{% url 'api:kependudukan' %}",
data: data,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
mimeType: "multipart/form-data",
success: function(data) {
let response = data
if (response.code == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}).then((isok) => {
$("#modal_theme_info").css('display', 'none');
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
for (var i = 0; i < data['penduduk'].length; i++) {
$('#' + ketket[i]).val(data['penduduk'][i])
}
}
});
});
$('#savedatakelurahankel').click(function() {
var data = new FormData();
data.append("file", $("input[id^='file']")[0].files[0]);
data.append("csrfmiddlewaretoken", "{{ csrf_token }}");
var ket_kel = ['kodekelurahan', 'kelurahan', 'kecamatan', 'kabupaten', 'provinsi', 'luasdesa']
var ket_penduduk = ['jumlahpenduduk', 'jumlahkk', 'jumlahlakilaki', 'jumlahperempuan', 'belumkawin', 'kawin', 'ceraihidup', 'ceraimati', 'wajibktp', 'islam', 'kristen', 'katolik', 'hindu', 'budha', 'konghucu', 'kepercayaanlain', 'u0', 'u5', 'u10', 'u15', 'u20', 'u25', 'u30', 'u35', 'u40', 'u45', 'u50', 'u55', 'u60', 'u65', 'u70', 'u75']
var ket_pendidik = ['tidaksekolah', 'belumtamat', 'tamatsd', 'tamatsltp', 'tamatslta', 'diplomai', 'diplomaiii', 'diplomaiv', 'strataii', 'strataiii']
var ket_pekerja = ['tidakbekerja', 'aparaturpemerintah', 'tenagapendidik', 'wiraswasta', 'pertanian', 'tenagakesehatan', 'pensiunan', 'pegawai', 'tentara', 'kepolisian', 'dosen', 'guru', 'pilot', 'pedagang', 'petani', 'peternak', 'nelayan', 'karyawan', 'buruh', 'pembantu', 'tukang', 'pendeta', 'pastor', 'ustadz', 'pengacara', 'notaris', 'arsitek', 'akuntan', 'dokter', 'bidan', 'perawat', 'psikiater', 'sopir', 'lainnya']
var poi = []
var data_kel = []
var data_penduduk = []
var data_pendidik = []
var data_pekerjaan = []
var data_all = []
for (var i = 0; i < ket_kel.length; i++) {
data_kel.push(`
<tr>
<th>` + ket_kel[i] + `</th>
<td>` + $('#' + ket_kel[i]).val() + `</td>
</tr>`)
}
for (var i = 0; i < ket_penduduk.length; i++) {
data_penduduk.push(`
<tr>
<th>` + ket_penduduk[i] + `</th>
<td>` + $('#' + ket_penduduk[i]).val() + `</td>
</tr>`)
}
for (var i = 0; i < ket_pendidik.length; i++) {
data_pendidik.push(`
<tr>
<th>` + ket_pendidik[i] + `</th>
<td>` + $('#' + ket_pendidik[i]).val() + `</td>
</tr>`)
}
for (var i = 0; i < ket_pekerja.length; i++) {
data_pekerjaan.push(`
<tr>
<th>` + ket_pekerja[i] + `</th>
<td>` + $('#' + ket_pekerja[i]).val() + `</td>
</tr>`)
}
$("#valid-edit-kel").html(data_kel);
$("#valid-edit-penduduk").html(data_penduduk);
$("#valid-edit-pendidik").html(data_pendidik);
$("#valid-edit-pekerja").html(data_pekerjaan);
});
map.on('zoomend', function() { map.on('zoomend', function() {
var zoom = map.getZoom(); var zoom = map.getZoom();
...@@ -1022,7 +920,7 @@ ...@@ -1022,7 +920,7 @@
var desa = response['nama_des'][i][1]; var desa = response['nama_des'][i][1];
var kec = response['nama_des'][i][2]; var kec = response['nama_des'][i][2];
var da = `<li value='` + id + `'>` + desa + `,` + kec + `</li>`; var da = `<li value='` + desa + `,` + kec + `'>` + desa + `,` + kec + `</li>`;
data_de.push(da) data_de.push(da)
} }
...@@ -1039,6 +937,9 @@ ...@@ -1039,6 +937,9 @@
}); });
//3d begin
function setsearch(element) { function setsearch(element) {
var value = $(element).text(); var value = $(element).text();
...@@ -1054,11 +955,8 @@ ...@@ -1054,11 +955,8 @@
}, },
dataType: 'json', dataType: 'json',
success: function(response) { success: function(response) {
var resultan = response['result'][0]
geo_json_search(resultan); console.log(response)
map.setView([resultan['geometry']['coordinates'][0][0][0][1], resultan['geometry']['coordinates'][0][0][0][0]], 14);
search_desa.addTo(map)
geo_batas.remove()
} }
}); });
} }
...@@ -1172,7 +1070,7 @@ ...@@ -1172,7 +1070,7 @@
<span>Luas Lahan : ` + feature.legend.f3 + `</span> <span>Luas Lahan : ` + feature.legend.f3 + `</span>
</p> </p>
<p class="text-center" style="margin-top: 25px;"> <p class="text-center" style="margin-top: 25px;">
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-edit-tuplah" id="btn_edit_tuplah" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Jalan</i></a> <a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-edit-tuplah" id="btn_edit_tuplah" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Tutupan Lahan</i></a>
</p> </p>
</th> </th>
</tr> </tr>
...@@ -1253,8 +1151,6 @@ ...@@ -1253,8 +1151,6 @@
} }
$(document).on("click", "#btn_edit_tuplah", function() {
var map_edit_tuplah = L.map('map-edit-tuplah', { var map_edit_tuplah = L.map('map-edit-tuplah', {
editable: true, editable: true,
zoomControl: false, zoomControl: false,
...@@ -1266,7 +1162,20 @@ ...@@ -1266,7 +1162,20 @@
minZoom: 4, minZoom: 4,
}).addTo(map_edit_tuplah); }).addTo(map_edit_tuplah);
if (group == "Dinas Pekerjaan Umum dan Penataan Ruang") { var polygon_edit_tuplah = L.polygon([
[-4.1283969, 104.1674575],
[-4.128396, 104.1674947],
[-4.1284664, 104.1674964],
[-4.1284674, 104.1674593],
[-4.1283969, 104.1674575]
]).addTo(map_edit_tuplah)
$(document).on("click", "#btn_edit_tuplah", function() {
if (map_edit_tuplah.hasLayer(polygon_edit_tuplah)) {
polygon_edit_tuplah.remove()
}
var id_poly = $('#idtuplah').val(); var id_poly = $('#idtuplah').val();
...@@ -1284,18 +1193,30 @@ ...@@ -1284,18 +1193,30 @@
map_edit_tuplah.invalidateSize(); map_edit_tuplah.invalidateSize();
}, 1000); }, 1000);
let lop_poly_edit = data['tuplah']['geometry']['coordinates'];
map_edit_tuplah.setView([data['tuplah']['geometry']['coordinates'][0][0][1], data['tuplah']['geometry']['coordinates'][0][0][0]], 19);
let lop_poly_edit = data['tuplah']['geometry']['coordinates'][0];
let list_poly_edit = []; let list_poly_edit = [];
var latt = 0;
var longg = 0;
for (var i = 0; i < lop_poly_edit.length; i++) { for (var i = 0; i < lop_poly_edit.length; i++) {
geoj = lop_poly_edit[i][0]; geoj = lop_poly_edit[i];
polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]] console.log(lop_poly_edit[i])
for (var i = 0; i < geoj.length; i++) {
console.log(geoj[i])
polygigi = [geoj[i][1], geoj[i][0]]
list_poly_edit.push(polygigi); list_poly_edit.push(polygigi);
latt += geoj[i][0]
longg += geoj[i][1]
}
}; };
var lattt = latt / list_poly_edit.length
var longgg = longg / list_poly_edit.length
console.log(list_poly_edit)
var polygon_edit_tuplah = L.polygon(list_poly_edit).addTo(map_edit_tuplah) map_edit_tuplah.setView([longgg, lattt], 14);
polygon_edit_tuplah = L.polygon(list_poly_edit).addTo(map_edit_tuplah)
polygon_edit_tuplah.enableEdit(); polygon_edit_tuplah.enableEdit();
$('#btnsavetuplah').click(function() { $('#btnsavetuplah').click(function() {
var hasil = (JSON.stringify(polygon_edit_tuplah.toGeoJSON())) var hasil = (JSON.stringify(polygon_edit_tuplah.toGeoJSON()))
...@@ -1313,16 +1234,7 @@ ...@@ -1313,16 +1234,7 @@
} }
}, },
}) })
} else {
$("#modal-edit-tuplah").css('display', 'none');
swal({
title: "Sorry",
text: group + " Tidak memiliki akses",
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}); });
...@@ -1375,323 +1287,597 @@ ...@@ -1375,323 +1287,597 @@
}); });
var geocodeService = L.esri.Geocoding.geocodeService(); // var geocodeService = L.esri.Geocoding.geocodeService();
var geocoderNominatim = new L.Control.Geocoder.Nominatim(); // var geocoderNominatim = new L.Control.Geocoder.Nominatim();
var geo_bangunan = L.geoJson(null, { // var geo_bangunan = L.geoJson(null, {
style: function(feature) { // style: function(feature) {
return { // return {
color: "#ff0008", // color: "#ff0008",
weight: 1, // weight: 1,
opacity: 2, // opacity: 2,
zIndex: 1000 // zIndex: 1000
}; // };
}, // },
onEachFeature: function(feature, layer) { // onEachFeature: function(feature, layer) {
if (feature.properties) { // if (feature.properties) {
var lattitud, longitud; // var lattitud, longitud;
if (feature.geometry.type == 'MultiPolygon') { // if (feature.geometry.type == 'MultiPolygon') {
lattitud = feature.geometry.coordinates[0][0][0][1]; // lattitud = feature.geometry.coordinates[0][0][0][1];
longitud = feature.geometry.coordinates[0][0][0][0]; // longitud = feature.geometry.coordinates[0][0][0][0];
} else { // } else {
lattitud = feature.geometry.coordinates[0][0][1]; // lattitud = feature.geometry.coordinates[0][0][1];
longitud = feature.geometry.coordinates[0][0][0]; // longitud = feature.geometry.coordinates[0][0][0];
}; // };
layer.on({ // layer.on({
click: function(e) { // click: function(e) {
var geogeo = geocodeService.reverse().latlng(e.latlng).run(function(error, result) { // var geogeo = geocodeService.reverse().latlng(e.latlng).run(function(error, result) {
if (result.address.Address != '') { // if (result.address.Address != '') {
var alamat = result.address.Address + `, ` // var alamat = result.address.Address + `, `
} else { // } else {
var alamat = '' // var alamat = ''
}; // };
if (feature.administrasi.f9 == 'None') { // if (feature.administrasi.f9 == 'None') {
var path_img = "static/img/image_null.jpg" // var path_img = "static/img/image_null.jpg"
} else { // } else {
var path_img = `"static/image/bangunan/` + feature.administrasi.f9 + `"` // var path_img = `"static/image/bangunan/` + feature.administrasi.f9 + `"`
} // }
// // var list_history = feature.properties.f7
// // var list_history_panel = ``
// // for (var i = 0; i < list_history.length; i++) {
// // var dt_history = list_history[i].split(",");
// // var data_history = `<div class="form-group" style="margin-bottom:0px;">
// // <div class="row">
// // <label class="col-md-6">` + dt_history[1] + `</label>
// // <a class="col-md-3" onclick="getjalanper(` + dt_history[0] + `)"><i>View Ruas</i></a>
// // <a class="col-md-3" onclick="getdetailper(` + dt_history[0] + `)" data-toggle="modal" data-target="#modal_detail"><i>View Detail</i></a>
// // </div>
// // </div>`;
// // list_history_panel += data_history
// // };
// // history = `<p class="text-center">
// // History Perbaikan
// // </p>
// // <br>
// // ` + list_history_panel + `
// // <p class="text-center" style="margin-top: 10px;">
// // <a href="#" id='btn_perbaikan_jalan' class="btn btn-default"><i>Tambah History Perbaikan</i></a>
// // </p>`;
// content_edit = `
// <div class="modal-dialog" style="width: max-content;height: max-content;">
// <div class="modal-content">
// <div class="modal-header bg-info" style="background-color:#40777c;">
// <button type="button" class="close" data-dismiss="modal">&times;</button>
// <h6 class="modal-title">Edit Polygon Bangunan dan Informasinya</h6>
// </div>
// <div class="modal-body" style="max-height: 450px;overflow-y: auto;">
// <div class="row">
// <div class="col-md-5">
// <div id="map-edit" style="width:400px;height: 350px;">
// </div>
// </div>
// <div class="col-md-4">
// <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunan" value="`+feature.geometry+`">
// <table>
// <tr>
// <th>
// Image
// </th>
// <td>
// <input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
// <input style="display:none;" id="gambar" type="text" class="form-control" value="`+feature.administrasi.f9+`"required>
// </td>
// </tr>
// <tr>
// <td>
// <input type="text" name="idbangunan" id="idbangunan" class="form-control hidden" value="`+feature.properties.f1+`" disable>
// <input style="display:none;" id="coordinateZoneeditbang" type="text" class="form-control" value=""required>
// </td>
// </tr>
// <tr>
// <th>Nama Bangunan</th>
// <td>
// <input type="text" name="namebangunan" id="namebangunan" class="form-control" value="`+feature.properties.f2+`">
// </td>
// </tr>
// <tr>
// <th>Informasi Bangunan</th>
// <td>
// <input type="text" name="infobangunan" id="infobangunan" class="form-control" value="`+feature.properties.f3+`">
// </td>
// </tr>
// <tr>
// <th>Kelurahan</th>
// <td>
// <input type=" text " name="nmkelurahan " id="nmkelurahan" class="form-control " value="`+feature.administrasi.f1+`">
// </td>
// </tr>
// <tr>
// <th>Kecamatan</th>
// <td>
// <input type="text " name="nmkecamatan " id="nmkecamatan" class="form-control " value="`+feature.administrasi.f2+`">
// </td>
// </tr>
// <tr>
// <th>Kab/Kota</th>
// <td>
// <input type="text " name="nmkabkota " id="nmkabkota" class="form-control " value="`+feature.administrasi.f3+`">
// </td>
// </tr>
// <tr>
// <th>Provinsi</th>
// <td>
// <input type="text " name="nmprovinsi " id="nmprovinsi" class="form-control " value="`+feature.administrasi.f4+`">
// </td>
// </tr>
content = ` // </table>
<table class="table tasks-list"> // </div>
<thead style="text-align: center;">
<tr>
<th style="padding: 0 0 0 0px;">
<img src=` + path_img + ` alt="Image" style="width: 100%;max-height: 368px;height:368">
</th>
</tr>
</thead>
<tbody>
<div class= "container">
<tr style="height: 100px;">
<th>
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
` + feature.properties.f2 + `
</span>
</h1>
</div>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 30px;">
<th>
<span>
` + feature.properties.f3 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<span>
` + alamat + feature.administrasi.f1 + `, ` + feature.administrasi.f2 + `, ` + feature.administrasi.f3 + `, ` + feature.administrasi.f4 + `
</span>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span>Luas Bangunan : ` + feature.administrasi.f6 + `</span>
</p>
<p>
<span>Luas Tanah : ` + feature.administrasi.f7 + `</span>
</p>
<p>
<span>Tinggi Bangunan : ` + feature.administrasi.f8 + `</span>
</p>
<p>
<span>Pemilik : ` + feature.administrasi.f10 + `</span>
</p>
<p class="text-center" style="margin-top: 25px;">
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal_bangunan_edit" id="btn_edit_bangunan" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Bangunan</i></a>
</p>
</th>
</tr>
</div>
</tbody>
</table>`;
$("#isi_panel").html(content)
});
$('#idbangunan').val(feature.properties.f1);
$('#namebangunan').val(feature.properties.f2);
$('#infobangunan').val(feature.properties.f3);
$('#nmkelurahan').val(feature.administrasi.f1); // <div class="col-md-3 ">
$('#nmkecamatan').val(feature.administrasi.f2);
$('#nmkabkota').val(feature.administrasi.f3);
$('#nmprovinsi').val(feature.administrasi.f4);
$('#luasbangunan').val(feature.administrasi.f6); // <table>
$('#luastanah').val(feature.administrasi.f7); // <tr>
$('#tinggibangunan').val(feature.administrasi.f8); // <th>Luas Bangunan</th>
$('#pemilik').val(feature.administrasi.f10); // <td>
// <input type="text " name="luasbangunan " id="luasbangunan" class="form-control " value="`+feature.administrasi.f6+`">
// </td>
// </tr>
// <tr>
// <th>Luas Tanah</th>
// <td>
// <input type="text " name="luastanah " id="luastanah" class="form-control " value="`+feature.administrasi.f7+`">
// </td>
// </tr>
// <tr>
// <th>Tinggi Bangunan</th>
// <td>
// <input type="text " name="tinggibangunan " id="tinggibangunan" class="form-control " value="`+feature.administrasi.f8+`">
// </td>
// </tr>
// <tr>
// <th>Pemilik</th>
// <td>
// <input type="text " name="pemilik " id="pemilik" class="form-control " value="`+feature.administrasi.f10+`">
// </td>
// </tr>
// </table>
// </div>
// </div>
// </div>
$("#coordinatebangunan").val(feature.geometry); // <div class="modal-footer ">
$("#panel-samping").css("display", "block"); // <button type="button " class="btn btn-link " data-dismiss="modal ">Close</button>
$("#button_hide_panel").css("display", "block"); // <button type="button " id="btnsavebangunan" class="btn btn-info ">Save changes</button>
panel_samp() // </div>
} // </div>
}); // </div>`;
// content_delete=`
// <div class="modal-dialog" style="width: max-content;height: max-content;">
// <div class="modal-content">
// <div class="modal-header bg-info" style="background-color:#40777c;">
// <table>
// <tr>
// <th><h6 class="modal-title">Delete Bangunan dan Informasinya</h6></th>
// <td><button type="button" class="close" data-dismiss="modal">&times;</button></td>
// </tr>
// </table>
// </div>
// <div class="form-group" style="margin-bottom:10px;">
// <div id="map-delete" style="width: 300px;height: 250px;position: relative;margin-left: 10px;margin-right: 10px;margin-top: 10px;"></div>
// <div class="form-group">
// <div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;">
// <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value="">
// <input type="text" name="idbangunan" id="idbangunanhps" class="form-control hidden" value="`+feature.properties.f1+`" disable>
// <input type="text" name="namebangunan" id="namebangunanhps" class="form-control" value="`+feature.properties.f2+`">
// <input type="text" name="infobangunan" id="infobangunanhps" class="form-control" value="`+feature.properties.f3+`">
// </div>
// </div>
// </div>
pool.push({ // <div class="modal-footer">
name: feature.properties.f2, // <button type="button" id="btnsavedeletebangunan" class="btn btn-info">Hapus</button>
id: L.stamp(layer), // </div>
lat: lattitud, // </div>
lng: longitud // </div>`;
}); // content = `
} // <table class="table tasks-list">
layer.on({ // <thead style="text-align: center;">
mouseover: function(e) { // <tr>
var layer = e.target; // <th style="padding: 0 0 0 0px;">
layer.setStyle({ // <img src=` + path_img + ` alt="Image" style="width: 100%;max-height: 368px;height:368">
weight: 1, // </th>
Color: "#067800", // </tr>
fillColor: "#067800", // </thead>
// <tbody>
// <div class= "container">
// <tr style="height: 100px;">
// <th>
// <div>
// <h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
// letter-spacing: 0;
// font-weight: 400;">
// <span style="font-size: x-large;">
// ` + feature.properties.f2 + `
// </span>
// </h1>
// </div>
// </th>
// </tr>
// </div>
// <div class= "container">
// <tr style="height: 30px;">
// <th>
// <span>
// ` + feature.properties.f3 + `
// </span>
// </th>
// </tr>
// </div>
// <div class= "container">
// <tr style="height: 40px;">
// <th>
// <span>
// ` + alamat + feature.administrasi.f1 + `, ` + feature.administrasi.f2 + `, ` + feature.administrasi.f3 + `, ` + feature.administrasi.f4 + `
// </span>
// </th>
// </tr>
// </div>
// <div class= "container">
// <tr style="height: 40px;">
// <th>
// <p>
// <span>Luas Bangunan : ` + feature.administrasi.f6 + `</span>
// </p>
// <p>
// <span>Luas Tanah : ` + feature.administrasi.f7 + `</span>
// </p>
// <p>
// <span>Tinggi Bangunan : ` + feature.administrasi.f8 + `</span>
// </p>
// <p>
// <span>Pemilik : ` + feature.administrasi.f10 + `</span>
// </p>
// <p class="text-center" style="margin-top: 25px;">
// <a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal_bangunan_edit" id="btn_edit_bangunan" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Bangunan</i></a>
// <a href="#" id='btn_delete_bangunan' class='btn
// btn-default btn_edit_bangunan' data-toggle="modal" data-target="#modal_bangunan_delete" data-backdrop="static" data-keyboard="false"><i>Delete Bangunan</i></a>
// </p>
// </th>
// </tr>
// </div>
// <div class="container">
// <tr style="height: 40px;">
// <th id="history_panel">
// ` + history + `
// </th>
// </tr>
// </div>
// </tbody>
// </table>`;
// $("#isi_panel").html(content);
// $("#modal_bangunan_edit").html(content_edit);
// $("#modal_bangunan_delete").html(content_delete);
// });
// // $('#idbangunan').val(feature.properties.f1);
// // $('#namebangunan').val(feature.properties.f2);
// // $('#infobangunan').val(feature.properties.f3);
// // $('#nmkelurahan').val(feature.administrasi.f1);
// // $('#nmkecamatan').val(feature.administrasi.f2);
// // $('#nmkabkota').val(feature.administrasi.f3);
// // $('#nmprovinsi').val(feature.administrasi.f4);
// // $('#luasbangunan').val(feature.administrasi.f6);
// // $('#luastanah').val(feature.administrasi.f7);
// // $('#tinggibangunan').val(feature.administrasi.f8);
// // $('#pemilik').val(feature.administrasi.f10);
// // $('#gambar').val(feature.administrasi.f9);
// // $("#coordinatebangunan").val(feature.geometry);
// $("#panel-samping").css("display", "block");
// $("#button_hide_panel").css("display", "block");
}); // // $('#idbangunanhps').val(feature.properties.f1);
if (!L.Browser.ie && !L.Browser.opera) { // // $('#namebangunanhps').val(feature.properties.f2);
layer.bringToFront(); // // $('#infobangunanhps').val(feature.properties.f3);
}
},
mouseout: function(e) {
geo_bangunan.resetStyle(e.target);
}
});
}
});
function geo_json_bangunan(data) { // panel_samp()
geo_bangunan.addData(data) // }
} // });
// pool.push({
// name: feature.properties.f2,
// id: L.stamp(layer),
// lat: lattitud,
// lng: longitud
// });
// }
// layer.on({
// mouseover: function(e) {
// var layer = e.target;
// layer.setStyle({
// weight: 1,
// Color: "#067800",
// fillColor: "#067800",
var checkBox_building = document.getElementById("geo_building"); // });
var checkBox_2d = document.getElementById("2d-maps"); // if (!L.Browser.ie && !L.Browser.opera) {
// layer.bringToFront();
// }
// },
// mouseout: function(e) {
// geo_bangunan.resetStyle(e.target);
// }
// });
// }
// });
map.on("movestart", function() { // function geo_json_bangunan(data) {
geo_bangunan.clearLayers(); // geo_bangunan.addData(data)
}); // }
map.on("moveend", function() {
var wetan = map.getBounds().getEast();
var kulon = map.getBounds().getWest();
var lor = map.getBounds().getNorth()
var kidul = map.getBounds().getSouth();
var center = map.getBounds().getCenter();
var zoom = map.getZoom();
if (checkBox_building.checked == true || checkBox_2d.checked == true) { // var checkBox_building = document.getElementById("geo_building");
// var checkBox_2d = document.getElementById("2d-maps");
if (zoom > 17) { // map.on("movestart", function() {
if (map.hasLayer(geo_bangunan)) { // geo_bangunan.clearLayers();
geo_bangunan.clearLayers() // });
geo_bangunan.remove()
}
$.ajax({
url: "{% url 'api:building' %}",
data: {
'wetan': wetan,
'kulon': kulon,
'lor': lor,
'kidul': kidul
},
dataType: 'json',
success: function(data) {
let list_poly = []; // map.on("moveend", function() {
for (var i = 0; i < data['gen'].length; i++) { // var wetan = map.getBounds().getEast();
geoj = data['gen'][i][0]; // var kulon = map.getBounds().getWest();
list_poly.push(geoj); // var lor = map.getBounds().getNorth()
}; // var kidul = map.getBounds().getSouth();
geo_json_bangunan(list_poly); // var center = map.getBounds().getCenter();
} // var zoom = map.getZoom();
});
}
geo_bangunan.addTo(map) // if (checkBox_building.checked == true || checkBox_2d.checked == true) {
} else {
geo_bangunan.clearLayers();
geo_bangunan.remove()
}
});
$(document).on("click", "#btn_edit_bangunan", function() { // if (zoom > 17) {
// if (map.hasLayer(geo_bangunan)) {
// geo_bangunan.clearLayers()
// geo_bangunan.remove()
// }
// $.ajax({
// url: "{% url 'api:building' %}",
// data: {
// 'wetan': wetan,
// 'kulon': kulon,
// 'lor': lor,
// 'kidul': kidul
// },
// dataType: 'json',
// success: function(data) {
var map_edit = new L.map('map-edit', { // let list_poly = [];
editable: true, // for (var i = 0; i < data['gen'].length; i++) {
zoomControl: false, // geoj = data['gen'][i][0];
drawControl: true // list_poly.push(geoj);
}).setView([-2, 118], 5); // };
// geo_json_bangunan(list_poly);
// }
// });
// }
mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', { // geo_bangunan.addTo(map)
maxZoom: 22, // } else {
minZoom: 4, // geo_bangunan.clearLayers();
}).addTo(map_edit); // geo_bangunan.remove()
var id_poly = $('#idbangunan').val(); // }
loaderPage(true); // });
$.ajax({ // var map_edit = new L.map('map-edit', {
url: "{% url 'api:edit' %}", // editable: true,
data: { // zoomControl: false,
'id_poly': id_poly // drawControl: true
}, // }).setView([-2, 118], 5);
dataType: 'json',
success: function(data) { // mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
// maxZoom: 22,
// minZoom: 4,
// }).addTo(map_edit);
// var polylyly = L.polygon([
// [-4.1283969, 104.1674575],
// [-4.128396, 104.1674947],
// [-4.1284664, 104.1674964],
// [-4.1284674, 104.1674593],
// [-4.1283969, 104.1674575]
// ]).addTo(map_edit)
// $(document).on("click", "#btn_edit_bangunan", function() {
// if (map_edit.hasLayer(polylyly)) {
// polylyly.remove()
// }
// var id_poly = $('#idbangunan').val();
// loaderPage(true);
// $.ajax({
// url: "{% url 'api:edit' %}",
// data: {
// 'id_poly': id_poly
// },
// dataType: 'json',
// success: function(data) {
// setTimeout(function() {
// map_edit.invalidateSize();
// }, 1000);
// loaderPage(false);
// map_edit.setView([data['geometry']['coordinates'][0][0][0][1], data['geometry']['coordinates'][0][0][0][0]], 19);
// let lop_poly_edit = data['geometry']['coordinates'][0][0];
// let list_poly_edit = [];
// for (var i = 0; i < lop_poly_edit.length; i++) {
// geoj = lop_poly_edit[i][0];
// polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]]
// list_poly_edit.push(polygigi);
// };
// polylyly = L.polygon(list_poly_edit).addTo(map_edit)
// polylyly.enableEdit();
// var hasil = (JSON.stringify(polyly.toGeoJSON()))
// $('#btnsavebangunan').click(function() {
// var hasil = (JSON.stringify(polylyly.toGeoJSON()))
// $("#coordinatebangunan").val(hasil);
// })
// }
// })
// });
// $(document).on("click", "#btnsavebangunan", function() {
// var data = new FormData();
// data.append("file", $("input[id^='imgbangunan']")[0].files[0]);
// data.append("csrfmiddlewaretoken", "{{ csrf_token }}");
// data.append('name_b', $('#namebangunan').val())
// data.append('polygon', $('#coordinatebangunan').val())
// data.append('info_b', $('#infobangunan').val())
// data.append('desa_b', $('#nmkelurahan').val())
// data.append('kec_b', $('#nmkecamatan').val())
// data.append('kab_b', $('#nmkabkota').val())
// data.append('pro_b', $('#nmprovinsi').val())
// data.append('id_poly', $('#idbangunan').val())
// data.append('gambar', $('#gambar').val())
// data.append('luasbangunan', $('#luasbangunan').val())
// data.append('luastanah', $('#luastanah').val())
// data.append('tinggibangunan', $('#tinggibangunan').val())
// data.append('pemilik', $('#pemilik').val())
// $.ajax({
// url: "{% url 'api:validatedit' %}",
// data: data,
// dataType: 'json',
// type: 'POST',
// processData: false,
// contentType: false,
// success: function(data) {
// let response = data
// if (response.code == 0) {
// swal({
// title: response.info,
// text: response.data,
// type: "success",
// icon: "success",
// confirmButtonColor: "#00BCD4"
// }, function() {
// $("#modal_bangunan_edit").css('display', 'none');
// })
// } else {
// swal({
// title: response.info,
// text: response.data,
// type: "warning",
// icon: "error",
// confirmButtonColor: "#00BCD4"
// })
setTimeout(function() { // }
map_edit.invalidateSize(); // }
}, 1000); // })
loaderPage(false);
map_edit.setView([data['geometry']['coordinates'][0][0][0][1], data['geometry']['coordinates'][0][0][0][0]], 19); // });
// $(document).on("click", "#btn_delete_bangunan", function() {
// var map_delete = new L.map('map-delete', {
// editable: true,
// zoomControl: false,
// drawControl: true
// }).setView([-2, 118], 5);
// mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {
// maxZoom: 22,
// minZoom: 4,
// }).addTo(map_delete);
// var id_polyhps = $('#idbangunanhps').val();
// // console.log(id_polyhps)
// loaderPage(true);
// $.ajax({
// url: "{% url 'api:edit' %}",
// data: {
// 'id_poly': id_polyhps
// },
// dataType: 'json',
// success: function(data) {
let lop_poly_edit = data['geometry']['coordinates'][0][0]; // setTimeout(function() {
let list_poly_edit = []; // map_delete.invalidateSize();
for (var i = 0; i < lop_poly_edit.length; i++) { // }, 1000);
geoj = lop_poly_edit[i][0]; // loaderPage(false);
polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]]
list_poly_edit.push(polygigi);
};
var polyly = L.polygon(list_poly_edit).addTo(map_edit) // map_delete.setView([data['geometry']['coordinates'][0][0][0][1], data['geometry']['coordinates'][0][0][0][0]], 19);
polyly.enableEdit();
$('#btnsavebangunan').click(function() {
var hasil = (JSON.stringify(polyly.toGeoJSON()))
$("#coordinatebangunan").val(hasil);
})
}
})
});
// let lop_poly_edit = data['geometry']['coordinates'][0][0];
// let list_poly_edit = [];
// for (var i = 0; i < lop_poly_edit.length; i++) {
// geoj = lop_poly_edit[i][0];
// polygigi = [lop_poly_edit[i][1], lop_poly_edit[i][0]]
// list_poly_edit.push(polygigi);
// };
$(document).on("click", "#btnsavebangunan", function() { // var polyly = L.polygon(list_poly_edit).addTo(map_delete)
// $('#btnsavedeletebangunan').click(function() {
// var hasil = (JSON.stringify(polyly.toGeoJSON()))
// $("#coordinatebangunan").val(hasil);
// })
// }
// })
// });
var data = new FormData(); // $(document).on("click", "#btnsavedeletebangunan", function() {
data.append("file", $("input[id^='imgbangunan']")[0].files[0]);
data.append("csrfmiddlewaretoken", "{{ csrf_token }}");
data.append('name_b', $('#namebangunan').val())
data.append('polygon', $('#coordinatebangunan').val())
data.append('info_b', $('#infobangunan').val())
data.append('desa_b', $('#nmkelurahan').val())
data.append('kec_b', $('#nmkecamatan').val())
data.append('kab_b', $('#nmkabkota').val())
data.append('pro_b', $('#nmprovinsi').val())
data.append('id_poly', $('#idbangunan').val())
data.append('luasbangunan', $('#luasbangunan').val())
data.append('luastanah', $('#luastanah').val())
data.append('tinggibangunan', $('#tinggibangunan').val())
data.append('pemilik', $('#pemilik').val())
$.ajax({ // var data = new FormData();
url: "{% url 'api:validatedit' %}", // data.append('id_poly', $('#idbangunan').val())
data: data,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
success: function(data) {
let response = data
if (response.code == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_bangunan_edit").css('display', 'none');
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
} // $.ajax({
} // url: "{% url 'api:hapus' %}",
}) // data: data,
// dataType: 'json',
// type: 'POST',
// processData: false,
// contentType: false,
// success: function(data) {
// let response = data
// if (response.code == 0) {
// swal({
// title: response.info,
// text: response.data,
// type: "success",
// icon: "success",
// confirmButtonColor: "#00BCD4"
// }, function() {
// $("#modal_bangunan_delete").css('display', 'none');
// })
// } else {
// swal({
// title: 'Error',
// text: 'Hubungi Mereka',
// type: "warning",
// icon: "error",
// confirmButtonColor: "#00BCD4"
// })
// }
// }
// })
}); // });
var geo_jalan = L.geoJson(null, { var geo_jalan = L.geoJson(null, {
style: function(feature) { style: function(feature) {
...@@ -1749,7 +1935,7 @@ ...@@ -1749,7 +1935,7 @@
layer.on({ layer.on({
click: function(e) { click: function(e) {
var geogeo = geocodeService.reverse().latlng(e.latlng).run(function(error, result) { var geogeo = geocodeService.reverse().latlng(e.latlng).run(function(error, result) {
if (feature.properties.f6 == 'NONE') { if (feature.properties.f6 == 'None') {
var path_img = "static/img/image_null.jpg" var path_img = "static/img/image_null.jpg"
} else { } else {
var path_img = `"static/image/jalan/` + feature.properties.f6 + `"` var path_img = `"static/image/jalan/` + feature.properties.f6 + `"`
...@@ -1841,7 +2027,10 @@ ...@@ -1841,7 +2027,10 @@
</p> </p>
<p class="text-center" style="margin-top: 25px;"> <p class="text-center" style="margin-top: 25px;">
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-jalan" id="btn_jalan" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Jalan</i></a> <a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-jalan" id="btn_jalan" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Jalan</i></a>
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-hapus-jalan" id="btn_hapus_jalan" data-backdrop="static" data-keyboard="false" style="display:block;"><i>Hapus Jalan</i></a>
</p> </p>
</th> </th>
</tr> </tr>
...@@ -1957,8 +2146,6 @@ ...@@ -1957,8 +2146,6 @@
} }
} }
$(document).on("click", "#btn_jalan", function() {
var map_edit_jalan = L.map('map-jalan', { var map_edit_jalan = L.map('map-jalan', {
editable: true, editable: true,
zoomControl: false, zoomControl: false,
...@@ -1969,7 +2156,21 @@ ...@@ -1969,7 +2156,21 @@
maxZoom: 22, maxZoom: 22,
minZoom: 4, minZoom: 4,
}).addTo(map_edit_jalan); }).addTo(map_edit_jalan);
var polygon_edit_jalan = new L.Polyline([
[-4.11941282399997, 104.170558774],
[-4.11965812399992, 104.170414073]
], {
color: 'blue',
weight: 3,
opacity: 0.5,
smoothFactor: 1
});
$(document).on("click", "#btn_jalan", function() {
if (map_edit_jalan.hasLayer(polygon_edit_jalan)) {
polygon_edit_jalan.remove()
}
var id_poly = $('#idjalan').val(); var id_poly = $('#idjalan').val();
$.ajax({ $.ajax({
...@@ -2004,7 +2205,7 @@ ...@@ -2004,7 +2205,7 @@
}; };
var polygon_edit_jalan = new L.Polyline(list_poly_edit, { polygon_edit_jalan = new L.Polyline(list_poly_edit, {
color: 'blue', color: 'blue',
weight: 3, weight: 3,
opacity: 0.5, opacity: 0.5,
...@@ -2020,6 +2221,58 @@ ...@@ -2020,6 +2221,58 @@
}) })
}); });
$(document).on("click", "#btn_hapus_jalan", function() {
var id_poly = $('#idjalan').val();
$.ajax({
url: "{% url 'api:edit-jalan' %}",
data: {
'idjalan': id_poly
},
dataType: 'json',
success: function(data) {
loaderPage(false);
$("#isi_modal_delete").html(`Hapus Jalan dengan nama jalan ` + data['nama'] + ``);
$("#idjlnhps").val(id_poly)
}
})
});
$('#btnhpsjalan').click(function() {
var id_poly = $('#idjlnhps').val();
$.ajax({
url: "{% url 'api:hapus-jalan' %}",
data: {
'idjalan': id_poly
},
dataType: 'json',
success: function(data) {
let response = data;
if (response.code == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal-hapus-jalan").css('display', 'none');
})
} else {
swal({
title: response.info,
text: response.data,
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}
});
});
$(document).on("click", "#btnsavejalan", function() { $(document).on("click", "#btnsavejalan", function() {
var data = new FormData(); var data = new FormData();
data.append("file", $("input[id^='imgjalan']")[0].files[0]); data.append("file", $("input[id^='imgjalan']")[0].files[0]);
...@@ -2049,7 +2302,7 @@ ...@@ -2049,7 +2302,7 @@
type: "success", type: "success",
icon: "success", icon: "success",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}).then((isok) => { }, function() {
$("#modal-jalan").css('display', 'none'); $("#modal-jalan").css('display', 'none');
}) })
} else { } else {
...@@ -2410,7 +2663,6 @@ ...@@ -2410,7 +2663,6 @@
weight: 10 weight: 10
} }
}, },
// disable toolbar item by setting it to false
polyline: true, polyline: true,
}, },
edit: { edit: {
...@@ -2432,8 +2684,6 @@ ...@@ -2432,8 +2684,6 @@
var koordina = "" var koordina = ""
if (type === 'polyline') { if (type === 'polyline') {
// Calculating the distance of the polyline
var tempLatLng = null; var tempLatLng = null;
var totalDistance = 0.00000; var totalDistance = 0.00000;
$.each(e.layer._latlngs, function(i, latlng) { $.each(e.layer._latlngs, function(i, latlng) {
...@@ -2450,9 +2700,6 @@ ...@@ -2450,9 +2700,6 @@
$("#panjangjalanperbaikan").val((totalDistance).toFixed(2) + ' meter'); $("#panjangjalanperbaikan").val((totalDistance).toFixed(2) + ' meter');
} }
$("#poly_create_input").val(JSON.stringify(koordina));
editableLayers.addLayer(layer); editableLayers.addLayer(layer);
}); });
...@@ -2504,8 +2751,8 @@ ...@@ -2504,8 +2751,8 @@
<td>` + data[i].pjg_jln_reno + `</td> <td>` + data[i].pjg_jln_reno + `</td>
<td>` + data[i].lbr_jln_reno + `</td> <td>` + data[i].lbr_jln_reno + `</td>
<td><a onclick="loadmapruas('` + data[i].id + `','` + data[i].id_object + `')" id="loaddetailcoord" data-toggle="modal" data-target="#modal_detail_ruas">View</a></td> <td><a onclick="loadmapruas('` + data[i].id + `','` + data[i].id_object + `')" id="loaddetailcoord" data-toggle="modal" data-target="#modal_detail_ruas">View</a></td>
<td><a href="media/proposal/` + data[i].proposal + `" id="downloadproposal">View</a></td> <td><a href="media/proposal/` + data[i].proposal + `" id="downloadproposal" target="_blank">View</a></td>
<td><a href="media/bukti_penyelesaian/` + data[i].bukti_selesai + `" onclick="viewBukti()" id="view-bukti">View</a></td> <td><a href="media/bukti_penyelesaian/` + data[i].bukti_selesai + `" onclick="viewBukti()" id="view-bukti" target="_blank">View</a></td>
</tr>`) </tr>`)
} }
...@@ -2648,7 +2895,6 @@ ...@@ -2648,7 +2895,6 @@
data = new FormData() data = new FormData()
data.append("proposal", $("input[id^='proposal']")[0].files[0]); data.append("proposal", $("input[id^='proposal']")[0].files[0]);
data.append("bukti_selesai", $("input[id^='buktiselesai']")[0].files[0]); data.append("bukti_selesai", $("input[id^='buktiselesai']")[0].files[0]);
console.log(data)
for (var i = 0; i < data_umum.length; i++) { for (var i = 0; i < data_umum.length; i++) {
var keyss = Object.keys(data_umum[i]); var keyss = Object.keys(data_umum[i]);
data.append(keyss[0], data_umum[i][keyss[0]]) data.append(keyss[0], data_umum[i][keyss[0]])
...@@ -2947,4 +3193,219 @@ ...@@ -2947,4 +3193,219 @@
$(".container").removeClass($apnData); $(".container").removeClass($apnData);
$(this).next('.modalMinimize').find("i").removeClass('fa fa-clone').addClass('fa fa-minus'); $(this).next('.modalMinimize').find("i").removeClass('fa fa-clone').addClass('fa fa-minus');
}); });
map.on('zoomend', function() {
var zoom = map.getZoom();
if (map.hasLayer(geo_po_cagar_budaya)) {
geo_po_cagar_budaya.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) {
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + layer.feature.administrasi.f4 + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + layer.feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
layer.bindTooltip(conten, {
sticky: true,
permanent: true,
interactive: false,
direction: 'top',
offset: [0, -25],
className: 'my-label'
});
} else if (zoom < 15 && (layer.getTooltip())) {
//console.log('remove tooltip');
layer.unbindTooltip();
}
});
}
if (map.hasLayer(geo_po_rumah_sakit)) {
geo_po_rumah_sakit.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg";
} else {
var gmb = layer.feature.administrasi.f8;
}
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + layer.feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
layer.bindTooltip(conten, {
sticky: true,
permanent: true,
interactive: false,
direction: 'top',
offset: [0, -25],
className: 'my-label'
});
} else if (zoom < 15 && (layer.getTooltip())) {
//console.log('remove tooltip');
layer.unbindTooltip();
}
});
}
if (map.hasLayer(geo_po_spbu)) {
geo_po_spbu.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg";
} else {
var gmb = layer.feature.administrasi.f8;
}
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + layer.feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
layer.bindTooltip(conten, {
sticky: true,
permanent: true,
interactive: false,
direction: 'top',
offset: [0, -25],
className: 'my-label'
});
} else if (zoom < 15 && (layer.getTooltip())) {
//console.log('remove tooltip');
layer.unbindTooltip();
}
});
}
if (map.hasLayer(geo_po_stasiun)) {
geo_po_stasiun.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg";
} else {
var gmb = layer.feature.administrasi.f8;
}
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + layer.feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
layer.bindTooltip(conten, {
sticky: true,
permanent: true,
interactive: false,
direction: 'top',
offset: [0, -25],
className: 'my-label'
});
} else if (zoom < 15 && (layer.getTooltip())) {
//console.log('remove tooltip');
layer.unbindTooltip();
}
});
}
if (map.hasLayer(geo_po_terminal)) {
geo_po_terminal.eachLayer(function(layer) {
if (zoom >= 15 && (!layer.getTooltip())) {
if (layer.feature.administrasi.f8 == 'None') {
var gmb = "rs.svg";
} else {
var gmb = layer.feature.administrasi.f8;
}
conten = `
<div id="bottom-justified-data" style="text-align: center;">
<div >
<img src="static/img/image/` + gmb + `" alt="Image" style="width: 150px!important;height: 125px;">
</div>
<div >
<div style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0">
<p >
` + layer.feature.administrasi.f1 + `
</p>
</div>
</div>
</div>
`;
layer.bindTooltip(conten, {
sticky: true,
permanent: true,
interactive: false,
direction: 'top',
offset: [0, -25],
className: 'my-label'
});
} else if (zoom < 15 && (layer.getTooltip())) {
//console.log('remove tooltip');
layer.unbindTooltip();
}
});
}
});
</script> </script>
\ No newline at end of file
templates/includes/modal-.html 0 → 100644
View file @ 3cbf37f4
{% load static %}
<!-- modal det -->
<div class="modal fade" id="featureModal" tabindex="-1" role="dialog" style="padding-top: 50px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title text-primary" id="feature-title">Information</h4>
</div>
<div class="modal-body" id="feature-info">
</div>
<div class="modal-footer">
<div class="row">
{% if user.is_superuser %}
<div class="col-sm-6 text-left" id="button-ijo">
</div>
<div class="col-sm-6 ">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
{% else %}
<div class="col-sm-12">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<!-- end modal det -->
<!-- modal kelurahan -->
<div class="modal fade" id="modalkelurahan" tabindex="-1" role="dialog" style="padding-top: 50px;">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button class="close" type="button" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title text-primary" id="feature-title">Information</h4>
</div>
<div class="modal-body" id="featurekelurahan">
</div>
<div class="modal-footer">
<div class="row">
{% if user.is_superuser %}
<div class="col-sm-6 text-left" id="button-ijo">
</div>
<div class="col-sm-6 ">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
{% else %}
<div class="col-sm-12">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal_delete_1" tabindex="+1" role="dialog">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">DELETE</h4>
</div>
<div class="modal-body">
<h4>Delete ??</h4>
<fieldset id="data-poly">
<table class="table table_input table-striped table-bordered table-condensed hidden">
<tr>
<th>Id</th>
<td><input size="58" name="id_poly_delete" type="text" id="id_poly_delete" value=""></td>
</tr>
</table>
<div id='actionedit' style="padding-top: 20px;">
<div class="navbar-right">
<input id='buttondelete' class="btn btn-danger" type="submit" value="Delete">
<input class="btn btn-default" type="button" value="Close" data-dismiss='modal'>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div id="modal_detail" class="modal fade mymodal" style="padding-top: 0px;padding-bottom: 0px;right: -11px;width: 100%!important;">
<div class="modal-dialog modal-lg" style="width: 100%;height: 100%;margin: 0;bottom: 0;">
<div class="modal-content" style="height: 100%;">
<div class="modal-header bg-info" style="background-color:#28343a">
<button type="button" class="close" data-dismiss="modal"> <i class='fa fa-times'></i> </button>
<h6 class="modal-title">Info Detail</h6>
</div>
<div class="modal-body" style="max-height: 100%;overflow-y: auto;">
<div class="panel-body" id="isi_modal_detail">
<table class="table table-responsive datatable-show-all table-sm" id="isi_detail" style="word-wrap:break-word;">
</table>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" onclick="cetakExcel()">Cetak</button>
</div>
</div>
</div>
</div>
<!-- modal jalan -->
<div id="modal-jalan" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Edit Line Jalan dan Informasinya</h6>
</div>
<div class="modal-body" style="max-height: 450px;">
<div class="tab-pane has-padding" id="panel-tab2">
<div class="tab-pane" id="bottom-justified-data">
<input type="text" name="idjalan" id="idjalan" class="form-control hidden" value="">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" class="active"><a href="#left-tab1-feas-uplj" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-uplj" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-uplj">
<div id="map-jalan" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="imgjalan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>
<div class="tab-pane" id="right-tab2-feas-uplj">
<div class="row" style="height: 337px;">
<input type="text" class="hidden" name="coordinatejalan" id="coordinatejalan" value="">
<input type="text" name="idjalan" id="idjalan" class="form-control hidden" value="" disable>
<table style="margin-left: 50px; width: 160vh;">
<tr>
<th>
Nama Jalan
</th>
<td>
<input type="text" id="namajalan" class="form-control" value="" style="width: 260px;">
</td>
</tr>
<tr>
<th>
Panjang Jalan (m)
</th>
<td>
<input type="text" id="panjangjalan" class="form-control" value="" style="width: 260px;">
</td>
</tr>
<tr>
<th>
Lebar Jalan (m)
</th>
<td>
<input type="text" id="lebarjalan" class="form-control" value="" style="width: 260px;">
</td>
</tr>
<tr>
<th>
Tipe Jalan
</th>
<td>
<input type="text" id="tipejalan" class="form-control" value="" style="width: 260px;">
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer ">
<button type="button" class="btn btn-link" onclick="destroyfade()" data-dismiss="modal">Close</button>
<button type="button" id="btnsavejalan" class="btn btn-info">Save changes</button>
</div>
</div>
</div>
</div>
</div>
<div id="modal_theme_info" class="modal fade">
<div class="modal-dialog">
<div class="modal-content" style="width: 400px;margin-left: 100px;">
<div class="modal-header bg-info">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Info header</h6>
</div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<img id="blah" src="#" style="max-width: 275px;max-height: 275px;margin-left: 45px;" alt="your image" />
<table id="valid-edit-kel" style="margin-bottom: 20px;"></table>
<table id="valid-edit-penduduk" style="margin-bottom: 20px;"></table>
<table id="valid-edit-pendidik" style="margin-bottom: 20px;"></table>
<table id="valid-edit-pekerja" style="margin-bottom: 20px;"></table>
<div id="validasi-edit" style="width: 350px; margin-left:10px;">
</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>
<!-- modal bangunan -->
<div id="modal_bangunan_edit" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Edit Polygon Bangunan dan Informasinya</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-uplb" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-uplb" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-uplb">
<div id="map-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>
<div class="tab-pane" id="right-tab2-feas-uplb">
<div class="row" style="height: 337px;"></div>
<div class="col-md-6">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunan" value="">
<input type="text" name="idbangunan" id="idbangunan" class="form-control hidden" value="" disable>
<table>
<tr>
<th>Nama Bangunan</th>
<td>
<input type="text" name="namebangunan" id="namebangunan" class="form-control" value="">
</td>
</tr>
<tr>
<th>Informasi Bangunan</th>
<td>
<input type="text" name="infobangunan" id="infobangunan" class="form-control" value="">
</td>
</tr>
<tr>
<th>Kelurahan</th>
<td>
<input type=" text " name="nmkelurahan " id="nmkelurahan" class="form-control " value="">
</td>
</tr>
<tr>
<th>Kecamatan</th>
<td>
<input type="text " name="nmkecamatan " id="nmkecamatan" class="form-control " value="">
</td>
</tr>
<tr>
<th>Kab/Kota</th>
<td>
<input type="text " name="nmkabkota " id="nmkabkota" class="form-control " value="">
</td>
</tr>
<tr>
<th>Provinsi</th>
<td>
<input type="text " name="nmprovinsi " id="nmprovinsi" class="form-control " value="">
</td>
</tr>
</table>
</div>
<div class="col-md-6">
<table>
<tr>
<th>Luas Bangunan</th>
<td>
<input type="text " name="luasbangunan " id="luasbangunan" class="form-control " value=" ">
</td>
</tr>
<tr>
<th>Luas Tanah</th>
<td>
<input type="text " name="luastanah " id="luastanah" class="form-control " value=" ">
</td>
</tr>
<tr>
<th>Tinggi Bangunan</th>
<td>
<input type="text " name="tinggibangunan " id="tinggibangunan" class="form-control " value=" ">
</td>
</tr>
<tr>
<th>Pemilik</th>
<td>
<input type="text " name="pemilik " id="pemilik" class="form-control " value=" ">
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer ">
<button type="button" class="btn btn-link" onclick="destroyfade()" data-dismiss="modal">Close</button>
<button type="button" id="btnsavebangunan" class="btn btn-info">Save changes</button>
</div>
</div>
</div>
<div id="modal_bangunan_delete" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;">
<table>
<tr>
<th>
<h6 class="modal-title">Delete Bangunan dan Informasinya</h6>
</th>
<td><button type="button" class="close" data-dismiss="modal">&times;</button></td>
</tr>
</table>
</div>
<div class="form-group" style="margin-bottom:10px;">
<div id="map-delete" style="width: 300px;height: 250px;position: relative;margin-left: 10px;margin-right: 10px;margin-top: 10px;"></div>
<div class="form-group">
<div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value="">
<input type="text" name="idbangunan" id="idbangunanhps" class="form-control hidden" value="" disable>
<input type="text" name="namebangunan" id="namebangunanhps" class="form-control" value="">
<input type="text" name="infobangunan" id="infobangunanhps" class="form-control" value="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btnsavedeletebangunan" class="btn btn-info">Hapus</button>
</div>
</div>
</div>
</div>
<!-- modal tuplah -->
<div id="modal-edit-tuplah" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Batas Lahan</h6>
</div>
<input type="text" name="idtuplah" id="idtuplah" class="form-control hidden" value="">
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="form-control hidden" value="">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div id="map-edit-tuplah" style="width: 400px;height: 300px;position: relative;margin-left: 100px;margin-left: 100px;
margin-right: 100px;">
</div>
<br>
<table>
<tr>
<th>
Image
</th>
<td>
<input type="file" id="imgtuplah" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
<button type="button" id="btnsavetuplah" class="btn btn-info">Save changes</button>
</div>
</div>
</div>
</div>
<!-- modal point -->
<div class="modal fade" id="modald_adm">
</div>
<div class="modal fade" id="modal_adm">
</div>
<div class="modal fade" id="modal_tampak">
</div>
<div id="modal_point" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Insert Point</h6>
</div>
<input type="text" name="poly_create_point" class="hidden" id="poly_create_point" value="">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="gambar_pitik" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Bangunan</label>
<div class="col-lg-9">
<input id="name_create_point" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Jenis Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="tipe_point" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Jenis Point --</option>
<option value="kantor_administrasi">Kantor Administrasi</option>
<option value="layanan_kesehatan">Layanan Kesehatan</option>
<option value="puskesmas">Puskesmas</option>
<option value="rumah_sakit">Rumah Sakit</option>
<option value="sarana_ibadah">Sarana Ibadah</option>
<option value="sarana_pendidikan">Sarana Pendidikan</option>
<option value="spbu">SPBU</option>
<option value="stasiun">Stasiun</option>
<option value="terminal_bus">Terminal Bus</option>
<option value="cagar_budaya">Cagar Budaya dan Tempat Wisata</option>
<option value="gardu_listrik">Gardu Listrik</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_2" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Tipe Point --</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Alamat</label>
<div class="col-lg-9">
<input id="alamat_create_point" type="text" class="form-control" value="" placeholder="cth : Jl. Contoh Rt 005/01 No.01" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Luas Tanah</label>
<div class="col-lg-6">
<input id="luas_tanah_point" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_tanah" style="margin-top: 15px;">
<option>m2</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Pemilik</label>
<div class="col-lg-9">
<input id="pemilik_point" type="text" class="form-control" value="" placeholder="cth : Ali Budiman, S.Si." required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
<button type="button" id="btnsavepoint" class="btn btn-info">Save</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalsearch3d" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xs">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">3D Searching</h4>
</div>
<div class="modal-body">
<fieldset>
<select id="search_desa" placeholder="Pick a state..." style="width: 256px;height: 35px;">
</select>
<br>
</fieldset>
</div>
<div class="modal-footer">
<input class="btn btn-success btn-block" id="search3D" type="submit" value="Search">
</div>
</div>
</div>
</div>
\ No newline at end of file
templates/includes/modal.html
View file @ 3cbf37f4
...@@ -116,31 +116,43 @@ ...@@ -116,31 +116,43 @@
</div> </div>
<!-- modal jalan --> <!-- modal jalan -->
<div id="modal-jalan" class="modal fade"> <div id="modal-jalan" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c;"> <div class="modal-header bg-info" style="background-color:#40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Maps Jalan</h6> <h6 class="modal-title">Edit Line Jalan dan Informasinya</h6>
</div> </div>
<input type="text" name="idjalan" id="idjalan" class="form-control hidden" value="` + feature.properties.f1 + `">
<input type="text" name="coordinatejalan" id="coordinatejalan" class="form-control hidden" value="">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;"> <div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="tab-pane has-padding" id="panel-tab2">
<div id="map-jalan" style="width:400px;height: 350px;"> <div class="tab-pane" id="bottom-justified-data">
</div> <input type="text" name="idjalan" id="idjalan" class="form-control hidden" value="">
<br>
<table> <div class="tabbable">
<tr> <ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<th> <li onclick="changetabs(this)" class="active"><a href="#left-tab1-feas-upl-j" data-toggle="tab">Koordinat</a></li>
Image <li onclick="changetabs(this)"><a href="#right-tab2-feas-upl-j" data-toggle="tab">Informasi Umum</a></li>
</th> </ul>
<td>
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-upl-j">
<div id="map-jalan" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="imgjalan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif"> <input type="file" id="imgjalan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</td> </div>
</tr> </div>
</div>
<div class="tab-pane" id="right-tab2-feas-upl-j">
<div class="row" style="height: 337px;">
<input type="text" class="hidden" name="coordinatejalan" id="coordinatejalan" value="">
<input type="text" name="idjalan" id="idjalan" class="form-control hidden" value="" disable>
<table style="margin-left: 20px;width: 80vh;">
<tr> <tr>
<th> <th>
Nama Jalan Nama Jalan
...@@ -175,15 +187,44 @@ ...@@ -175,15 +187,44 @@
</tr> </tr>
</table> </table>
</div> </div>
</div>
<div class="modal-footer"> </div>
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<div class="modal-footer ">
<button type="button" class="btn btn-link" onclick="destroyfade()" data-dismiss="modal">Close</button>
<button type="button" id="btnsavejalan" class="btn btn-info">Save changes</button> <button type="button" id="btnsavejalan" class="btn btn-info">Save changes</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="modal-hapus-jalan" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Delete Line Jalan dan Informasinya</h6>
</div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div id="isi_modal_delete">
</div>
</div>
<div class="modal-footer ">
<input class="hidden" type="text" name="" id="idjlnhps">
<button type="button" class="btn btn-link" onclick="destroyfade()" data-dismiss="modal">Close</button>
<button type="button" id="btnhpsjalan" class="btn btn-info">Hapus Jalan</button>
</div>
</div>
</div>
</div>
<div id="modal_theme_info" class="modal fade"> <div id="modal_theme_info" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog">
...@@ -216,35 +257,41 @@ ...@@ -216,35 +257,41 @@
<!-- modal bangunan --> <!-- modal bangunan -->
<div id="modal_bangunan_edit" class="modal fade"> <div id="modal_bangunan_edit" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;"> <div class="modal-header bg-info" style="background-color:#40777c;">
<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 Polygon Bangunan dan Informasinya</h6> <h6 class="modal-title">Edit Polygon Bangunan dan Informasinya</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;">
<div class="row"> <div class="tab-pane has-padding" id="panel-tab2">
<div class="col-md-5"> <div class="tab-pane" id="bottom-justified-data">
<div id="map-edit" style="width:400px;height: 350px;">
<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="tab-pane active" id="left-tab1-feas-upl">
<div id="map-edit" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="tab-pane" id="right-tab2-feas-upl">
<div class="row" style="height: 337px;"></div>
<div class="col-md-6">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunan" value=""> <input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunan" value="">
<table>
<tr>
<th>
Image
</th>
<td>
<input type="file" id="imgbangunan" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</td>
</tr>
<tr>
<th>Id</th>
<td>
<input type="text" name="idbangunan" id="idbangunan" class="form-control hidden" value="" disable> <input type="text" name="idbangunan" id="idbangunan" class="form-control hidden" value="" disable>
</td>
</tr> <table>
<tr> <tr>
<th>Nama Bangunan</th> <th>Nama Bangunan</th>
<td> <td>
...@@ -260,71 +307,231 @@ ...@@ -260,71 +307,231 @@
<tr> <tr>
<th>Kelurahan</th> <th>Kelurahan</th>
<td> <td>
<input type=" text " name="nmkelurahan " id="nmkelurahan " class="form-control " value=""> <input type=" text " name="nmkelurahan " id="nmkelurahan" class="form-control " value="">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Kecamatan</th> <th>Kecamatan</th>
<td> <td>
<input type="text " name="nmkecamatan " id="nmkecamatan " class="form-control " value=""> <input type="text " name="nmkecamatan " id="nmkecamatan" class="form-control " value="">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Kab/Kota</th> <th>Kab/Kota</th>
<td> <td>
<input type="text " name="nmkabkota " id="nmkabkota " class="form-control " value=""> <input type="text " name="nmkabkota " id="nmkabkota" class="form-control " value="">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Provinsi</th> <th>Provinsi</th>
<td> <td>
<input type="text " name="nmprovinsi " id="nmprovinsi " class="form-control " value=""> <input type="text " name="nmprovinsi " id="nmprovinsi" class="form-control " value="">
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
<div class="col-md-3 "> <div class="col-md-6">
<table> <table>
<tr> <tr>
<th>Luas Bangunan</th> <th>Luas Bangunan</th>
<td> <td>
<input type="text " name="luasbangunan " id="luasbangunan " class="form-control " value=" "> <input type="text " name="luasbangunan " id="luasbangunan" class="form-control " value=" ">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Luas Tanah</th> <th>Luas Tanah</th>
<td> <td>
<input type="text " name="luastanah " id="luastanah " class="form-control " value=" "> <input type="text " name="luastanah " id="luastanah" class="form-control " value=" ">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Tinggi Bangunan</th> <th>Tinggi Bangunan</th>
<td> <td>
<input type="text " name="tinggibangunan " id="tinggibangunan " class="form-control " value=" "> <input type="text " name="tinggibangunan " id="tinggibangunan" class="form-control " value=" ">
</td> </td>
</tr> </tr>
<tr> <tr>
<th>Pemilik</th> <th>Pemilik</th>
<td> <td>
<input type="text " name="pemilik " id="pemilik " class="form-control " value=" "> <input type="text " name="pemilik " id="pemilik" class="form-control " value=" ">
</td> </td>
</tr> </tr>
</table> </table>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="modal-footer "> <div class="modal-footer ">
<button type="button " class="btn btn-link " data-dismiss="modal ">Close</button> <button type="button" class="btn btn-link" onclick="destroyfade()" data-dismiss="modal">Close</button>
<button type="button " id="btnsavebangunan " class="btn btn-info ">Save changes</button> <button type="button" id="btnsavebangunan" class="btn btn-info">Save changes</button>
</div>
</div>
</div>
<div id="modal_bangunan_delete" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;">
<table>
<tr>
<th>
<h6 class="modal-title">Delete Bangunan dan Informasinya</h6>
</th>
<td><button type="button" class="close" data-dismiss="modal">&times;</button></td>
</tr>
</table>
</div>
<div class="form-group" style="margin-bottom:10px;">
<div id="map-delete" style="width: 300px;height: 250px;position: relative;margin-left: 10px;margin-right: 10px;margin-top: 10px;"></div>
<div class="form-group">
<div class="col-lg-12" style="margin-top:10px;margin-bottom:10px;">
<input type="text" class="hidden" name="coordinatebangunan" id="coordinatebangunanhps" value="">
<input type="text" name="idbangunan" id="idbangunanhps" class="form-control hidden" value="" disable>
<input type="text" name="namebangunan" id="namebangunanhps" class="form-control" value="">
<input type="text" name="infobangunan" id="infobangunanhps" class="form-control" value="">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="btnsavedeletebangunan" class="btn btn-info">Hapus</button>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div id="input_perbaikan_bang" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color:#40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Renovasi Bangunan</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="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 class="modal-footer">
<input type="text" id="coorbangbaru" class="form-control" value="">
<button type="button" class="btn btn-info" id="save-perbaikan_bang" style="float: right; margin-right: 40px;">SAVE</button>
</div>
</div>
</div>
</div>
<!-- modal tuplah -->
<div id="modal-edit-tuplah" class="modal fade"> <div id="modal-edit-tuplah" class="modal fade">
<div class="modal-dialog" style="width: max-content;height: max-content;"> <div class="modal-dialog" style="width: max-content;height: max-content;">
<div class="modal-content"> <div class="modal-content">
...@@ -340,7 +547,8 @@ ...@@ -340,7 +547,8 @@
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="form-control hidden" value=""> <input type="text" name="coordinatetuplah" id="coordinatetuplah" class="form-control hidden" value="">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;"> <div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div id="map-edit-tuplah" style="width:400px;height: 350px;"> <div id="map-edit-tuplah" style="width: 400px;height: 300px;position: relative;margin-left: 100px;margin-left: 100px;
margin-right: 100px;">
</div> </div>
<br> <br>
<table> <table>
...@@ -362,3 +570,171 @@ ...@@ -362,3 +570,171 @@
</div> </div>
</div> </div>
</div> </div>
<!-- modal point -->
<div class="modal fade" id="modald_adm">
</div>
<div class="modal fade" id="modal_adm">
</div>
<div class="modal fade" id="modal_tampak">
</div>
<div id="modal_point" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Insert Point</h6>
</div>
<input type="text" name="poly_create_point" class="hidden" id="poly_create_point" value="">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="gambar_pitik" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="name_create_point" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Jenis Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;" id="tipe_point" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Jenis Point --</option>
<option value="kantor_administrasi">Kantor Administrasi</option>
<option value="layanan_kesehatan">Layanan Kesehatan</option>
<option value="puskesmas">Puskesmas</option>
<option value="rumah_sakit">Rumah Sakit</option>
<option value="sarana_ibadah">Sarana Ibadah</option>
<option value="sarana_pendidikan">Sarana Pendidikan</option>
<option value="spbu">SPBU</option>
<option value="stasiun">Stasiun</option>
<option value="terminal_bus">Terminal Bus</option>
<option value="cagar_budaya">Cagar Budaya dan Tempat Wisata</option>
<option value="gardu_listrik">Gardu Listrik</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Tipe Point</label>
<div class="col-lg-9">
<select style="border-bottom: 1px solid rgb(83, 83, 83) !important;width: 220px;" id="tipe_point_2" data-placeholder="select point.." class="select-size-md">
<option value="null" selected disabled>-- Pilih Tipe Point --</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Alamat</label>
<div class="col-lg-9">
<input id="alamat_create_point" type="text" class="form-control" value="" placeholder="cth : Jl. Contoh Rt 005/01 No.01" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Luas Tanah</label>
<div class="col-lg-6">
<input id="luas_tanah_point" type="text" class="form-control" value="" required>
</div>
<div class="col-lg-3">
<select id="satuan_luas_tanah" style="margin-top: 15px;">
<option>m2</option>
</select>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Pimpinan</label>
<div class="col-lg-9">
<input id="pemilik_point" type="text" class="form-control" value="" placeholder="cth : Ali Budiman, S.Si." required>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
<button type="button" id="btnsavepoint" class="btn btn-info">Save</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modalsearch3d" tabindex="-1" role="dialog">
<div class="modal-dialog modal-xs">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
<h4 class="modal-title">3D Searching</h4>
</div>
<div class="modal-body">
<fieldset>
<select id="search_desa" placeholder="Pick a state..." style="width: 256px;height: 35px;">
</select>
<br>
</fieldset>
</div>
<div class="modal-footer">
<input class="btn btn-success btn-block" id="search3D" type="submit" value="Search">
</div>
</div>
</div>
</div>
<!--
<script>
$("#tipe_point").change(function() {
var tipe = $(this).val();
$.ajax({
url: "{% url 'api:change-tipe' %}",
data: {
'tipe': tipe
},
dataType: 'json',
success: function(data) {
console.log(data)
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0];
console.log(data_k)
var data_kab = `<option value="` +
data_k +
`">` +
data_k +
`</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_2').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab);
}
});
});
</script> -->
\ No newline at end of file
templates/includes/navbar.html
View file @ 3cbf37f4
...@@ -4,10 +4,17 @@ ...@@ -4,10 +4,17 @@
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand gradient-text " href="{% url 'apps:dashboard' %}"> <a class="navbar-brand gradient-text " href="{% url 'apps:dashboard' %}">
<!-- <h3>NationalAddress</h3> --> <!-- <h3>NationalAddress</h3> -->
<i class="icon-location4 fa-gradient"></i> <i>
<b>&nbsp;&nbsp;OKU-GIS</b> <img src="{% static 'img/logo-ok.png' %}" alt="" style="position: absolute;
width: 26px;
top: 7px;">
</i>
<!-- <i class="icon-location4 fa-gradient"></i> -->
<b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Teman-KU
</b> (Sistem Informasi Pembangunan OKU)
</a> </a>
<ul class="nav navbar-nav pull-right visible-xs-block"> <ul class="nav navbar-nav pull-right visible-xs-block">
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li> <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
</ul> </ul>
...@@ -26,8 +33,6 @@ ...@@ -26,8 +33,6 @@
</a> </a>
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li><a href="#"><i class="icon-user-plus"></i> My profile</a></li>
<li><a href="#"><i class="icon-cog5"></i> Account settings</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/includes/o.html
View file @ 3cbf37f4
...@@ -230,7 +230,7 @@ ...@@ -230,7 +230,7 @@
</div> </div>
</div> </div>
<div class="footer" id="thisFooter" style="bottom: 0px; left: 0px;"> <div class="footer" id="thisFooter" style="bottom: 10px; left: 0px;">
<input type="hidden" id="infoLongitude"> <input type="hidden" id="infoLongitude">
<input type="hidden" id="infoLatitude"> <input type="hidden" id="infoLatitude">
<input type="hidden" id="infoLimitx"> <input type="hidden" id="infoLimitx">
......
templates/includes/plugin.html
View file @ 3cbf37f4
{% load static %} {% load static %}
<ul class="dock" style="right: 0;position: absolute;"> <ul class="dock" style="right: 0;position: absolute;">
<li class="fixed-plugin" style="top: 100px;"> <li class="fixed-plugin" style="top: 50px;">
<div class="dropdown show-dropdown"> <div class="dropdown show-dropdown" style="top: 1px;">
<a href="#" type="checkbox">
<input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 48px;height: 30px;">
<div id="labelchange">
<h1 style="color: white;margin-top: 5px;margin-left: 8px;">
3D
</h1>
</div>
<!-- <i class="fa fa-map-o fa-2x" style="color: white;
margin: 10px 10px;
width: auto;"> </i> -->
</a>
</div>
</li>
<li class="fixed-plugin no3d" style="top: 110px;">
<div class="dropdown show-dropdown" style="top: 1px;">
<a href="#" data-toggle="dropdown"> <a href="#" data-toggle="dropdown">
<i class="fa fa-map-o fa-2x" style="color: white; <i class="fa fa-map-o fa-2x" style="color: white;
padding: 10px; margin: 10px 10px;
border-radius: 0 0 6px 6px;
width: auto;"> </i> width: auto;"> </i>
</a> </a>
<ul class="dropdown-menu" x-placement="bottom-start"> <ul class="dropdown-menu" x-placement="bottom-start">
...@@ -24,7 +41,7 @@ ...@@ -24,7 +41,7 @@
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery"> <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="WorldImagery">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; max-height: 130px; <img src="{% static 'img/maps/esri.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
min-height: 130px"> min-height: 130px">
<span class="menu-heading"> <span class="menu-heading">
World Imagery</span> World Imagery</span>
...@@ -34,7 +51,7 @@ ...@@ -34,7 +51,7 @@
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite"> <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="BingSatellite">
<img src="{% static 'img/maps/bing.png' %}" alt="" style="min-width: 180px; max-height: 130px; <img src="{% static 'img/maps/bing.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
min-height: 130px"> min-height: 130px">
<span class="menu-heading"> <span class="menu-heading">
Bing Satellite</span> Bing Satellite</span>
...@@ -44,7 +61,7 @@ ...@@ -44,7 +61,7 @@
<div class="col-md-3"> <div class="col-md-3">
<ul class="menu-list"> <ul class="menu-list">
<a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite"> <a href="#" data-toggle="collapse" data-target=".navbar-collapse.in" id="GoogleSatellite">
<img src="{% static 'img/maps/esri.png' %}" alt="" style="min-width: 180px; max-height: 130px; <img src="{% static 'img/maps/esri.PNG' %}" alt="" style="min-width: 180px; max-height: 130px;
min-height: 130px"> min-height: 130px">
<span class="menu-heading"> <span class="menu-heading">
Google Satellite</span> Google Satellite</span>
...@@ -56,16 +73,15 @@ ...@@ -56,16 +73,15 @@
</ul> </ul>
</div> </div>
</li> </li>
<li class="fixed-plugin" style="top: 160px;"> <li class="fixed-plugin no3d" style="top: 170px;">
<div class="dropdown show-dropdown"> <div class="dropdown show-dropdown ">
<a href="#" data-toggle="dropdown"> <a href="#" data-toggle="dropdown">
<i class="fa fa-cog fa-2x" style="font-size: 36px; <i class="fa fa-cog fa-2x" style="font-size: 36px;
color: white; color: white;
margin: 4px; margin: 6px 9px;"> </i>
margin-left: 10px;"> </i>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu" style="top: -5px;">
<li class="header-title text-center">Sidebar Filters</li> <li class="header-title text-center">Sidebar Filters</li>
<!-- <div id="sidebar" onmouseleave="overll()"> <!-- <div id="sidebar" onmouseleave="overll()">
<div class="sidebar-wrapper"> <div class="sidebar-wrapper">
...@@ -73,7 +89,6 @@ ...@@ -73,7 +89,6 @@
<div class="panel-body"> --> <div class="panel-body"> -->
<div class="row" style="margin: 0;padding: 0;"> <div class="row" style="margin: 0;padding: 0;">
<div class="col-md-6"> <div class="col-md-6">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;"> <input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;">
...@@ -81,14 +96,13 @@ ...@@ -81,14 +96,13 @@
</label> </label>
</div> </div>
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_building" style="margin-top:2px;"> <input type="checkbox" id="geo_building" style="margin-top:2px;">
Bangunan Bangunan
</label> </label>
</div> </div>
<ul class="nasted active"> <!-- <ul class="nasted active">
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="2d-maps" style="margin-top:2px;"> <input type="checkbox" id="2d-maps" style="margin-top:2px;">
...@@ -101,13 +115,7 @@ ...@@ -101,13 +115,7 @@
Bangunan 3D Maps Bangunan 3D Maps
</label> </label>
</div> </div>
</ul> </ul> -->
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;"> <input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;">
...@@ -115,12 +123,12 @@ ...@@ -115,12 +123,12 @@
</label> </label>
</div> </div>
<div class="checkbox"> <!-- <div class="checkbox">
<label> <label>
<input type="checkbox" id="geo_sungai" onclick="geosungai()" style="margin-top:2px;"> <input type="checkbox" id="geo_sungai" onclick="geosungai()" style="margin-top:2px;">
Sungai Sungai
</label> </label>
</div> </div> -->
<div class="checkbox"> <div class="checkbox">
<label> <label>
<input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" > <input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" >
......
templates/includes/scripts.html
View file @ 3cbf37f4
...@@ -18,5 +18,3 @@ ...@@ -18,5 +18,3 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>
<script src="{% static '/js/plugins/arrive.min.js' %}"></script> <script src="{% static '/js/plugins/arrive.min.js' %}"></script>
<script src="{% static '/js/plugins/bootstrap-notify.js' %}"></script> <script src="{% static '/js/plugins/bootstrap-notify.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/tables/datatables/datatables.min.js' %}"></script>
\ No newline at end of file
templates/layout/layout.html
View file @ 3cbf37f4
...@@ -257,7 +257,7 @@ ...@@ -257,7 +257,7 @@
/* height: 100px; */ /* height: 100px; */
max-width: 100%; max-width: 100%;
float: right; float: right;
top: -48px;
/* left: -5px; */ /* left: -5px; */
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
...@@ -353,7 +353,7 @@ ...@@ -353,7 +353,7 @@
margin-right: 3px; margin-right: 3px;
position: absolute; position: absolute;
top: calc(100% - 196px); top: calc(100% - 196px);
right: calc(50% - 0px); right: calc(95% / 2);
z-index: 99999999; z-index: 99999999;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
border: 0; border: 0;
...@@ -373,7 +373,7 @@ ...@@ -373,7 +373,7 @@
margin-right: 3px; margin-right: 3px;
position: absolute; position: absolute;
top: calc(100% - 23px); top: calc(100% - 23px);
right: calc(50% - 0px); right: calc(95%/2);
z-index: 99999999; z-index: 99999999;
border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;
border: 0; border: 0;
...@@ -391,14 +391,29 @@ ...@@ -391,14 +391,29 @@
left: 408px !important; left: 408px !important;
transform: translate(0, 0); transform: translate(0, 0);
} }
/*.fixed-plugin {*/
/* position: absolute;*/
/* z-index: 1000;*/
/* right: 0px;*/
/* background-color: #40777c;*/
/* border-top-left-radius: 10px;*/
/* border-bottom-left-radius: 10px;*/
/* margin-top: 5px;*/
/* width: 48px;*/
/* height: 48px;*/
/* box-shadow: 0 0 20px rgb(0 0 0 / 30%);*/
/* transition: 0.3s ease-out;*/
/* display: inline-block;*/
/*}*/
.fixed-plugin { .fixed-plugin {
position: absolute; position: absolute;
z-index: 1000; z-index: 1000;
right: 0px; right: 10px;
background-color: #40777c; background-color: #40777c;
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
border-radius: 10px;
margin-top: 5px; margin-top: 5px;
width: 48px; width: 48px;
height: 48px; height: 48px;
...@@ -414,30 +429,43 @@ ...@@ -414,30 +429,43 @@
width: 550px; width: 550px;
margin-left: -560px !important; margin-left: -560px !important;
margin-top: -40px !important; margin-top: -40px !important;
top: 10px;
box-shadow: 0 0 20px rgb(0 0 0 / 30%); box-shadow: 0 0 20px rgb(0 0 0 / 30%);
border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px;
} }
li.fixed-plugin:hover { li.fixed-plugin:hover {
/*transform: scale(1.3);*/ transform: scale(1.3);
right: 0; right: 10px;
/*margin-right: 7px;*/ /*margin-right: 7px;*/
position: relative; /*position: relative;*/
}
/* li.fixed-plugin:hover .dropdown-menu {
transform: scale(0.769230);
float: right;
position: absolute;
right: -550px;
width: 550px;
margin-left: -490px !important;
margin-top: -40px !important;
top: 0;
margin-right: -550px;
} */
li.fixed-plugin .dropdown-menu {
transform: scale(0.769230);
float: right;
position: absolute;
right: -550px;
width: 550px;
margin-left: -490px !important;
margin-top: -40px !important;
top: 10px;
margin-right: -550px;
} }
/*li.fixed-plugin:hover .dropdown-menu {*/
/* transform: scale(0.769230);*/
/* float: right;*/
/* position: absolute;*/
/* right: -550px;*/
/* width: 550px;*/
/* margin-left: -490px !important;*/
/* margin-top: -40px !important;*/
/* top: 0;*/
/* margin-right: -550px;*/
/*}*/
li.fixed-plugin .fa:hover { li.fixed-plugin .fa:hover {
transform: rotate(180deg); transform: rotate(360deg);
transition: all 0.3s linear; transition: all 0.3s linear;
} }
/*.move-btn .caret {*/ /*.move-btn .caret {*/
...@@ -454,6 +482,23 @@ ...@@ -454,6 +482,23 @@
display: block; display: block;
} }
#map-create-admin>div.leaflet-control-container {
display: block;
}
#map-create-admin>a.leaflet-draw-draw-polyline {
display: none!important;
}
#map-create-admin>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(1)>div>div>a.leaflet-draw-draw-polyline,
#map-create-admin>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(2) {
display: none;
}
#map-create-admin>div.leaflet-control-container>div.leaflet-top.leaflet-right {
display: none!important;
}
#map-insert>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(2) { #map-insert>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(2) {
display: none; display: none;
} }
...@@ -461,7 +506,6 @@ ...@@ -461,7 +506,6 @@
.leaflet-draw-draw-polygon, .leaflet-draw-draw-polygon,
.leaflet-draw-draw-rectangle, .leaflet-draw-draw-rectangle,
.leaflet-draw-draw-circle, .leaflet-draw-draw-circle,
.leaflet-draw-draw-marker,
.leaflet-draw-draw-circlemarker { .leaflet-draw-draw-circlemarker {
display: none!important; display: none!important;
} }
...@@ -476,7 +520,11 @@ ...@@ -476,7 +520,11 @@
} }
.leaflet-container ul li a { .leaflet-container ul li a {
color: white; color: #333333;
}
.modal-dialog {
margin-top: 48px;
} }
</style> </style>
...@@ -487,13 +535,6 @@ ...@@ -487,13 +535,6 @@
<script src="https://cesium.com/downloads/cesiumjs/releases/1.78/Build/Cesium/Cesium.js"></script> <script src="https://cesium.com/downloads/cesiumjs/releases/1.78/Build/Cesium/Cesium.js"></script>
<link href="{% static 'css/widgets.css' %}" rel="stylesheet"> <link href="{% static 'css/widgets.css' %}" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css"> <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css"> <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css">
<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>
...@@ -538,35 +579,95 @@ ...@@ -538,35 +579,95 @@
{% include 'includes/navbar.html' %} {% include 'includes/plugin.html' %} {% include 'includes/navbar.html' %} {% include 'includes/plugin.html' %}
<!-- Page container --> <!-- Page container -->
<div class="page-container"> <div class="page-container">
<div id="panel-samping" class="widget-pane widget-pane-visible" style="overflow: scroll !important; height: 95vh !important;">
<!-- Page content -->
<div class="page-content">
<!-- Main sidebar -->
<!-- <div class="sidebar sidebar-main sidebar-default"> -->
<!-- <div class="sidebar-content"> -->
<div id="panel-samping" class="widget-pane widget-pane-visible">
{% block content %} {% block content %}
<div class="sidebar-wrapper"> <div class="sidebar-wrapper">
<div class="panel panel-default" id="features"> <div class="panel panel-default" id="features">
<div class="sidebar-table" id="isi_panel"> <div class="sidebar-table" id="isi_panel">
<!-- <input type="submit" value="submit"> --> <table class="table tasks-list">
<!-- <a href="" id="btn_edit_kelurahan" style="position: absolute; <thead style="text-align: center;">
top: 240px; <tr>
right: 5px;">Edit</a> --> <th class="text-center" style="padding: 0 0 0 0px;">
<table class="table table-hover tasks-list"> <img src="{% static 'img/logo-ok.png' %}" alt="" style="max-height: 368px">
</th>
<!-- panel samping js disini --> </tr>
</thead>
<tbody>
<div class="container">
<tr style="height: 100px;">
<th class="text-center">
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
OGAN KOMERING ULU
</span>
</h1>
</div>
</th>
</tr>
</div>
<div class="container">
<tr>
<th>
<div class="form-group" style="margin-left: 80px;">
<table>
<tr>
<th>Luas Wilayah</th>
<td>: {{ global.1 }} km2</td>
</tr>
<tr>
<th>Jumlah Kecamatan</th>
<td>: {{ global.5 }} Kecamatan</td>
</tr>
<tr>
<th>Jumlah Kelurahan</th>
<td>: {{ global.6 }} Kelurahan</td>
</tr>
<tr>
<th>Jumlah Penduduk</th>
<td>: {{ global.19 }} Jiwa</td>
</tr>
<tr>
<th>Jumlah KK</th>
<td>: {{ global.20 }} KK</td>
</tr>
<tr>
<th>Jumlah Laki-laki</th>
<td>: {{ global.21 }} Jiwa</td>
</tr>
<tr>
<th>Jumlah Perempuan</th>
<td>: {{ global.22 }} Jiwa</td>
</tr>
</table> </table>
</div>
</th>
</tr>
</div>
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}
</div> </div>
<!-- Page content -->
<div class="page-content" style="overflow: hidden;">
<!-- Main sidebar -->
<!-- <div class="sidebar sidebar-main sidebar-default"> -->
<!-- <div class="sidebar-content"> -->
<div> <div>
<a href="#" class="btn btn-default" id="button_unhide_panel" data-toggle="tooltip" data-placement="right" title="Tampilkan panel"><span class="caret" style="margin-left: -5px;transform: rotate(270deg)"></span></a> <a href="#" class="btn btn-default" id="button_unhide_panel" data-toggle="tooltip" data-placement="right" title="Tampilkan panel"><span class="caret" style="margin-left: -5px;transform: rotate(270deg)"></span></a>
</div> </div>
...@@ -582,10 +683,15 @@ ...@@ -582,10 +683,15 @@
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<div id="map"> <div id="map">
</div> </div>
<div id="map-cesium" style="z-index: -999; height: 605px; display:none"></div> <div id="map-cesium" style="z-index: -999; height: 100vh; display:none">
<div class="label-bangunan" style="margin: 0px 0 0px 0px;padding-top: 55px;position: absolute;z-index: 1;right: 20px;">
<label style="background-color: white;">
&nbsp;&nbsp;left click + ctrl to rotate maps&nbsp;&nbsp;
</label>
</div>
<div class="page_loader_3d"></div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
templates/layout/user_layout.html
View file @ 3cbf37f4
...@@ -37,7 +37,8 @@ ...@@ -37,7 +37,8 @@
} }
.modal-backdrop { .modal-backdrop {
z-index: -999!important; z-index: -1!important;
} }
.sidebar { .sidebar {
...@@ -57,11 +58,11 @@ ...@@ -57,11 +58,11 @@
margin-right: 0px; margin-right: 0px;
} }
.modal-colors{ .modal-colors {
background-color: #1a222f; background-color: #1a222f;
} }
.lbl-top{ .lbl-top {
margin-top: 10px; margin-top: 10px;
} }
...@@ -102,6 +103,69 @@ ...@@ -102,6 +103,69 @@
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: #555; background: #555;
} }
.image_area {
position: relative;
}
#uploaded_image {
display: block;
object-fit: cover;
object-position: center center;
width: 270px;
height: 270px;
}
#placelg{
object-fit: cover;
object-position: center center;
width: 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;
}
</style> </style>
</head> </head>
...@@ -111,12 +175,19 @@ ...@@ -111,12 +175,19 @@
<!-- Main navbar --> <!-- Main navbar -->
<div class="navbar navbar-inverse"> <div class="navbar navbar-inverse">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="{% url 'apps:dashboard' %}"> <a class="navbar-brand gradient-text " href="{% url 'apps:dashboard' %}">
<!-- <h3>NationalAddress</h3> --> <!-- <h3>NationalAddress</h3> -->
<i class=" icon-location4"></i> <i>
<b>&nbsp;&nbsp;OKU-GISs</b> <img src="{% static 'img/logo-ok.png' %}" alt="" style="position: absolute;
width: 26px;
top: 7px;">
</i>
<!-- <i class="icon-location4 fa-gradient"></i> -->
<b style="margin-left: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Teman-KU
</b> (Sistem Informasi Pembangunan OKU)
</a> </a>
<ul class="nav navbar-nav pull-right visible-xs-block"> <ul class="nav navbar-nav pull-right visible-xs-block">
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li> <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
</ul> </ul>
...@@ -127,14 +198,25 @@ ...@@ -127,14 +198,25 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li class="dropdown dropdown-user"> <li class="dropdown dropdown-user">
<a class="dropdown-toggle" data-toggle="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown">
<img src="{% static 'img/placeholder.jpg' %}" alt="">
{% for us in thisUser %}
{% if us.filepath %}
<img id="placelg" src="{% static 'img/' %}{{us.filepath}}"/>
{% else %}
<img src="{% static 'img/placeholder.jpg' %}"/>
{% endif %}
{% endfor %}
<span>{{user.username}}</span> <span>{{user.username}}</span>
<i class="caret"></i> <i class="caret"></i>
</a> </a>
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li><a href="#"><i class="icon-user-plus"></i> My profile</a></li> {% if user.is_superuser or user.is_staff %}
<li><a href="#"><i class="icon-cog5"></i> Account settings</a></li> <li><a href="{% url 'usermanagement' %}?page=userprofile"><i class="icon-user-tie"></i>User Profile</a></li>
<li><a href="{% url 'usermanagement' %}"><i class="icon-user"></i>User Management</a></li>
<li><a href="{% url 'apps:perbaikan' %}"><i class="icon-list"></i>Repair & Renovation</a></li>
{% endif %}
<li class="divider"></li> <li class="divider"></li>
<li><a href="{% url 'logout' %}"><i class="icon-cog5"></i> Logout</a></li> <li><a href="{% url 'logout' %}"><i class="icon-cog5"></i> Logout</a></li>
</ul> </ul>
...@@ -143,8 +225,7 @@ ...@@ -143,8 +225,7 @@
</div> </div>
</div> </div>
<!-- /main navbar --> <!-- /main navbar -->
{% block content %}
<!-- Page container --> <!-- Page container -->
<div class="page-container"> <div class="page-container">
...@@ -160,7 +241,15 @@ ...@@ -160,7 +241,15 @@
<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 %}
{% if us.filepath %}
<a href="#" class="media-left"><img src="{% static 'img/' %}{{us.filepath}}" class="img-circle img-sm" alt=""></a>
{% 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 %}
<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">
...@@ -260,12 +349,10 @@ ...@@ -260,12 +349,10 @@
{% if user.isactive == True %} {% if user.isactive == True %}
<span class="label label-success"> <span class="label label-success">
Active Active
</span> </span> {% else %}
{% else %}
<span class="label label-danger"> <span class="label label-danger">
Inactive Inactive
</span> </span> {% endif %}
{% endif %}
</td> </td>
<td class="text-center"> <td class="text-center">
<ul class="icons-list"> <ul class="icons-list">
...@@ -275,7 +362,7 @@ ...@@ -275,7 +362,7 @@
</a> </a>
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li><a onclick="switchuserstatus('{{user.id}}, {{user.isactive}}')" ><i class="icon-user-block"></i> Switch user status</a></li> <li><a onclick="switchuserstatus('{{user.id}}, {{user.isactive}}')"><i class="icon-user-block"></i> Switch user status</a></li>
<li><a onclick="loaduserbyid('{{user.id}}')"><i class="icon-users"></i> Edit user</a></li> <li><a onclick="loaduserbyid('{{user.id}}')"><i class="icon-users"></i> Edit user</a></li>
</ul> </ul>
</li> </li>
...@@ -320,7 +407,7 @@ ...@@ -320,7 +407,7 @@
<hr style="margin-top: 0px;"> <hr style="margin-top: 0px;">
<div class="panel-body"> <div class="panel-body">
<table class="table table-responsive datatable-groups table-sm" id="usergroup" > <table class="table table-responsive datatable-groups table-sm" id="usergroup">
<thead> <thead>
<tr> <tr>
<th>No.</th> <th>No.</th>
...@@ -341,7 +428,7 @@ ...@@ -341,7 +428,7 @@
</a> </a>
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li><a onclick="deletegroup('{{group.id}}', '{{group.name}}')" ><i class="icon-user-block"></i> Delete group</a></li> <li><a onclick="deletegroup('{{group.id}}', '{{group.name}}')"><i class="icon-user-block"></i> Delete group</a></li>
<li><a onclick="showmodalgroup('{{group.id}}', '{{group.name}}')"><i class="icon-users"></i> Edit group</a></li> <li><a onclick="showmodalgroup('{{group.id}}', '{{group.name}}')"><i class="icon-users"></i> Edit group</a></li>
</ul> </ul>
</li> </li>
...@@ -359,6 +446,124 @@ ...@@ -359,6 +446,124 @@
</div> </div>
</div> </div>
<!-- content profile -->
<div class="content-wrapper" id="userprofile" style="display: none;">
<div>
<!-- Page header -->
<div class="page-header page-header-default" style="margin-bottom: 0px;">
<div class="breadcrumb-line">
<ul class="breadcrumb">
<li>User Profile</li>
</ul>
</div>
</div>
<!-- /page header -->
<!-- Content area -->
<div class="content" style="padding: 15px;">
<!-- Main charts -->
<!-- Sales stats -->
<div class="panel panel-flat" style="display: block;">
<div class="panel-body">
<div class="row" style="margin-top: 20px">
<div class="col-lg-3 col-md-6">
<div class="image_area">
<form method="post">
<label for="upload_image">
{% for us in thisUser %}
{% if us.filepath %}
<img src="{% static 'img/' %}{{us.filepath}}" id="uploaded_image" class="img-responsive img-circle" width="350px"/>
{% else %}
<img src="{% static 'img/placeholder.jpg' %}" id="uploaded_image" class="img-responsive img-circle" width="350px"/>
{% endif %}
{% endfor %}
<div class="overlay">
<div class="textover">Ubah Foto Profil</div>
</div>
<input type="file" name="image" class="image" id="upload_image" style="display:none" accept="image/png, image/gif, image/jpeg"/>
</label>
</form>
</div>
</div>
<div class="col-lg-9 col-md-6">
<div class="panel panel-flat">
<div class="panel-heading">
<h6 class="panel-title">Informasi Profil</h6>
</div>
<div class="panel-body" id="user-mahasiswa" style="display:block">
{% for us in thisUser %}
<form action="#">
<div class="form-group" id="dosormhs">
<div class="row">
<div class="col-md-6">
<label>Username </label>
<input type="text" id="username" class="form-control" value="{{us.username}}"readonly>
</div>
</div>
</div>
<div class="form-group" id="dosormhs">
<div class="row">
<div class="col-md-6">
<label>Nama Depan </label>
<input type="text" id="namadepan" class="form-control" value="{{us.firstname}}" readonly>
</div>
</div>
</div>
<div class="form-group" id="dosormhs">
<div class="row">
<div class="col-md-6">
<label>Nama Belakang </label>
<input type="text" id="namabelakang" class="form-control" value="{{us.lastname}}" readonly>
</div>
</div>
</div>
<div class="form-group" id="dosormhs">
<div class="row">
<div class="col-md-6">
<label>Email </label>
<input type="text" id="useremail" class="form-control" value="{{us.email}}"readonly>
</div>
</div>
</div>
</form>
{% endfor %}
</div>
<div class="panel-footer" style="margin-top: 20px;">
<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-edt-password">Edit Password <b><i class="icon-lock"></i></b></button>
</div>
</div>
</div>
</div>
</div>
<!-- /form validation -->
</div>
</div>
<!-- /main charts -->
</div>
</div>
<!-- end content profile -->
<!-- /main content --> <!-- /main content -->
</div> </div>
<!-- /page content --> <!-- /page content -->
...@@ -378,36 +583,36 @@ ...@@ -378,36 +583,36 @@
<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>
...@@ -431,8 +636,8 @@ ...@@ -431,8 +636,8 @@
<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>
...@@ -450,6 +655,241 @@ ...@@ -450,6 +655,241 @@
</div> </div>
</div> </div>
<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">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header bg-primary" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title"> Edit Profile</h6>
</div>
<div class="modal-body">
<div class="alert alert-danger" id="notificationsprop" style="display: none">
</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">
{% for us in thisUser %}
<input type="text" id="iduseredt" value="{{us.id}}" hidden>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Username :</label>
<input type="text" id="usernamepedt" class="form-control" value="{{us.username}}" readonly>
</div>
<!-- <div class="col-md-6">
<label class="control-label"> Password saat ini :</label>
<input type="text" id="nama-mhs-edt" class="form-control" >
</div> -->
</div>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Nama Depan:</label>
<input type="text" id="firstnameedt" class="form-control" value="{{us.firstname}}">
</div>
<!-- <div class="col-md-6">
<label class="control-label"> Password baru :</label>
<input type="text" id="nama-mhs-edt" class="form-control" >
</div> -->
</div>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Nama Belakang:</label>
<input type="text" id="lastnameedt" class="form-control" value="{{us.lastname}}">
</div>
<!-- <div class="col-md-6">
<label class="control-label"> Ulangi password baru :</label>
<input type="text" id="nama-mhs-edt" class="form-control" >
</div> -->
</div>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Email :</label>
<input type="text" id="emailedts" class="form-control" value="{{us.email}}">
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-lg btn-success" id="save-edit-profile">
<i class="icon-checkmark2"></i>
Simpan
</button>
<button class="btn btn-lg" data-dismiss="modal">
<i class="icon-cross3"></i>
Batal
</button>
</div>
</div>
</div>
</div>
<div id="modal-edt-password" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;">
<div class="modal-dialog modal-md" role="dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header bg-primary" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<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>
<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">
{% for us in thisUser %}
<input type="text" id="usernameedt" value="{{us.username}}" hidden>
<input type="text" id="iduseredt" value="{{us.id}}" hidden>
<!-- <input type="text" id="current" value="{{us.password}}"> -->
{% endfor %}
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Password saat ini :</label>
<input type="password" id="currentPass" class="form-control" >
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Password baru :</label>
<input type="password" id="newPass" class="form-control" >
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Ulangi password baru :</label>
<input type="password" id="renewPass" class="form-control" >
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-lg btn-success" id="save-edt-password">
<i class="icon-checkmark2"></i>
Simpan
</button>
<button class="btn btn-lg" data-dismiss="modal">
<i class="icon-cross3"></i>
Batal
</button>
</div>
</div>
</div>
</div>
<div id="modal-edit-profil" role="dialog" class="modal fade" tabindex="-9999999" style="margin-top:5%;">
<div class="modal-dialog modal-lg" role="dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header bg-primary" style="background-color: #1a222f !important;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title"> Edit Picture</h6>
</div>
<div class="modal-body">
<div class="row" id="set-crop-ratio">
<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>
</div>
</div>
<div class="modal-footer">
<button class="btn btn-lg btn-success" id="save-picture">
<i class="icon-checkmark2"></i>
Simpan
</button>
<button class="btn btn-lg" data-dismiss="modal">
<i class="icon-cross3"></i>
Batal
</button>
</div>
</div>
</div>
</div>
<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-content">
<div class="modal-header">
<h5 class="modal-title">Crop Image Before Upload</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="img-container">
<div class="row">
<div class="col-md-8">
<img src="" id="sample_image" />
</div>
<div class="col-md-4">
<div class="eg-preview">
<div class="preview preview-lg"></div>
<!-- <div class="preview preview-md"></div>
<div class="preview preview-sm"></div>
<div class="preview preview-xs"></div> -->
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" id="crop" class="btn btn-primary">Crop</button>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
<div id="modal_group" class="modal fade"> <div id="modal_group" class="modal fade">
<div class="modal-dialog md" style="margin-top: 200px;"> <div class="modal-dialog md" style="margin-top: 200px;">
<div class="modal-content"> <div class="modal-content">
...@@ -463,9 +903,9 @@ ...@@ -463,9 +903,9 @@
<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>
...@@ -474,8 +914,8 @@ ...@@ -474,8 +914,8 @@
<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>
...@@ -493,7 +933,7 @@ ...@@ -493,7 +933,7 @@
</div> </div>
</div> </div>
{% endblock %}
<div class="page_loader"></div> <div class="page_loader"></div>
<!-- Core JS files --> <!-- Core JS files -->
...@@ -536,13 +976,15 @@ ...@@ -536,13 +976,15 @@
<!-- <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' %}
<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/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>
...@@ -614,28 +1056,33 @@ ...@@ -614,28 +1056,33 @@
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");
}else{ $("#userprofile").css("display", "none");
} 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")
} else{
$("#usergroup").css("display", "none");
$("#info-maps").css("display", "none");
$("#userprofile").css("display", "block");
} }
function destroyfade(){ function destroyfade() {
$(".modal-backdrop").css("display","none") $(".modal-backdrop").css("display", "none")
$(".modal-backdrop").removeClass('show'); $(".modal-backdrop").removeClass('show');
$("body").css('padding-right','0px !important') $("body").css('padding-right', '0px !important')
} }
$('.datatable-show-all').DataTable({ $('.datatable-show-all').DataTable({
autoWidth: false, autoWidth: false,
columnDefs: [ columnDefs: [{
{
orderable: false, orderable: false,
width: '20px', width: '20px',
targets: [ 0 ], targets: [0],
}, },
// { // {
...@@ -645,21 +1092,19 @@ ...@@ -645,21 +1092,19 @@
{ {
orderable: false, orderable: false,
width: '20px', width: '20px',
targets: [ 6 ], targets: [6],
}, }, {
{
orderable: false, orderable: false,
width: '20px', width: '20px',
targets: [ 7 ], targets: [7],
}, },
], ],
dom: '<"float-left"B>frtip', dom: '<"float-left"B>frtip',
buttons: [ buttons: [{
{
text: 'Tambah User', text: 'Tambah User',
action: function ( e, dt, node, config ) { action: function(e, dt, node, config) {
$("#modalAddButton").click() $("#modalAddButton").click()
$("#inUsername").attr("disabled", false); $("#inUsername").attr("disabled", false);
$("#inUsername").val(null); $("#inUsername").val(null);
...@@ -670,15 +1115,19 @@ ...@@ -670,15 +1115,19 @@
$(".modstit").html("Tambah User") $(".modstit").html("Tambah User")
loadGroups(null) loadGroups(null)
} }
} }],
],
language: { language: {
search: '<span>Filter:</span> _INPUT_', search: '<span>Filter:</span> _INPUT_',
searchPlaceholder: 'Type to filter...', searchPlaceholder: 'Type to filter...',
lengthMenu: '<span>Show:</span> _MENU_', lengthMenu: '<span>Show:</span> _MENU_',
paginate: { 'first': 'First', 'last': 'Last', 'next': '&rarr;', 'previous': '&larr;' } paginate: {
'first': 'First',
'last': 'Last',
'next': '&rarr;',
'previous': '&larr;'
}
}, },
drawCallback: function () { drawCallback: function() {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup'); $(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
}, },
preDrawCallback: function() { preDrawCallback: function() {
...@@ -690,23 +1139,19 @@ ...@@ -690,23 +1139,19 @@
$('.datatable-groups').DataTable({ $('.datatable-groups').DataTable({
autoWidth: false, autoWidth: false,
columnDefs: [ columnDefs: [{
{
orderable: false, orderable: false,
width: '100px', width: '100px',
targets: [ 2 ] targets: [2]
}, }, {
{
orderable: false, orderable: false,
width: '100px', width: '100px',
targets: [ 0 ] targets: [0]
} }],
],
dom: '<"float-left"B>frtip', dom: '<"float-left"B>frtip',
buttons: [ buttons: [{
{
text: 'Tambah Group', text: 'Tambah Group',
action: function ( e, dt, node, config ) { action: function(e, dt, node, config) {
$("#modalAddButtong").click(); $("#modalAddButtong").click();
$("#idgroup").val(null); $("#idgroup").val(null);
$(".modstitg").html("Tambah Group") $(".modstitg").html("Tambah Group")
...@@ -714,15 +1159,19 @@ ...@@ -714,15 +1159,19 @@
$("#container_sparent").css("display", "block") $("#container_sparent").css("display", "block")
loadGroups(null) loadGroups(null)
} }
} }],
],
language: { language: {
search: '<span>Filter:</span> _INPUT_', search: '<span>Filter:</span> _INPUT_',
searchPlaceholder: 'Type to filter...', searchPlaceholder: 'Type to filter...',
lengthMenu: '<span>Show:</span> _MENU_', lengthMenu: '<span>Show:</span> _MENU_',
paginate: { 'first': 'First', 'last': 'Last', 'next': '&rarr;', 'previous': '&larr;' } paginate: {
'first': 'First',
'last': 'Last',
'next': '&rarr;',
'previous': '&larr;'
}
}, },
drawCallback: function () { drawCallback: function() {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup'); $(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
}, },
preDrawCallback: function() { preDrawCallback: function() {
...@@ -731,21 +1180,21 @@ ...@@ -731,21 +1180,21 @@
}); });
$("#modalAddButton").click(function(){ $("#modalAddButton").click(function() {
$("body").css("padding-right","0px !important") $("body").css("padding-right", "0px !important")
}) })
$("#saveuser").on("click", function(){ $("#saveuser").on("click", function() {
addUser() addUser()
}) })
function addUser(){ function addUser() {
var isObject = {}; var isObject = {};
var ars = '' var ars = ''
var group = $("#select_group").val(); var group = $("#select_group").val();
var iduser = $("#iduser").val(); var iduser = $("#iduser").val();
console.log(group); console.log(group);
if(iduser){ if (iduser) {
isObject.id = iduser; isObject.id = iduser;
} }
...@@ -776,25 +1225,25 @@ ...@@ -776,25 +1225,25 @@
success: function(data) { success: function(data) {
let response = data; let response = data;
if(response.code == 0){ if (response.code == 0) {
$("#modal_theme_info").modal('toggle'); $("#modal_theme_info").modal('toggle');
destroyfade(); destroyfade();
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((isok) => { }).then((isok) => {
location.reload(); location.reload();
}) })
}else{ } else {
swal({ swal({
title : response.info, title: response.info,
text : response.data, text: response.data,
type : "alert", type: "alert",
icon : "error", icon: "error",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}) })
...@@ -803,11 +1252,11 @@ ...@@ -803,11 +1252,11 @@
}); });
} }
$("#select_group").on("click", function(e){ $("#select_group").on("click", function(e) {
e.preventDefault() e.preventDefault()
}) })
function loadGroups(isSelect){ function loadGroups(isSelect) {
var isObject = {} var isObject = {}
console.log(isSelect) console.log(isSelect)
isObject.func_name = "loadGroups"; isObject.func_name = "loadGroups";
...@@ -821,28 +1270,28 @@ ...@@ -821,28 +1270,28 @@
let response = data; let response = data;
console.log(response) console.log(response)
if(response.code == 0){ if (response.code == 0) {
var groups = response.data; var groups = response.data;
var html = `<option value="null" selected disabled>-- Pilih Group --</option>`; var html = `<option value="null" selected disabled>-- Pilih Group --</option>`;
for(i in groups){ for (i in groups) {
if(isSelect){ if (isSelect) {
if(isSelect.length>=1){ if (isSelect.length >= 1) {
for(j in isSelect){ for (j in isSelect) {
if(isSelect[j] == groups[i]){ if (isSelect[j] == groups[i]) {
html += `<option value="`+groups[i]+`" selected>`+groups[i]+`</option>`; html += `<option value="` + groups[i] + `" selected>` + groups[i] + `</option>`;
console.log(groups[i]) console.log(groups[i])
}else{ } else {
html += `<option value="`+groups[i]+`">`+groups[i]+`</option>`; html += `<option value="` + groups[i] + `">` + groups[i] + `</option>`;
} }
} }
}else{ } else {
html += `<option value="`+groups[i]+`">`+groups[i]+`</option>`; html += `<option value="` + groups[i] + `">` + groups[i] + `</option>`;
} }
}else{ } else {
html += `<option value="`+groups[i]+`">`+groups[i]+`</option>`; html += `<option value="` + groups[i] + `">` + groups[i] + `</option>`;
} }
} }
...@@ -850,7 +1299,7 @@ ...@@ -850,7 +1299,7 @@
$("#select_group").html(html); $("#select_group").html(html);
$("#select_group_parent").html(html); $("#select_group_parent").html(html);
console.log(html) console.log(html)
}else{ } else {
$("#select_group").html("group tidak tersedia"); $("#select_group").html("group tidak tersedia");
$("#select_group_parent").html("group tidak tersedia"); $("#select_group_parent").html("group tidak tersedia");
} }
...@@ -860,7 +1309,7 @@ ...@@ -860,7 +1309,7 @@
} }
function switchuserstatus(id, isactive){ function switchuserstatus(id, isactive) {
var isObject = {} var isObject = {}
var params = id.split(","); var params = id.split(",");
...@@ -868,16 +1317,16 @@ ...@@ -868,16 +1317,16 @@
isObject.stat = params[1].replace(" ", ""); isObject.stat = params[1].replace(" ", "");
console.log(params) console.log(params)
if(isObject.stat == "True"){ if (isObject.stat == "True") {
var title = "Nonaktifkan"; var title = "Nonaktifkan";
var text = "User tidak akan bisa login jika dinonaktifkan!"; var text = "User tidak akan bisa login jika dinonaktifkan!";
}else{ } else {
var title = "Aktifkan"; var title = "Aktifkan";
var text = "User dapat kembali login jika diaktifkan!"; var text = "User dapat kembali login jika diaktifkan!";
} }
swal({ swal({
title: title+" user?", title: title + " user?",
text: text, text: text,
type: "warning", type: "warning",
showCancelButton: true, showCancelButton: true,
...@@ -886,7 +1335,7 @@ ...@@ -886,7 +1335,7 @@
cancelButtonText: "Tidak!", cancelButtonText: "Tidak!",
closeOnConfirm: false, closeOnConfirm: false,
closeOnCancel: false closeOnCancel: false
}).then((isConfirm) =>{ }).then((isConfirm) => {
console.log(isConfirm) console.log(isConfirm)
if (isConfirm.value) { if (isConfirm.value) {
...@@ -899,22 +1348,22 @@ ...@@ -899,22 +1348,22 @@
let response = data; let response = data;
if(isObject.stat == "True"){ if (isObject.stat == "True") {
var inf = "dinonaktifkan" var inf = "dinonaktifkan"
}else{ } else {
var inf = "diaktifkan" var inf = "diaktifkan"
} }
if(response.code == 0){ if (response.code == 0) {
swal({ swal({
title : "sukses", title: "sukses",
text : "User berhasil "+inf, text: "User berhasil " + inf,
type : "success", type: "success",
icon : "success", icon: "success",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}).then((isok) => { }).then((isok) => {
location.reload(); location.reload();
}) })
}else{ } else {
alert("no data in database") alert("no data in database")
} }
...@@ -927,7 +1376,7 @@ ...@@ -927,7 +1376,7 @@
} }
function loaduserbyid(id){ function loaduserbyid(id) {
var isObject = {}; var isObject = {};
$(".modstit").html("Update User") $(".modstit").html("Update User")
$("#inUsername").attr("disabled", true) $("#inUsername").attr("disabled", true)
...@@ -944,21 +1393,21 @@ ...@@ -944,21 +1393,21 @@
let response = data; let response = data;
if(response.code == 0){ if (response.code == 0) {
var user = response.data; var user = response.data;
console.log(user) console.log(user)
$("#inUsername").val(user.username); $("#inUsername").val(user.username);
$("#inNameF").val(user.firstname); $("#inNameF").val(user.firstname);
$("#inNameL").val(user.lastname); $("#inNameL").val(user.lastname);
$("#inEmail").val(user.email); $("#inEmail").val(user.email);
if(user.is_staff){ if (user.is_staff) {
$('input[name=isStaff][value=true]').attr('checked', true) $('input[name=isStaff][value=true]').attr('checked', true)
}else{ } else {
$('input[name=isStaff][value=false]').attr('checked', true) $('input[name=isStaff][value=false]').attr('checked', true)
} }
loadGroups(user.group) loadGroups(user.group)
$("#modalAddButton").click() $("#modalAddButton").click()
}else{ } else {
} }
...@@ -977,18 +1426,18 @@ ...@@ -977,18 +1426,18 @@
} }
}; };
$("#savegroup").on("click", function(){ $("#savegroup").on("click", function() {
addGroup(); addGroup();
}) })
function addGroup(){ function addGroup() {
var isObject = {} var isObject = {}
var idgroup = $("#idgroup").val(); var idgroup = $("#idgroup").val();
isObject.parent = $("#select_group_parent").val() isObject.parent = $("#select_group_parent").val()
isObject.name = $("#inGroupName").val(); isObject.name = $("#inGroupName").val();
if(idgroup){ if (idgroup) {
isObject.id = idgroup; isObject.id = idgroup;
} }
...@@ -1002,25 +1451,25 @@ ...@@ -1002,25 +1451,25 @@
success: function(data) { success: function(data) {
let response = data; let response = data;
if(response.code == 0){ if (response.code == 0) {
$("#modal_group").modal('toggle'); $("#modal_group").modal('toggle');
destroyfade(); destroyfade();
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((isok) => { }).then((isok) => {
window.location.href = window.location.origin+"/usermanagement/?page=group" window.location.href = window.location.origin + "/usermanagement/?page=group"
}) })
}else{ } else {
swal({ swal({
title : response.info, title: response.info,
text : response.data, text: response.data,
type : "alert", type: "alert",
icon : "error", icon: "error",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}) })
...@@ -1029,7 +1478,7 @@ ...@@ -1029,7 +1478,7 @@
}); });
} }
function showmodalgroup(id, name){ function showmodalgroup(id, name) {
console.log(id); console.log(id);
console.log(name); console.log(name);
...@@ -1048,12 +1497,12 @@ ...@@ -1048,12 +1497,12 @@
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
if(datas.length == 0){ if (datas.length == 0) {
$("#container_sparent").css("display", "none") $("#container_sparent").css("display", "none")
}else{ } else {
$("#container_sparent").css("display", "block") $("#container_sparent").css("display", "block")
} }
...@@ -1061,12 +1510,12 @@ ...@@ -1061,12 +1510,12 @@
$("#modalAddButtong").click(); $("#modalAddButtong").click();
}else{ } else {
swal({ swal({
title : response.info, title: response.info,
text : response.data, text: response.data,
type : "alert", type: "alert",
icon : "error", icon: "error",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}) })
...@@ -1076,7 +1525,7 @@ ...@@ -1076,7 +1525,7 @@
} }
function deletegroup(id, group){ function deletegroup(id, group) {
var isObject = {} var isObject = {}
var params = id; var params = id;
...@@ -1084,7 +1533,7 @@ ...@@ -1084,7 +1533,7 @@
swal({ swal({
title: "Hapus group?", title: "Hapus group?",
text: "Group "+group+" akan dihapus", text: "Group " + group + " akan dihapus",
type: "warning", type: "warning",
showCancelButton: true, showCancelButton: true,
confirmButtonClass: "btn-danger", confirmButtonClass: "btn-danger",
...@@ -1092,7 +1541,7 @@ ...@@ -1092,7 +1541,7 @@
cancelButtonText: "Tidak!", cancelButtonText: "Tidak!",
closeOnConfirm: false, closeOnConfirm: false,
closeOnCancel: false closeOnCancel: false
}).then((isConfirm) =>{ }).then((isConfirm) => {
console.log(isConfirm) console.log(isConfirm)
if (isConfirm.value) { if (isConfirm.value) {
...@@ -1105,17 +1554,17 @@ ...@@ -1105,17 +1554,17 @@
let response = data; let response = data;
if(response.code == 0){ if (response.code == 0) {
swal({ swal({
title : "sukses", title: "sukses",
text : "Group berhasil dihapus", text: "Group berhasil dihapus",
type : "success", type: "success",
icon : "success", icon: "success",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}).then((isok) => { }).then((isok) => {
location.reload(); location.reload();
}) })
}else{ } else {
alert("no data in database") alert("no data in database")
} }
...@@ -1127,4 +1576,169 @@ ...@@ -1127,4 +1576,169 @@
}); });
} }
//user profile js
$("#save-edt-password").on("click", function(){
changepassword();
})
function changepassword(){
var isObject = {};
isObject.id = $("#iduseredt").val();
isObject.currPass = $('#currentPass').val();
isObject.newPass = $("#newPass").val();
isObject.renewPass = $("#renewPass").val();
isObject.username = $("#usernameedt").val();
if(isObject.currPass == "" || isObject.newPass == "" || isObject.renewPass == ""){
$("#notifications").css("display", "block")
$("#notifications").html("Inputan tidak boleh kosong")
return false;
}
$.ajax({
url: "{% url 'changepassword' %}",
data: isObject,
dataType: 'json',
type: 'post',
success: function(data) {
let response = data;
if (response.code == 0) {
var datas = response.data
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}).then((isConfirm) => {
window.location = "{% url 'apps:dashboard' %}"
})
} else {
$("#notifications").html(response.data)
$("#notifications").css("display", "block")
}
}
});
}
$("#save-edit-profile").on("click", function(){
editprofile();
})
function editprofile(){
var isObject = {}
isObject.id = $("#iduseredt").val();
isObject.first_name = $("#firstnameedt").val();
isObject.last_name = $("#lastnameedt").val();
isObject.email = $("#emailedts").val()
if(isObject.first_name == "" || isObject.last_name == "" || isObject.email == ""){
$("#notificationsprop").css("display", "block");
$("#notificationsprop").html("Inputan tidak boleh kosong")
return false
}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})\]?$)/;
if(!isObject.email.match(mail_format)){
$("#notificationsprop").css("display", "block");
$("#notificationsprop").html("Format email tidak valid, silahkan coba kembali.")
return false
}
}
$.ajax({
url: "{% url 'editprofile' %}",
data: isObject,
dataType: 'json',
type: 'post',
success: function(data) {
let response = data;
if (response.code == 0) {
var datas = response.data
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}).then((isConfirm) => {
window.location.href = "/usermanagement/?page=userprofile"
})
} else {
$("#notifications").html(response.data)
$("#notifications").css("display", "block")
}
}
});
}
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#uploaded_image').attr('src', e.target.result);
$('#uploaded_image').hide();
$('#uploaded_image').fadeIn(650);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#upload_image").change(function() {
loaderPage(true)
readURL(this);
const fileupload1 = $(this).prop('files')[0];
var formData = new FormData();
formData.append("id", $("#iduseredt").val());
formData.append("inifile", fileupload1)
$.ajax({
url: "{% url 'editpp' %}",
data: formData,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
success: function(data) {
let response = data
if (response.code == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}).then((isConfirm) => {
location.reload()
})
} else {
swal({
title: 'Error',
text: 'Hubungi Developer',
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}
})
});
</script> </script>
\ No newline at end of file
templates/layout/userprofile.html 0 → 100644
View file @ 3cbf37f4
{% load static %}
<script>
// alert("alerts");
</script>
\ No newline at end of file
templates/layout/welcome.html 0 → 100644
View file @ 3cbf37f4
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome</title>
</head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
<link href="{% static 'css/icons/icomoon/styles.css' %}" rel="stylesheet" type="text/css">
<link href="{% static 'css/bootstrap.css' %}" rel="stylesheet" type="text/css">
<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">
<style>
.page_loader {
position: fixed;
background: url('../../static/img/loadingz.gif') 50% 50% no-repeat rgb(249, 249, 249);
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
opacity: .5;
}
</style>
<body>
<div style="height: 100%;">
<div id="map" style="height: 100vh;">
</div>
</div>
<div class="container text-center" style=" padding-top: 55vh;
width: 400px;
text-transform: uppercase;
color: rgb(23, 87, 76);
position: fixed;
z-index: 9999;
left: 115px;
top: 10px;
width: 100%;
height: 100%;">
<!-- <h1>
{% if user.is_authenticated %} {{user.username}} {% endif %}, Welcome
</h1> -->
<h2>
Anda Login Sebagai
</h2>
<h2>
{% if user.is_authenticated %} {{user.username}} {% endif %}
</h2>
</div>
<div class="page_loader"></div>
<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://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js" integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.min.js" integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/" crossorigin="anonymous"></script>
<script src="{% static 'js/plugins/notifications/sweet_alert.min.js' %}"></script>
</body>
</html>
<script>
var map = L.map('map', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([-4.028349, 104.007235], 10);
$("#sidebar").hide()
maps = L.tileLayer('https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map);
setTimeout(function() {
window.location.href = "{% url 'apps:dashboard' %}";
}, 1000);
</script>
\ No newline at end of file
templates/maps/e.html
View file @ 3cbf37f4
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Limitless - Responsive Web Application Kit by Eugene Kopyov</title> <title>Edit Kelurahan</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" /> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script> <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
...@@ -74,6 +74,9 @@ ...@@ -74,6 +74,9 @@
.leaflet-control-container { .leaflet-control-container {
display: none; display: none;
} }
.modal-backdrop{
display: none;
}
</style> </style>
</head> </head>
...@@ -83,12 +86,19 @@ ...@@ -83,12 +86,19 @@
<!-- Main navbar --> <!-- Main navbar -->
<div class="navbar navbar-inverse"> <div class="navbar navbar-inverse">
<div class="navbar-header"> <div class="navbar-header">
<a class="navbar-brand" href="{% url 'apps:dashboard' %}"> <a class="navbar-brand gradient-text " href="{% url 'apps:dashboard' %}">
<!-- <h3>NationalAddress</h3> --> <!-- <h3>NationalAddress</h3> -->
<i class=" icon-location4"></i> <i>
<b>&nbsp;&nbsp;OKU-GIS</b> <img src="{% static 'img/logo-ok.png' %}" alt="" style="position: absolute;
width: 26px;
top: 7px;">
</i>
<!-- <i class="icon-location4 fa-gradient"></i> -->
<b style="margin-left: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Teman-KU
</b> (Sistem Informasi Pembangunan OKU)
</a> </a>
<ul class="nav navbar-nav pull-right visible-xs-block"> <ul class="nav navbar-nav pull-right visible-xs-block">
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li> <li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
</ul> </ul>
...@@ -107,7 +117,12 @@ ...@@ -107,7 +117,12 @@
<ul class="dropdown-menu dropdown-menu-right"> <ul class="dropdown-menu dropdown-menu-right">
<li><a href="#"><i class="icon-user-plus"></i> My profile</a></li> <li><a href="#"><i class="icon-user-plus"></i> My profile</a></li>
<li><a href="#"><i class="icon-cog5"></i> Account settings</a></li> <li><a href="#"><i class="icon-cog5"></i> Account settings</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 'apps:perbaikan' %}"><i class="icon-list"></i>Repair & Renovation</a></li>
{% endif %}
<li class="divider"></li> <li class="divider"></li>
<li><a href="{% url 'logout' %}"><i class="icon-cog5"></i> Logout</a></li>
</ul> </ul>
</li> </li>
...@@ -129,7 +144,7 @@ ...@@ -129,7 +144,7 @@
<div class="sidebar-content" style="height: 100%;"> <div class="sidebar-content" style="height: 100%;">
<!-- User menu --> <!-- User menu -->
<div class="sidebar-user"> <!-- <div class="sidebar-user">
<div class="category-content"> <div class="category-content">
<div class="media"> <div class="media">
<a href="#" class="media-left"><img src="assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></a> <a href="#" class="media-left"><img src="assets/images/placeholder.jpg" class="img-circle img-sm" alt=""></a>
...@@ -149,7 +164,7 @@ ...@@ -149,7 +164,7 @@
</div> </div>
</div> </div>
</div> </div>
</div> </div> -->
<!-- /user menu --> <!-- /user menu -->
...@@ -199,8 +214,15 @@ ...@@ -199,8 +214,15 @@
<!-- Sales stats --> <!-- Sales stats -->
<div class="panel panel-flat"> <div class="panel panel-flat">
<div class="panel-heading"> <div class="panel-heading">
<div class="row">
<div class="col-md-6">
<h6 class="panel-title">Informasi Kelurahan</h6> <h6 class="panel-title">Informasi Kelurahan</h6>
</div> </div>
<div class="col-md-6">
<input id="savedatakelurahankel" class="btn btn-primary" value="SAVE" style="float: right;" data-toggle="modal" data-target="#modal_theme_DEL">
</div>
</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">
...@@ -257,10 +279,6 @@ ...@@ -257,10 +279,6 @@
</div> </div>
</fieldset> </fieldset>
</div> </div>
<div class="text-right">
<!-- <button type="reset" class="btn btn-default" id="reset">Reset <i class="icon-reload-alt position-right"></i></button> -->
<input id="savedatakelurahankel" class="btn btn-primary" value="SAVE" style="bottom: 15px;" data-toggle="modal" data-target="#modal_theme_info">
</div>
</div> </div>
</div> </div>
<!-- /form validation --> <!-- /form validation -->
...@@ -290,13 +308,17 @@ ...@@ -290,13 +308,17 @@
<!-- Traffic sources --> <!-- Traffic sources -->
<div class="panel panel-flat"> <div class="panel panel-flat">
<div class="panel-heading"> <div class="panel-heading">
<div class="row">
<div class="col-md-6">
<h6 class="panel-title">Informasi Kependudukan Desa {{result_poly.administrasi.f2}}</h6> <h6 class="panel-title">Informasi Kependudukan Desa {{result_poly.administrasi.f2}}</h6>
</div> </div>
<div class="col-md-6">
<input id="savedatakelurahankel" class="btn btn-primary" value="SAVE" style="float: right;" data-toggle="modal" data-target="#modal_theme_DEL">
</div>
</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">
<div class="col-md-4" style="max-width: 335px;"> <div class="col-md-4" style="max-width: 335px;">
<fieldset> <fieldset>
...@@ -518,11 +540,6 @@ ...@@ -518,11 +540,6 @@
</div> </div>
<div class="text-right">
<input id="savedatakelurahanpenduduk" class="btn btn-primary" value="SAVE" style="bottom: 15px;">
</div>
</div> </div>
</div> </div>
<!-- /traffic sources --> <!-- /traffic sources -->
...@@ -558,9 +575,15 @@ ...@@ -558,9 +575,15 @@
<!-- Traffic sources --> <!-- Traffic sources -->
<div class="panel panel-flat"> <div class="panel panel-flat">
<div class="panel-heading"> <div class="panel-heading">
<div class="row">
<div class="col-md-6">
<h6 class="panel-title">Informasi Kependidikan Penduduk Kelurahan/Desa {{result_poly.administrasi.f2}}</h6> <h6 class="panel-title">Informasi Kependidikan Penduduk Kelurahan/Desa {{result_poly.administrasi.f2}}</h6>
</div> </div>
<div class="col-md-6">
<input id="savedatakelurahankel" class="btn btn-primary" value="SAVE" style="float: right;" data-toggle="modal" data-target="#modal_theme_DEL">
</div>
</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">
...@@ -638,9 +661,6 @@ ...@@ -638,9 +661,6 @@
</div> </div>
</div> </div>
<div class="text-right">
<input id="savedatakelurahanpendidik" class="btn btn-primary" value="SAVE" style="bottom: 15px;">
</div>
</div> </div>
</div> </div>
<!-- /traffic sources --> <!-- /traffic sources -->
...@@ -676,9 +696,17 @@ ...@@ -676,9 +696,17 @@
<div> <div>
<!-- Traffic sources --> <!-- Traffic sources -->
<div class="panel panel-flat"> <div class="panel panel-flat">
<div class="panel-heading"> <div class="panel-heading">
<div class="row">
<div class="col-md-6">
<h6 class="panel-title">Informasi Pekerjaan Penduduk Kelurahan/Desa {{result_poly.administrasi.f2}}</h6> <h6 class="panel-title">Informasi Pekerjaan Penduduk Kelurahan/Desa {{result_poly.administrasi.f2}}</h6>
</div> </div>
<div class="col-md-6">
<input id="savedatakelurahankel" class="btn btn-primary" value="SAVE" style="float: right;" data-toggle="modal" data-target="#modal_theme_DEL">
</div>
</div>
</div>
<div class="panel-body form-horizontal form-validate-jquery"> <div class="panel-body form-horizontal form-validate-jquery">
...@@ -908,9 +936,6 @@ ...@@ -908,9 +936,6 @@
</div> </div>
</div> </div>
<div class="text-right">
<input id="savedatakelurahanpekerja" class="btn btn-primary" value="SAVE" style="bottom: 15px;">
</div>
</div> </div>
</div> </div>
<!-- /traffic sources --> <!-- /traffic sources -->
...@@ -948,8 +973,15 @@ ...@@ -948,8 +973,15 @@
<!-- Traffic sources --> <!-- Traffic sources -->
<div class="panel panel-flat"> <div class="panel panel-flat">
<div class="panel-heading"> <div class="panel-heading">
<div class="row">
<div class="col-md-6">
<h6 class="panel-title">Informasi Tempat di Kelurahan/Desa {{result_poly.administrasi.f2}}</h6> <h6 class="panel-title">Informasi Tempat di Kelurahan/Desa {{result_poly.administrasi.f2}}</h6>
</div> </div>
<div class="col-md-6">
<input id="savedatakelurahankel" class="btn btn-primary" value="SAVE" style="float: right;" data-toggle="modal" data-target="#modal_theme_DEL">
</div>
</div>
</div>
<div class="panel-body form-horizontal form-validate-jquery"> <div class="panel-body form-horizontal form-validate-jquery">
...@@ -983,9 +1015,6 @@ ...@@ -983,9 +1015,6 @@
</fieldset> </fieldset>
</div> </div>
<div class="text-right">
<input id="savedatakelurahanpoi" class="btn btn-primary" value="SAVE" style="bottom: 15px;">
</div>
</div> </div>
</div> </div>
<!-- /traffic sources --> <!-- /traffic sources -->
...@@ -1008,7 +1037,7 @@ ...@@ -1008,7 +1037,7 @@
</div> </div>
<!-- /page container --> <!-- /page container -->
<div id="modal_theme_info" 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">
...@@ -1073,6 +1102,7 @@ ...@@ -1073,6 +1102,7 @@
<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 src="{% static '/js/plugins/sweetalert2.js' %}"></script>
<!-- /theme JS files --> <!-- /theme JS files -->
...@@ -1168,7 +1198,7 @@ ...@@ -1168,7 +1198,7 @@
data.append('coordinate', hasil) data.append('coordinate', hasil)
$.ajax({ $.ajax({
url: "{% url 'api:kependudukan' %}", url: "{% url 'api:valideditkependudukan' %}",
data: data, data: data,
dataType: 'json', dataType: 'json',
type: 'POST', type: 'POST',
...@@ -1176,6 +1206,7 @@ ...@@ -1176,6 +1206,7 @@
contentType: false, contentType: false,
mimeType: "multipart/form-data", mimeType: "multipart/form-data",
success: function(data) { success: function(data) {
console.log(data)
let response = data let response = data
if (response.code == 0) { if (response.code == 0) {
swal({ swal({
...@@ -1185,7 +1216,7 @@ ...@@ -1185,7 +1216,7 @@
icon: "success", icon: "success",
confirmButtonColor: "#00BCD4" confirmButtonColor: "#00BCD4"
}).then((isok) => { }).then((isok) => {
$("#modal_theme_info").css('display', 'none'); $("#modal_theme_DEL").css('display', 'none');
}) })
} else { } else {
swal({ swal({
......
templates/maps/perbaikan.html
View file @ 3cbf37f4
...@@ -196,12 +196,56 @@ ...@@ -196,12 +196,56 @@
<!-- Main navbar --> <!-- Main navbar -->
<!-- Main navbar --> <!-- Main navbar -->
{% include 'includes/navbar.html' %} <div class="navbar navbar-inverse">
<div class="navbar-header">
<a class="navbar-brand gradient-text " href="{% url 'apps:dashboard' %}">
<!-- <h3>NationalAddress</h3> -->
<i>
<img src="{% static 'img/logo-ok.png' %}" alt="" style="position: absolute;
width: 26px;
top: 7px;">
</i>
<!-- <i class="icon-location4 fa-gradient"></i> -->
<b style="margin-left: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Teman-KU
</b> (Sistem Informasi Pembangunan OKU)
</a>
<ul class="nav navbar-nav pull-right visible-xs-block">
<li><a data-toggle="collapse" data-target="#navbar-mobile"><i class="icon-tree5"></i></a></li>
</ul>
</div>
<div class="navbar-collapse collapse" id="navbar-mobile">
<p class="navbar-text"><span class="label bg-success-400">Online</span></p>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown dropdown-user">
<a class="dropdown-toggle" data-toggle="dropdown">
<img src="{% static 'img/placeholder.jpg' %}" alt="">
<span>{{user.username}}</span>
<i class="caret"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li><a href="#"><i class="icon-user-plus"></i> My profile</a></li>
<li><a href="#"><i class="icon-cog5"></i> Account settings</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 'apps:perbaikan' %}"><i class="icon-list"></i>Repair & Renovation</a></li>
{% endif %}
<li class="divider"></li>
<li><a href="{% url 'logout' %}"><i class="icon-cog5"></i> Logout</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- /main navbar --> <!-- /main navbar -->
<!-- Page container --> <!-- Page container -->
<div class="page-container" style="top: 48px;"> <div class="page-container" style="top: 0px;">
<!-- Page content --> <!-- Page content -->
<div class="page-content"> <div class="page-content">
......
templates/user/login.html
View file @ 3cbf37f4
{% load static %} {% load static %}
<html> <html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<!------ Include the above in your HEAD tag ---------->
<link href="{% static 'css/icons/icomoon/styles.css' %}" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
<style>
body {
margin-top: 100px;
/* background-image: url('https://3.bp.blogspot.com/-juutvktsA3I/WJsuDK2fYJI/AAAAAAAADJc/BLJqU67PqgMFlqG2E9KgxECwFlpO8_e1wCLcB/s4600/Peta%2BKabupaten%2BOgan%2BKomering%2Bulu%2B%2BOKU.gif'); */
}
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<!------ Include the above in your HEAD tag ---------->
<link href="{% static 'css/icons/icomoon/styles.css' %}" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<style>
/* .logo{ nn /* .logo{ nn
background-image: url("{% static 'img/logomaps.png' %}"); background-image: url("{% static 'img/logomaps.png' %}");
} */ } */
.card-header{
.card-header {
background-color: #1a222f !important; background-color: #1a222f !important;
color: white; color: white;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div style="height: 100%;">
<br> <div id="map" style="height: 100vh;">
<div class="container" style="margin-top: 100px;">
<br>
<div class="row justify-content-center">
<div class="col-md-6"> <div class="row justify-content-center">
<div class="card"> <div class="col-md-6">
<header class="card-header"> <div class="card" style="z-index: 999;">
<header class="card-header">
<center> <center>
<h4 class="card-title mt-2 logo"> Log in OKU-GIS</h4> <h4 class="card-title mt-2 logo"> Log in </h4>
</center> </center>
</header> </header>
<article class="card-body"> <article class="card-body">
<div> <div>
{% if form.errors %} {% if form.errors %}
<div class="alert alert-danger"> <div class="alert alert-danger">
Username atau Password salah. Silahkan coba kembali. Username atau Password salah. Silahkan coba kembali.
</div> </div>
{% endif %} {% endif %}
</div> </div>
{% load widget_tweaks %} {% load widget_tweaks %}
<form method="post" action="{% url 'login' %}" novalidate> <form method="post" action="{% url 'login' %}" novalidate>
{% csrf_token %} {% csrf_token %}
<div class="form-group"> <div class="form-group">
<label>{{ form.username.label_tag }}</label> <label for="">Username</label>
{% if form.is_bound %} <input type="text" name="username" class="form-control" id="exampleInputEmail1" placeholder="Username" aria-describedby="emailHelp" required>
{% if form.username.errors %}
{% render_field form.username class="form-control is-invalid" %} </div>
{% else %}
{% render_field form.username class="form-control is-valid" %}
{% endif %}
{% else %}
{% render_field form.username class="form-control" %}
{% endif %}
</div> <!-- form-group end.// -->
<div class="form-group"> <div class="form-group">
<label>{{ form.password.label_tag }}</label> <label for="">Password</label>
{% if form.is_bound %} <input type="password" name="password" class="form-control" placeholder="Password" id="exampleInputPassword1" required>
{% if form.password.errors %} </div>
{% render_field form.password class="form-control is-invalid" %} <!-- form-group end.// -->
{% else %}
{% render_field form.password class="form-control is-valid" %}
{% endif %}
{% else %}
{% render_field form.password class="form-control" %}
{% endif %}
</div> <!-- form-group end.// -->
<hr style="margin-top: 50;"> <hr style="margin-top: 50;">
<div class="form-group" > <div class="form-group">
<input type="hidden" name="next" value="{{ next }}"> <input type="hidden" name="next" value="{{ next }}">
<center><button type="submit" class="btn btn-primary " style="background-color: #1a222f; /* Green */"> Login </button></center> <center><button type="submit" class="btn btn-primary " style="background-color: #1a222f; /* Green */"> Login </button></center>
</div> <!-- form-group// --> </div>
</form> <!-- form-group// -->
</article> <!-- card-body end .// --> </form>
<!-- <div class="border-top card-body text-center">Belum punya akun? <a href="#">Sign Up</a></div> </article>
<!-- card-body end .// -->
<!-- <div class="border-top card-body text-center">Belum punya akun? <a href="#">Sign Up</a></div>
<div class="border-top card-body text-center"><a href="#">Lupa Password?</a></div> --> <div class="border-top card-body text-center"><a href="#">Lupa Password?</a></div> -->
</div> <!-- card.// --> </div>
</div> <!-- col.//--> <!-- card.// -->
</div>
<!-- col.//-->
</div>
<!-- row.//-->
</div> <!-- row.//--> </div>
</div> </div>
<!--container end.//--> </div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <!--container end.//-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
<script>
var map = L.map('map', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([-4.028349, 104.007235], 10);
$("#sidebar").hide()
maps = L.tileLayer('https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map);
</script>
</body> </body>
</html> </html>
\ No newline at end of file
templates/user/user_profile.html 0 → 100644
View file @ 3cbf37f4
{% extends 'layout/user_layout.html' %}
{% load static %}
{% block content %}
<div class="page-container">
<!-- Page content -->
<div class="page-content">
<!-- Main sidebar -->
<div class="sidebar sidebar-main" style="height: 95vh;
min-height: 607px;">
<div class="sidebar-content" style="height: 100%;">
<!-- User menu -->
<div class="sidebar-user">
<div class="category-content">
<div class="media">
<a href="#" class="media-left"><img src="{% static '/img/placeholder.jpg' %}" class="img-circle img-sm" alt=""></a>
<div class="media-body">
<span class="media-heading text-semibold">{{user.username}}</span>
<div class="text-size-mini text-muted">
<i class="icon-pin text-size-small"></i>
</div>
</div>
<div class="media-right media-middle">
<ul class="icons-list">
<li>
<a href="#"><i class="icon-cog3"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- /user menu -->
<!-- Main navigation -->
<div class="sidebar-category sidebar-category-visible">
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion">
<!-- Main -->
<li class="navigation-header"> <i class="icon-menu" title="Main pages"></i></li>
<li><a href="{{ request.META.HTTP_HOST }}/usermanagement?page=user" class="tablinks" id="defaultOpen"><i class="icon-user"></i><span>User Management</span></a></li>
<li><a href="{{ request.META.HTTP_HOST }}/usermanagement?page=group" class="tablinks" id="defaultOpen"><i class="icon-users4"></i><span>Group</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-pekerjaan')" id="defaultOpen"><span>Pekerjaan</span></a></li>
<li><a class="tablinks" onclick="openInfo(event, 'info-poi')" id="defaultOpen"><span>POI</span></a></li> -->
<!-- /page kits -->
</ul>
</div>
</div>
<!-- /main navigation -->
</div>
</div>
<!-- /main sidebar -->
<!-- Main content -->
<!-- User management Tab -->
<div class="content-wrapper" id="info-maps">
<div>
<!-- Page header -->
<div class="page-header page-header-default" style="margin-bottom: 0px;">
<div class="breadcrumb-line">
<ul class="breadcrumb">
<li>User Profile</li>
</ul>
</div>
</div>
<!-- /page header -->
<!-- Content area -->
<div class="content" style="padding: 15px;">
<!-- Main charts -->
<!-- Sales stats -->
<div class="panel panel-flat" style="display: none;">
<div class="panel-heading">
<h6 class="panel-title">Table User</h6>
<button id="modalAddButton" class="btn btn-primary btn-sm" value="SAVE" style="bottom: 15px; float: right; display:none;" data-toggle="modal" data-target="#modal_theme_info"></button>
</div>
<hr style="margin-top: 0px;">
<div class="panel-body">
<table class="table table-responsive datatable-show-all table-sm" id="userList" style="word-wrap:break-word;">
<thead>
<tr>
<th>No.</th>
<th>Username</th>
<th>Name</th>
<th>Email</th>
<th>Group</th>
<th>Last login</th>
<th>Status</th>
<th class="text-center">Actions</th>
</tr>
</thead>
<tbody>
{% for user in data %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{user.username}}</td>
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{user.group}}</td>
<td>{{user.last}}</td>
<td>
{% if user.isactive == True %}
<span class="label label-success">
Active
</span> {% else %}
<span class="label label-danger">
Inactive
</span> {% endif %}
</td>
<td class="text-center">
<ul class="icons-list">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-menu9"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li><a onclick="switchuserstatus('{{user.id}}, {{user.isactive}}')"><i class="icon-user-block"></i> Switch user status</a></li>
<li><a onclick="loaduserbyid('{{user.id}}')"><i class="icon-users"></i> Edit user</a></li>
</ul>
</li>
</ul>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<!-- /form validation -->
</div>
</div>
<!-- /main charts -->
</div>
</div>
<!-- end user management tab -->
<div class="content-wrapper" id="usergroup" style="display: none;">
<div>
<!-- Page header -->
<div class="page-header page-header-default" style="margin-bottom: 0px;">
<div class="breadcrumb-line">
<ul class="breadcrumb">
<li>Group</li>
</ul>
</div>
</div>
<!-- /page header -->
<!-- Content area -->
<div class="content" style="padding: 15px;">
<!-- Main charts -->
<!-- Sales stats -->
<div class="panel panel-flat" style="display: none;">
<div class="panel-heading">
<h6 class="panel-title">Table Group</h6>
<button id="modalAddButtong" class="btn btn-primary btn-sm" value="SAVE" style="bottom: 15px; float: right; display:none;" data-toggle="modal" data-target="#modal_group"></button>
</div>
<hr style="margin-top: 0px;">
<div class="panel-body">
<table class="table table-responsive datatable-groups table-sm" id="usergroup">
<thead>
<tr>
<th>No.</th>
<th>Name</th>
<th class="text-center">Actions</th>
</tr>
</thead>
<tbody>
{% for group in dataGroup %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{group.name}}</td>
<td class="text-center">
<ul class="icons-list">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-menu9"></i>
</a>
<ul class="dropdown-menu dropdown-menu-right">
<li><a onclick="deletegroup('{{group.id}}', '{{group.name}}')"><i class="icon-user-block"></i> Delete group</a></li>
<li><a onclick="showmodalgroup('{{group.id}}', '{{group.name}}')"><i class="icon-users"></i> Edit group</a></li>
</ul>
</li>
</ul>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<!-- /form validation -->
</div>
</div>
<!-- /main charts -->
</div>
</div>
<!-- /main content -->
</div>
<!-- /page content -->
</div>
<!-- /page container -->
<div id="modal_theme_info" class="modal fade">
<div class="modal-dialog md" style="margin-top: 100px;">
<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 modstit">Modal Tambah User</h6>
</div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<input type="hidden" id="iduser">
<div class="row">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Username</label>
<div class="col-lg-9">
<input id="inUsername" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">First Name</label>
<div class="col-lg-9">
<input id="inNameF" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Last Name</label>
<div class="col-lg-9">
<input id="inNameL" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Email</label>
<div class="col-lg-9">
<input id="inEmail" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 20px;">
<div class="form-group">
<label class="col-lg-3 control-label">Staff</label>
<div class="col-lg-9">
<label class="radio-inline">
<input type="radio" class="styled" value="true" name="isStaff" checked="checked">
Ya
</label>
<label class="radio-inline">
<input type="radio" class="styled" value="false" name="isStaff">
Tidak
</label>
</div>
</div>
</div>
<div class="row">
<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>
</select>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button>
<button type="button" class="btn btn-info" id="saveuser">Save changes</button>
</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;">
<input type="hidden" id="idgroup">
<div class="row">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top">Nama Group</label>
<div class="col-lg-9">
<input id="inGroupName" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class>
<div class="row" id="container_sparent">
<div class="form-group" style="margin-top: 10px !important;">
<label class="col-lg-3 control-label lbl-top">Group Parent</label>
<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">
<option></option>
</select>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button>
<button type="button" class="btn btn-info" id="savegroup">Save changes</button>
</div>
</div>
</div>
</div>
{% endblock %}
\ 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