Commit bda279e5 authored by Manggar Mahardhika's avatar Manggar Mahardhika

Merge branch 'master' of http://git.khansia.co.id/Nahrowi/oku-gis

Conflicts:
templates/includes/js-m.html
parents 3a8f4735 fdba7023
......@@ -73,4 +73,8 @@ urlpatterns = [
path('deletejalan', views.deletejalan, name='hapus-jalan'),
path('search_spes', views.search_spes, name='search_spes'),
path('search_lanjut', views.search_lanjut, name='search_lanjut'),
path('load_point_id', views.load_point_id),
path('edit_detail_poin', views.edit_detail_poin),
path('download_perbaikan_data', views.download_perbaikan_data)
]
\ No newline at end of file
......@@ -60,9 +60,25 @@ def search_auto(request):
def tuplah(request):
with conn.cursor() as desa:
desa.execute(f"SELECT json_build_object('type', 'Feature', 'legend', (a.id, a.legenda, st_area(a.geom::geography), a.gambar) ,'geometry', ST_AsGeoJSON( st_intersection(a.geom, b.geom):: geometry) :: json) from geo_tuplah a, geo_prov_kab b where b.kabupaten = 'OGAN KOMERING ULU'")
desa.execute(f"""SELECT
json_build_object (
'type',
'Feature',
'legend',
( A.ID, A.legenda, st_area ( A.geom :: geography ), A.gambar ),
'geometry',
ST_AsGeoJSON ( st_intersection ( A.geom, b.geom ) :: geometry ) :: json
)
FROM
geo_tuplah A,
geo_prov_kab b
WHERE
b.kabupaten = 'OGAN KOMERING ULU'""")
all = desa.fetchall()
ltup = []
for i in all:
i[0]['legend']['f3'] = '{0:,.2f}'.format(i[0]['legend']['f3'])
ltup.append(i[0])
data = {'tuplah':all}
return Response(data)
......@@ -2876,7 +2892,7 @@ def user_data(request):
au.first_name,
au.last_name,
au.is_active,
au.last_login,
DATE(au.last_login),
au.email,
ag.name,
au.is_staff,
......@@ -2900,7 +2916,7 @@ def user_data(request):
au.first_name,
au.last_name,
au.is_active,
au.last_login,
DATE(au.last_login),
au.email,
ag.name,
au.is_staff,
......@@ -2961,47 +2977,47 @@ def user_data(request):
with conn.cursor() as po:
po.execute("""
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat ,'geo_kantor_administrasi'
FROM
geo_kantor_administrasi
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_layanan_kesehatan'
FROM
geo_layanan_kesehatan
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_puskesmas'
FROM
geo_puskesmas
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_rumah_sakit'
FROM
geo_rumah_sakit
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_sarana_ibadah'
FROM
geo_sarana_ibadah
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_sarana_pendidikan'
FROM
geo_sarana_pendidikan
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_spbu'
FROM
geo_spbu
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_stasiun'
FROM
geo_stasiun
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_terminal_bus'
FROM
geo_terminal_bus
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_cagar_budaya'
FROM
geo_cagar_budaya
UNION
SELECT id, namobj, alamat, luas_bangunan, perangkat
SELECT id, namobj, alamat, luas_bangunan, perangkat, 'geo_gardu_listrik'
FROM
geo_gardu_listrik
""")
......@@ -3015,7 +3031,8 @@ def user_data(request):
"nama_tempat":p[1],
"alamat":p[2],
"luas":p[3],
"pj":p[4]
"pj":p[4],
"table":p[5]
}
point.append(datap)
......@@ -3121,20 +3138,6 @@ def search_spes(request):
WHERE
a.namobj ILIKE '%{}%'
UNION
SELECT a.ID
,
a.namobj,
a.remark,
a.geom,
'geo_spbu'
FROM
geo_spbu a
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_kelurahan d on st_intersects(A.geom, d.geom)
WHERE
a.namobj ILIKE '%{}%'
UNION
SELECT a.ID
,
a.namobj,
......@@ -3191,7 +3194,7 @@ def search_spes(request):
WHERE
a.namobj ILIKE '%{}%'
LIMIT 10
""".format(inp, inp, inp, inp, inp, inp, inp, inp, inp, inp, inp))
""".format(inp, inp, inp, inp, inp, inp, inp, inp, inp, inp))
s_point = search_point.fetchall()
kill = s_point
elif tipe == ' Bangunan':
......@@ -3349,3 +3352,142 @@ def search_lanjut(request):
kills = data_jal
return Response(kills)
@api_view(('GET',))
def load_point_id(request):
id = request.GET.get('idx')
dtb = request.GET.get('db')
with conn.cursor() as poi:
poi.execute("""
SELECT json_build_object (
'type',
'Feature',
'properties',
(id, namobj, alamat, luas_bangunan, perangkat, gambar),
'geometry',
ST_AsGeoJSON ( geom :: geometry ) :: json
)
FROM
%s
WHERE
id = %s
"""%(dtb, id))
poin = poi.fetchall()
print(poin)
context = {'result':poin}
return Response(context)
@api_view(('POST',))
def edit_detail_poin(request):
idkantor = request.POST.get('id')
namobj = request.POST.get('namobj')
luat_tanah = request.POST.get('luastanah')
gambar = request.POST.get('gambar')
alamat = request.POST.get('alamat')
dbp = request.POST.get('db')
if alamat is None:
alamat = 'alamat'
elif alamat == '':
alamat = 'alamat'
else:
alamat = request.POST.get('alamat')
perangkat = request.POST.get('perangkat')
if perangkat is None:
perangkat = 'Bpk'
elif perangkat == '':
perangkat = 'Bpk'
else:
perangkat = request.POST.get('perangkat')
point = request.POST.get("point")
cood_edit = json.loads(point)
co_edit = cood_edit['geometry']['coordinates']
file1 = request.FILES.get('file')
fss = FileSystemStorage(location='/var/www/django/oku.khansia.co.id/static/img/image/')
try:
format = (file1.name).split(".")
num = random.randrange(1, 10000000000000)
namafile = f"{namobj}_{num}.{format[-1:][0]}"
filename = fss.save(namafile, file1)
# print(file.name)
url = fss.url(filename)
except:
namafile = gambar
with conn.cursor() as editka:
editka.execute("""update %s set geom = st_geomfromgeojson('{"type":"Point", "coordinates":%s, "crs":{"type":"name","properties":{"name":"EPSG:4326"}}}'), namobj = '%s', luas_tanah = %s, perangkat = '%s', alamat = '%s', gambar = '%s' where id = %s"""%(dbp, co_edit, namobj, luat_tanah, perangkat, alamat, namafile, idkantor))
conn.commit()
data = 'SUCCESS'
info = 'data telah diperbaharui'
status = 0
respon={'data':data, 'info': info, 'status':status}
return Response(respon)
@api_view(('GET',))
def download_perbaikan_data(request):
with conn.cursor() as tbl_p:
tbl_p.execute("""
SELECT
gl.NAME,
tp.name,
gj.remark,
st_length ( gj.geom :: geography ),
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.pjg_perbaikan,
tp.lbr_perbaikan,
tp.id_object,
tp.id,
tp.proposal,
tp.bukti_selesai
FROM
tbl_perbaikan tp
JOIN geo_label gl ON gl.ID = tp.type_id
JOIN geo_jalan gj ON gj.ID = tp.id_object
ORDER BY
tp.id ASC
""")
tbl_per = tbl_p.fetchall()
per_res = []
for rows in tbl_per:
print(rows)
datas = {
"id": rows[15],
"jenis_perbaikan": rows[0],
"nama": rows[1],
"tipe": rows[2],
"panjang": rows[3],
"tgl_pembuatan": rows[4],
"tgl_perbaikan": rows[5],
"tgl_selesai": rows[6],
"anggaran": rows[7],
"pj": rows[8],
"pj_lapangan": rows[9],
"kontraktor": rows[10],
"panjang_per": rows[12],
"lebar_per": rows[13],
}
per_res.append(datas)
respon = {
'data' : per_res,
}
return Response(respon)
\ No newline at end of file
......@@ -21,5 +21,6 @@ urlpatterns = [
path('get-jalan-perbaikan', views.getjalanperbaikan, name='get-jalan-perbaikan'),
path('get-detail-perbaikan', views.getdetailperbaikan, name='get-detail-perbaikan'),
path('get-detail-perbaikan-bang', views.getdetailperbaikanbangunan, name='get-detail-perbaikan-bang'),
path('loadPointbyId', views.loadPointbyId)
]
\ No newline at end of file
......@@ -504,6 +504,7 @@ class Dashboard(generic.TemplateView):
}
res_all.append(data_all)
if request.user.is_authenticated:
current_user = request.user
thisUser = current_user.id
......@@ -530,73 +531,76 @@ class Dashboard(generic.TemplateView):
user_data.append(datas)
# with conn.cursor() as userlist_:
# if request.user.is_superuser:
# # print("is superuser")
# sql = """
# SELECT
# au.id,
# au.username,
# au.first_name,
# au.last_name,
# au.is_active,
# au.last_login,
# au.email,
# ag.name,
# au.is_staff,
# au.is_superuser,
# au.file_path
# FROM
# auth_user au,
# auth_user_groups aug,
# auth_group ag
# WHERE
# au.id = aug.user_id AND
# ag.id = aug.group_id
# ORDER BY
# au.username ASC"""
# else:
# if request.user.is_staff:
# sql = """
# SELECT
# au.id,
# au.username,
# au.first_name,
# au.last_name,
# au.is_active,
# au.last_login,
# au.email,
# ag.name,
# au.is_staff,
# au.is_superuser,
# au.file_path
# FROM
# auth_user au,
# auth_user_groups aug,
# auth_group ag
# WHERE
# au.id = aug.user_id AND
# ag.id = aug.group_id AND
# ORDER BY
# au.username ASC"""
# else:
# print('not staff')
# userlist_.execute(sql)
# allUser = userlist_.fetchall()
# user_res = []
# for rows in allUser:
# datas = {
# "id": rows[0],
# "username": rows[1],
# "name": rows[2] +" "+ rows[3],
# "email": rows[6],
# "isactive": rows[4],
# "last": rows[5],
# "group": rows[7],
# "filepath": rows[10]
# }
# user_res.append(datas)
with conn.cursor() as userlist_:
if request.user.is_superuser or request.user.is_staff:
# print("is superuser")
sql = """
SELECT
au.id,
au.username,
au.first_name,
au.last_name,
au.is_active,
au.last_login,
au.email,
ag.name,
au.is_staff,
au.is_superuser,
au.file_path
FROM
auth_user au,
auth_user_groups aug,
auth_group ag
WHERE
au.id = aug.user_id AND
ag.id = aug.group_id
ORDER BY
au.username ASC"""
else:
sql = """
SELECT
au.id,
au.username,
au.first_name,
au.last_name,
au.is_active,
au.last_login,
au.email,
ag.name,
au.is_staff,
au.is_superuser,
au.file_path
FROM
auth_user au,
auth_user_groups aug,
auth_group ag
WHERE
au.id = aug.user_id AND
ag.id = aug.group_id AND
ORDER BY
au.username ASC"""
userlist_.execute(sql)
allUser = userlist_.fetchall()
user_res = []
for rows in allUser:
datas = {
"id": rows[0],
"username": rows[1],
"name": rows[2] +" "+ rows[3],
"email": rows[6],
"isactive": rows[4],
"last": rows[5],
"group": rows[7],
"filepath": rows[10]
}
user_res.append(datas)
else:
user_data = [{"id":"Not Login", "username":"Not Login", "firstname":"Not Login", "lastname":"Not Login","email":"Not Login","filepath":"Not Login"}]
user_res = [{"id":"Not Login", "username":"Not Login", "name":"Not Login", "isactive":"Not Login","email":"Not Login","last":"Not Login", "group":"Not Login", "filepath":"Not Login"}]
context = {
'title':'Dashboard',
......@@ -1256,3 +1260,13 @@ def editkelurahan(request):
prov = res_edit_poly[0][0]['administrasi'][4]
context = {'desa':desa, 'kec':kec, 'kab':kab, 'prov':prov,'result_poly': res_edit_poly[0][0], 'avg_la':avg_la, 'avg_lo':avg_lo}
return Response(context)
@api_view(('GET',))
def loadPointbyId(request):
tab = request.GET.get("db")
id = request.GET.get("idx")
tipe = request.GET.get("type")
print(tab, id, tipe)
context = {'result':'result'}
return Response(context)
\ No newline at end of file
......@@ -85,10 +85,10 @@ DATABASES = {
'NAME': 'oku_gis_new',
'USER': 'postgres',
'PASSWORD' : 'khansia215758',
'HOST': '30.10.20.102',
'PORT': '5432',
# 'HOST': '103.126.28.66',
# 'PORT': '8082',
# 'HOST': '30.10.20.102',
# 'PORT': '5432',
'HOST': '103.126.28.66',
'PORT': '8082',
}
}
......
......@@ -39,5 +39,7 @@ urlpatterns = [
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('editpp/', views.editpp, name='editpp'),
path('welcome', views.welcom)
]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
\ No newline at end of file
from django.contrib import auth
from django.db.models.expressions import F
from django.http import request, response
from django.http import request, response, HttpResponseRedirect
from django.views import View, generic
from django.shortcuts import render
from django.shortcuts import render, redirect
from django.contrib import messages
from django.contrib.auth.views import LoginView, LogoutView
from django.db import connection as conn, models
......@@ -13,7 +13,7 @@ from django.contrib.auth.hashers import make_password
from rest_framework import status
from rest_framework.decorators import api_view, renderer_classes
from rest_framework.response import Response
from django.contrib.auth import authenticate
from django.contrib.auth import authenticate, login
from django.core.files.storage import FileSystemStorage
import random
import string
......@@ -22,8 +22,24 @@ import string
# Create your views here.
class CustomLoginView(LoginView):
template_name = 'user/login.html'
redirect_authenticated_user = True
def get(self, request):
if request.user.is_authenticated:
return render(request, 'layout/layout.html')
else:
return render(request, 'user/login.html')
def post(self, request):
username = request.POST['username']
password = request.POST['password']
user = authenticate(request, username=username, password=password)
# print(user)
if user is not None:
login(request, user)
return redirect("/welcome")
else:
messages.error(request, "Invalid username or password.")
return render(request, 'user/login.html')
class HomeView(View):
template_name = 'layout/layout.html'
......@@ -759,3 +775,6 @@ def editpp(request):
return Response(data)
def welcom(request):
return render(request, "layout/welcome.html")
\ No newline at end of file
......@@ -746,12 +746,17 @@ li.active>a:after {
.modal-header {
background-color: #1B1F2D !important;
border: #1B1F2D;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px!important;
border-top-left-radius: 10px!important;
color: white;
}
#modal_adm>.modal-content {
border-radius: 10px;
.modal-header>button {
color: white;
}
.modal-content {
border-radius: 10px!important;
}
#modal_detail_non_kelurahan>div>div>div.modal-body>fieldset>div>div:nth-child(1)>div.gambar_keterangan>img {
......@@ -759,6 +764,50 @@ li.active>a:after {
border-bottom-right-radius: 10px;
}
#maps_detail_p>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div {
display: none;
}
.icon-location3:before {
margin-left: -14px;
}
#maps_detail_p>div.leaflet-control-container>div.leaflet-top.leaflet-left {
display: none;
}
#map-edit-tuplah>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div {
display: none;
}
#modal_bangunan_delete>div {
width: 360px!important;
}
.apexcharts-toolbar>div.apexcharts-menu-icon>div>span {
color: white;
position: absolute;
top: -22px;
font-size: 16px;
margin-left: 40px;
}
.apexcharts-toolbar>div.apexcharts-menu-icon>div>i {
color: white;
}
#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div.tombol-edit.text-center>a {
color: white;
}
#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div.tombol-edit.text-center>a:hover {
box-shadow: 0 0 0 100px rgb(0 0 0 / 0%) inset;
}
.apexcharts-menu.apexcharts-menu-open {
color: black!important;
}
@media (max-width: 1025px) {
.dock {
position: absolute;
......
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.75 18.6875L3.25 20.3125V5.6875L9.75 4.0625" stroke="#E86250" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.25 21.9375L9.75 18.6875V4.0625L16.25 7.3125V21.9375Z" stroke="#E86250" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.25 7.3125L22.75 5.6875V20.3125L16.25 21.9375" stroke="#E86250" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 23L4 25V7L12 5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 27L12 23V5L20 9V27Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20 9L28 7V25L20 27" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="1440" height="1024" fill="#090909" fill-opacity="0.25"/>
</svg>
This source diff could not be displayed because it is too large. You can view the blob instead.
<svg width="742" height="129" viewBox="0 0 742 129" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.6 7.2H3.7V11.12H9.4V13.32H3.7V19H1.4V5H9.6V7.2ZM13.6516 7.1C13.3849 7.36667 13.0649 7.5 12.6916 7.5C12.3182 7.5 11.9916 7.36667 11.7116 7.1C11.4449 6.82 11.3116 6.49333 11.3116 6.12C11.3116 5.74667 11.4449 5.42667 11.7116 5.16C11.9782 4.88 12.3049 4.74 12.6916 4.74C13.0782 4.74 13.4049 4.88 13.6716 5.16C13.9382 5.42667 14.0716 5.74667 14.0716 6.12C14.0716 6.49333 13.9316 6.82 13.6516 7.1ZM11.6116 19V9H13.7716V19H11.6116ZM21.8595 11.08H19.3795V15.88C19.3795 16.2933 19.4729 16.5933 19.6595 16.78C19.8462 16.9533 20.1195 17.0533 20.4795 17.08C20.8529 17.0933 21.3129 17.0867 21.8595 17.06V19C20.2062 19.2 19.0195 19.06 18.2995 18.58C17.5795 18.0867 17.2195 17.1867 17.2195 15.88V11.08H15.3795V9H17.2195V6.84L19.3795 6.2V9H21.8595V11.08ZM30.6563 9H32.8163V19H30.6563V17.72C30.0029 18.7467 28.9696 19.26 27.5563 19.26C26.4096 19.26 25.4829 18.8933 24.7763 18.16C24.0696 17.4267 23.7163 16.42 23.7163 15.14V9H25.8763V14.92C25.8763 15.6667 26.0763 16.24 26.4763 16.64C26.8763 17.04 27.4229 17.24 28.1163 17.24C28.8763 17.24 29.4896 17.0067 29.9563 16.54C30.4229 16.06 30.6563 15.3333 30.6563 14.36V9ZM37.502 10.68C38.0487 9.44 39.0754 8.82 40.582 8.82V11.16C39.7554 11.1067 39.0354 11.3067 38.422 11.76C37.8087 12.2 37.502 12.9333 37.502 13.96V19H35.342V9H37.502V10.68ZM56.418 5V7.2H52.478V19H50.178V7.2H46.218V5H56.418ZM57.8819 14.92C58.0419 15.68 58.4085 16.2667 58.9819 16.68C59.5552 17.08 60.2552 17.28 61.0819 17.28C62.2285 17.28 63.0885 16.8667 63.6619 16.04L65.4419 17.08C64.4552 18.5333 62.9952 19.26 61.0619 19.26C59.4352 19.26 58.1219 18.7667 57.1219 17.78C56.1219 16.78 55.6219 15.52 55.6219 14C55.6219 12.5067 56.1152 11.26 57.1019 10.26C58.0885 9.24667 59.3552 8.74 60.9019 8.74C62.3685 8.74 63.5685 9.25333 64.5019 10.28C65.4485 11.3067 65.9219 12.5533 65.9219 14.02C65.9219 14.2467 65.8952 14.5467 65.8419 14.92H57.8819ZM57.8619 13.16H63.7419C63.5952 12.3467 63.2552 11.7333 62.7219 11.32C62.2019 10.9067 61.5885 10.7 60.8819 10.7C60.0819 10.7 59.4152 10.92 58.8819 11.36C58.3485 11.8 58.0085 12.4 57.8619 13.16ZM78.7425 8.74C79.8758 8.74 80.7892 9.10667 81.4825 9.84C82.1758 10.5733 82.5225 11.56 82.5225 12.8V19H80.3625V12.94C80.3625 12.2467 80.1892 11.7133 79.8425 11.34C79.4958 10.9533 79.0225 10.76 78.4225 10.76C77.7558 10.76 77.2225 10.98 76.8225 11.42C76.4358 11.86 76.2425 12.52 76.2425 13.4V19H74.0825V12.94C74.0825 12.2467 73.9158 11.7133 73.5825 11.34C73.2625 10.9533 72.8025 10.76 72.2025 10.76C71.5492 10.76 71.0158 10.9867 70.6025 11.44C70.1892 11.88 69.9825 12.5333 69.9825 13.4V19H67.8225V9H69.9825V10.2C70.6225 9.22667 71.5758 8.74 72.8425 8.74C74.1225 8.74 75.0692 9.26667 75.6825 10.32C76.3492 9.26667 77.3692 8.74 78.7425 8.74ZM92.7542 9H94.9142V19H92.7542V17.56C91.9409 18.6933 90.7742 19.26 89.2542 19.26C87.8809 19.26 86.7076 18.7533 85.7342 17.74C84.7609 16.7133 84.2742 15.4667 84.2742 14C84.2742 12.52 84.7609 11.2733 85.7342 10.26C86.7076 9.24667 87.8809 8.74 89.2542 8.74C90.7742 8.74 91.9409 9.3 92.7542 10.42V9ZM87.3342 16.3C87.9342 16.9 88.6876 17.2 89.5942 17.2C90.5009 17.2 91.2542 16.9 91.8542 16.3C92.4542 15.6867 92.7542 14.92 92.7542 14C92.7542 13.08 92.4542 12.32 91.8542 11.72C91.2542 11.1067 90.5009 10.8 89.5942 10.8C88.6876 10.8 87.9342 11.1067 87.3342 11.72C86.7342 12.32 86.4342 13.08 86.4342 14C86.4342 14.92 86.7342 15.6867 87.3342 16.3ZM102.692 8.74C103.839 8.74 104.765 9.10667 105.472 9.84C106.179 10.5733 106.532 11.58 106.532 12.86V19H104.372V13.08C104.372 12.3333 104.172 11.76 103.772 11.36C103.372 10.96 102.825 10.76 102.132 10.76C101.372 10.76 100.759 11 100.292 11.48C99.8252 11.9467 99.5919 12.6667 99.5919 13.64V19H97.4319V9H99.5919V10.28C100.245 9.25333 101.279 8.74 102.692 8.74ZM117.698 19H115.118L111.018 14.38V19H108.858V5H111.018V13.42L114.898 9H117.538L113.138 13.9L117.698 19ZM125.5 9H127.66V19H125.5V17.72C124.847 18.7467 123.813 19.26 122.4 19.26C121.253 19.26 120.327 18.8933 119.62 18.16C118.913 17.4267 118.56 16.42 118.56 15.14V9H120.72V14.92C120.72 15.6667 120.92 16.24 121.32 16.64C121.72 17.04 122.267 17.24 122.96 17.24C123.72 17.24 124.333 17.0067 124.8 16.54C125.267 16.06 125.5 15.3333 125.5 14.36V9Z" fill="white"/>
<rect x="0.5" y="47.5" width="81" height="81" rx="9.5" fill="black" fill-opacity="0.1" stroke="#FBFEFF"/>
<path d="M52.2458 64.2785C51.5877 63.6219 50.696 63.2532 49.7663 63.2532C48.8366 63.2532 47.9449 63.6219 47.2868 64.2785L47.2867 64.2787C47.0663 64.4992 46.8763 64.7483 46.7219 65.0192L43.627 64.1752C43.6371 63.4777 43.4387 62.7931 43.0573 62.209C42.676 61.6249 42.129 61.1679 41.4864 60.8966C40.8437 60.6252 40.1348 60.5518 39.4502 60.6858C38.7656 60.8198 38.1366 61.155 37.6437 61.6486L37.6436 61.6487C37.1171 62.1766 36.7722 62.8584 36.6588 63.5953C36.5455 64.3323 36.6695 65.0862 37.0131 65.7479L33.2942 69.095C32.6194 68.6491 31.8115 68.4497 31.0068 68.5305C30.2021 68.6113 29.4499 68.9673 28.8772 69.5384L28.8772 69.5385C28.2418 70.1749 27.8752 71.031 27.8531 71.9299C27.831 72.8288 28.155 73.7019 28.7583 74.3688C29.3616 75.0356 30.198 75.4452 31.0946 75.5129C31.9913 75.5806 32.8797 75.3013 33.5763 74.7327L41.2505 80.3605C41.0046 80.9754 40.9378 81.6472 41.0579 82.2984C41.1779 82.9497 41.4798 83.5536 41.9287 84.0404C42.3776 84.5272 42.9551 84.877 43.5945 85.0493C44.2338 85.2216 44.9089 85.2094 45.5416 85.014C46.1743 84.8187 46.7388 84.4483 47.1698 83.9456C47.6008 83.4428 47.8807 82.8284 47.9771 82.1733C48.0735 81.5181 47.9824 80.8491 47.7145 80.2436C47.4465 79.638 47.0126 79.1207 46.463 78.7514L49.4637 70.2494C49.5644 70.258 49.6653 70.263 49.7663 70.263C50.4599 70.2635 51.138 70.0582 51.7148 69.6731C52.2916 69.288 52.7412 68.7404 53.0067 68.0997C53.2722 67.4589 53.3416 66.7539 53.2061 66.0737C53.0707 65.3934 52.7365 64.7687 52.2458 64.2785L52.2458 64.2785ZM44.809 78.1697C43.8992 78.0899 42.9942 78.3686 42.2869 78.9464L34.6127 73.3186C34.7988 72.8497 34.8821 72.3464 34.857 71.8426C34.8318 71.3388 34.6988 70.8462 34.4669 70.3983L38.1858 67.0512C38.5859 67.3167 39.0363 67.497 39.509 67.5812C39.9817 67.6653 40.4666 67.6515 40.9337 67.5405C41.4008 67.4294 41.8402 67.2236 42.2244 66.9358C42.6087 66.6479 42.9298 66.2842 43.1677 65.8671L46.2625 66.7112C46.2536 67.2939 46.3905 67.8696 46.6607 68.3859C46.9309 68.9023 47.3259 69.3429 47.8097 69.6678L44.809 78.1697Z" fill="#FBFEFF"/>
<path d="M21.204 101.302C19.932 101.302 18.88 100.882 18.048 100.042C17.216 99.2019 16.8 98.1739 16.8 96.9579C16.8 95.7419 17.216 94.7139 18.048 93.8739C18.88 93.0339 19.932 92.6139 21.204 92.6139C21.98 92.6139 22.692 92.8019 23.34 93.1779C23.988 93.5459 24.488 94.0459 24.84 94.6779L24.096 95.1099C23.832 94.5979 23.44 94.1899 22.92 93.8859C22.4 93.5819 21.828 93.4299 21.204 93.4299C20.156 93.4299 19.3 93.7699 18.636 94.4499C17.972 95.1299 17.64 95.9659 17.64 96.9579C17.64 97.9499 17.972 98.7859 18.636 99.4659C19.3 100.146 20.156 100.486 21.204 100.486C21.828 100.486 22.4 100.334 22.92 100.03C23.44 99.7259 23.832 99.3179 24.096 98.8059L24.84 99.2259C24.496 99.8579 23.996 100.362 23.34 100.738C22.692 101.114 21.98 101.302 21.204 101.302ZM26.8934 96.1539C27.2614 95.4259 27.8934 95.0619 28.7894 95.0619V95.8299C28.2454 95.8299 27.7934 95.9899 27.4334 96.3099C27.0734 96.6299 26.8934 97.1339 26.8934 97.8219V101.158H26.1014V95.1579H26.8934V96.1539ZM32.2835 95.0139C33.1715 95.0139 33.8875 95.3299 34.4315 95.9619C34.9835 96.5859 35.2595 97.3259 35.2595 98.1819C35.2595 98.2699 35.2515 98.3939 35.2355 98.5539H29.9675C30.0475 99.1619 30.3035 99.6459 30.7355 100.006C31.1755 100.358 31.7155 100.534 32.3555 100.534C32.8115 100.534 33.2035 100.442 33.5315 100.258C33.8675 100.066 34.1195 99.8179 34.2875 99.5139L34.9835 99.9219C34.7195 100.346 34.3595 100.682 33.9035 100.93C33.4475 101.178 32.9275 101.302 32.3435 101.302C31.3995 101.302 30.6315 101.006 30.0395 100.414C29.4475 99.8219 29.1515 99.0699 29.1515 98.1579C29.1515 97.2619 29.4435 96.5139 30.0275 95.9139C30.6115 95.3139 31.3635 95.0139 32.2835 95.0139ZM32.2835 95.7819C31.6595 95.7819 31.1355 95.9699 30.7115 96.3459C30.2955 96.7139 30.0475 97.1939 29.9675 97.7859H34.4435C34.3635 97.1539 34.1195 96.6619 33.7115 96.3099C33.3035 95.9579 32.8275 95.7819 32.2835 95.7819ZM41.6793 95.1579H42.4713V101.158H41.6793V99.9819C41.1273 100.862 40.3193 101.302 39.2553 101.302C38.3993 101.302 37.6673 100.998 37.0593 100.39C36.4593 99.7819 36.1593 99.0379 36.1593 98.1579C36.1593 97.2779 36.4593 96.5339 37.0593 95.9259C37.6673 95.3179 38.3993 95.0139 39.2553 95.0139C40.3193 95.0139 41.1273 95.4539 41.6793 96.3339V95.1579ZM37.6353 99.8499C38.0913 100.306 38.6513 100.534 39.3153 100.534C39.9793 100.534 40.5393 100.306 40.9953 99.8499C41.4513 99.3859 41.6793 98.8219 41.6793 98.1579C41.6793 97.4939 41.4513 96.9339 40.9953 96.4779C40.5393 96.0139 39.9793 95.7819 39.3153 95.7819C38.6513 95.7819 38.0913 96.0139 37.6353 96.4779C37.1793 96.9339 36.9513 97.4939 36.9513 98.1579C36.9513 98.8219 37.1793 99.3859 37.6353 99.8499ZM47.3282 95.9259H45.6002V99.5619C45.6002 99.8899 45.6642 100.126 45.7922 100.27C45.9202 100.406 46.1122 100.478 46.3682 100.486C46.6242 100.486 46.9442 100.478 47.3282 100.462V101.158C46.4882 101.286 45.8562 101.226 45.4322 100.978C45.0162 100.73 44.8082 100.258 44.8082 99.5619V95.9259H43.5482V95.1579H44.8082V93.7179L45.6002 93.4779V95.1579H47.3282V95.9259ZM49.4522 93.7179C49.3402 93.8299 49.2042 93.8859 49.0442 93.8859C48.8842 93.8859 48.7482 93.8299 48.6362 93.7179C48.5242 93.6059 48.4682 93.4699 48.4682 93.3099C48.4682 93.1499 48.5242 93.0139 48.6362 92.9019C48.7482 92.7899 48.8842 92.7339 49.0442 92.7339C49.2042 92.7339 49.3402 92.7899 49.4522 92.9019C49.5642 93.0139 49.6202 93.1499 49.6202 93.3099C49.6202 93.4699 49.5642 93.6059 49.4522 93.7179ZM48.6482 101.158V95.1579H49.4402V101.158H48.6482ZM53.9289 95.0139C54.6569 95.0139 55.2289 95.2379 55.6449 95.6859C56.0689 96.1259 56.2809 96.7219 56.2809 97.4739V101.158H55.4889V97.4739C55.4889 96.9379 55.3449 96.5219 55.0569 96.2259C54.7769 95.9299 54.3769 95.7819 53.8569 95.7819C53.2809 95.7819 52.8129 95.9659 52.4529 96.3339C52.0929 96.6939 51.9129 97.2539 51.9129 98.0139V101.158H51.1209V95.1579H51.9129V96.0939C52.3609 95.3739 53.0329 95.0139 53.9289 95.0139ZM62.9723 95.1579H63.7643V100.918C63.7643 101.782 63.4683 102.462 62.8763 102.958C62.2843 103.454 61.5763 103.702 60.7523 103.702C59.3443 103.702 58.3963 103.214 57.9083 102.238L58.6043 101.842C58.9643 102.57 59.6803 102.934 60.7523 102.934C61.4403 102.934 61.9803 102.75 62.3723 102.382C62.7723 102.022 62.9723 101.534 62.9723 100.918V99.9819C62.4203 100.862 61.6123 101.302 60.5483 101.302C59.6923 101.302 58.9603 100.998 58.3523 100.39C57.7523 99.7819 57.4523 99.0379 57.4523 98.1579C57.4523 97.2779 57.7523 96.5339 58.3523 95.9259C58.9603 95.3179 59.6923 95.0139 60.5483 95.0139C61.6123 95.0139 62.4203 95.4539 62.9723 96.3339V95.1579ZM58.9283 99.8499C59.3843 100.306 59.9443 100.534 60.6083 100.534C61.2723 100.534 61.8323 100.306 62.2883 99.8499C62.7443 99.3859 62.9723 98.8219 62.9723 98.1579C62.9723 97.4939 62.7443 96.9339 62.2883 96.4779C61.8323 96.0139 61.2723 95.7819 60.6083 95.7819C59.9443 95.7819 59.3843 96.0139 58.9283 96.4779C58.4723 96.9339 58.2443 97.4939 58.2443 98.1579C58.2443 98.8219 58.4723 99.3859 58.9283 99.8499ZM22.5065 106.758C23.2585 106.758 23.8865 107.01 24.3905 107.514C24.8945 108.018 25.1465 108.646 25.1465 109.398C25.1465 110.15 24.8945 110.778 24.3905 111.282C23.8865 111.786 23.2585 112.038 22.5065 112.038H20.3465V115.158H19.5065V106.758H22.5065ZM22.5065 111.246C23.0265 111.246 23.4545 111.074 23.7905 110.73C24.1345 110.378 24.3065 109.934 24.3065 109.398C24.3065 108.862 24.1345 108.422 23.7905 108.078C23.4545 107.726 23.0265 107.55 22.5065 107.55H20.3465V111.246H22.5065ZM31.0122 114.402C30.4042 115.002 29.6602 115.302 28.7802 115.302C27.9002 115.302 27.1522 115.002 26.5362 114.402C25.9282 113.794 25.6242 113.046 25.6242 112.158C25.6242 111.27 25.9282 110.526 26.5362 109.926C27.1522 109.318 27.9002 109.014 28.7802 109.014C29.6602 109.014 30.4042 109.318 31.0122 109.926C31.6282 110.526 31.9362 111.27 31.9362 112.158C31.9362 113.046 31.6282 113.794 31.0122 114.402ZM27.1002 113.85C27.5562 114.306 28.1162 114.534 28.7802 114.534C29.4442 114.534 30.0042 114.306 30.4602 113.85C30.9162 113.386 31.1442 112.822 31.1442 112.158C31.1442 111.494 30.9162 110.934 30.4602 110.478C30.0042 110.014 29.4442 109.782 28.7802 109.782C28.1162 109.782 27.5562 110.014 27.1002 110.478C26.6442 110.934 26.4162 111.494 26.4162 112.158C26.4162 112.822 26.6442 113.386 27.1002 113.85ZM33.2615 115.158V106.398H34.0535V115.158H33.2615ZM40.0542 109.158H40.8942L38.3262 115.71C38.0942 116.302 37.7622 116.766 37.3302 117.102C36.9062 117.446 36.4302 117.598 35.9022 117.558V116.814C36.6222 116.894 37.1702 116.478 37.5462 115.566L37.7022 115.194L35.0142 109.158H35.8542L38.1102 114.186L40.0542 109.158ZM46.777 109.158H47.569V114.918C47.569 115.782 47.273 116.462 46.681 116.958C46.089 117.454 45.381 117.702 44.557 117.702C43.149 117.702 42.201 117.214 41.713 116.238L42.409 115.842C42.769 116.57 43.485 116.934 44.557 116.934C45.245 116.934 45.785 116.75 46.177 116.382C46.577 116.022 46.777 115.534 46.777 114.918V113.982C46.225 114.862 45.417 115.302 44.353 115.302C43.497 115.302 42.765 114.998 42.157 114.39C41.557 113.782 41.257 113.038 41.257 112.158C41.257 111.278 41.557 110.534 42.157 109.926C42.765 109.318 43.497 109.014 44.353 109.014C45.417 109.014 46.225 109.454 46.777 110.334V109.158ZM42.733 113.85C43.189 114.306 43.749 114.534 44.413 114.534C45.077 114.534 45.637 114.306 46.093 113.85C46.549 113.386 46.777 112.822 46.777 112.158C46.777 111.494 46.549 110.934 46.093 110.478C45.637 110.014 45.077 109.782 44.413 109.782C43.749 109.782 43.189 110.014 42.733 110.478C42.277 110.934 42.049 111.494 42.049 112.158C42.049 112.822 42.277 113.386 42.733 113.85ZM54.2739 114.402C53.6659 115.002 52.9219 115.302 52.0419 115.302C51.1619 115.302 50.4139 115.002 49.7979 114.402C49.1899 113.794 48.8859 113.046 48.8859 112.158C48.8859 111.27 49.1899 110.526 49.7979 109.926C50.4139 109.318 51.1619 109.014 52.0419 109.014C52.9219 109.014 53.6659 109.318 54.2739 109.926C54.8899 110.526 55.1979 111.27 55.1979 112.158C55.1979 113.046 54.8899 113.794 54.2739 114.402ZM50.3619 113.85C50.8179 114.306 51.3779 114.534 52.0419 114.534C52.7059 114.534 53.2659 114.306 53.7219 113.85C54.1779 113.386 54.4059 112.822 54.4059 112.158C54.4059 111.494 54.1779 110.934 53.7219 110.478C53.2659 110.014 52.7059 109.782 52.0419 109.782C51.3779 109.782 50.8179 110.014 50.3619 110.478C49.9059 110.934 49.6779 111.494 49.6779 112.158C49.6779 112.822 49.9059 113.386 50.3619 113.85ZM59.3312 109.014C60.0592 109.014 60.6312 109.238 61.0472 109.686C61.4712 110.126 61.6832 110.722 61.6832 111.474V115.158H60.8912V111.474C60.8912 110.938 60.7472 110.522 60.4592 110.226C60.1792 109.93 59.7792 109.782 59.2592 109.782C58.6832 109.782 58.2152 109.966 57.8552 110.334C57.4952 110.694 57.3152 111.254 57.3152 112.014V115.158H56.5232V109.158H57.3152V110.094C57.7632 109.374 58.4352 109.014 59.3312 109.014Z" fill="#FBFEFF"/>
<rect x="132.5" y="47.5" width="81" height="81" rx="9.5" fill="black" fill-opacity="0.1" stroke="#FBFEFF"/>
<path d="M160.323 101.302C159.051 101.302 157.999 100.882 157.167 100.042C156.335 99.2019 155.919 98.1739 155.919 96.9579C155.919 95.7419 156.335 94.7139 157.167 93.8739C157.999 93.0339 159.051 92.6139 160.323 92.6139C161.099 92.6139 161.811 92.8019 162.459 93.1779C163.107 93.5459 163.607 94.0459 163.959 94.6779L163.215 95.1099C162.951 94.5979 162.559 94.1899 162.039 93.8859C161.519 93.5819 160.947 93.4299 160.323 93.4299C159.275 93.4299 158.419 93.7699 157.755 94.4499C157.091 95.1299 156.759 95.9659 156.759 96.9579C156.759 97.9499 157.091 98.7859 157.755 99.4659C158.419 100.146 159.275 100.486 160.323 100.486C160.947 100.486 161.519 100.334 162.039 100.03C162.559 99.7259 162.951 99.3179 163.215 98.8059L163.959 99.2259C163.615 99.8579 163.115 100.362 162.459 100.738C161.811 101.114 161.099 101.302 160.323 101.302ZM170.19 100.402C169.582 101.002 168.838 101.302 167.958 101.302C167.078 101.302 166.33 101.002 165.714 100.402C165.106 99.7939 164.802 99.0459 164.802 98.1579C164.802 97.2699 165.106 96.5259 165.714 95.9259C166.33 95.3179 167.078 95.0139 167.958 95.0139C168.838 95.0139 169.582 95.3179 170.19 95.9259C170.806 96.5259 171.114 97.2699 171.114 98.1579C171.114 99.0459 170.806 99.7939 170.19 100.402ZM166.278 99.8499C166.734 100.306 167.294 100.534 167.958 100.534C168.622 100.534 169.182 100.306 169.638 99.8499C170.094 99.3859 170.322 98.8219 170.322 98.1579C170.322 97.4939 170.094 96.9339 169.638 96.4779C169.182 96.0139 168.622 95.7819 167.958 95.7819C167.294 95.7819 166.734 96.0139 166.278 96.4779C165.822 96.9339 165.594 97.4939 165.594 98.1579C165.594 98.8219 165.822 99.3859 166.278 99.8499ZM176.663 95.1579H177.455V101.158H176.663V100.222C176.215 100.942 175.543 101.302 174.647 101.302C173.919 101.302 173.343 101.082 172.919 100.642C172.503 100.194 172.295 99.5939 172.295 98.8419V95.1579H173.087V98.8419C173.087 99.3779 173.227 99.7939 173.507 100.09C173.795 100.386 174.199 100.534 174.719 100.534C175.295 100.534 175.763 100.354 176.123 99.9939C176.483 99.6259 176.663 99.0619 176.663 98.3019V95.1579ZM181.939 95.0139C182.667 95.0139 183.239 95.2379 183.655 95.6859C184.079 96.1259 184.291 96.7219 184.291 97.4739V101.158H183.499V97.4739C183.499 96.9379 183.355 96.5219 183.067 96.2259C182.787 95.9299 182.387 95.7819 181.867 95.7819C181.291 95.7819 180.823 95.9659 180.463 96.3339C180.103 96.6939 179.923 97.2539 179.923 98.0139V101.158H179.131V95.1579H179.923V96.0939C180.371 95.3739 181.043 95.0139 181.939 95.0139ZM189.002 95.9259H187.274V99.5619C187.274 99.8899 187.338 100.126 187.466 100.27C187.594 100.406 187.786 100.478 188.042 100.486C188.298 100.486 188.618 100.478 189.002 100.462V101.158C188.162 101.286 187.53 101.226 187.106 100.978C186.69 100.73 186.482 100.258 186.482 99.5619V95.9259H185.222V95.1579H186.482V93.7179L187.274 93.4779V95.1579H189.002V95.9259ZM156.268 110.802C156.676 110.978 157 111.246 157.24 111.606C157.488 111.958 157.612 112.362 157.612 112.818C157.612 113.466 157.384 114.018 156.928 114.474C156.472 114.93 155.92 115.158 155.272 115.158H151.612V106.758H154.996C155.62 106.758 156.152 106.982 156.592 107.43C157.032 107.87 157.252 108.398 157.252 109.014C157.252 109.798 156.924 110.394 156.268 110.802ZM154.996 107.55H152.452V110.478H154.996C155.388 110.478 155.72 110.338 155.992 110.058C156.272 109.77 156.412 109.422 156.412 109.014C156.412 108.614 156.272 108.27 155.992 107.982C155.72 107.694 155.388 107.55 154.996 107.55ZM155.272 114.366C155.688 114.366 156.04 114.218 156.328 113.922C156.624 113.618 156.772 113.25 156.772 112.818C156.772 112.394 156.624 112.03 156.328 111.726C156.04 111.422 155.688 111.27 155.272 111.27H152.452V114.366H155.272ZM163.275 109.158H164.067V115.158H163.275V114.222C162.827 114.942 162.155 115.302 161.259 115.302C160.531 115.302 159.955 115.082 159.531 114.642C159.115 114.194 158.907 113.594 158.907 112.842V109.158H159.699V112.842C159.699 113.378 159.839 113.794 160.119 114.09C160.407 114.386 160.811 114.534 161.331 114.534C161.907 114.534 162.375 114.354 162.735 113.994C163.095 113.626 163.275 113.062 163.275 112.302V109.158ZM166.546 107.718C166.434 107.83 166.298 107.886 166.138 107.886C165.978 107.886 165.842 107.83 165.73 107.718C165.618 107.606 165.562 107.47 165.562 107.31C165.562 107.15 165.618 107.014 165.73 106.902C165.842 106.79 165.978 106.734 166.138 106.734C166.298 106.734 166.434 106.79 166.546 106.902C166.658 107.014 166.714 107.15 166.714 107.31C166.714 107.47 166.658 107.606 166.546 107.718ZM165.742 115.158V109.158H166.534V115.158H165.742ZM168.215 115.158V106.398H169.007V115.158H168.215ZM175.847 106.758H176.639V115.158H175.847V113.982C175.295 114.862 174.487 115.302 173.423 115.302C172.567 115.302 171.835 114.998 171.227 114.39C170.627 113.782 170.327 113.038 170.327 112.158C170.327 111.278 170.627 110.534 171.227 109.926C171.835 109.318 172.567 109.014 173.423 109.014C174.487 109.014 175.295 109.454 175.847 110.334V106.758ZM171.803 113.85C172.259 114.306 172.819 114.534 173.483 114.534C174.147 114.534 174.707 114.306 175.163 113.85C175.619 113.386 175.847 112.822 175.847 112.158C175.847 111.494 175.619 110.934 175.163 110.478C174.707 110.014 174.147 109.782 173.483 109.782C172.819 109.782 172.259 110.014 171.803 110.478C171.347 110.934 171.119 111.494 171.119 112.158C171.119 112.822 171.347 113.386 171.803 113.85ZM179.12 107.718C179.008 107.83 178.872 107.886 178.712 107.886C178.552 107.886 178.416 107.83 178.304 107.718C178.192 107.606 178.136 107.47 178.136 107.31C178.136 107.15 178.192 107.014 178.304 106.902C178.416 106.79 178.552 106.734 178.712 106.734C178.872 106.734 179.008 106.79 179.12 106.902C179.232 107.014 179.288 107.15 179.288 107.31C179.288 107.47 179.232 107.606 179.12 107.718ZM178.316 115.158V109.158H179.108V115.158H178.316ZM183.597 109.014C184.325 109.014 184.897 109.238 185.313 109.686C185.737 110.126 185.949 110.722 185.949 111.474V115.158H185.157V111.474C185.157 110.938 185.013 110.522 184.725 110.226C184.445 109.93 184.045 109.782 183.525 109.782C182.949 109.782 182.481 109.966 182.121 110.334C181.761 110.694 181.581 111.254 181.581 112.014V115.158H180.789V109.158H181.581V110.094C182.029 109.374 182.701 109.014 183.597 109.014ZM192.64 109.158H193.432V114.918C193.432 115.782 193.136 116.462 192.544 116.958C191.952 117.454 191.244 117.702 190.42 117.702C189.012 117.702 188.064 117.214 187.576 116.238L188.272 115.842C188.632 116.57 189.348 116.934 190.42 116.934C191.108 116.934 191.648 116.75 192.04 116.382C192.44 116.022 192.64 115.534 192.64 114.918V113.982C192.088 114.862 191.28 115.302 190.216 115.302C189.36 115.302 188.628 114.998 188.02 114.39C187.42 113.782 187.12 113.038 187.12 112.158C187.12 111.278 187.42 110.534 188.02 109.926C188.628 109.318 189.36 109.014 190.216 109.014C191.28 109.014 192.088 109.454 192.64 110.334V109.158ZM188.596 113.85C189.052 114.306 189.612 114.534 190.276 114.534C190.94 114.534 191.5 114.306 191.956 113.85C192.412 113.386 192.64 112.822 192.64 112.158C192.64 111.494 192.412 110.934 191.956 110.478C191.5 110.014 190.94 109.782 190.276 109.782C189.612 109.782 189.052 110.014 188.596 110.478C188.14 110.934 187.912 111.494 187.912 112.158C187.912 112.822 188.14 113.386 188.596 113.85Z" fill="#FBFEFF"/>
<path d="M181.67 81.6594H180.793V70.263C180.793 69.7981 180.608 69.3525 180.279 69.0238C179.95 68.6951 179.505 68.5102 179.04 68.5097H172.027V63.2498C172.026 62.785 171.841 62.3393 171.513 62.0106C171.184 61.682 170.738 61.4971 170.273 61.4965H159.754C159.289 61.4971 158.843 61.682 158.515 62.0106C158.186 62.3393 158.001 62.785 158 63.2498V81.6594H157.124C156.892 81.6594 156.669 81.7517 156.505 81.9161C156.34 82.0805 156.248 82.3035 156.248 82.536C156.248 82.7685 156.34 82.9915 156.505 83.1559C156.669 83.3203 156.892 83.4126 157.124 83.4126H181.67C181.903 83.4126 182.126 83.3203 182.29 83.1559C182.455 82.9915 182.547 82.7685 182.547 82.536C182.547 82.3035 182.455 82.0805 182.29 81.9161C182.126 81.7517 181.903 81.6594 181.67 81.6594ZM168.52 73.7696C168.52 74.0021 168.428 74.225 168.263 74.3894C168.099 74.5538 167.876 74.6462 167.644 74.6462H164.137C163.904 74.6462 163.681 74.5538 163.517 74.3894C163.353 74.225 163.26 74.0021 163.26 73.7696C163.26 73.5371 163.353 73.3141 163.517 73.1497C163.681 72.9853 163.904 72.8929 164.137 72.8929H167.644C167.876 72.8929 168.099 72.9853 168.263 73.1497C168.428 73.3141 168.52 73.5371 168.52 73.7696ZM162.384 65.8798H165.89C166.123 65.8798 166.346 65.9721 166.51 66.1365C166.675 66.3009 166.767 66.5239 166.767 66.7564C166.767 66.9889 166.675 67.2119 166.51 67.3763C166.346 67.5407 166.123 67.633 165.89 67.633H162.384C162.151 67.633 161.928 67.5407 161.764 67.3763C161.599 67.2119 161.507 66.9889 161.507 66.7564C161.507 66.5239 161.599 66.3009 161.764 66.1365C161.928 65.9721 162.151 65.8798 162.384 65.8798ZM162.384 77.2761H165.89C166.123 77.2761 166.346 77.3685 166.51 77.5329C166.675 77.6973 166.767 77.9203 166.767 78.1528C166.767 78.3853 166.675 78.6083 166.51 78.7727C166.346 78.9371 166.123 79.0294 165.89 79.0294H162.384C162.151 79.0294 161.928 78.9371 161.764 78.7727C161.599 78.6083 161.507 78.3853 161.507 78.1528C161.507 77.9203 161.599 77.6973 161.764 77.5329C161.928 77.3685 162.151 77.2761 162.384 77.2761ZM172.027 70.263H179.04V81.6594H172.027V70.263Z" fill="#FBFEFF"/>
<path d="M176.41 77.2761H174.657C174.424 77.2761 174.201 77.3685 174.037 77.5329C173.872 77.6973 173.78 77.9203 173.78 78.1528C173.78 78.3853 173.872 78.6083 174.037 78.7727C174.201 78.9371 174.424 79.0294 174.657 79.0294H176.41C176.642 79.0294 176.865 78.9371 177.03 78.7727C177.194 78.6083 177.286 78.3853 177.286 78.1528C177.286 77.9203 177.194 77.6973 177.03 77.5329C176.865 77.3685 176.642 77.2761 176.41 77.2761Z" fill="#FBFEFF"/>
<path d="M174.657 74.6462H176.41C176.642 74.6462 176.865 74.5538 177.03 74.3894C177.194 74.225 177.286 74.0021 177.286 73.7696C177.286 73.537 177.194 73.3141 177.03 73.1497C176.865 72.9853 176.642 72.8929 176.41 72.8929H174.657C174.424 72.8929 174.201 72.9853 174.037 73.1497C173.872 73.3141 173.78 73.537 173.78 73.7696C173.78 74.0021 173.872 74.225 174.037 74.3894C174.201 74.5538 174.424 74.6462 174.657 74.6462Z" fill="#FBFEFF"/>
<rect x="264.5" y="47.5" width="81" height="81" rx="9.5" fill="black" fill-opacity="0.1" stroke="#FBFEFF"/>
<path d="M286.625 92.6C287.377 92.6 288.005 92.852 288.509 93.356C289.013 93.86 289.265 94.488 289.265 95.24C289.265 95.992 289.013 96.62 288.509 97.124C288.005 97.628 287.377 97.88 286.625 97.88H284.465V101H283.625V92.6H286.625ZM286.625 97.088C287.145 97.088 287.573 96.916 287.909 96.572C288.253 96.22 288.425 95.776 288.425 95.24C288.425 94.704 288.253 94.264 287.909 93.92C287.573 93.568 287.145 93.392 286.625 93.392H284.465V97.088H286.625ZM295.13 100.244C294.522 100.844 293.778 101.144 292.898 101.144C292.018 101.144 291.27 100.844 290.654 100.244C290.046 99.636 289.742 98.888 289.742 98C289.742 97.112 290.046 96.368 290.654 95.768C291.27 95.16 292.018 94.856 292.898 94.856C293.778 94.856 294.522 95.16 295.13 95.768C295.746 96.368 296.054 97.112 296.054 98C296.054 98.888 295.746 99.636 295.13 100.244ZM291.218 99.692C291.674 100.148 292.234 100.376 292.898 100.376C293.562 100.376 294.122 100.148 294.578 99.692C295.034 99.228 295.262 98.664 295.262 98C295.262 97.336 295.034 96.776 294.578 96.32C294.122 95.856 293.562 95.624 292.898 95.624C292.234 95.624 291.674 95.856 291.218 96.32C290.762 96.776 290.534 97.336 290.534 98C290.534 98.664 290.762 99.228 291.218 99.692ZM297.38 101V92.24H298.172V101H297.38ZM304.172 95H305.012L302.444 101.552C302.212 102.144 301.88 102.608 301.448 102.944C301.024 103.288 300.548 103.44 300.02 103.4V102.656C300.74 102.736 301.288 102.32 301.664 101.408L301.82 101.036L299.132 95H299.972L302.228 100.028L304.172 95ZM310.895 95H311.687V100.76C311.687 101.624 311.391 102.304 310.799 102.8C310.207 103.296 309.499 103.544 308.675 103.544C307.267 103.544 306.319 103.056 305.831 102.08L306.527 101.684C306.887 102.412 307.603 102.776 308.675 102.776C309.363 102.776 309.903 102.592 310.295 102.224C310.695 101.864 310.895 101.376 310.895 100.76V99.824C310.343 100.704 309.535 101.144 308.471 101.144C307.615 101.144 306.883 100.84 306.275 100.232C305.675 99.624 305.375 98.88 305.375 98C305.375 97.12 305.675 96.376 306.275 95.768C306.883 95.16 307.615 94.856 308.471 94.856C309.535 94.856 310.343 95.296 310.895 96.176V95ZM306.851 99.692C307.307 100.148 307.867 100.376 308.531 100.376C309.195 100.376 309.755 100.148 310.211 99.692C310.667 99.228 310.895 98.664 310.895 98C310.895 97.336 310.667 96.776 310.211 96.32C309.755 95.856 309.195 95.624 308.531 95.624C307.867 95.624 307.307 95.856 306.851 96.32C306.395 96.776 306.167 97.336 306.167 98C306.167 98.664 306.395 99.228 306.851 99.692ZM318.392 100.244C317.784 100.844 317.04 101.144 316.16 101.144C315.28 101.144 314.532 100.844 313.916 100.244C313.308 99.636 313.004 98.888 313.004 98C313.004 97.112 313.308 96.368 313.916 95.768C314.532 95.16 315.28 94.856 316.16 94.856C317.04 94.856 317.784 95.16 318.392 95.768C319.008 96.368 319.316 97.112 319.316 98C319.316 98.888 319.008 99.636 318.392 100.244ZM314.48 99.692C314.936 100.148 315.496 100.376 316.16 100.376C316.824 100.376 317.384 100.148 317.84 99.692C318.296 99.228 318.524 98.664 318.524 98C318.524 97.336 318.296 96.776 317.84 96.32C317.384 95.856 316.824 95.624 316.16 95.624C315.496 95.624 314.936 95.856 314.48 96.32C314.024 96.776 313.796 97.336 313.796 98C313.796 98.664 314.024 99.228 314.48 99.692ZM323.45 94.856C324.178 94.856 324.75 95.08 325.166 95.528C325.59 95.968 325.802 96.564 325.802 97.316V101H325.01V97.316C325.01 96.78 324.866 96.364 324.578 96.068C324.298 95.772 323.898 95.624 323.378 95.624C322.802 95.624 322.334 95.808 321.974 96.176C321.614 96.536 321.434 97.096 321.434 97.856V101H320.642V95H321.434V95.936C321.882 95.216 322.554 94.856 323.45 94.856ZM280.979 109H281.795L279.947 115H279.083L277.535 110.164L275.987 115H275.123L273.275 109H274.091L275.567 113.98L277.139 109H277.931L279.503 113.98L280.979 109ZM283.793 107.56C283.681 107.672 283.545 107.728 283.385 107.728C283.225 107.728 283.089 107.672 282.977 107.56C282.865 107.448 282.809 107.312 282.809 107.152C282.809 106.992 282.865 106.856 282.977 106.744C283.089 106.632 283.225 106.576 283.385 106.576C283.545 106.576 283.681 106.632 283.793 106.744C283.905 106.856 283.961 106.992 283.961 107.152C283.961 107.312 283.905 107.448 283.793 107.56ZM282.989 115V109H283.781V115H282.989ZM288.642 109.768H286.914V113.404C286.914 113.732 286.978 113.968 287.106 114.112C287.234 114.248 287.426 114.32 287.682 114.328C287.938 114.328 288.258 114.32 288.642 114.304V115C287.802 115.128 287.17 115.068 286.746 114.82C286.33 114.572 286.122 114.1 286.122 113.404V109.768H284.862V109H286.122V107.56L286.914 107.32V109H288.642V109.768ZM292.77 108.856C293.498 108.856 294.07 109.08 294.486 109.528C294.91 109.968 295.122 110.564 295.122 111.316V115H294.33V111.316C294.33 110.78 294.186 110.364 293.898 110.068C293.618 109.772 293.218 109.624 292.698 109.624C292.122 109.624 291.654 109.808 291.294 110.176C290.934 110.536 290.754 111.096 290.754 111.856V115H289.962V106.6H290.754V109.936C291.202 109.216 291.874 108.856 292.77 108.856ZM300.277 110.572C300.277 110.844 300.397 111.06 300.637 111.22C300.877 111.38 301.169 111.504 301.513 111.592C301.857 111.68 302.201 111.78 302.545 111.892C302.889 111.996 303.181 112.176 303.421 112.432C303.661 112.68 303.781 113.008 303.781 113.416C303.781 113.928 303.577 114.344 303.169 114.664C302.769 114.984 302.249 115.144 301.609 115.144C301.033 115.144 300.541 115.016 300.133 114.76C299.733 114.504 299.453 114.172 299.293 113.764L299.965 113.368C300.077 113.68 300.277 113.928 300.565 114.112C300.861 114.288 301.209 114.376 301.609 114.376C302.001 114.376 302.329 114.3 302.593 114.148C302.857 113.988 302.989 113.744 302.989 113.416C302.989 113.144 302.869 112.928 302.629 112.768C302.389 112.608 302.097 112.484 301.753 112.396C301.409 112.308 301.065 112.212 300.721 112.108C300.377 111.996 300.085 111.816 299.845 111.568C299.605 111.312 299.485 110.98 299.485 110.572C299.485 110.084 299.677 109.676 300.061 109.348C300.453 109.02 300.945 108.856 301.537 108.856C302.025 108.856 302.453 108.968 302.821 109.192C303.189 109.408 303.461 109.704 303.637 110.08L302.977 110.464C302.745 109.904 302.265 109.624 301.537 109.624C301.193 109.624 300.897 109.708 300.649 109.876C300.401 110.036 300.277 110.268 300.277 110.572ZM309.118 109H309.958L307.39 115.552C307.158 116.144 306.826 116.608 306.394 116.944C305.97 117.288 305.494 117.44 304.966 117.4V116.656C305.686 116.736 306.234 116.32 306.61 115.408L306.766 115.036L304.078 109H304.918L307.174 114.028L309.118 109ZM311.176 110.572C311.176 110.844 311.296 111.06 311.536 111.22C311.776 111.38 312.068 111.504 312.412 111.592C312.756 111.68 313.1 111.78 313.444 111.892C313.788 111.996 314.08 112.176 314.32 112.432C314.56 112.68 314.68 113.008 314.68 113.416C314.68 113.928 314.476 114.344 314.068 114.664C313.668 114.984 313.148 115.144 312.508 115.144C311.932 115.144 311.44 115.016 311.032 114.76C310.632 114.504 310.352 114.172 310.192 113.764L310.864 113.368C310.976 113.68 311.176 113.928 311.464 114.112C311.76 114.288 312.108 114.376 312.508 114.376C312.9 114.376 313.228 114.3 313.492 114.148C313.756 113.988 313.888 113.744 313.888 113.416C313.888 113.144 313.768 112.928 313.528 112.768C313.288 112.608 312.996 112.484 312.652 112.396C312.308 112.308 311.964 112.212 311.62 112.108C311.276 111.996 310.984 111.816 310.744 111.568C310.504 111.312 310.384 110.98 310.384 110.572C310.384 110.084 310.576 109.676 310.96 109.348C311.352 109.02 311.844 108.856 312.436 108.856C312.924 108.856 313.352 108.968 313.72 109.192C314.088 109.408 314.36 109.704 314.536 110.08L313.876 110.464C313.644 109.904 313.164 109.624 312.436 109.624C312.092 109.624 311.796 109.708 311.548 109.876C311.3 110.036 311.176 110.268 311.176 110.572ZM318.947 109.768H317.219V113.404C317.219 113.732 317.283 113.968 317.411 114.112C317.539 114.248 317.731 114.32 317.987 114.328C318.243 114.328 318.563 114.32 318.947 114.304V115C318.107 115.128 317.475 115.068 317.051 114.82C316.635 114.572 316.427 114.1 316.427 113.404V109.768H315.167V109H316.427V107.56L317.219 107.32V109H318.947V109.768ZM322.675 108.856C323.563 108.856 324.279 109.172 324.823 109.804C325.375 110.428 325.651 111.168 325.651 112.024C325.651 112.112 325.643 112.236 325.627 112.396H320.359C320.439 113.004 320.695 113.488 321.127 113.848C321.567 114.2 322.107 114.376 322.747 114.376C323.203 114.376 323.595 114.284 323.923 114.1C324.259 113.908 324.511 113.66 324.679 113.356L325.375 113.764C325.111 114.188 324.751 114.524 324.295 114.772C323.839 115.02 323.319 115.144 322.735 115.144C321.791 115.144 321.023 114.848 320.431 114.256C319.839 113.664 319.543 112.912 319.543 112C319.543 111.104 319.835 110.356 320.419 109.756C321.003 109.156 321.755 108.856 322.675 108.856ZM322.675 109.624C322.051 109.624 321.527 109.812 321.103 110.188C320.687 110.556 320.439 111.036 320.359 111.628H324.835C324.755 110.996 324.511 110.504 324.103 110.152C323.695 109.8 323.219 109.624 322.675 109.624ZM333.307 108.856C333.979 108.856 334.519 109.072 334.927 109.504C335.343 109.936 335.551 110.52 335.551 111.256V115H334.759V111.256C334.759 110.736 334.623 110.336 334.351 110.056C334.087 109.768 333.735 109.624 333.295 109.624C332.799 109.624 332.395 109.792 332.083 110.128C331.779 110.456 331.627 110.972 331.627 111.676V115H330.835V111.256C330.835 110.728 330.707 110.324 330.451 110.044C330.203 109.764 329.863 109.624 329.431 109.624C328.951 109.624 328.543 109.792 328.207 110.128C327.871 110.464 327.703 110.98 327.703 111.676V115H326.911V109H327.703V109.876C328.135 109.196 328.747 108.856 329.539 108.856C330.403 108.856 331.011 109.22 331.363 109.948C331.795 109.22 332.443 108.856 333.307 108.856Z" fill="#FBFEFF"/>
<path d="M315.067 66.1817L305.863 60.979C305.599 60.8311 305.302 60.7534 305 60.7534C304.698 60.7534 304.401 60.8311 304.137 60.979L294.932 66.1817C294.662 66.3347 294.437 66.5565 294.281 66.8247C294.125 67.0928 294.042 67.3976 294.042 67.708V78.0814C294.042 78.3919 294.125 78.6967 294.281 78.9648C294.437 79.2329 294.662 79.4548 294.932 79.6078L304.137 84.8104C304.401 84.9584 304.698 85.0361 305 85.0361C305.302 85.0361 305.599 84.9584 305.863 84.8104L315.067 79.6078C315.337 79.4548 315.562 79.2329 315.719 78.9648C315.875 78.6967 315.958 78.3919 315.958 78.0814V67.708C315.958 67.3976 315.875 67.0928 315.719 66.8247C315.562 66.5565 315.337 66.3347 315.067 66.1817ZM305 76.8396C304.22 76.8396 303.457 76.6083 302.808 76.1748C302.159 75.7413 301.654 75.1252 301.355 74.4044C301.057 73.6835 300.978 72.8903 301.131 72.1251C301.283 71.3599 301.659 70.657 302.21 70.1053C302.762 69.5535 303.465 69.1778 304.23 69.0256C304.995 68.8734 305.789 68.9515 306.509 69.2501C307.23 69.5487 307.846 70.0543 308.28 70.703C308.713 71.3518 308.945 72.1145 308.945 72.8947C308.944 73.9406 308.528 74.9433 307.788 75.6829C307.048 76.4224 306.046 76.8384 305 76.8396Z" fill="#FBFEFF"/>
<rect x="396.5" y="47.5" width="81" height="81" rx="9.5" fill="black" fill-opacity="0.1" stroke="#FBFEFF"/>
<path d="M419.44 100.366H423.52V101.158H418.6V92.7579H423.46V93.5499H419.44V96.5259H423.16V97.3179H419.44V100.366ZM429.886 92.7579H430.678V101.158H429.886V99.9819C429.334 100.862 428.526 101.302 427.462 101.302C426.606 101.302 425.874 100.998 425.266 100.39C424.666 99.7819 424.366 99.0379 424.366 98.1579C424.366 97.2779 424.666 96.5339 425.266 95.9259C425.874 95.3179 426.606 95.0139 427.462 95.0139C428.526 95.0139 429.334 95.4539 429.886 96.3339V92.7579ZM425.842 99.8499C426.298 100.306 426.858 100.534 427.522 100.534C428.186 100.534 428.746 100.306 429.202 99.8499C429.658 99.3859 429.886 98.8219 429.886 98.1579C429.886 97.4939 429.658 96.9339 429.202 96.4779C428.746 96.0139 428.186 95.7819 427.522 95.7819C426.858 95.7819 426.298 96.0139 425.842 96.4779C425.386 96.9339 425.158 97.4939 425.158 98.1579C425.158 98.8219 425.386 99.3859 425.842 99.8499ZM433.159 93.7179C433.047 93.8299 432.911 93.8859 432.751 93.8859C432.591 93.8859 432.455 93.8299 432.343 93.7179C432.231 93.6059 432.175 93.4699 432.175 93.3099C432.175 93.1499 432.231 93.0139 432.343 92.9019C432.455 92.7899 432.591 92.7339 432.751 92.7339C432.911 92.7339 433.047 92.7899 433.159 92.9019C433.271 93.0139 433.327 93.1499 433.327 93.3099C433.327 93.4699 433.271 93.6059 433.159 93.7179ZM432.355 101.158V95.1579H433.147V101.158H432.355ZM438.008 95.9259H436.28V99.5619C436.28 99.8899 436.344 100.126 436.472 100.27C436.6 100.406 436.792 100.478 437.048 100.486C437.304 100.486 437.624 100.478 438.008 100.462V101.158C437.168 101.286 436.536 101.226 436.112 100.978C435.696 100.73 435.488 100.258 435.488 99.5619V95.9259H434.228V95.1579H435.488V93.7179L436.28 93.4779V95.1579H438.008V95.9259ZM440.132 93.7179C440.02 93.8299 439.884 93.8859 439.724 93.8859C439.564 93.8859 439.428 93.8299 439.316 93.7179C439.204 93.6059 439.148 93.4699 439.148 93.3099C439.148 93.1499 439.204 93.0139 439.316 92.9019C439.428 92.7899 439.564 92.7339 439.724 92.7339C439.884 92.7339 440.02 92.7899 440.132 92.9019C440.244 93.0139 440.3 93.1499 440.3 93.3099C440.3 93.4699 440.244 93.6059 440.132 93.7179ZM439.328 101.158V95.1579H440.12V101.158H439.328ZM444.609 95.0139C445.337 95.0139 445.909 95.2379 446.325 95.6859C446.749 96.1259 446.961 96.7219 446.961 97.4739V101.158H446.169V97.4739C446.169 96.9379 446.025 96.5219 445.737 96.2259C445.457 95.9299 445.057 95.7819 444.537 95.7819C443.961 95.7819 443.493 95.9659 443.133 96.3339C442.773 96.6939 442.593 97.2539 442.593 98.0139V101.158H441.801V95.1579H442.593V96.0939C443.041 95.3739 443.713 95.0139 444.609 95.0139ZM453.652 95.1579H454.444V100.918C454.444 101.782 454.148 102.462 453.556 102.958C452.964 103.454 452.256 103.702 451.432 103.702C450.024 103.702 449.076 103.214 448.588 102.238L449.284 101.842C449.644 102.57 450.36 102.934 451.432 102.934C452.12 102.934 452.66 102.75 453.052 102.382C453.452 102.022 453.652 101.534 453.652 100.918V99.9819C453.1 100.862 452.292 101.302 451.228 101.302C450.372 101.302 449.64 100.998 449.032 100.39C448.432 99.7819 448.132 99.0379 448.132 98.1579C448.132 97.2779 448.432 96.5339 449.032 95.9259C449.64 95.3179 450.372 95.0139 451.228 95.0139C452.292 95.0139 453.1 95.4539 453.652 96.3339V95.1579ZM449.608 99.8499C450.064 100.306 450.624 100.534 451.288 100.534C451.952 100.534 452.512 100.306 452.968 99.8499C453.424 99.3859 453.652 98.8219 453.652 98.1579C453.652 97.4939 453.424 96.9339 452.968 96.4779C452.512 96.0139 451.952 95.7819 451.288 95.7819C450.624 95.7819 450.064 96.0139 449.608 96.4779C449.152 96.9339 448.924 97.4939 448.924 98.1579C448.924 98.8219 449.152 99.3859 449.608 99.8499ZM418.507 106.758C419.259 106.758 419.887 107.01 420.391 107.514C420.895 108.018 421.147 108.646 421.147 109.398C421.147 110.15 420.895 110.778 420.391 111.282C419.887 111.786 419.259 112.038 418.507 112.038H416.347V115.158H415.507V106.758H418.507ZM418.507 111.246C419.027 111.246 419.455 111.074 419.791 110.73C420.135 110.378 420.307 109.934 420.307 109.398C420.307 108.862 420.135 108.422 419.791 108.078C419.455 107.726 419.027 107.55 418.507 107.55H416.347V111.246H418.507ZM427.012 114.402C426.404 115.002 425.66 115.302 424.78 115.302C423.9 115.302 423.152 115.002 422.536 114.402C421.928 113.794 421.624 113.046 421.624 112.158C421.624 111.27 421.928 110.526 422.536 109.926C423.152 109.318 423.9 109.014 424.78 109.014C425.66 109.014 426.404 109.318 427.012 109.926C427.628 110.526 427.936 111.27 427.936 112.158C427.936 113.046 427.628 113.794 427.012 114.402ZM423.1 113.85C423.556 114.306 424.116 114.534 424.78 114.534C425.444 114.534 426.004 114.306 426.46 113.85C426.916 113.386 427.144 112.822 427.144 112.158C427.144 111.494 426.916 110.934 426.46 110.478C426.004 110.014 425.444 109.782 424.78 109.782C424.116 109.782 423.556 110.014 423.1 110.478C422.644 110.934 422.416 111.494 422.416 112.158C422.416 112.822 422.644 113.386 423.1 113.85ZM429.262 115.158V106.398H430.054V115.158H429.262ZM436.054 109.158H436.894L434.326 115.71C434.094 116.302 433.762 116.766 433.33 117.102C432.906 117.446 432.43 117.598 431.902 117.558V116.814C432.622 116.894 433.17 116.478 433.546 115.566L433.702 115.194L431.014 109.158H431.854L434.11 114.186L436.054 109.158ZM442.777 109.158H443.569V114.918C443.569 115.782 443.273 116.462 442.681 116.958C442.089 117.454 441.381 117.702 440.557 117.702C439.149 117.702 438.201 117.214 437.713 116.238L438.409 115.842C438.769 116.57 439.485 116.934 440.557 116.934C441.245 116.934 441.785 116.75 442.177 116.382C442.577 116.022 442.777 115.534 442.777 114.918V113.982C442.225 114.862 441.417 115.302 440.353 115.302C439.497 115.302 438.765 114.998 438.157 114.39C437.557 113.782 437.257 113.038 437.257 112.158C437.257 111.278 437.557 110.534 438.157 109.926C438.765 109.318 439.497 109.014 440.353 109.014C441.417 109.014 442.225 109.454 442.777 110.334V109.158ZM438.733 113.85C439.189 114.306 439.749 114.534 440.413 114.534C441.077 114.534 441.637 114.306 442.093 113.85C442.549 113.386 442.777 112.822 442.777 112.158C442.777 111.494 442.549 110.934 442.093 110.478C441.637 110.014 441.077 109.782 440.413 109.782C439.749 109.782 439.189 110.014 438.733 110.478C438.277 110.934 438.049 111.494 438.049 112.158C438.049 112.822 438.277 113.386 438.733 113.85ZM450.274 114.402C449.666 115.002 448.922 115.302 448.042 115.302C447.162 115.302 446.414 115.002 445.798 114.402C445.19 113.794 444.886 113.046 444.886 112.158C444.886 111.27 445.19 110.526 445.798 109.926C446.414 109.318 447.162 109.014 448.042 109.014C448.922 109.014 449.666 109.318 450.274 109.926C450.89 110.526 451.198 111.27 451.198 112.158C451.198 113.046 450.89 113.794 450.274 114.402ZM446.362 113.85C446.818 114.306 447.378 114.534 448.042 114.534C448.706 114.534 449.266 114.306 449.722 113.85C450.178 113.386 450.406 112.822 450.406 112.158C450.406 111.494 450.178 110.934 449.722 110.478C449.266 110.014 448.706 109.782 448.042 109.782C447.378 109.782 446.818 110.014 446.362 110.478C445.906 110.934 445.678 111.494 445.678 112.158C445.678 112.822 445.906 113.386 446.362 113.85ZM455.331 109.014C456.059 109.014 456.631 109.238 457.047 109.686C457.471 110.126 457.683 110.722 457.683 111.474V115.158H456.891V111.474C456.891 110.938 456.747 110.522 456.459 110.226C456.179 109.93 455.779 109.782 455.259 109.782C454.683 109.782 454.215 109.966 453.855 110.334C453.495 110.694 453.315 111.254 453.315 112.014V115.158H452.523V109.158H453.315V110.094C453.763 109.374 454.435 109.014 455.331 109.014Z" fill="#FBFEFF"/>
<path d="M446.643 81.6612H435.61L444.633 72.6385L444.633 72.638L444.634 72.6375L447.52 69.7514C447.683 69.5886 447.812 69.3953 447.9 69.1826C447.988 68.9699 448.033 68.7419 448.033 68.5116C448.034 68.2814 447.988 68.0534 447.9 67.8407C447.812 67.6279 447.683 67.4346 447.52 67.2718L442.623 62.3749C442.294 62.0467 441.848 61.8624 441.383 61.8624C440.919 61.8624 440.473 62.0468 440.144 62.3751L426.994 75.5248C426.824 75.695 426.69 75.8986 426.602 76.1227C426.593 76.1446 426.586 76.1669 426.579 76.1893C426.514 76.3742 426.481 76.5686 426.48 76.7645V81.6612C426.481 82.1261 426.666 82.5717 426.995 82.9004C427.323 83.2291 427.769 83.414 428.234 83.4145H446.643C446.876 83.4145 447.099 83.3222 447.263 83.1578C447.428 82.9934 447.52 82.7704 447.52 82.5379C447.52 82.3054 447.428 82.0824 447.263 81.918C447.099 81.7536 446.876 81.6612 446.643 81.6612ZM441.383 63.6148L446.28 68.5116L444.013 70.7783L439.117 65.8816L441.383 63.6148Z" fill="#FBFEFF"/>
<rect x="528.5" y="47.5" width="81" height="81" rx="9.5" fill="black" fill-opacity="0.1" stroke="#FBFEFF"/>
<path d="M556.323 101.302C555.051 101.302 553.999 100.882 553.167 100.042C552.335 99.2019 551.919 98.1739 551.919 96.9579C551.919 95.7419 552.335 94.7139 553.167 93.8739C553.999 93.0339 555.051 92.6139 556.323 92.6139C557.099 92.6139 557.811 92.8019 558.459 93.1779C559.107 93.5459 559.607 94.0459 559.959 94.6779L559.215 95.1099C558.951 94.5979 558.559 94.1899 558.039 93.8859C557.519 93.5819 556.947 93.4299 556.323 93.4299C555.275 93.4299 554.419 93.7699 553.755 94.4499C553.091 95.1299 552.759 95.9659 552.759 96.9579C552.759 97.9499 553.091 98.7859 553.755 99.4659C554.419 100.146 555.275 100.486 556.323 100.486C556.947 100.486 557.519 100.334 558.039 100.03C558.559 99.7259 558.951 99.3179 559.215 98.8059L559.959 99.2259C559.615 99.8579 559.115 100.362 558.459 100.738C557.811 101.114 557.099 101.302 556.323 101.302ZM566.19 100.402C565.582 101.002 564.838 101.302 563.958 101.302C563.078 101.302 562.33 101.002 561.714 100.402C561.106 99.7939 560.802 99.0459 560.802 98.1579C560.802 97.2699 561.106 96.5259 561.714 95.9259C562.33 95.3179 563.078 95.0139 563.958 95.0139C564.838 95.0139 565.582 95.3179 566.19 95.9259C566.806 96.5259 567.114 97.2699 567.114 98.1579C567.114 99.0459 566.806 99.7939 566.19 100.402ZM562.278 99.8499C562.734 100.306 563.294 100.534 563.958 100.534C564.622 100.534 565.182 100.306 565.638 99.8499C566.094 99.3859 566.322 98.8219 566.322 98.1579C566.322 97.4939 566.094 96.9339 565.638 96.4779C565.182 96.0139 564.622 95.7819 563.958 95.7819C563.294 95.7819 562.734 96.0139 562.278 96.4779C561.822 96.9339 561.594 97.4939 561.594 98.1579C561.594 98.8219 561.822 99.3859 562.278 99.8499ZM572.663 95.1579H573.455V101.158H572.663V100.222C572.215 100.942 571.543 101.302 570.647 101.302C569.919 101.302 569.343 101.082 568.919 100.642C568.503 100.194 568.295 99.5939 568.295 98.8419V95.1579H569.087V98.8419C569.087 99.3779 569.227 99.7939 569.507 100.09C569.795 100.386 570.199 100.534 570.719 100.534C571.295 100.534 571.763 100.354 572.123 99.9939C572.483 99.6259 572.663 99.0619 572.663 98.3019V95.1579ZM577.939 95.0139C578.667 95.0139 579.239 95.2379 579.655 95.6859C580.079 96.1259 580.291 96.7219 580.291 97.4739V101.158H579.499V97.4739C579.499 96.9379 579.355 96.5219 579.067 96.2259C578.787 95.9299 578.387 95.7819 577.867 95.7819C577.291 95.7819 576.823 95.9659 576.463 96.3339C576.103 96.6939 575.923 97.2539 575.923 98.0139V101.158H575.131V95.1579H575.923V96.0939C576.371 95.3739 577.043 95.0139 577.939 95.0139ZM585.002 95.9259H583.274V99.5619C583.274 99.8899 583.338 100.126 583.466 100.27C583.594 100.406 583.786 100.478 584.042 100.486C584.298 100.486 584.618 100.478 585.002 100.462V101.158C584.162 101.286 583.53 101.226 583.106 100.978C582.69 100.73 582.482 100.258 582.482 99.5619V95.9259H581.222V95.1579H582.482V93.7179L583.274 93.4779V95.1579H585.002V95.9259ZM562.21 115.158L561.43 113.094H557.446L556.666 115.158H555.778L559.006 106.758H559.87L563.098 115.158H562.21ZM557.746 112.302H561.13L559.438 107.802L557.746 112.302ZM564.848 110.154C565.216 109.426 565.848 109.062 566.744 109.062V109.83C566.2 109.83 565.748 109.99 565.388 110.31C565.028 110.63 564.848 111.134 564.848 111.822V115.158H564.056V109.158H564.848V110.154ZM570.239 109.014C571.127 109.014 571.843 109.33 572.387 109.962C572.939 110.586 573.215 111.326 573.215 112.182C573.215 112.27 573.207 112.394 573.191 112.554H567.923C568.003 113.162 568.259 113.646 568.691 114.006C569.131 114.358 569.671 114.534 570.311 114.534C570.767 114.534 571.159 114.442 571.487 114.258C571.823 114.066 572.075 113.818 572.243 113.514L572.939 113.922C572.675 114.346 572.315 114.682 571.859 114.93C571.403 115.178 570.883 115.302 570.299 115.302C569.355 115.302 568.587 115.006 567.995 114.414C567.403 113.822 567.107 113.07 567.107 112.158C567.107 111.262 567.399 110.514 567.983 109.914C568.567 109.314 569.319 109.014 570.239 109.014ZM570.239 109.782C569.615 109.782 569.091 109.97 568.667 110.346C568.251 110.714 568.003 111.194 567.923 111.786H572.399C572.319 111.154 572.075 110.662 571.667 110.31C571.259 109.958 570.783 109.782 570.239 109.782ZM579.634 109.158H580.426V115.158H579.634V113.982C579.082 114.862 578.274 115.302 577.21 115.302C576.354 115.302 575.622 114.998 575.014 114.39C574.414 113.782 574.114 113.038 574.114 112.158C574.114 111.278 574.414 110.534 575.014 109.926C575.622 109.318 576.354 109.014 577.21 109.014C578.274 109.014 579.082 109.454 579.634 110.334V109.158ZM575.59 113.85C576.046 114.306 576.606 114.534 577.27 114.534C577.934 114.534 578.494 114.306 578.95 113.85C579.406 113.386 579.634 112.822 579.634 112.158C579.634 111.494 579.406 110.934 578.95 110.478C578.494 110.014 577.934 109.782 577.27 109.782C576.606 109.782 576.046 110.014 575.59 110.478C575.134 110.934 574.906 111.494 574.906 112.158C574.906 112.822 575.134 113.386 575.59 113.85Z" fill="#FBFEFF"/>
<path d="M577.766 69.3882C578.231 69.3877 578.677 69.2028 579.006 68.8741C579.334 68.5454 579.519 68.0997 579.52 67.6349V64.1283C579.519 63.6635 579.334 63.2178 579.006 62.8891C578.677 62.5605 578.231 62.3756 577.766 62.375H574.26C573.795 62.3756 573.349 62.5605 573.021 62.8891C572.692 63.2178 572.507 63.6635 572.507 64.1283V65.005H565.493V64.1283C565.493 63.6635 565.308 63.2178 564.979 62.8891C564.651 62.5605 564.205 62.3756 563.74 62.375H560.234C559.769 62.3756 559.323 62.5605 558.994 62.8891C558.666 63.2178 558.481 63.6635 558.48 64.1283V67.6349C558.481 68.0997 558.666 68.5454 558.994 68.8741C559.323 69.2028 559.769 69.3877 560.234 69.3882H561.11V76.4013H560.234C559.769 76.4019 559.323 76.5868 558.994 76.9155C558.666 77.2442 558.481 77.6898 558.48 78.1546V81.6612C558.481 82.1261 558.666 82.5717 558.994 82.9004C559.323 83.2291 559.769 83.414 560.234 83.4145H563.74C564.205 83.414 564.651 83.2291 564.979 82.9004C565.308 82.5717 565.493 82.1261 565.493 81.6612V80.7846H572.507V81.6612C572.507 82.1261 572.692 82.5717 573.021 82.9004C573.349 83.2291 573.795 83.414 574.26 83.4145H577.766C578.231 83.414 578.677 83.2291 579.006 82.9004C579.334 82.5717 579.519 82.1261 579.52 81.6612V78.1546C579.519 77.6898 579.334 77.2442 579.006 76.9155C578.677 76.5868 578.231 76.4019 577.766 76.4013H576.89V69.3882H577.766ZM575.136 76.4013H574.26C573.795 76.4019 573.349 76.5868 573.021 76.9155C572.692 77.2442 572.507 77.6898 572.507 78.1546V79.0313H565.493V78.1546C565.493 77.6898 565.308 77.2442 564.979 76.9155C564.651 76.5868 564.205 76.4019 563.74 76.4013H562.863V69.3882H563.74C564.205 69.3877 564.651 69.2028 564.979 68.8741C565.308 68.5454 565.493 68.0997 565.493 67.6349V66.7583H572.507V67.6349C572.507 68.0997 572.692 68.5454 573.021 68.8741C573.349 69.2028 573.795 69.3877 574.26 69.3882H575.136V76.4013Z" fill="#FBFEFF"/>
<rect x="660.5" y="47.5" width="81" height="81" rx="9.5" fill="black" fill-opacity="0.1" stroke="#FBFEFF"/>
<path d="M670.2 92.6001H671.04V101H670.2V92.6001ZM675.654 94.8561C676.382 94.8561 676.954 95.0801 677.37 95.5281C677.794 95.9681 678.006 96.5641 678.006 97.3161V101H677.214V97.3161C677.214 96.7801 677.07 96.3641 676.782 96.0681C676.502 95.7721 676.102 95.6241 675.582 95.6241C675.006 95.6241 674.538 95.8081 674.178 96.1761C673.818 96.5361 673.638 97.0961 673.638 97.8561V101H672.846V95.0001H673.638V95.9361C674.086 95.2161 674.758 94.8561 675.654 94.8561ZM682.537 93.2241C681.953 93.1761 681.517 93.2761 681.229 93.5241C680.949 93.7721 680.809 94.1841 680.809 94.7601V95.0001H682.537V95.7681H680.809V101H680.017V95.7681H678.997V95.0001H680.017V94.7601C680.017 93.9761 680.233 93.3841 680.665 92.9841C681.105 92.5761 681.729 92.4001 682.537 92.4561V93.2241ZM688.045 100.244C687.437 100.844 686.693 101.144 685.813 101.144C684.933 101.144 684.185 100.844 683.569 100.244C682.961 99.6361 682.657 98.8881 682.657 98.0001C682.657 97.1121 682.961 96.3681 683.569 95.7681C684.185 95.1601 684.933 94.8561 685.813 94.8561C686.693 94.8561 687.437 95.1601 688.045 95.7681C688.661 96.3681 688.969 97.1121 688.969 98.0001C688.969 98.8881 688.661 99.6361 688.045 100.244ZM684.133 99.6921C684.589 100.148 685.149 100.376 685.813 100.376C686.477 100.376 687.037 100.148 687.493 99.6921C687.949 99.2281 688.177 98.6641 688.177 98.0001C688.177 97.3361 687.949 96.7761 687.493 96.3201C687.037 95.8561 686.477 95.6241 685.813 95.6241C685.149 95.6241 684.589 95.8561 684.133 96.3201C683.677 96.7761 683.449 97.3361 683.449 98.0001C683.449 98.6641 683.677 99.2281 684.133 99.6921ZM691.087 95.9961C691.455 95.2681 692.087 94.9041 692.983 94.9041V95.6721C692.439 95.6721 691.987 95.8321 691.627 96.1521C691.267 96.4721 691.087 96.9761 691.087 97.6641V101H690.295V95.0001H691.087V95.9961ZM700.464 94.8561C701.136 94.8561 701.676 95.0721 702.084 95.5041C702.5 95.9361 702.708 96.5201 702.708 97.2561V101H701.916V97.2561C701.916 96.7361 701.78 96.3361 701.508 96.0561C701.244 95.7681 700.892 95.6241 700.452 95.6241C699.956 95.6241 699.552 95.7921 699.24 96.1281C698.936 96.4561 698.784 96.9721 698.784 97.6761V101H697.992V97.2561C697.992 96.7281 697.864 96.3241 697.608 96.0441C697.36 95.7641 697.02 95.6241 696.588 95.6241C696.108 95.6241 695.7 95.7921 695.364 96.1281C695.028 96.4641 694.86 96.9801 694.86 97.6761V101H694.068V95.0001H694.86V95.8761C695.292 95.1961 695.904 94.8561 696.696 94.8561C697.56 94.8561 698.168 95.2201 698.52 95.9481C698.952 95.2201 699.6 94.8561 700.464 94.8561ZM709.4 95.0001H710.192V101H709.4V99.8241C708.848 100.704 708.04 101.144 706.976 101.144C706.12 101.144 705.388 100.84 704.78 100.232C704.18 99.6241 703.88 98.8801 703.88 98.0001C703.88 97.1201 704.18 96.3761 704.78 95.7681C705.388 95.1601 706.12 94.8561 706.976 94.8561C708.04 94.8561 708.848 95.2961 709.4 96.1761V95.0001ZM705.356 99.6921C705.812 100.148 706.372 100.376 707.036 100.376C707.7 100.376 708.26 100.148 708.716 99.6921C709.172 99.2281 709.4 98.6641 709.4 98.0001C709.4 97.3361 709.172 96.7761 708.716 96.3201C708.26 95.8561 707.7 95.6241 707.036 95.6241C706.372 95.6241 705.812 95.8561 705.356 96.3201C704.9 96.7761 704.672 97.3361 704.672 98.0001C704.672 98.6641 704.9 99.2281 705.356 99.6921ZM715.049 95.7681H713.321V99.4041C713.321 99.7321 713.385 99.9681 713.513 100.112C713.641 100.248 713.833 100.32 714.089 100.328C714.345 100.328 714.665 100.32 715.049 100.304V101C714.209 101.128 713.577 101.068 713.153 100.82C712.737 100.572 712.529 100.1 712.529 99.4041V95.7681H711.269V95.0001H712.529V93.5601L713.321 93.3201V95.0001H715.049V95.7681ZM717.173 93.5601C717.061 93.6721 716.925 93.7281 716.765 93.7281C716.605 93.7281 716.469 93.6721 716.357 93.5601C716.245 93.4481 716.189 93.3121 716.189 93.1521C716.189 92.9921 716.245 92.8561 716.357 92.7441C716.469 92.6321 716.605 92.5761 716.765 92.5761C716.925 92.5761 717.061 92.6321 717.173 92.7441C717.285 92.8561 717.341 92.9921 717.341 93.1521C717.341 93.3121 717.285 93.4481 717.173 93.5601ZM716.369 101V95.0001H717.161V101H716.369ZM723.87 100.244C723.262 100.844 722.518 101.144 721.638 101.144C720.758 101.144 720.01 100.844 719.394 100.244C718.786 99.6361 718.482 98.8881 718.482 98.0001C718.482 97.1121 718.786 96.3681 719.394 95.7681C720.01 95.1601 720.758 94.8561 721.638 94.8561C722.518 94.8561 723.262 95.1601 723.87 95.7681C724.486 96.3681 724.794 97.1121 724.794 98.0001C724.794 98.8881 724.486 99.6361 723.87 100.244ZM719.958 99.6921C720.414 100.148 720.974 100.376 721.638 100.376C722.302 100.376 722.862 100.148 723.318 99.6921C723.774 99.2281 724.002 98.6641 724.002 98.0001C724.002 97.3361 723.774 96.7761 723.318 96.3201C722.862 95.8561 722.302 95.6241 721.638 95.6241C720.974 95.6241 720.414 95.8561 719.958 96.3201C719.502 96.7761 719.274 97.3361 719.274 98.0001C719.274 98.6641 719.502 99.2281 719.958 99.6921ZM728.927 94.8561C729.655 94.8561 730.227 95.0801 730.643 95.5281C731.067 95.9681 731.279 96.5641 731.279 97.3161V101H730.487V97.3161C730.487 96.7801 730.343 96.3641 730.055 96.0681C729.775 95.7721 729.375 95.6241 728.855 95.6241C728.279 95.6241 727.811 95.8081 727.451 96.1761C727.091 96.5361 726.911 97.0961 726.911 97.8561V101H726.119V95.0001H726.911V95.9361C727.359 95.2161 728.031 94.8561 728.927 94.8561ZM678.664 115.144C677.896 115.144 677.236 114.964 676.684 114.604C676.14 114.236 675.76 113.732 675.544 113.092L676.264 112.672C676.416 113.192 676.696 113.6 677.104 113.896C677.512 114.184 678.036 114.328 678.676 114.328C679.3 114.328 679.784 114.192 680.128 113.92C680.48 113.64 680.656 113.272 680.656 112.816C680.656 112.376 680.496 112.044 680.176 111.82C679.856 111.596 679.328 111.364 678.592 111.124C677.72 110.836 677.144 110.604 676.864 110.428C676.224 110.044 675.904 109.488 675.904 108.76C675.904 108.048 676.152 107.488 676.648 107.08C677.144 106.664 677.756 106.456 678.484 106.456C679.14 106.456 679.708 106.628 680.188 106.972C680.668 107.308 681.024 107.74 681.256 108.268L680.548 108.664C680.164 107.736 679.476 107.272 678.484 107.272C677.964 107.272 677.544 107.4 677.224 107.656C676.904 107.912 676.744 108.268 676.744 108.724C676.744 109.14 676.888 109.452 677.176 109.66C677.464 109.868 677.94 110.08 678.604 110.296C678.908 110.4 679.124 110.476 679.252 110.524C679.388 110.564 679.58 110.636 679.828 110.74C680.084 110.836 680.272 110.924 680.392 111.004C680.512 111.076 680.656 111.18 680.824 111.316C681 111.444 681.124 111.576 681.196 111.712C681.276 111.84 681.344 112 681.4 112.192C681.464 112.376 681.496 112.576 681.496 112.792C681.496 113.504 681.236 114.076 680.716 114.508C680.196 114.932 679.512 115.144 678.664 115.144ZM685.707 108.856C686.595 108.856 687.311 109.172 687.855 109.804C688.407 110.428 688.683 111.168 688.683 112.024C688.683 112.112 688.675 112.236 688.659 112.396H683.391C683.471 113.004 683.727 113.488 684.159 113.848C684.599 114.2 685.139 114.376 685.779 114.376C686.235 114.376 686.627 114.284 686.955 114.1C687.291 113.908 687.543 113.66 687.711 113.356L688.407 113.764C688.143 114.188 687.783 114.524 687.327 114.772C686.871 115.02 686.351 115.144 685.767 115.144C684.823 115.144 684.055 114.848 683.463 114.256C682.871 113.664 682.575 112.912 682.575 112C682.575 111.104 682.867 110.356 683.451 109.756C684.035 109.156 684.787 108.856 685.707 108.856ZM685.707 109.624C685.083 109.624 684.559 109.812 684.135 110.188C683.719 110.556 683.471 111.036 683.391 111.628H687.867C687.787 110.996 687.543 110.504 687.135 110.152C686.727 109.8 686.251 109.624 685.707 109.624ZM689.943 115V106.24H690.735V115H689.943ZM695.188 108.856C696.076 108.856 696.792 109.172 697.336 109.804C697.888 110.428 698.164 111.168 698.164 112.024C698.164 112.112 698.156 112.236 698.14 112.396H692.872C692.952 113.004 693.208 113.488 693.64 113.848C694.08 114.2 694.62 114.376 695.26 114.376C695.716 114.376 696.108 114.284 696.436 114.1C696.772 113.908 697.024 113.66 697.192 113.356L697.888 113.764C697.624 114.188 697.264 114.524 696.808 114.772C696.352 115.02 695.832 115.144 695.248 115.144C694.304 115.144 693.536 114.848 692.944 114.256C692.352 113.664 692.056 112.912 692.056 112C692.056 111.104 692.348 110.356 692.932 109.756C693.516 109.156 694.268 108.856 695.188 108.856ZM695.188 109.624C694.564 109.624 694.04 109.812 693.616 110.188C693.2 110.556 692.952 111.036 692.872 111.628H697.348C697.268 110.996 697.024 110.504 696.616 110.152C696.208 109.8 695.732 109.624 695.188 109.624ZM702.22 115.144C701.316 115.144 700.564 114.844 699.964 114.244C699.364 113.636 699.064 112.888 699.064 112C699.064 111.112 699.364 110.368 699.964 109.768C700.564 109.16 701.316 108.856 702.22 108.856C702.812 108.856 703.344 109 703.816 109.288C704.288 109.568 704.632 109.948 704.848 110.428L704.2 110.8C704.04 110.44 703.78 110.156 703.42 109.948C703.068 109.732 702.668 109.624 702.22 109.624C701.556 109.624 700.996 109.856 700.54 110.32C700.084 110.776 699.856 111.336 699.856 112C699.856 112.664 700.084 113.228 700.54 113.692C700.996 114.148 701.556 114.376 702.22 114.376C702.668 114.376 703.068 114.272 703.42 114.064C703.772 113.848 704.048 113.56 704.248 113.2L704.908 113.584C704.66 114.064 704.296 114.444 703.816 114.724C703.336 115.004 702.804 115.144 702.22 115.144ZM709.225 109.768H707.497V113.404C707.497 113.732 707.561 113.968 707.689 114.112C707.817 114.248 708.009 114.32 708.265 114.328C708.521 114.328 708.841 114.32 709.225 114.304V115C708.385 115.128 707.753 115.068 707.329 114.82C706.913 114.572 706.705 114.1 706.705 113.404V109.768H705.445V109H706.705V107.56L707.497 107.32V109H709.225V109.768ZM711.349 107.56C711.237 107.672 711.101 107.728 710.941 107.728C710.781 107.728 710.645 107.672 710.533 107.56C710.421 107.448 710.365 107.312 710.365 107.152C710.365 106.992 710.421 106.856 710.533 106.744C710.645 106.632 710.781 106.576 710.941 106.576C711.101 106.576 711.237 106.632 711.349 106.744C711.461 106.856 711.517 106.992 711.517 107.152C711.517 107.312 711.461 107.448 711.349 107.56ZM710.545 115V109H711.337V115H710.545ZM718.045 114.244C717.437 114.844 716.693 115.144 715.813 115.144C714.933 115.144 714.185 114.844 713.569 114.244C712.961 113.636 712.657 112.888 712.657 112C712.657 111.112 712.961 110.368 713.569 109.768C714.185 109.16 714.933 108.856 715.813 108.856C716.693 108.856 717.437 109.16 718.045 109.768C718.661 110.368 718.969 111.112 718.969 112C718.969 112.888 718.661 113.636 718.045 114.244ZM714.133 113.692C714.589 114.148 715.149 114.376 715.813 114.376C716.477 114.376 717.037 114.148 717.493 113.692C717.949 113.228 718.177 112.664 718.177 112C718.177 111.336 717.949 110.776 717.493 110.32C717.037 109.856 716.477 109.624 715.813 109.624C715.149 109.624 714.589 109.856 714.133 110.32C713.677 110.776 713.449 111.336 713.449 112C713.449 112.664 713.677 113.228 714.133 113.692ZM723.103 108.856C723.831 108.856 724.403 109.08 724.819 109.528C725.243 109.968 725.455 110.564 725.455 111.316V115H724.663V111.316C724.663 110.78 724.519 110.364 724.231 110.068C723.951 109.772 723.551 109.624 723.031 109.624C722.455 109.624 721.987 109.808 721.627 110.176C721.267 110.536 721.087 111.096 721.087 111.856V115H720.295V109H721.087V109.936C721.535 109.216 722.207 108.856 723.103 108.856Z" fill="#FBFEFF"/>
<path d="M703.63 82.5378C703.63 82.7703 703.538 82.9933 703.373 83.1577C703.209 83.3221 702.986 83.4145 702.753 83.4145H699.247C699.014 83.4145 698.791 83.3221 698.627 83.1577C698.462 82.9933 698.37 82.7703 698.37 82.5378C698.37 82.3053 698.462 82.0824 698.627 81.918C698.791 81.7536 699.014 81.6612 699.247 81.6612H702.753C702.986 81.6612 703.209 81.7536 703.373 81.918C703.538 82.0824 703.63 82.3053 703.63 82.5378ZM691.357 75.5247C691.589 75.5247 691.812 75.4323 691.977 75.2679C692.141 75.1035 692.234 74.8805 692.234 74.648V71.1415C692.234 70.909 692.141 70.686 691.977 70.5216C691.812 70.3572 691.589 70.2648 691.357 70.2648C691.124 70.2648 690.901 70.3572 690.737 70.5216C690.573 70.686 690.48 70.909 690.48 71.1415V74.648C690.48 74.8805 690.573 75.1035 690.737 75.2679C690.901 75.4323 691.124 75.5247 691.357 75.5247ZM694.863 81.6612H692.234V79.0313C692.234 78.7988 692.141 78.5758 691.977 78.4114C691.812 78.247 691.589 78.1546 691.357 78.1546C691.124 78.1546 690.901 78.247 690.737 78.4114C690.573 78.5758 690.48 78.7988 690.48 79.0313V81.6612C690.481 82.126 690.666 82.5717 690.994 82.9004C691.323 83.2291 691.769 83.414 692.234 83.4145H694.863C695.096 83.4145 695.319 83.3221 695.483 83.1577C695.648 82.9933 695.74 82.7703 695.74 82.5378C695.74 82.3053 695.648 82.0824 695.483 81.918C695.319 81.7536 695.096 81.6612 694.863 81.6612ZM711.52 64.1283C711.519 63.6635 711.334 63.2178 711.006 62.8891C710.677 62.5604 710.231 62.3755 709.766 62.375H692.234C691.802 62.3752 691.385 62.5355 691.065 62.825C691.015 62.8646 690.97 62.9099 690.93 62.9598C690.641 63.2802 690.48 63.6965 690.48 64.1283V66.7582C690.48 66.9907 690.573 67.2137 690.737 67.3781C690.901 67.5425 691.124 67.6349 691.357 67.6349C691.589 67.6349 691.812 67.5425 691.977 67.3781C692.141 67.2137 692.234 66.9907 692.234 66.7582V65.368L708.527 81.6612H707.136C706.904 81.6612 706.681 81.7536 706.517 81.918C706.352 82.0824 706.26 82.3053 706.26 82.5378C706.26 82.7703 706.352 82.9933 706.517 83.1577C706.681 83.3221 706.904 83.4145 707.136 83.4145H709.766C710.198 83.4143 710.614 83.2541 710.935 82.9647C710.985 82.9249 711.03 82.8797 711.07 82.8297C711.359 82.5093 711.52 82.093 711.52 81.6612V64.1283Z" fill="#FBFEFF"/>
</svg>
<svg width="278" height="330" viewBox="0 0 278 330" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="278" height="330">
<rect width="278" height="330" rx="10" fill="url(#paint0_linear)"/>
</mask>
<g mask="url(#mask0)">
<path opacity="0.2" d="M199.78 294.593C292.322 334.061 278.284 169.675 277.764 130H297V332H262.687H101C113.477 306.835 147.667 272.367 199.78 294.593Z" fill="#4077B4"/>
<path d="M203.252 297.185C292.489 333.918 278.952 180.925 278.451 144H297V332H263.912H108C120.032 308.579 153 276.5 203.252 297.185Z" fill="#4077B4"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="169" y1="-34" x2="133.5" y2="359.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#3085E8"/>
<stop offset="1" stop-color="#3D7DB8"/>
</linearGradient>
</defs>
</svg>
......@@ -45,7 +45,7 @@ $("#upload_image").change(function() {
function getdetailper(id) {
$.ajax({
url: "apps/get-detail-perbaikan",
url: "get-detail-perbaikan",
data: {
'id': id
},
......@@ -93,6 +93,7 @@ function getdetailper(id) {
</a>`);
} else {
$(".nama_detail_dash").html(data[0]['name']);
$(".type_detail_dash").html(data[0]['type'])
$(".tanggal_perbaikan_detail_dash").text(data[0]['tgl_perbaikan'])
......@@ -104,13 +105,13 @@ function getdetailper(id) {
$(".lebar_jalan_detail_dash").html(data[0]['lbr_jln_reno'])
$(".proposal_detail_dash").html(`
<a href="media/proposal/` + data[0]['proposal'] + ` target="_blank" "id="downloadproposal">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; ">
<img src="static/img/icon-1/proposal.svg" alt=" " style="height: 65px;width: 65px; ">
</a>`);
$(".bukti_detail_perbaikan_dash").html(`
<a href="media/bukti_penyelesaian/` + data[0].bukti_selesai + ` target="_blank" id="view-bukti">
<img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px;
<img src="static/img/icon-1/bukti.svg" alt=" " style="height: 70px;
width: 50px;">
</a>`);
......@@ -136,18 +137,28 @@ function getdetailper(id) {
});
};
$("#pengaturan_btn").click(function() {
function load_manage() {
// $("#pengaturan_btn").click(function() {
$(".datatable-show-all.list_user").dataTable().fnDestroy();
$(".datatable-show-all.list_point").dataTable().fnDestroy();
$("#list_point").removeClass('list_point')
$("#list_user").removeClass('list_user')
$.ajax({
url: "api/user-data",
dataType: 'json',
success: function(data) {
var data_user = []
var number = 1;
var number = 0;
for (var i = 0; i < data['data'].length; i++) {
$("#list_point").addClass('list_point')
$("#list_user").addClass('list_user')
number += i;
number += 1;
var id = data['data'][i]['id'];
var name = data['data'][i]['name'];
var username = data['data'][i]['username'];
......@@ -156,6 +167,12 @@ $("#pengaturan_btn").click(function() {
var last = data['data'][i]['last'];
var isactive = data['data'][i]['isactive'];
if (isactive == true) {
var isac = `<span class="label label-success">Active</span>`
} else {
var isac = `<span class="label label-danger">Inactive</span>`
}
var data_gab = `<tr>
<td>` + number + `</td>
......@@ -163,21 +180,26 @@ $("#pengaturan_btn").click(function() {
<td>` + username + `</td>
<td>` + email + `</td>
<td>` + last + `</td>
<td>` + isactive + `</td>
<td class="text-center ">
<a class="btn mdlFire " data-toggle="modal " data-target="#modal_detail_perbaikan " style="background-color: #5A9AFB;color: white;border-radius: 5px;width: 85px;height: 25px; ">
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
Detail</span>
</div>
<td>` + isac + `</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('` + id + `, ` + isactive + `')"><i class="icon-user-block"></i> Switch user status</a></li>
<li><a onclick="loaduserbyid('` + id + `')"><i class="icon-users"></i> Edit user</a></li>
</ul>
</li>
</ul>
</td>
</tr>`;
data_user.push(data_gab)
};
$("#tbody_list_user").html(data_user)
$("#tbody_user_list").html(data_user)
var data_point = []
var number2 = 0;
......@@ -190,6 +212,7 @@ $("#pengaturan_btn").click(function() {
var alamat = data['point'][i]['alamat'];
var luas = data['point'][i]['luas'];
var pj = data['point'][i]['pj']
var db = data['point'][i]['table']
var data_gab = `<tr>
<td>` + number2 + `</td>
......@@ -199,25 +222,14 @@ $("#pengaturan_btn").click(function() {
<td>` + pj + `</td>
<td class="text-center " style="padding: 0px;">
<div class="row">
<div class="col-md-3" style="padding: 0px;">
<a class="btn mdlFire " data-toggle="modal " data-target="#modal_detail_perbaikan " >
<div>
<img src="static/img/icon-1/detailpoi.svg" alt="">
</div>
</a>
</div>
<div class="col-md-3" style="padding: 0px;">
<a class="btn mdlFire " data-toggle="modal " data-target="#modal_detail_perbaikan " >
<a class="btn mdlFire " data-toggle="modal" onclick="modal_detail_point_pengaturan('` + id + `','` + db + `')" style="padding: 10px 12px 10px 12px;">
<div>
<img src="static/img/icon-1/editpoi.svg" alt="">
<img src="static/img/icon-1/detailpoi.svg" alt="" style="margin-top: -4px;"><span>&nbsp;Detail</span>
</div>
</a>
</div>
</div>
</td>
</tr>`;
data_point.push(data_gab)
......@@ -225,24 +237,42 @@ $("#pengaturan_btn").click(function() {
$("#tbody_list_point").html(data_point)
$("#tbody_point_list").html(data_point)
$('.datatable-show-all.list_user').DataTable({
autoWidth: false,
columnDefs: [{
orderable: false,
width: '20px',
width: '10%',
targets: [0],
}, {
orderable: false,
width: '10%',
targets: [1],
}, {
orderable: false,
width: '20%',
targets: [2],
}, {
orderable: false,
width: '20px',
width: '20%',
targets: [3],
}, {
orderable: false,
width: '20%',
targets: [4],
}, {
orderable: false,
width: '10%',
targets: [5],
}, {
orderable: false,
width: '20px',
width: '10%',
targets: [6],
}, ],
......@@ -270,17 +300,17 @@ $("#pengaturan_btn").click(function() {
autoWidth: false,
columnDefs: [{
orderable: false,
width: '20px',
width: '10%',
targets: [0],
}, {
orderable: false,
width: '20px',
targets: [4],
width: '10%',
targets: [3],
}, {
orderable: false,
width: '20px',
width: '10%',
targets: [5],
}, ],
......@@ -306,7 +336,8 @@ $("#pengaturan_btn").click(function() {
}
});
})
};
function btnuserclick(evt) {
var i, tabcontent, tablinks;
......@@ -450,3 +481,515 @@ function download_point_list(type, fn, dl) {
}
})
}
function loadGroups(isSelect) {
var isObject = {}
console.log(isSelect)
isObject.func_name = "loadGroups";
$.ajax({
url: "/getallGroups/",
data: isObject,
dataType: 'json',
type: 'post',
success: function(data) {
let response = data;
console.log(response)
if (response.code == 0) {
var groups = response.data;
var html = `<option value="null" selected disabled>-- Pilih Group --</option>`;
for (i in groups) {
if (isSelect) {
if (isSelect.length >= 1) {
for (j in isSelect) {
if (isSelect[j] == groups[i]) {
html += `<option value="` + groups[i] + `" selected>` + groups[i] + `</option>`;
console.log(groups[i])
} else {
html += `<option value="` + groups[i] + `">` + groups[i] + `</option>`;
}
}
} else {
html += `<option value="` + groups[i] + `">` + groups[i] + `</option>`;
}
} else {
html += `<option value="` + groups[i] + `">` + groups[i] + `</option>`;
}
}
$("#select_group").html(html);
$("#select_group_parent").html(html);
console.log(html)
} else {
$("#select_group").html("group tidak tersedia");
$("#select_group_parent").html("group tidak tersedia");
}
}
});
}
function switchuserstatus(id, isactive) {
var isObject = {}
var params = id.split(",");
isObject.id = params[0];
isObject.stat = params[1].replace(" ", "");
console.log(params)
if (isObject.stat == "True") {
var title = "Nonaktifkan";
var text = "User tidak akan bisa login jika dinonaktifkan!";
} else {
var title = "Aktifkan";
var text = "User dapat kembali login jika diaktifkan!";
}
swal({
title: title + " user?",
text: text,
type: "warning",
showCancelButton: true,
confirmButtonClass: "btn-danger",
confirmButtonText: "Ya!",
cancelButtonText: "Tidak!",
closeOnConfirm: false,
closeOnCancel: false
}, function(isConfirm) {
if (isConfirm == true) {
$.ajax({
url: "/switchStatus/",
data: isObject,
dataType: 'json',
type: 'post',
success: function(data) {
let response = data;
if (isObject.stat == "True") {
var inf = "dinonaktifkan"
} else {
var inf = "diaktifkan"
}
if (response.code == 0) {
swal({
title: "sukses",
text: "User berhasil " + inf,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}, function(isok) {
load_manage()
})
} else {
alert("no data in database")
}
}
});
} else {
swal("Dibatalkan", "User status tidak berubah", "error");
}
});
}
function loaduserbyid(id) {
$("#modal_edit_user").modal("show")
var isObject = {};
$(".modstit").html("Update User")
$("#inUsername").attr("disabled", true)
isObject.id = id;
$("#iduser").val(id)
$.ajax({
url: "/loadUserbyId/",
data: isObject,
dataType: 'json',
type: 'post',
success: function(data) {
let response = data;
if (response.code == 0) {
var user = response.data;
console.log(user)
$("#inUsername").val(user.username);
$("#inNameF").val(user.firstname);
$("#inNameL").val(user.lastname);
$("#inEmail").val(user.email);
if (user.is_staff) {
$('input[name=isStaff][value=true]').attr('checked', true)
} else {
$('input[name=isStaff][value=false]').attr('checked', true)
}
loadGroups(user.group)
$("#modalAddButton").click()
} else {
}
}
});
}
var map_poin_det = L.map('maps_detail_p', {
editable: true,
zoomControl: false,
drawControl: true
});
mapss = L.tileLayer('https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_poin_det);
var map_edit_p = L.map('map-for-edit', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([-2, 118], 5);
mapss_p = L.tileLayer('https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off', {
maxZoom: 22,
minZoom: 4,
}).addTo(map_edit_p);
function modal_detail_point_pengaturan(id, db) {
$("#modal_detail_point_pengaturan").modal("show")
if (map_poin_det.hasLayer(marker)) {
marker.clearLayers()
marker.remove()
}
if (map_edit_p.hasLayer(marker)) {
poinin.clearLayers()
poinin.remove()
}
$.ajax({
url: "/api/load_point_id",
data: {
'idx': id,
'db': db
},
dataType: 'json',
success: function(data) {
setTimeout(function() {
map_poin_det.invalidateSize();
}, 1000);
$("#id_adm_edit").val(id)
$(".nama_point").html(data['result'][0][0]['properties']['f2'])
$(".pj_bangunan").html(data['result'][0][0]['properties']['f5'])
$(".luas_bangunan").html(data['result'][0][0]['properties']['f4'])
$(".gambar_point").html(`<img src="/static/img/image/` + data['result'][0][0]['properties']['f6'] + `" alt="" style="width:100%;height:240px;border-top-left-radius: 10px;">`)
$("#namobj_adm_edit").val(data['result'][0][0]['properties']['f2'])
$("#alamat_adm_edit").val(data['result'][0][0]['properties']['f3'])
$("#luas_tanah_adm_edit").val(data['result'][0][0]['properties']['f4'])
$("#perangkat_adm_edit").val(data['result'][0][0]['properties']['f5'])
$("#db_p").val(db)
var marker = L.marker([data['result'][0][0]['geometry']['coordinates'][1], data['result'][0][0]['geometry']['coordinates'][0]]).addTo(map_poin_det);
map_poin_det.setView([data['result'][0][0]['geometry']['coordinates'][1], data['result'][0][0]['geometry']['coordinates'][0]], 17)
map_edit_p.setView([data['result'][0][0]['geometry']['coordinates'][1], data['result'][0][0]['geometry']['coordinates'][0]], 17);
let dapoin = [data['result'][0][0]['geometry']['coordinates'][1], data['result'][0][0]['geometry']['coordinates'][0]]
var poinin = L.marker(dapoin).addTo(map_edit_p)
poinin.enableEdit();
$('#saveedit_p').click(function() {
var hasil = (JSON.stringify(poinin.toGeoJSON()))
$("#coordinateZoneedit_p").val(hasil);
})
$("#edit_point_p").click(function() {
setTimeout(function() {
map_edit_p.invalidateSize();
}, 1000);
})
}
});
}
$("#saveuser").on("click", function() {
addUser()
})
// function destroyfade() {
// $(".modal-backdrop").css("display", "none")
// $(".modal-backdrop").removeClass('show');
// $("body").css('padding-right', '0px !important')
// }
function addUser() {
var isObject = {};
var ars = ''
var group = $("#select_group").val();
var iduser = $("#iduser").val();
if (iduser) {
isObject.id = iduser;
}
// for(i in group){
// if(i < group.length-1){
// ars += group[i]+"~";
// }else{
// ars += group[i];
// }
// }
// return false
isObject['username'] = $("#inUsername").val();
isObject['first_name'] = $("#inNameF").val();
isObject['last_name'] = $("#inNameL").val();
isObject['email'] = $("#inEmail").val();
isObject.group = group
isObject.isStaff = $('input[name="isStaff"]:checked').val();
$.ajax({
url: "adduser/",
data: isObject,
dataType: 'json',
type: 'post',
success: function(data) {
let response = data;
if (response.code == 0) {
$("#modal_edit_user").css('display', 'none');
// destroyfade();
swal({
title: response.info,
text: response.data + "reload untuk mendapatkan update",
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
})
} else {
swal({
title: response.info,
text: response.data,
type: "alert",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}
});
}
$("#saveedit_p").click(function() {
var idka = $('#id_adm_edit').val();
var poi = $('#coordinateZoneedit_p').val();
var data = new FormData();
data.append("file", $("input[id^='fileadm']")[0].files[0]);
data.append('id', idka)
data.append('namobj', $('#namobj_adm_edit').val())
data.append('luastanah', $('#luas_tanah_adm_edit').val())
data.append('alamat', $('#alamat_adm_edit').val())
data.append('perangkat', $('#perangkat_adm_edit').val())
data.append('point', poi)
data.append('db', $("#db_p").val())
data.append('gambar', $('#gambar_adm_edit').val())
$.ajax({
url: "/api/edit_detail_poin",
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_adm").css('display', 'none');
})
} else {
swal({
title: 'Error',
text: 'Hubungi Developer',
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}
});
})
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: "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"
}, function() {
$("#notifications").css("display", "none")
})
} else {
$("#notifications").html(response.data)
$("#notifications").css("display", "block")
}
}
});
}
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: "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"
}, function() {
$("#notificationsprop").css("display", "none")
})
} else {
$("#notificationsprop").html(response.data)
$("#notificationsprop").css("display", "block");
}
}
});
}
function changecur() {
var checkBox = document.getElementById("passcur");
var typ = document.getElementById("currentPass");
if (checkBox.checked == true) {
$("#matachange").html(`<i class="icon-eye"></i>`)
typ.type = 'text';
} else {
$("#matachange").html(`<i class="icon-eye-blocked"></i>`)
typ.type = 'password';
}
}
function changecur1() {
var checkBox = document.getElementById("passcur1");
var typ = document.getElementById("newPass");
if (checkBox.checked == true) {
$("#matachange1").html(`<i class="icon-eye"></i>`)
typ.type = 'text';
} else {
$("#matachange1").html(`<i class="icon-eye-blocked"></i>`)
typ.type = 'password';
}
}
function changecur2() {
var checkBox = document.getElementById("passcur2");
var typ = document.getElementById("renewPass");
if (checkBox.checked == true) {
$("#matachange2").html(`<i class="icon-eye"></i>`)
typ.type = 'text';
} else {
$("#matachange2").html(`<i class="icon-eye-blocked"></i>`)
typ.type = 'password';
}
}
$("#btnsaveuser").click(function() {
editprofile()
changepassword()
})
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").css("right", "50px")
\ No newline at end of file
......@@ -624,11 +624,7 @@
<span>` + raja + `</span>
</div>
</div>
<div>
<div>
<span>` + perbaikan_pt + `</span>
</div>
</div>
`);
......@@ -648,7 +644,7 @@
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Delete Point</h6>
</div>
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div id="map-for-delete" style="width: 400px;height: 300px;position: relative;margin-left: 100px;"></div>
<input style="display:none;" id="id_adm_del" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
<div class="row" style="margin-top: 15px;">
......@@ -675,7 +671,7 @@
</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="savedeleteadm">Hapus</button>
</div>
</div>
......@@ -712,7 +708,7 @@
<div class="tab-pane" id="right-tab2-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="id_adm_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -786,7 +782,6 @@
<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="saveeditadm">Save changes</button>
</div>
</div>
......@@ -859,7 +854,6 @@
setTimeout(function() {
map_edit.invalidateSize();
}, 1000);
console.log(data)
// map_edit.setView([data['geometry']['coordinates'][0][0][0][1], data['geometry']['coordinates'][0][0][0][0]], 19);
map_edit.setView([data['geometry']['coordinates'][1], data['geometry']['coordinates'][0]], 19);
let dapoin = [data['geometry']['coordinates'][1], data['geometry']['coordinates'][0]]
......@@ -868,8 +862,6 @@
$('#saveeditadm').click(function() {
var hasil = (JSON.stringify(poinin.toGeoJSON()))
$("#coordinateZoneedit_adm_edit").val(hasil);
})
}
})
......@@ -907,8 +899,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -985,8 +978,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modald_adm").css('display', 'none');
location.reload();
$("#modald_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -1151,7 +1145,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="id_lk_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -1238,7 +1232,7 @@
<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="saveeditlk">Save changes</button>
</div>
</div>
......@@ -1357,8 +1351,10 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -1369,7 +1365,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
// location.reload()
}
})
......@@ -1522,7 +1518,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="id_puskes_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -1609,7 +1605,6 @@
<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="saveeditpuskes">Save changes</button>
</div>
</div>
......@@ -1728,8 +1723,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal("hide");
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -1740,7 +1736,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -1894,7 +1890,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="id_rs_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -1981,7 +1977,6 @@
<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="saveeditrs">Save changes</button>
</div>
</div>
......@@ -2084,8 +2079,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -2096,7 +2092,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -2302,7 +2298,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="id_si_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -2389,7 +2385,6 @@
<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="saveeditsi">Save changes</button>
</div>
</div>
......@@ -2564,8 +2559,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -2576,7 +2572,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -2748,7 +2744,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="id_sp_edit" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -2835,7 +2831,6 @@
<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="saveeditsp">Save changes</button>
</div>
</div>
......@@ -3011,8 +3006,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -3023,7 +3019,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
});
......@@ -3130,7 +3126,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="idspbu" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -3204,7 +3200,7 @@
<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="saveeditspbu">Save changes</button>
</div>
</div>
......@@ -3385,8 +3381,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -3397,7 +3394,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -3507,7 +3504,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="idst" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -3580,7 +3577,6 @@
<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="saveeditst">Save changes</button>
</div>
</div>
......@@ -3738,8 +3734,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -3750,7 +3747,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -3860,7 +3857,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="idtr" type="text" class="form-control" value="` + feature.administrasi.f16 + `"required>
......@@ -3924,7 +3921,7 @@
<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="saveedittr">Save changes</button>
</div>
</div>
......@@ -4083,8 +4080,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -4095,7 +4093,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -4205,7 +4203,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="idcb" type="text" class="form-control" value="` + feature.administrasi.f11 + `"required>
......@@ -4268,7 +4266,7 @@
<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="saveeditcb">Save changes</button>
</div>
</div>
......@@ -4429,8 +4427,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -4441,7 +4440,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -4552,7 +4551,7 @@
<div class="tab-pane" id="left-tab1-feas-upli">
<div class="modal-body" style="min-height: 450px;overflow-y: auto;">
<div class="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="form-group">
<input style="display:none;" id="idgl" type="text" class="form-control" value="` + feature.administrasi.f15 + `"required>
......@@ -4626,7 +4625,6 @@
<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="saveeditgl">Save changes</button>
</div>
</div>
......@@ -4786,8 +4784,9 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal_adm").css('display', 'none');
location.reload();
$("#modal_adm").modal('hide');
$("#modal_detail_non_kelurahan").modal('hide')
//location.reload();
})
} else {
swal({
......@@ -4798,7 +4797,7 @@
confirmButtonColor: "#00BCD4"
})
}
location.reload()
//location.reload()
}
})
......@@ -5017,9 +5016,8 @@
})
} else {
//location.reload();
$("#labelchange").html(`<h1 style="color: white;margin-top: 5px;margin-left: 8px;">
3D
</h1>`)
$("#labelchange").html(`<img src="static/img/icon-1/Vector3d.svg" alt="" style="height: 50px;
width: 50px;">`)
map_cesium.entities.removeAll();
//map_cesium.destroy();
setTimeout(function() {
......@@ -5041,7 +5039,7 @@
$(".no3d").css('display', 'none');
$("#legendapo").css('display', 'none');
$(".rar").css('display', 'none');
$("#labelchange").html(`<h1 style="color: white;margin-top: 5px;margin-left: 8px;">
$("#labelchange").html(`<h1 style="margin-top: 5px;margin-left: 8px;">
2D
</h1>`)
......@@ -7171,7 +7169,7 @@
<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="modal-body" style="overflow-x: hidden;max-height: 300px;overflow-y: scroll;padding-left: 15px;">
<div class="row">
<div class="col-md-5">
<div id="map-edit" style="width:400px;height: 350px;">
......@@ -7362,7 +7360,6 @@
<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">
......@@ -7722,6 +7719,7 @@
});
$(document).on("click", "#btn_edit_bangunan", function() {
$("#modal_detail_non_kelurahan").modal("hide")
var tipe1 = $('#tipe111').val();
$('#tipe_point_b_e option[value=' + tipe1 + ']').attr('selected', 'selected');
......@@ -7738,7 +7736,6 @@
},
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];
......@@ -7935,6 +7932,7 @@
});
$(document).on("click", "#btn_delete_bangunan", function() {
$("#modal_detail_non_kelurahan").modal("hide")
var map_delete = new L.map('map-delete', {
editable: true,
zoomControl: false,
......
......@@ -1154,6 +1154,7 @@
<input type="text" name="idtuplah" id="idtuplah" class="hidden" value="">
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="hidden" value="">
<input type="text" name="luastuplah" id="lwastuplah" class="hidden" value="">
<div class="col-md-12">
<div>
......@@ -1169,13 +1170,14 @@
<span>Luas Lahan</span>
</div>
<div>
<span style="font-family: 'Roboto';">` + feature.legend.f3 + `m2</span>
<span style="font-family: 'Roboto';">` + feature.legend.f3 + ` m2</span>
</div>
</div>
</div>`)
$('#idtuplah').val(feature.legend.f1);
$('#lwastuplah').val(feature.legend.f3);
$("#coordinatetuplah").val(feature.geometry);
$("#button_hide_panel").css("display", "block");
......@@ -1271,6 +1273,7 @@
}
var id_poly = $('#idtuplah').val();
var lwastup = $("#lwastuplah").val();
$.ajax({
url: "{% url 'api:edit-tuplah' %}",
......@@ -1282,6 +1285,7 @@
$("#modal-edit-tuplah").modal("show")
$("#modal_detail_non_kelurahan").modal("toggle")
loaderPage(false);
$("#luas_tuplah_edit").val(lwastup);
let response = data
if (response.code == 0) {
setTimeout(function() {
......@@ -1294,10 +1298,8 @@
var longg = 0;
for (var i = 0; i < lop_poly_edit.length; i++) {
geoj = lop_poly_edit[i];
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);
latt += geoj[i][0]
......@@ -1306,8 +1308,6 @@
};
var lattt = latt / list_poly_edit.length
var longgg = longg / list_poly_edit.length
console.log(list_poly_edit)
map_edit_tuplah.setView([longgg, lattt], 14);
......@@ -2056,10 +2056,13 @@
</div>
`)
if (feature.properties.f16 != null) {
var list_history = feature.properties.f16
if (feature.properties.f7 != null) {
console.log(feature.properties.f7)
var list_history = feature.properties.f7
console.log(list_history[0].split(",")[0])
var perbaikan_pt = `<div class='row'>
var perbaikan_jl = `<div class='row'>
<label class="col-md-8">` + list_history[0].split(",")[1] + `</label>
......@@ -2070,7 +2073,7 @@
<a class="col-md-6" class="btn" id="btn_perbaikan_jalan"><i>Input Perbaikan</i></a>`
} else {
var perbaikan_pt = `<div class='row'>
var perbaikan_jl = `<div class='row'>
<div class="col-md-6">
<label class="col-md-6">Null</label>
</div>
......@@ -2093,7 +2096,8 @@
$(".isi_keterangan").html(`
<input type="text" name="idjalan" id="idjalan" class="hidden" value="">
<input type="text" name="coordinatejalan" id="coordinatejalan" class="hidden" value="">
<div>
<div class="row">
<div class="col-md-6">
<div>
<span>Panjang Jalan</span>
</div>
......@@ -2101,7 +2105,7 @@
<span>` + feature.properties.f3 + `m</span>
</div>
</div>
<div>
<div class="col-md-6">
<div>
<span>Lebar Jalan</span>
</div>
......@@ -2110,6 +2114,8 @@
</div>
</div>
</div>
<div>
<div>
<span>Tipe Jalan</span>
......@@ -2290,12 +2296,11 @@
});
$(document).on("click", "#btn_jalan", function() {
if (map_edit_jalan.hasLayer(polygon_edit_jalan)) {
polygon_edit_jalan.remove()
}
var id_poly = $('#idjalan').val();
$("#modal-jalan").modal("show")
$.ajax({
url: "{% url 'api:edit-jalan' %}",
data: {
......@@ -2304,8 +2309,8 @@
dataType: 'json',
success: function(data) {
loaderPage(false);
$("#modal-jalan").modal("show")
$(".modal_detail_non_kelurahan").modal("hide")
$("#modal_detail_non_kelurahan").modal("hide")
setTimeout(function() {
map_edit_jalan.invalidateSize();
}, 1000);
......@@ -2348,7 +2353,8 @@
$(document).on("click", "#btn_hapus_jalan", function() {
$("#modal-hapus-jalan").modal("show")
$("#modal_detail_non_kelurahan").modal("hide")
var id_poly = $('#idjalan').val();
$.ajax({
......@@ -2383,7 +2389,7 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal-hapus-jalan").css('display', 'none');
$("#modal-hapus-jalan").modal('hide');
})
} else {
swal({
......@@ -2428,7 +2434,7 @@
icon: "success",
confirmButtonColor: "#00BCD4"
}, function() {
$("#modal-jalan").css('display', 'none');
$("#modal-jalan").modal('hide');
})
} else {
swal({
......@@ -2759,6 +2765,8 @@
$(".modal-backdrop").css("display", "none")
$(".modal-backdrop").removeClass('show');
$("body").css('padding-right', '0px !important')
document.querySelector("#right-tab2-feas-upli > div > div:nth-child(6) > div > label").html(`Pimpinan`)
document.querySelector("#right-tab2-feas-upli > div > div:nth-child(3)").css("display", "block")
}
function destroyWraper() {
......@@ -3848,7 +3856,7 @@
$(".tombol_action_create").html(``)
$(".tab_1").html("Koordinat")
$(".tab_2").html("Informasi Point")
$(".tombol_save_create").html(`<input type="button" class="btn btn-primary" id="btnsavepoint" value="SAVE" style="margin-right:30px;">
$(".tombol_save_create").html(`<input type="button" class="btn btn-primary" id="btnsavepoint" value="SAVE">
<input type="text" name="poly_create_point" class="hidden" id="poly_create_point" value="">`)
$("#koordinatjalan").html(`
......
......@@ -198,7 +198,7 @@
<div class="modal-footer ">
<button type="button" class="btn btn-link" onclick="destroyfade()" data-dismiss="modal">Close</button>
<!-- <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>
......@@ -219,7 +219,7 @@
</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" 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>
......@@ -295,7 +295,23 @@
<table>
<tr>
<th>
Image
Luas &nbsp;
</th>
<td>
<input id="luas_tuplah_edit" type="text" class="form-control" value="" style="width:fit-content;" disabled>
</td>
</tr>
<tr>
<th>
&nbsp;
</th>
<td>
&nbsp;
</td>
</tr>
<tr>
<th>
Image &nbsp;
</th>
<td>
<input type="file" id="imgtuplah" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
......@@ -401,13 +417,14 @@
</div>
</div>
</div>
<div class="tombol-edit text-center" style="background-color: #5A9AFB;
<div class="tombol-edit text-center" style="background-color: #5A9A6A;
position: absolute;
margin-top: 3px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
width: 80px;
height:45px;">
height: 45px;
border: 1pt solid gray;">
<a href="" class="btn">Edit</a>
</div>
</div>
......@@ -633,7 +650,7 @@
</div>
</div>
<div class="modal fade" id="modal__create" tabindex="-1" role="dialog">
<div class="modal fade" id="modal__create" tabindex="-1" role="dialog" style="overflow-y: hidden;">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
......@@ -650,24 +667,29 @@
<div class="tab-content">
<div class="tab-pane active koordinatjalan" id="koordinatjalan">
</div>
<div class="tab-pane" id="informasi_create">
<div class="tab-pane" id="informasi_create" style="overflow-x: hidden;max-height: 390px;overflow-y: scroll;padding-left: 15px;">
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div class="tombol_save_create">
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="user_profile" tabindex="-1" role="dialog" style="margin-left: 50px;">
<div class="modal fade" id="user_profile" tabindex="-1" role="dialog" style="margin-left: 50px;padding-left:0px">
<div class="modal-dialog" style="width: 100%;
margin: 0px;
height: 100vh;">
<div class="modal-content" style="height: 100vh;">
<div class="modal-body">
<div class="row">
<div class="col-md-3" style="border-right: 0.1pt solid #E2E2E2;">
<div style="height: 100vh;">
......@@ -713,7 +735,7 @@
<div style="margin-bottom: 10px;">
<a href="#personalinformation" data-toggle="tab" class="tab-user btn btn-default " style="
<a href="#personalinformation" data-toggle="tab" class="tab-user btn btn-default active" style="
width: 90%;
background: #FFFFFF;
box-sizing: border-box;
......@@ -783,13 +805,13 @@
width: 90%;
background: #FFFFFF;
box-sizing: border-box;
border-radius: 5px;" onclick="btnuserclick(event)">
border-radius: 5px;display:none;" onclick="btnuserclick(event)">
<div class="row">
<div class="col-sm-2">
<img src="{% static 'img/icon-1/help.svg' %}" alt="">
</div>
<div class="col-sm-8 text-left" style="margin-top: 4px;">
Help
Help & Support
</div>
<div class="col-sm-2">
<i class="caret" style="transform: rotate(-90deg);margin-top: 4px;"></i>
......@@ -806,6 +828,18 @@
</div>
<div class="col-md-9">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="
margin: 0px 8px 0px 0px;
width: 25px;
height: 25px;
background-color: white;
top: -10px;
position: absolute;
right: -5px;
opacity: 1;
z-index: 999;
border-radius: 12px;
">×</button>
<div class="tab-content">
<div class="tab-pane active" id="personalinformation" style="font-family: 'gilroysemibold';">
<div style="border-bottom: 1pt solid #E2E2E2;">
......@@ -816,7 +850,9 @@
</div>
<div style="border-bottom: 1pt solid #E2E2E2;">
<div class="tab_personal_information" style="margin:0px;">
<div class="alert alert-danger" id="notificationsprop" style="display: none">
<div class="alert alert-danger" id="notificationsprop" style="display: none;margin: 0px;
padding-top: 0px;
padding-bottom: 0px;">
</div>
<form class="form-horizontal" id="formmen" method="post" enctype="multipart/form-data">
......@@ -868,7 +904,9 @@
<div style="border-bottom: 1pt solid #E2E2E2;">
<div class="tab_personal_information" style="margin:0px;">
<div>
<div class="alert alert-danger" id="notifications" style="display: none">
<div class="alert alert-danger" id="notifications" style="display: none;margin: 0px;
padding-top: 0px;
padding-bottom: 0px;">
</div>
</div>
......@@ -885,6 +923,17 @@
<div class="col-md-12">
<label class="control-label"> Password saat ini :</label>
<input type="password" id="currentPass" class="form-control">
<input type="checkbox" onclick="changecur()" id="passcur" style=" position: absolute;
top: 31px;
right: 20px;
width: 20px;
height: 20px;
opacity: 0;z-index:1;">
<div id="matachange" style="position: absolute;
top: 33px;
right: 20px;">
<i class="icon-eye-blocked"></i>
</div>
</div>
</div>
......@@ -892,6 +941,18 @@
<div class="col-md-12">
<label class="control-label"> Password baru :</label>
<input type="password" id="newPass" class="form-control">
<input type="checkbox" onclick="changecur1()" id="passcur1" style=" position: absolute;
top: 31px;
right: 20px;
width: 20px;
height: 20px;
opacity: 0;z-index:1;">
<div id="matachange1" style="position: absolute;
top: 33px;
right: 20px;">
<i class="icon-eye-blocked"></i>
</div>
</div>
</div>
......@@ -899,6 +960,18 @@
<div class="col-md-12">
<label class="control-label"> Ulangi password baru :</label>
<input type="password" id="renewPass" class="form-control">
<input type="checkbox" onclick="changecur2()" id="passcur2" style=" position: absolute;
top: 31px;
right: 20px;
width: 20px;
height: 20px;
opacity: 0;z-index:1;">
<div id="matachange2" style="position: absolute;
top: 33px;
right: 20px;">
<i class="icon-eye-blocked"></i>
</div>
</div>
</div>
</div>
......@@ -922,7 +995,7 @@
<div>
<div class="tab_personal_information">
<div style="float: right;">
<button type="button" class="btn btn-link" data-dismiss="modal" style="width: 120px;height: 35px;border-color: #BABABA;border-radius: 10px;">Close</button>
<!-- <button type="button" class="btn btn-link" data-dismiss="modal" style="width: 120px;height: 35px;border-color: #BABABA;border-radius: 10px;">Close</button> -->
<button type="button" id="btnsaveuser" class="btn btn-info" style="width: 120px;height: 35px;border-radius: 10px;">Save changes</button>
</div>
......@@ -999,6 +1072,7 @@
</div>
<thead style="font-size: 12px;line-height: 14px;font-family: 'gilroysemibold';text-transform: capitalize;">
<tr>
<th>No.</th>
......@@ -1006,16 +1080,89 @@
<th>Alamat</th>
<th>Luas Bangunan</th>
<th>Penanggung Jawab</th>
<th>Action</th>
</tr>
</thead>
<tbody id="tbody_list_point">
<tbody id="tbody_point_list">
</tbody>
</table>
</div>
<div class="tab-pane" id="help">
help
<div>
<div style="font-size: 22px;margin:10px">
Help & Support
</div>
<span>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque, minus. Obcaecati consequuntur, consequatur vitae soluta tempora doloremque quis eligendi officia illo ad nesciunt tenetur, nostrum cum deleniti, dolorum explicabo sed!
</span>
</div>
<div class="panel panel-flat" style="margin:10px;">
<div class="row">
<div class="col-md-4">
<div style="margin: 10px;background-color:#2F343A;border-radius:10px">
<div style="background-image: url(/static/img/icon-1/contact_info.svg);height:330px;border-radius:10px;">
<div style="margin:0px 20px;padding:20px;color:white">
<div style="margin-bottom: 10px;font-size:16px;">
Contact Information
</div>
<div style="margin-top: 20px;">
<div class="row" style="margin-top: 20px;">
<i class="col-md-4 icon-phone2"></i>
<span class="col-md-8">(0222) 0668202</span>
</div>
<div class="row" style="margin-top: 20px;">
<i class="col-md-4 icon-envelop3"></i>
<span class="col-md-8">admin@khansia.com</span>
</div>
<div class="row" style="margin-top: 20px;">
<i class="col-md-4 icon-location3"></i>
<span class="col-md-8">Komplek Taman Bumi Prima blok s14, Cibabat, Cimahi Utara, Kota Cimahi</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-8" style="margin-top:10px">
<div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Nama :</label>
<input type="text" id="nama_pengirim" class="form-control">
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Email:</label>
<input type="text" id="email_pengirim" class="form-control">
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="col-md-12">
<label class="control-label"> Pesan :</label>
<textarea rows="5" cols="5" class="form-control" id="pesan_pengirim" placeholder="Tuliskan Pesan disini"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -1318,7 +1465,7 @@
<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>
<!-- <button type="button" class="btn btn-link" onclick="destroyWraper()" style="float: right;">Close</button> -->
</div>
</div>
......@@ -1330,3 +1477,302 @@
<table id="table_downloader" style="display: none;">
</table>
<div id="modal_edit_user" class="modal fade">
<div class="modal-dialog md" style="margin-top: 100px;">
<div class="modal-content" style="border-radius: 10px;">
<div class="modal-header bg-info" style="background-color: #1a222f !important;border-top-right-radius: 10px;border-top-left-radius: 10px;">
<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_detail_point_pengaturan" class="modal fade mymodal">
<div class="modal-dialog modal-md" style="top: 10%;">
<div class="modal-content" style="border-radius:10px;">
<div class="modal-body" style="padding: 0px;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style=" margin: 0px 8px 0px 0px;
width: 25px;
height: 25px;
background-color: white;
top: 8px;
position: absolute;
right: 0px;
opacity: 1;
z-index: 999;
border-radius: 12px;">×</button>
<fieldset>
<div class="row">
<div class="col-md-5" style="padding-right: 0px;">
<div class="gambar_point">
<img src="/static/img/image_null.png" alt="" style="width:100%;height:240px;border-top-left-radius: 10px;">
</div>
<div style="font-family: 'gilroybold';margin: 10px;" class="nama_point">
NAMADESA
</div>
<div class="row isi_keterangan" style="margin: 10px;">
<div class="col-md-6" style="padding: 0px;">
<div>
<div>
<span>Penanggung Jawab</span>
</div>
<div>
<span class="pj_bangunan">34567</span>
</div>
</div>
</div>
<div class="col-md-6">
<div>
<div>
<span>Luas Bangunan</span>
</div>
<div>
<span class="luas_bangunan">1234</span>
</div>
</div>
</div>
</div>
<div style="background-color: white;
bottom: -30px;
position: absolute;
right: 0px;
border: 1pt solid #E2E2E2;
border-top-left-radius: 10px;">
<a href="#" class="btn" id="edit_point_p" style="border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
width: 100%;
height: 100%;
bottom: 0px;
color: black;" data-toggle="modal" data-target="#modal_edit_p_point" data-backdrop="static" data-keyboard="false"><i class="icon-pencil5"></i>
Edit data
</a>
</div>
</div>
<div class="col-md-7" style="padding-left: 0px;" id="detail_right">
<div>
<span>
Informasi Peta Lokasi
</span>
</div>
<div id="maps_detail_p" style="height: 360px;outline: none;border-bottom-right-radius: 10px;">
</div>
</div>
</div>
</fieldset>
</div>
<!-- <div class="btn_action">
<div class="tombol-edit-keterangan text-center" style="
background-color: #5A9AFB;
position: absolute;
width: 40px;
height: 40px;
bottom: 2px;
right: 5px;
border: 1pt solid rosybrown;
border-radius: 8px;
">
<a href="#" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-pencil5"></i></a>
</div>
<div class="tombol-delete-keterangan text-center" style="
background-color: indianred;
position: absolute;
width: 40px;
height: 40px;
bottom: 2px;
right: 50px;
border: 1pt solid rosybrown;
border-radius: 10px;
">
<a href="#" class="btn" style="border-bottom-left-radius: 8px;border-top-right-radius: 8px;width: 100%;height: 100%;bottom: 0px;color: white;"><i class="icon-eraser2"></i></a>
</div>
</div> -->
</div>
</div>
</div>
<div class="modal fade" id="modal_edit_p_point">
<div class="modal-dialog md">
<div class="modal-content" style="border-radius:10px;">
<div class="modal-header bg-info" style=" border-top-left-radius: 10px;
border-top-right-radius: 10px;">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Edit Point</h6>
</div>
<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-upli" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-upli">
<div id="map-for-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="fileadm" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambar_adm_edit" type="text" class="form-control" value="" required>
<input style="display:none;" id="coordinateZoneedit_p" type="text" class="form-control" value="" required>
<input style="display:none;" id="db_p" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="tab-pane" id="right-tab2-feas-upli">
<div class="modal-body" style="min-height: 300px;overflow-y: auto;">
<div class="form-group">
<input style="display:none;" id="id_adm_edit" type="text" class="form-control" value="" required>
<input style="display:none;" id="coordinateZoneedit_adm_edit" type="text" class="form-control" value="" required>
</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="namobj_adm_edit" type="text" class="form-control" value="` + data['result'][0][0]['properties']['f2'] + `" 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;">Alamat</label>
<div class="col-lg-4">
<input id="alamat_adm_edit" type="text" class="form-control" required>
</div>
<div class="col-lg-4" style="margin-top: 15px;"></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 (m2)</label>
<div class="col-lg-9">
<input id="luas_tanah_adm_edit" type="text" class="form-control" 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;">Penanggung Jawab</label>
<div class="col-lg-9">
<input id="perangkat_adm_edit" type="text" class="form-control" required>
</div>
</div>
</div>
</div>
</div>
</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="saveedit_p">Save changes</button>
</div>
</div>
</div>
</div>
\ No newline at end of file
......@@ -7,10 +7,7 @@
<input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 40px;height: 40px;margin-top: -5px;">
<div id="labelchange">
<img src="{% static 'img/icon-1/Vector3d.svg' %}" alt="" style="height: 50px;
width: 50px;
margin-top: -1px;
margin-left: -4px;">
width: 50px;">
</div>
</a>
</div>
......@@ -24,9 +21,7 @@
<div class="dropdown show-dropdown" style="top: 1px;">
<a href="#" data-toggle="dropdown">
<img src="{% static 'img/icon-1/Vectorbasemaps.svg' %}" alt="" style="height: 50px;
width: 50px;
margin-top: -1px;
margin-left: -4px;">
width: 50px;">
</a>
<ul class="dropdown-menu" x-placement="bottom-start">
<li class="header-title text-center">Maps BaseLayer</li>
......@@ -81,9 +76,7 @@
<div class="dropdown show-dropdown ">
<a href="#" data-toggle="dropdown">
<img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px;
width: 50px;
margin-top: -1px;
margin-left: -4px;">
width: 50px;">
</a>
<ul class="dropdown-menu" style="top: 12px;
width: 300px;
......
......@@ -15,7 +15,7 @@
</div>
<div class="sidebar-category sidebar-category-visible">
<div class="category-content no-padding">
<ul class="navigation navigation-main navigation-accordion" style="margin-bottom: 40vh;">
<ul class="navigation navigation-main navigation-accordion" style="margin-bottom: 45vh;">
<!-- Main -->
<li id="button_keterangan">
......@@ -28,31 +28,31 @@
<i class="icon-pie-chart5"></i>
</a>
</li>
<!-- <li style="margin-top: 60vh;position: absolute;">
<a href="#" id="btn-hide-all" class="side-bar-but" style="position: absolute;margin-top: 20px;">
<i class="icon-arrow-right13"></i>
<li style="margin-top: 60vh;position: absolute;">
<a href="#" id="btn-hide-all" class="side-bar-but" style="position: absolute; margin-top: 0px; display: none;">
<i class="icon-arrow-left12"></i>
</a>
</li> -->
</li>
</ul>
<ul class="navigation navigation-main navigation-accordion">
<li>
<!-- <li>
<a href="#" class="side-bar-but">
<img src="{% static 'img/icon-1/Vectoriconwarning.svg' %}" alt="" style="height: 17.875003814697266px;width: 17.875003814697266px;margin-left: -8px;">
</a>
</li>
</li> -->
<li>
<a href="{% url 'logout' %}" class="side-bar-but">
<img src="{% static 'img/icon-1/Vectoriconlogout.svg' %}" alt="" style="height: 17.875003814697266px;width: 17.875003814697266px;margin-left: -8px;">
</a>
</li>
<hr>
<li>
<!-- <li>
<a href="#" id="btn-hide-all" class="side-bar-but" style="position: absolute;margin-top: 1px; display: none;">
<i class="icon-arrow-left12"></i>
</a>
</li>
</li> -->
</ul>
</div>
......@@ -235,7 +235,7 @@
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Layanan Kesehatan<br>
<b>
{{ global.13 }}
{{ global.24 }}
</b>
</div>
<div class="col-sm-2">
......@@ -468,7 +468,7 @@
<td>{{all.tgl_selesai}}</td>
<td>{{all.anggaran}}</td>
<td class="text-center ">
<a class="btn mdlFire " onclick="loaddetailid( '{{all.id_object}}') " data-toggle="modal" data-target="#modal_detail_perbaikan " style="background-color: #5A9AFB;color: white;border-radius: 5px;width: 85px;height: 25px; ">
<a class="btn mdlFire " onclick="loaddetailid( '{{all.id_object}}') " data-toggle="modal" data-target="#modal_detail_perbaikan" style="background-color: #5A9AFB;color: white;border-radius: 5px;width: 85px;height: 25px; ">
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
......@@ -505,7 +505,7 @@
</span>
</button>
<!-- <button class="modalMinimize" style="right: 50px;"> <i class='fa fa-minus'></i> </button> -->
<button type="button" class="close" data-dismiss="modal " style="color: white;padding: 3px;"> <i class='fa fa-times'></i> </button>
<button type="button" onclick="destroymodper()" class="close" data-dismiss="modal " style="color: white;padding: 3px;"> x </button>
</div>
<div class="isi text " style="margin-top: 50px;overflow-y: scroll;max-height: 607px;overflow-x: hidden; ">
<div class="isi_detail_cek ">
......@@ -676,8 +676,8 @@
<script>
//tes
$("#sel-kec ").change(function() {
var id_kec = $(this).val()
$(".datatable-show-all.list_perb").dataTable().fnDestroy();
$.ajax({
url: "api/filt_perbaikan_kecamatan",
......@@ -686,6 +686,7 @@
},
dataType: 'json',
success: function(data) {
var data_all_desa = []
for (var i = 0; i < data['res_kel'].length; i++) {
var id_k = data['res_kel'][i][0];
......@@ -699,11 +700,11 @@
$('#sel-desa').html(`<option>Pilih Desa</option>` + data_all_desa);
var data_perbaikan = []
var number = 1;
var number = 0;
for (var i = 0; i < data['res_perbaikan'].length; i++) {
number += i;
number += 1;
var name_perbaikan = data['res_perbaikan'][i]['name_perbaikan'];
var id_object = data['res_perbaikan'][i]['id_object'];
var name = data['res_perbaikan'][i]['name'];
......@@ -736,6 +737,7 @@
};
$("#tbody_perbaikan").html(data_perbaikan)
datatatata()
}
});
......@@ -745,6 +747,7 @@
$("#sel-desa ").change(function() {
var id_desa = $(this).val()
$(".datatable-show-all.list_perb").dataTable().fnDestroy();
$.ajax({
url: "api/filt_perbaikan_desa",
......@@ -754,11 +757,11 @@
dataType: 'json',
success: function(data) {
var data_perbaikan = []
var number = 1;
var number = 0;
for (var i = 0; i < data['res_perbaikan'].length; i++) {
number += i;
number += 1;
var name_perbaikan = data['res_perbaikan'][i]['name_perbaikan'];
var id_object = data['res_perbaikan'][i]['id_object'];
var name = data['res_perbaikan'][i]['name'];
......@@ -791,6 +794,7 @@
};
$("#tbody_perbaikan ").html(data_perbaikan)
datatatata()
}
......@@ -799,7 +803,9 @@
});
$('.datatable-show-all').DataTable({
function datatatata() {
$('.datatable-show-all.list_perb').DataTable({
autoWidth: false,
columnDefs: [{
orderable: false,
......@@ -836,6 +842,16 @@
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
}
});
}
$("#perbaikan_manage").click(function() {
$(".datatable-show-all.list_perb").dataTable().fnDestroy();
setTimeout(function() {
datatatata()
}, 100);
})
function loaddetailid(id) {
$(".map_detail_p").html(``)
......@@ -850,6 +866,8 @@
dataType: 'json',
type: 'post',
success: function(data) {
$("#modal_detail_perbaikan").modal('show')
$(".map_detail_p").html(`<div id="map_detail_perbaikan" style=" position: relative; height: 220px; width: 90%; border-radius: 5px; ">`)
var map_detail_perbaikan = L.map('map_detail_perbaikan', {
......@@ -952,9 +970,152 @@
function download_user_list(type, fn, dl) {
$.ajax({
url: "api/user-data",
dataType: 'json',
success: function(data) {
var thead = `<thead>
<tr>
<th>No.</th>
<th>Id user</th>
<th>Username</th>
<th>Nama</th>
<th>Email</th>
<th>Last Login</th>
<th>Status</th>
</tr>
</thead>`
var data_user = []
var number = 0;
for (var i = 0; i < data['data'].length; i++) {
number += 1;
var id = data['data'][i]['id'];
var name = data['data'][i]['name'];
var username = data['data'][i]['username'];
var group = data['data'][i]['group'];
var email = data['data'][i]['email'];
var last = data['data'][i]['last'];
var isactive = data['data'][i]['isactive'];
var data_gab = `<tr>
<td>` + number + `</td>
<td>` + id + `</td>
<td>` + username + `</td>
<td>` + name + `</td>
<td>` + email + `</td>
<td>` + last + `</td>
<td>` + isactive + `</td>
</tr>`;
data_user.push(data_gab)
}
var tbody = `<tbody>
` + data_user + `
</tbody>`;
$("#table_downloader").html(thead + tbody)
var elt = document.getElementById('table_downloader');
var wb = XLSX.utils.table_to_book(elt, {
sheet: "sheet1"
});
return dl ?
XLSX.write(wb, {
bookType: type,
bookSST: true,
type: 'base64'
}) :
XLSX.writeFile(wb, fn || ('data_user.' + (type || 'xlsx')));
}
})
}
function download_all(type, fn, dl) {
var elt = document.getElementById('list_perbaikan');
$.ajax({
url: "api/download_perbaikan_data",
dataType: 'json',
success: function(data) {
var thead = `<thead>
<tr>
<th>No.</th>
<th>Id perbaikan</th>
<th>Jenis yang diperbaiki</th>
<th>Nama</th>
<th>Tipe</th>
<th>Panjang (Jika perbaikan jalan)</th>
<th>Tanggal Pembuatan/Peresmian</th>
<th>Tanggal Perbaikan</th>
<th>Tanggal Selesai</th>
<th>Anggaran</th>
<th>Penanggung Jawab</th>
<th>Penanggung Jawab Lapangan</th>
<th>Kontraktor</th>
<th>Panjang yang diperbaiki</th>
<th>Lebar yang diperbaiki</th>
</tr>
</thead>`
var data_user = []
var number = 0;
for (var i = 0; i < data['data'].length; i++) {
number += 1;
var id = data['data'][i]['id'];
var jenis_perbaikan = data['data'][i]['jenis_perbaikan'];
var nama = data['data'][i]['nama'];
var tipe = data['data'][i]['tipe'];
var panjang = data['data'][i]['panjang'];
var tgl_pembuatan = data['data'][i]['tgl_pembuatan'];
var tgl_perbaikan = data['data'][i]['tgl_perbaikan'];
var tgl_selesai = data['data'][i]['tgl_selesai'];
var anggaran = data['data'][i]['anggaran'];
var pj = data['data'][i]['pj'];
var pj_lapangan = data['data'][i]['pj_lapangan'];
var kontraktor = data['data'][i]['kontraktor'];
var panjang_per = data['data'][i]['panjang_per'];
var lebar_per = data['data'][i]['lebar_per'];
var data_gab = `<tr>
<td>` + number + `</td>
<td>` + id + `</td>
<td>` + jenis_perbaikan + `</td>
<td>` + nama + `</td>
<td>` + tipe + `</td>
<td>` + panjang + `</td>
<td>` + tgl_pembuatan + `</td>
<td>` + tgl_perbaikan + `</td>
<td>` + tgl_selesai + `</td>
<td>` + anggaran + `</td>
<td>` + pj + `</td>
<td>` + pj_lapangan + `</td>
<td>` + kontraktor + `</td>
<td>` + panjang_per + `</td>
<td>` + lebar_per + `</td>
</tr>`;
data_user.push(data_gab)
}
var tbody = `<tbody>
` + data_user + `
</tbody>`;
$("#table_downloader").html(thead + tbody)
var elt = document.getElementById('table_downloader');
var wb = XLSX.utils.table_to_book(elt, {
sheet: "sheet1"
});
......@@ -966,6 +1127,10 @@
}) :
XLSX.writeFile(wb, fn || ('data_perbaikan.' + (type || 'xlsx')));
}
});
}
var $content, $modal, $apnData, $modalCon;
......@@ -1009,6 +1174,15 @@
$(this).removeClass("hid");
});
function btn_hid_all_close() {
$("#button_keterangan").removeClass("active");
$("#manage_perbaikan").removeClass("active");
$("#panel-sm").removeClass("active");
$("#panel-sm2").removeClass("active");
$(this).css('display', 'none');
$(this).removeClass("hid");
};
$("#keterangan_button").click(function() {
$("#btn-hide-all").css('display', 'block');
// $("#btn-hide-all").toggleClass("hid");
......@@ -1073,4 +1247,8 @@
}
}
function destroymodper() {
$("#modal_detail_perbaikan").modal('hide')
}
</script>
\ No newline at end of file
......@@ -97,7 +97,7 @@
</head>
<body style="font-family: 'gilroylight';">
<body style="font-family: 'gilroylight';" oncontextmenu="return false">
......@@ -136,9 +136,9 @@
<span class="caret"></span>
</button>
<ul class="dropdown-menu" id="search_spes">
<li><input type="hidden" value="bangunan"/><a href="#"><i class="icon-home4 text-muted text-size-base" style="color: #5A9AFB;"></i> Bangunan</a></li>
<li><input type="hidden" value="jalan"/><a href="#"><i class="icon-git-branch text-muted text-size-base" style="color: #5A9AFB;"></i> Jalan</a></li>
<li><input type="hidden" value="point"/><a href="#"><i class="icon-location4 text-muted text-size-base" style="color: #5A9AFB;"></i> Point</a></li>
<li><input type="hidden" value="bangunan" /><a href="#"><i class="icon-home4 text-muted text-size-base" style="color: #5A9AFB;"></i> Bangunan</a></li>
<li><input type="hidden" value="jalan" /><a href="#"><i class="icon-git-branch text-muted text-size-base" style="color: #5A9AFB;"></i> Jalan</a></li>
<li><input type="hidden" value="point" /><a href="#"><i class="icon-location4 text-muted text-size-base" style="color: #5A9AFB;"></i> Point</a></li>
</ul>
</div>
......@@ -247,7 +247,7 @@
</div>
<div style="margin-bottom: 10px;">
<a href="#" class="btn btn-default" style="background-color: #ffffff;
<!-- <a href="#" class="btn btn-default" style="background-color: #ffffff;
border: 1px solid #dadce0;
-webkit-border-radius: 100px;
border-radius: 100px;
......@@ -261,7 +261,7 @@
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;" id="pengaturan_btn" data-toggle="modal" data-target="#user_profile" data-backdrop="static" data-keyboard="false">Pengaturan</a>
text-overflow: ellipsis;" id="pengaturan_btn" data-toggle="modal" data-target="#user_profile" data-backdrop="static" data-keyboard="false">Pengaturan</a> -->
</div>
</div>
......@@ -271,7 +271,7 @@
<li>
<div style="border-bottom: 0.5px solid #DCDCDC;margin-bottom:10px;">
<div style="margin-bottom: 10px;">
<a href="{% url 'usermanagement' %}" style=" background-color: #ffffff;
<a href="#" style=" background-color: #ffffff;
color: #3c4043;
display: table;
font: 500 14px/16px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
......@@ -280,7 +280,7 @@
padding: 14px 41px;
text-align: center;
text-decoration: none;
width: 100%;"><i class="icon-user"></i>&nbsp;&nbsp;Kelola User</a>
width: 100%;" id="pengaturan_btn" data-toggle="modal" data-target="#user_profile" data-backdrop="static" data-keyboard="false" onclick="load_manage()"><i class="icon-user"></i>&nbsp;&nbsp;Management</a>
</div>
</div>
</li>
......@@ -377,8 +377,32 @@
{% include 'includes/js-o.html' %} {% include 'includes/js-m.html' %}
<script type="text/javascript" src="{% static 'js/action.js' %}"></script>
<script>
// start disabled inspect
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
document.onkeydown = function(e) {
if(event.keyCode == 123) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'I'.charCodeAt(0)) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'C'.charCodeAt(0)) {
return false;
}
if(e.ctrlKey && e.shiftKey && e.keyCode == 'J'.charCodeAt(0)) {
return false;
}
if(e.ctrlKey && e.keyCode == 'U'.charCodeAt(0)) {
return false;
}
}
// end disabled inspect
var dar = null;
$('#search_spes li a').on('click', function(){
$('#search_spes li a').on('click', function() {
$('#input_search').val(null)
tes = $(this).text();
dar = tes
......@@ -2131,4 +2155,7 @@
});
}
});
$('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
$('.leaflet-bottom.leaflet-right>.leaflet-control-attribution.leaflet-control').css("right", "50px")
</script>
\ 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>
@font-face {
font-family: 'gilroybold';
src: url('/static/css/gilroy-bold.woff') format('woff');
}
@font-face {
font-family: 'gilroylight';
src: url('/static/css/gilroy-light.woff') format('woff');
}
@font-face {
font-family: 'gilroysemibold';
src: url('/static/css/gilroy-semibold.woff') format('woff');
}
@font-face {
font-family: 'gilroymedium';
src: url('/static/css/Gilroy-Medium.woff') format('woff');
}
@font-face {
font-family: 'gilroyreguler';
src: url('/static/css/Gilroy-Regular.woff') format('woff');
}
@font-face {
font-family: 'gilroythin';
src: url('/static/css/Gilroy-Thin.woff') format('woff');
}
@font-face {
font-family: 'gilroyultralight';
src: url('/static/css/Gilroy-UltraLight.woff') format('woff');
}
</style>
<body>
<div style="background: url(/static/img/icon-1/bg1.png);
width: 100%;
height: 100%;
background-size: 100% 100%;">
<!-- <div> -->
<div style=" position: absolute;
background: url(/static/img/icon-1/bg4.svg);
width: 742px;
height: 130px;
bottom: 15%;
left: 10%;"></div>
<div style="position: absolute;background: url(/static/img/icon-1/bg3.svg);width: 65%;height: 75%;top: 0;left: 35%;background-size: 100% 100%;z-index: 9;"></div>
<!-- </div> -->
<div style="height: 100vh;width: 100%;background-color: rgba(9, 9, 9, 0.3);margin:0px;">
<div style="margin-left: 10%;padding-top: 10%;">
<div style="/* margin-top: 10%; */font-size: 50px;color: white;font-family: 'gilroybold';">
Hai {{user.username}},
</div>
<div style="font-size: 50px;color: white;font-family: 'gilroylight';">
Selamat datang di website
</div>
<div style="font-size: 60px;color: #1F6ABD;font-family: 'gilroybold';">
Temanku!
</div>
<div style="font-size: 30px;color: white;font-family:'gilroylight';">
Sistem Informasi Pembangunan OKU
</div>
</div>
</div>
</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>
setTimeout(function() {
window.location.href = "{% url 'apps:dashboard' %}";
}, 1000);
</script>
\ No newline at end of file
{% load static %}
<html>
<!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>Login</title>
<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" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<style>
/* .logo{ nn
background-image: url("{% static 'img/logomaps.png' %}");
} */
.card-header {
background-color: #1a222f !important;
color: white;
}
#id_username{
<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">
background: #191C2C;
border: 1px solid #D8D8D8;
box-sizing: border-box;
border-radius: 10px;
}
#id_password{
background: #191C2C;
border: 1px solid #D8D8D8;
box-sizing: border-box;
border-radius: 10px;
}
.background-image {
position: fixed;
left: 0;
right: 0;
z-index: 1;
display: block;
background-image: url('../../static/img/bglog.PNG');
width: 100%;
height: 100%;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* body {
background-image: url("bglog.PNG");
} */
</style>
</head>
<body style="background-image:url('../../static/img/bglog.PNG'); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow-x: hidden;">
<!-- <body style="background-color: gainsboro; width: 100%; height: 100%;"> -->
<!-- <body> -->
<div id="panel-login" style="width: 570px;
<body>
<div style="background: url(/static/img/icon-1/bg1.png);
width: 100%;
height: 100%;
max-width: 100%;
float: right;
left: -5px;
position: absolute;
z-index: 999;
display: block;
background-color: #1E2233;">
<div class="sidebar-wrapper">
<div class="panel panel-default" id="features-login">
<div class="sidebar-table" id="isi_login">
background-size: 100% 100%;">
<!-- <div> -->
<div style=" position: absolute;
background: url(/static/img/icon-1/bg4.svg);
width: 742px;
height: 130px;
top: 65%;
right: 10%;"></div>
<div style="position: absolute;background: url(/static/img/icon-1/bg3.svg);width: 65%;height: 75%;top: 0;left: 35%;background-size: 100% 100%;z-index: 9;"></div>
<!-- </div> -->
<div class="row" style="height: 100vh;width: 100%;background-color: rgba(9, 9, 9, 0.3);margin:0px;">
<div class="col-md-4" style="background:#1E2233;color:white">
<div style="margin-left: 10%;">
<div class="text-center " style="margin-top: 40%;">
<div>
{% if form.errors %}
<div class="alert alert-danger">
Username atau Password salah. Silahkan coba kembali.
</div>
{% endif %}
</div>
<div class="row" style="padding: 50px 165px; margin-top: 20%;">
<div class="col-md-2">
<i class="far fa-map" style="color:#ffffff; font-size: 30px; margin-top: 15px;"> </i>
</div>
<div class="col-md-10">
<p style="color:#ffffff; font-size: 18px; font-weight: bold; font-family: 'Montserrat', serif;">Sistem Informasi</p>
<p style="color:#ffffff; font-size: 18px; font-weight: bold; font-family: 'Montserrat', serif; margin-top: -15px;">Pembangunan OKU</p>
<div class="row" style=" width: 200px;
margin-left: 23%;">
<div class="col-md-3">
<img src="{% static 'img/icon-1/MapTrifold.svg' %}" alt="">
</div>
<div class="col-md-9">
<div>
<span>Sistem Informasi</span>
</div>
<div class="text-center" style="padding-bottom: 20px;">
<span style="font-family: 'Montserrat', serif; color:#ffffff; font-size: 18px;">Login <b>Teman-KU</b></span>
<div>
<span>Pembangunan OKU</span>
</div>
<table class="table table-hover tasks-list">
<!-- <thead style="text-align: center;">
<tr>
<th style="border-bottom: 0px; border-top: 0px;">
<i class="far fa-map" style="color:#ffffff"> </i> <b style="margin-left: 5px; color:white; font-family: 'Montserrat', serif; font-weight: 400px;">Sistem Informasi <br> Pembangunan OKU</b>
</th>
</tr>
<tr>
<th style="border-bottom: 0px; border-top: 0px;">
</th>
</tr>
<tr style="margin-top: 10px;">
<th style="border-bottom: 0px; border-top: 0px;">
<span style="color:white; font-family: 'Montserrat', serif;"> Login </span><b style="color:white; font-family: 'Montserrat', serif;">Teman-KU</b>
</th>
</tr>
</thead> -->
<tbody>
{% load widget_tweaks %}
<form method="post" action="{% url 'login' %}" novalidate>
{% csrf_token %}
<tr style="height: 100px;">
<th style="border-top: 0px;">
<center>
<div class="form-group" style="width: 362px; color:#ffffff; font-family: 'Montserrat', light;">
<label style="margin-right: 331px;">{{ form.username.label_tag }}</label> {% if form.is_bound %} {% if form.username.errors %} {% render_field form.username class="form-control is-invalid" %} {% else %} {% render_field form.username class="form-control
is-valid" %} {% endif %} {% else %} {% render_field form.username class="form-control" %} {% endif %}
</div>
</center>
</th>
</tr>
<tr style="height: 30px; ">
<th style="border-top: 0px;">
<center>
<div class="form-group" style="width: 362px; color:#ffffff; font-family:'Montserrat', serif;">
<label style="margin-right: 331px;">{{ form.password.label_tag }}</label> {% if form.is_bound %} {% if form.password.errors %} {% render_field form.password class="form-control is-invalid" %} {% else %} {% render_field form.password class="form-control
is-valid" %} {% endif %} {% else %} {% render_field form.password class="form-control" %} {% endif %}
</div>
</center>
</th>
</tr>
<tr style="height: 40px;">
<th style="border-top: 0px;">
<div class="form-group" style="margin-top: 50;">
<center><button type="submit" class="btn btn-primary " style="width: 362px; border-radius: 10px; background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
box-shadow: 0px 8px 24px rgba(69, 86, 240, 0.42);"> Log in </button></center>
<input type="hidden" name="next" value="{{ next }}">
</div>
</th>
</tr>
</form>
</tbody>
</table>
</div>
</div>
</div>
<div style="margin:10%">
<span>Login</span><span>&nbsp;Temanku!</span>
</div>
<!-- <div class="background-image"></div> -->
<div>
<img src="../../static/img/indonesia-ter.PNG" alt="Image" style="margin-top: 4%; margin-bottom: 3%; margin-left: 38%; width:920px; ">
<span style="margin-top: 5%; margin-left: 45%; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); width: 362px; color:#ffffff; font-family: 'Montserrat', light;">Fitur Teman-KU</span>
<img src="../../static/img/Group_68.png" alt="Image" style="margin-top: 2%; margin-left: 45%; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);">
</div>
<form method="POST" style="width: 355px;">
{% csrf_token %}
<!-- <div style="background-image: url('static/img/bglog.png');">
<img src="static/img/bglog.PNG" alt="Image" style="width:100%; max-height:100%; height:100%;">
</div> -->
<!-- <div style="height: 100%;">
<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="card" style="z-index: 999;">
<header class="card-header">
<center>
<h4 class="card-title mt-2 logo"> Log in </h4>
</center>
</header>
<article class="card-body">
<div>
{% if form.errors %}
<div class="alert alert-danger">
Username atau Password salah. Silahkan coba kembali.
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<label>Username</label>
<input type="text" class="form-control" placeholder="Username" name="username" id="username" required>
<div class="form-control-feedback">
</div>
{% endif %}
</div>
{% load widget_tweaks %}
<form method="post" action="{% url 'login' %}" novalidate>
{% csrf_token %}
<div class="form-group" style="color:white;">
<label>{{ form.username.label_tag }}</label> {% if form.is_bound %} {% if form.username.errors %} {% render_field form.username class="form-control is-invalid" %} {% else %} {% render_field form.username class="form-control
is-valid" %} {% endif %} {% else %} {% render_field form.username class="form-control" %} {% endif %}
</div>
<div class="form-group" style="color:white;">
<label>{{ form.password.label_tag }}</label> {% if form.is_bound %} {% if form.password.errors %} {% render_field form.password class="form-control is-invalid" %} {% else %} {% render_field form.password class="form-control
is-valid" %} {% endif %} {% else %} {% render_field form.password class="form-control" %} {% endif %}
</div>
<hr style="margin-top: 50;">
<div class="form-group has-feedback has-feedback-left">
<div class="form-group">
<input type="hidden" name="next" value="{{ next }}">
<center><button type="submit" class="btn btn-primary " style="background-color: #1a222f; /* Green */"> Login </button></center>
<label>Password</label>
<input type="password" class="form-control" placeholder="Password" name="password" id="password" required>
<div class="form-control-feedback">
</div>
</form>
</article>
</div>
</div>
<div class="form-group" style="margin-top: 50px;">
<button type="submit" class="btn btn-block" style="background-color: #4C97DC;">Log in</button>
</div> {% if messages %}
<div>
{% for message in messages %} {% if message.tags == 'error' %}
<div class="alert alert-danger" style="margin-top:10px">{{ message }}</div>
{% endif %} {% endfor %}
</div>
{% endif %}
</form>
</div>
</div>
</div> -->
<div class="col-md-8">
<!--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>
</div>
<!-- <script>
var map = L.map('map', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([-4.028349, 104.007235], 10);
</div>
$("#sidebar").hide()
</div>
maps = L.tileLayer('https://mt1.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {
maxZoom: 22,
minZoom: 4,
}).addTo(map);
</script> -->
</body>
</html>
\ No newline at end of file
{% load static %}
<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">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<style>
/* .logo{ nn
background-image: url("{% static 'img/logomaps.png' %}");
} */
.card-header {
background-color: #1a222f !important;
color: white;
}
#id_username {
background: #191C2C;
border: 1px solid #D8D8D8;
box-sizing: border-box;
border-radius: 10px;
}
#id_password {
background: #191C2C;
border: 1px solid #D8D8D8;
box-sizing: border-box;
border-radius: 10px;
}
.background-image {
position: fixed;
left: 0;
right: 0;
z-index: 1;
display: block;
background-image: url('static/img/bglog.PNG');
width: 100%;
height: 100%;
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/* body {
background-image: url("bglog.PNG");
} */
</style>
</head>
<body style="background-image:url('../../static/img/bglog.PNG'); width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; overflow-x: hidden;">
<!-- <body style="background-color: gainsboro; width: 100%; height: 100%;"> -->
<!-- <body> -->
<div id="panel-login" style="width: 570px;
height: 100%;
max-width: 100%;
float: right;
left: -5px;
position: absolute;
z-index: 999;
display: block;
background-color: #1E2233;">
<div class="sidebar-wrapper">
<div class="panel panel-default" id="features-login">
<div class="sidebar-table" id="isi_login">
<div>
{% if form.errors %}
<div class="alert alert-danger">
Username atau Password salah. Silahkan coba kembali.
</div>
{% endif %}
</div>
<div class="row" style="padding: 50px 165px; margin-top: 20%;">
<div class="col-md-2">
<i class="far fa-map" style="color:#ffffff; font-size: 30px; margin-top: 15px;"> </i>
</div>
<div class="col-md-10">
<p style="color:#ffffff; font-size: 18px; font-weight: bold; font-family: 'Montserrat', serif;">Sistem Informasi</p>
<p style="color:#ffffff; font-size: 18px; font-weight: bold; font-family: 'Montserrat', serif; margin-top: -15px;">Pembangunan OKU</p>
</div>
</div>
<div class="text-center" style="padding-bottom: 20px;">
<span style="font-family: 'Montserrat', serif; color:#ffffff; font-size: 18px;">Login <b>Teman-KU</b></span>
</div>
<table class="table table-hover tasks-list">
<!-- <thead style="text-align: center;">
<tr>
<th style="border-bottom: 0px; border-top: 0px;">
<i class="far fa-map" style="color:#ffffff"> </i> <b style="margin-left: 5px; color:white; font-family: 'Montserrat', serif; font-weight: 400px;">Sistem Informasi <br> Pembangunan OKU</b>
</th>
</tr>
<tr>
<th style="border-bottom: 0px; border-top: 0px;">
</th>
</tr>
<tr style="margin-top: 10px;">
<th style="border-bottom: 0px; border-top: 0px;">
<span style="color:white; font-family: 'Montserrat', serif;"> Login </span><b style="color:white; font-family: 'Montserrat', serif;">Teman-KU</b>
</th>
</tr>
</thead> -->
<tbody>
{% load widget_tweaks %}
<form method="post" action="{% url 'login' %}" novalidate>
{% csrf_token %}
<tr style="height: 100px;">
<th style="border-top: 0px;">
<center>
<div class="form-group" style="width: 362px; color:#ffffff; font-family: 'Montserrat', light;">
<label style="margin-right: 331px;">{{ form.username.label_tag }}</label> {% if form.is_bound %} {% if form.username.errors %} {% render_field form.username class="form-control is-invalid" %} {% else %}
{% render_field form.username class="form-control is-valid" %} {% endif %} {% else %} {% render_field form.username class="form-control" %} {% endif %}
</div>
</center>
</th>
</tr>
<tr style="height: 30px; ">
<th style="border-top: 0px;">
<center>
<div class="form-group" style="width: 362px; color:#ffffff; font-family:'Montserrat', serif;">
<label style="margin-right: 331px;">{{ form.password.label_tag }}</label> {% if form.is_bound %} {% if form.password.errors %} {% render_field form.password class="form-control is-invalid" %} {% else %}
{% render_field form.password class="form-control is-valid" %} {% endif %} {% else %} {% render_field form.password class="form-control" %} {% endif %}
</div>
</center>
</th>
</tr>
<tr style="height: 40px;">
<th style="border-top: 0px;">
<div class="form-group" style="margin-top: 50;">
<center><button type="submit" class="btn btn-primary " style="width: 362px; border-radius: 10px; background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
box-shadow: 0px 8px 24px rgba(69, 86, 240, 0.42);"> Log in </button></center>
<input type="hidden" name="next" value="{{ next }}">
</div>
</th>
</tr>
</form>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- <div class="background-image"></div> -->
<div>
<img src="../../static/img/indonesia-ter.PNG" alt="Image" style="margin-top: 4%; margin-bottom: 3%; margin-left: 38%; width:920px; ">
<span style="margin-top: 5%; margin-left: 45%; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); width: 362px; color:#ffffff; font-family: 'Montserrat', light;">Fitur Teman-KU</span>
<img src="../../static/img/Group_68.png" alt="Image" style="margin-top: 2%; margin-left: 45%; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222);">
</div>
<!-- <div style="background-image: url('static/img/bglog.png');">
<img src="static/img/bglog.PNG" alt="Image" style="width:100%; max-height:100%; height:100%;">
</div> -->
<!-- <div style="height: 100%;">
<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="card" style="z-index: 999;">
<header class="card-header">
<center>
<h4 class="card-title mt-2 logo"> Log in </h4>
</center>
</header>
<article class="card-body">
<div>
{% if form.errors %}
<div class="alert alert-danger">
Username atau Password salah. Silahkan coba kembali.
</div>
{% endif %}
</div>
{% load widget_tweaks %}
<form method="post" action="{% url 'login' %}" novalidate>
{% csrf_token %}
<div class="form-group" style="color:white;">
<label>{{ form.username.label_tag }}</label> {% if form.is_bound %} {% if form.username.errors %} {% render_field form.username class="form-control is-invalid" %} {% else %} {% render_field form.username class="form-control
is-valid" %} {% endif %} {% else %} {% render_field form.username class="form-control" %} {% endif %}
</div>
<div class="form-group" style="color:white;">
<label>{{ form.password.label_tag }}</label> {% if form.is_bound %} {% if form.password.errors %} {% render_field form.password class="form-control is-invalid" %} {% else %} {% render_field form.password class="form-control
is-valid" %} {% endif %} {% else %} {% render_field form.password class="form-control" %} {% endif %}
</div>
<hr style="margin-top: 50;">
<div class="form-group">
<input type="hidden" name="next" value="{{ next }}">
<center><button type="submit" class="btn btn-primary " style="background-color: #1a222f; /* Green */"> Login </button></center>
</div>
</form>
</article>
</div>
</div>
</div>
</div>
</div>
</div> -->
<!--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>
</html>
\ 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