Commit 3cbf37f4 authored by Muhamad's avatar Muhamad

welcome, gabungan user rey

parent 7a1c1270
...@@ -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
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -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
...@@ -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')
......
...@@ -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/'
...@@ -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)
<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
<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
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
<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
<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
<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
<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
{% 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
...@@ -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
<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
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
{% 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
{% 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
...@@ -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
...@@ -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>
......
...@@ -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">
......
{% 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;" >
......
...@@ -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
...@@ -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>
......
...@@ -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
{% load static %}
<script>
// alert("alerts");
</script>
\ No newline at end of file
{% 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
...@@ -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({
......
...@@ -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">
......
{% 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
{% 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