Skip to content

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

gabungan, modal lahan, modal jalan

parent 82a5616d
Show whitespace changes
Inline Side-by-side
Showing with 2623 additions and 745 deletions
Application/views.py
View file @ caa3f0e7
......@@ -13,8 +13,6 @@ class Dashboard(generic.TemplateView):
template_name = "layout/layout.html"
# @method_decorator(login_required(login_url='/login/'))
def get(self, request):
print(request.user.id)
print(Group.objects.all())
# print(Group.objects.get(user=request.user))
with conn.cursor() as all_:
all_.execute("SELECT * from global_oku")
......@@ -464,6 +462,62 @@ class Dashboard(generic.TemplateView):
for i in gardu_listrik_res:
gardu_listrik_result.append(i[0])
with conn.cursor() as data_per:
data_per.execute("""
SELECT
gl.NAME,
tp.id_object,
tp.NAME,
tp.TYPE,
tp.tgl_perbaikan,
tp.anggaran,
tp.tgl_selesai
FROM
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp
JOIN geo_label gl ON gl.ID = tp.type_id
WHERE
rn = 1
""")
res_perbaikan = data_per.fetchall()
res_all = []
for j in res_perbaikan:
data_all = {
'name_perbaikan':j[0],
'id_object':j[1],
'name':j[2],
'type':j[3],
'tgl_perbaikan':j[4],
'anggaran':j[5],
'tgl_selesai':j[6],
}
res_all.append(data_all)
current_user = request.user
thisUser = current_user.id
if thisUser == None:
user_data = {"filepath":'placeholder.jpg'}
else:
# print()
sql = "select * from auth_user where id = "+str(thisUser)
with conn.cursor() as userprop:
userprop.execute(sql)
us = userprop.fetchall()
user_data = []
for row in us:
datas = {
"id": row[0],
"username": row[4],
"firstname": row[5],
"lastname": row[6],
"email" : row[7],
"filepath": row[11],
# "password": row[1]
}
user_data.append(datas)
context = {
......@@ -481,7 +535,9 @@ class Dashboard(generic.TemplateView):
'terminal':terminal_result,
'cagar_budaya':cagar_budaya_result,
'gardu_listrik':gardu_listrik_result,
'global':all[0]
'global':all[0],
'res_all':res_all,
'thisUser' : user_data
}
return render (request, self.template_name, context)
......
OKU/settings.py
View file @ caa3f0e7
......@@ -41,7 +41,8 @@ INSTALLED_APPS = [
'Application',
'API',
'myauth.apps.MyauthConfig',
'widget_tweaks'
'widget_tweaks',
'django.contrib.humanize'
]
MIDDLEWARE = [
......
static/css/layout-style.css 0 → 100644
View file @ caa3f0e7
.dock {
position: absolute;
left: 97%;
top: 20%;
}
.fixed-plugin {
height: 40px;
width: 40px;
border-radius: 10px;
}
#map .head {
/* width: 37%; */
z-index: 999;
/* height: 40px;
width: 501px;
left: 32%; */
top: 5%;
box-shadow: 0px 4px 46px 0px #00000038;
border-radius: 10px;
}
#map .foot {
box-shadow: 0px 4px 46px 0px #00000038;
}
.tooltiptext {
visibility: hidden;
position: absolute;
font-size: 12px;
font: caption;
width: 77px;
background-color: #1E22331A;
color: #085E8C;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
opacity: 0;
transition: opacity 0.3s;
top: 6px;
bottom: auto;
right: 115%;
}
.fixed-plugin:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.sidebar-2.active {
display: block!important;
}
.navigation>li.active>a,
.navigation>li.active>a:hover,
.navigation>li.active>a:focus {
background-color: #353847;
color: #fff;
border-radius: 15px;
}
/* #btn-hide-all {
transform: rotate(180deg)
}
.active>#btn-hide-all {
transform: rotate(0deg)
} */
.navigation>li.active>#btn-hide-all {
color: #fff;
border-radius: 15px;
}
.tooltiptext-side {
visibility: hidden;
position: absolute;
font-size: 12px;
font: caption;
background-color: #1E22331A;
color: #085E8C;
text-align: center;
padding: 5px 0;
border-radius: 6px;
z-index: 1;
opacity: 0;
transition: opacity 0.3s;
top: 6px;
bottom: auto;
}
.leaflet-container {
background-color: rgba(255, 0, 0, 0.0);
}
.side-bar-but:hover .tooltiptext-side {
visibility: visible;
opacity: 1;
}
.sidebar-main {
width: 50px;
height: 100vh;
background: #1E2233;
}
.sidebar-main .category-content a {
margin-left: 5px;
width: 27px;
height: 27px;
}
.sidebar-main .category-content a i {
margin-left: -7.31px;
}
body>div.page-container>div>div.sidebar.sidebar-main>div>img {
width: 25px;
height: 32px;
margin: 25px 10px;
}
.nav-tabs {
border-bottom: #353847;
}
.nav-tabs.nav-tabs-bottom>li.active>a:after {
background-color: white!important;
}
.row-bod {
margin-right: 1px;
}
.row-bod>.col-sm-2 {
margin-top: 10px!important;
}
.row-bod>div:nth-child(4) {
padding-left: 0px!important;
}
.row-bod>.col-sm-7 {
margin-top: 7px!important;
font-size: 8pt;
}
.row-bod>.col-sm-9 {
margin-top: 7px!important;
font-size: 8pt;
}
.perbaikan-dashboard {
display: block!important;
}
.switchery-default {
width: 30px!important;
height: 15px!important;
}
.switchery-default>small {
width: 15px!important;
height: 15px!important;
}
.checkbox.checkbox-switchery {
margin-bottom: 0px!important;
padding-left: 0;
}
.dataTables_filter {
position: relative;
display: block;
float: left;
margin: 0 0 20px 30px;
}
#modal_detail_perbaikan>div>div>div>div.isi.text>div>div>div:nth-child(1)>span {
font-size: 12px;
line-height: 14px;
}
#modal_detail_perbaikan>div>div>div>div.isi.text>div>div>div:nth-child(2)>span {
font-size: 16px;
line-height: 19px;
font-family: 'gilroysemibold';
}
#modal_detail_perbaikan>div>div>div>div.isi.text>div>div {
margin-left: 40px;
margin-bottom: 20px;
}
.hid {
transform: rotate( 180deg);
}
@media (max-width: 1025px) {
.dock {
position: absolute;
top: 35px;
left: 95%;
}
#map>div.col-md-6.col-md-offset-3.input-group.content-group.foot {
top: 50%!important;
vertical-align: middle;
text-align: center;
border-radius: 8px;
}
#map .foot .col-md-1 img {
margin-top: 2%!important;
margin-left: 0px!important;
height: 69px;
width: 55px;
}
#map .foot .col-md-9 {
margin-top: 4%;
}
#map .foot .col-md-2 {
margin-top: 4%;
}
#map>div.col-md-6.col-md-offset-3.input-group.content-group.foot>div>div.col-md-2>button {
right: 0px!important;
}
}
\ No newline at end of file
static/img/icon-1/Buildings.svg 0 → 100644
View file @ caa3f0e7
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.73975 21.9887H24.4897" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.7393 21.9887V4.11371C14.7393 3.89822 14.6537 3.69156 14.5013 3.53918C14.3489 3.38681 14.1422 3.30121 13.9268 3.30121H4.17676C3.96127 3.30121 3.75461 3.38681 3.60223 3.53918C3.44986 3.69156 3.36426 3.89822 3.36426 4.11371V21.9887" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.8643 21.9887V10.6137C22.8643 10.3982 22.7787 10.1916 22.6263 10.0392C22.4739 9.88681 22.2672 9.80121 22.0518 9.80121H14.7393" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.61426 7.36371H9.86426" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.23926 13.8637H11.4893" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.61426 17.9262H9.86426" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.9893 17.9262H19.6143" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.9893 13.8637H19.6143" stroke="#F28C42" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/Buildingsbangunan.svg 0 → 100644
View file @ caa3f0e7
<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.875 14.7199H16.3121V7.40741C16.3117 7.10915 16.1931 6.8232 15.9822 6.61229C15.7713 6.40139 15.4854 6.28275 15.1871 6.28241H10.6871V2.90741C10.6867 2.60915 10.5681 2.3232 10.3572 2.11229C10.1463 1.90139 9.86035 1.78275 9.56209 1.78241H2.81209C2.51382 1.78275 2.22787 1.90139 2.01697 2.11229C1.80606 2.3232 1.68743 2.60915 1.68709 2.90741V14.7199H1.125C0.975816 14.7199 0.832742 14.7792 0.727252 14.8847C0.621763 14.9902 0.5625 15.1332 0.5625 15.2824C0.5625 15.4316 0.621763 15.5747 0.727252 15.6802C0.832742 15.7856 0.975816 15.8449 1.125 15.8449H16.875C17.0242 15.8449 17.1673 15.7856 17.2727 15.6802C17.3782 15.5747 17.4375 15.4316 17.4375 15.2824C17.4375 15.1332 17.3782 14.9902 17.2727 14.8847C17.1673 14.7792 17.0242 14.7199 16.875 14.7199ZM8.43709 9.65741C8.43709 9.80659 8.37782 9.94967 8.27233 10.0552C8.16684 10.1606 8.02377 10.2199 7.87459 10.2199H5.62459C5.4754 10.2199 5.33233 10.1606 5.22684 10.0552C5.12135 9.94967 5.06209 9.80659 5.06209 9.65741C5.06209 9.50822 5.12135 9.36515 5.22684 9.25966C5.33233 9.15417 5.4754 9.09491 5.62459 9.09491H7.87459C8.02377 9.09491 8.16684 9.15417 8.27233 9.25966C8.37782 9.36515 8.43709 9.50823 8.43709 9.65741ZM4.49959 4.59491H6.74959C6.89877 4.59491 7.04185 4.65417 7.14734 4.75966C7.25282 4.86515 7.31209 5.00823 7.31209 5.15741C7.31209 5.30659 7.25282 5.44967 7.14734 5.55516C7.04185 5.66065 6.89877 5.71991 6.74959 5.71991H4.49959C4.3504 5.71991 4.20733 5.66065 4.10184 5.55516C3.99635 5.44967 3.93709 5.30659 3.93709 5.15741C3.93709 5.00823 3.99635 4.86515 4.10184 4.75966C4.20733 4.65417 4.3504 4.59491 4.49959 4.59491ZM4.49959 11.9074H6.74959C6.89877 11.9074 7.04185 11.9667 7.14734 12.0722C7.25282 12.1777 7.31209 12.3207 7.31209 12.4699C7.31209 12.6191 7.25282 12.7622 7.14734 12.8677C7.04185 12.9731 6.89877 13.0324 6.74959 13.0324H4.49959C4.3504 13.0324 4.20733 12.9731 4.10184 12.8677C3.99635 12.7622 3.93709 12.6191 3.93709 12.4699C3.93709 12.3207 3.99635 12.1777 4.10184 12.0722C4.20733 11.9667 4.3504 11.9074 4.49959 11.9074ZM10.6871 7.40741H15.1871V14.7199H10.6871V7.40741Z" fill="url(#paint0_linear)"/>
<path d="M13.4995 11.9074H12.3745C12.2253 11.9074 12.0823 11.9667 11.9768 12.0722C11.8713 12.1777 11.812 12.3207 11.812 12.4699C11.812 12.6191 11.8713 12.7622 11.9768 12.8677C12.0823 12.9731 12.2253 13.0324 12.3745 13.0324H13.4995C13.6487 13.0324 13.7918 12.9731 13.8973 12.8677C14.0027 12.7622 14.062 12.6191 14.062 12.4699C14.062 12.3207 14.0027 12.1777 13.8973 12.0722C13.7918 11.9667 13.6487 11.9074 13.4995 11.9074Z" fill="url(#paint1_linear)"/>
<path d="M12.3745 10.2199H13.4995C13.6487 10.2199 13.7918 10.1606 13.8973 10.0552C14.0027 9.94967 14.062 9.80659 14.062 9.65741C14.062 9.50822 14.0027 9.36515 13.8973 9.25966C13.7918 9.15417 13.6487 9.09491 13.4995 9.09491H12.3745C12.2253 9.09491 12.0823 9.15417 11.9768 9.25966C11.8713 9.36515 11.812 9.50822 11.812 9.65741C11.812 9.80659 11.8713 9.94967 11.9768 10.0552C12.0823 10.1606 12.2253 10.2199 12.3745 10.2199Z" fill="url(#paint2_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="9" y1="1.78241" x2="9" y2="15.8449" gradientUnits="userSpaceOnUse">
<stop stop-color="#738ADE"/>
<stop offset="1" stop-color="#4940AF"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="12.937" y1="11.9074" x2="12.937" y2="13.0324" gradientUnits="userSpaceOnUse">
<stop stop-color="#738ADE"/>
<stop offset="1" stop-color="#4940AF"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="12.937" y1="9.09491" x2="12.937" y2="10.2199" gradientUnits="userSpaceOnUse">
<stop stop-color="#738ADE"/>
<stop offset="1" stop-color="#4940AF"/>
</linearGradient>
</defs>
</svg>
static/img/icon-1/Bus.svg 0 → 100644
View file @ caa3f0e7
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.13184 8.07732H22.6006" stroke="#4A8DDB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.13184 12.9523H22.6006" stroke="#4A8DDB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.6006 20.2648H5.13184V7.26482C5.13184 6.61835 5.38864 5.99836 5.84576 5.54124C6.30288 5.08412 6.92287 4.82732 7.56934 4.82732H20.1631C20.8096 4.82732 21.4295 5.08412 21.8867 5.54124C22.3438 5.99836 22.6006 6.61835 22.6006 7.26482V20.2648Z" stroke="#4A8DDB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.6006 20.2648V22.7023C22.6006 22.9178 22.515 23.1245 22.3626 23.2768C22.2102 23.4292 22.0036 23.5148 21.7881 23.5148H19.3506C19.1351 23.5148 18.9284 23.4292 18.7761 23.2768C18.6237 23.1245 18.5381 22.9178 18.5381 22.7023V20.2648" stroke="#4A8DDB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.19434 20.2648V22.7023C9.19434 22.9178 9.10873 23.1245 8.95636 23.2768C8.80399 23.4292 8.59732 23.5148 8.38184 23.5148H5.94434C5.72885 23.5148 5.52219 23.4292 5.36981 23.2768C5.21744 23.1245 5.13184 22.9178 5.13184 22.7023V20.2648" stroke="#4A8DDB" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.39746 17.8273C10.0706 17.8273 10.6162 17.2817 10.6162 16.6086C10.6162 15.9355 10.0706 15.3898 9.39746 15.3898C8.72436 15.3898 8.17871 15.9355 8.17871 16.6086C8.17871 17.2817 8.72436 17.8273 9.39746 17.8273Z" fill="#4A8DDB"/>
<path d="M18.335 17.8273C19.0081 17.8273 19.5537 17.2817 19.5537 16.6086C19.5537 15.9355 19.0081 15.3898 18.335 15.3898C17.6619 15.3898 17.1162 15.9355 17.1162 16.6086C17.1162 17.2817 17.6619 17.8273 18.335 17.8273Z" fill="#4A8DDB"/>
</svg>
static/img/icon-1/Factory.svg 0 → 100644
View file @ caa3f0e7
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.26953 18.1608H11.1133" stroke="#7AE9B4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.1758 18.1608H18.0195" stroke="#7AE9B4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.082 22.2233V14.0983H17.207L10.707 9.22327V14.0983L4.20703 9.22327V22.2233" stroke="#7AE9B4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.76953 22.2216H24.5195" stroke="#7AE9B4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.082 14.0983L20.5567 3.42086C20.529 3.22725 20.4324 3.05011 20.2847 2.92196C20.1369 2.79382 19.9479 2.72327 19.7523 2.72327H17.9117C17.7161 2.72327 17.5271 2.79382 17.3793 2.92196C17.2316 3.05011 17.135 3.22725 17.1073 3.42086L15.7393 12.9975" stroke="#7AE9B4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/FirstAid.svg 0 → 100644
View file @ caa3f0e7
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.75 16.25H4.0625C3.84701 16.25 3.64035 16.1644 3.48798 16.012C3.3356 15.8597 3.25 15.653 3.25 15.4375V10.5625C3.25 10.347 3.3356 10.1403 3.48798 9.98798C3.64035 9.8356 3.84701 9.75 4.0625 9.75H9.75V4.0625C9.75 3.84701 9.8356 3.64035 9.98798 3.48798C10.1403 3.3356 10.347 3.25 10.5625 3.25H15.4375C15.653 3.25 15.8597 3.3356 16.012 3.48798C16.1644 3.64035 16.25 3.84701 16.25 4.0625V9.75H21.9375C22.153 9.75 22.3597 9.8356 22.512 9.98798C22.6644 10.1403 22.75 10.347 22.75 10.5625V15.4375C22.75 15.653 22.6644 15.8597 22.512 16.012C22.3597 16.1644 22.153 16.25 21.9375 16.25H16.25V21.9375C16.25 22.153 16.1644 22.3597 16.012 22.512C15.8597 22.6644 15.653 22.75 15.4375 22.75H10.5625C10.347 22.75 10.1403 22.6644 9.98798 22.512C9.8356 22.3597 9.75 22.153 9.75 21.9375V16.25Z" stroke="#F85C5C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/FirstAidKit.svg 0 → 100644
View file @ caa3f0e7
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.1416 8.24847H4.2666C3.81787 8.24847 3.4541 8.61224 3.4541 9.06097V22.061C3.4541 22.5097 3.81787 22.8735 4.2666 22.8735H22.1416C22.5903 22.8735 22.9541 22.5097 22.9541 22.061V9.06097C22.9541 8.61224 22.5903 8.24847 22.1416 8.24847Z" stroke="#D75090" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.2666 8.24847V6.62347C17.2666 6.1925 17.0954 5.77917 16.7906 5.47443C16.4859 5.16968 16.0726 4.99847 15.6416 4.99847H10.7666C10.3356 4.99847 9.9223 5.16968 9.61755 5.47443C9.31281 5.77917 9.1416 6.1925 9.1416 6.62347V8.24847" stroke="#D75090" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.2041 12.7172V18.4047" stroke="#D75090" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.0479 15.561H10.3604" stroke="#D75090" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/GenderFemale.svg 0 → 100644
View file @ caa3f0e7
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 17.0625C17.0386 17.0625 20.3125 13.7886 20.3125 9.75C20.3125 5.71142 17.0386 2.4375 13 2.4375C8.96142 2.4375 5.6875 5.71142 5.6875 9.75C5.6875 13.7886 8.96142 17.0625 13 17.0625Z" stroke="#CA5BBF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13 17.0625V24.375" stroke="#CA5BBF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.9375 21.125H17.0625" stroke="#CA5BBF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/GenderMale.svg 0 → 100644
View file @ caa3f0e7
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.5625 22.75C14.6011 22.75 17.875 19.4761 17.875 15.4375C17.875 11.3989 14.6011 8.125 10.5625 8.125C6.52392 8.125 3.25 11.3989 3.25 15.4375C3.25 19.4761 6.52392 22.75 10.5625 22.75Z" stroke="#5380F3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.7329 10.2668L21.9372 4.0625" stroke="#5380F3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.0625 4.0625H21.9375V8.9375" stroke="#5380F3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/GraduationCap.svg 0 → 100644
View file @ caa3f0e7
<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.73438 9.91769L13.9219 3.41769L26.1094 9.91769L13.9219 16.4177L1.73438 9.91769Z" stroke="#5EC06E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.0156 24.5427V13.1677L13.9219 9.91769" stroke="#5EC06E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M23.2656 11.4344V16.9716C23.266 17.1469 23.2093 17.3175 23.1042 17.4578C22.42 18.3682 19.5335 21.6989 13.9219 21.6989C8.31025 21.6989 5.42375 18.3682 4.73956 17.4578C4.63445 17.3175 4.57779 17.1469 4.57813 16.9716V11.4344" stroke="#5EC06E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/Heartbeat.svg 0 → 100644
View file @ caa3f0e7
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.80811 13.936H7.87061L9.49561 11.4985L12.7456 16.3735L14.3706 13.936H16.8081" stroke="#9E68E3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.41346 10.6853C3.40578 10.5506 3.40191 10.4154 3.40186 10.2797C3.40206 9.05909 3.82502 7.87619 4.59882 6.93215C5.37261 5.98811 6.44948 5.3412 7.64634 5.10141C8.8432 4.86162 10.0862 5.04374 11.1639 5.61683C12.2417 6.18991 13.0877 7.11857 13.5581 8.24493L13.5581 8.24494C14.0285 7.11858 14.8745 6.18992 15.9523 5.61683C17.03 5.04375 18.273 4.86162 19.4699 5.10141C20.6667 5.3412 21.7436 5.9881 22.5174 6.93215C23.2912 7.87619 23.7141 9.05909 23.7144 10.2797C23.7144 17.186 13.5581 22.8735 13.5581 22.8735C13.5581 22.8735 9.50123 20.6016 6.51551 17.1861" stroke="#9E68E3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/Lightning.svg 0 → 100644
View file @ caa3f0e7
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7417 24.66L12.3667 16.535L5.8667 14.0975L17.2417 1.90996L15.6167 10.035L22.1167 12.4725L10.7417 24.66Z" stroke="#E1BB58" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/MapTrifold.svg 0 → 100644
View file @ caa3f0e7
<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>
static/img/icon-1/Notebook.svg 0 → 100644
View file @ caa3f0e7
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.375 11.375H17.875" stroke="#63D2A4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.375 14.625H17.875" stroke="#63D2A4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.125 4.0625H4.875C4.42627 4.0625 4.0625 4.42627 4.0625 4.875V21.125C4.0625 21.5737 4.42627 21.9375 4.875 21.9375H21.125C21.5737 21.9375 21.9375 21.5737 21.9375 21.125V4.875C21.9375 4.42627 21.5737 4.0625 21.125 4.0625Z" stroke="#63D2A4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.125 4.0625V21.9375" stroke="#63D2A4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/SquareHalflahan.svg 0 → 100644
View file @ caa3f0e7
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.3438 2.53125H3.65625C3.35799 2.53159 3.07204 2.65023 2.86113 2.86113C2.65023 3.07204 2.53159 3.35799 2.53125 3.65625V14.3438C2.53159 14.642 2.65023 14.928 2.86113 15.1389C3.07204 15.3498 3.35799 15.4684 3.65625 15.4688H14.3438C14.642 15.4684 14.928 15.3498 15.1389 15.1389C15.3498 14.928 15.4684 14.642 15.4688 14.3438V3.65625C15.4684 3.35799 15.3498 3.07204 15.1389 2.86113C14.928 2.65023 14.642 2.53159 14.3438 2.53125ZM3.65625 3.65625H9V14.3438H3.65625V3.65625Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="9" y1="2.53125" x2="9" y2="15.4688" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFC46B"/>
<stop offset="1" stop-color="#D5B64A"/>
</linearGradient>
</defs>
</svg>
static/img/icon-1/Train.svg 0 → 100644
View file @ caa3f0e7
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.81885 13.4122H21.8813" stroke="#75D9F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.81885 7.7247H21.8813" stroke="#75D9F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.1001 21.5372L7.6626 24.7872" stroke="#75D9F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.6001 21.5372L19.0376 24.7872" stroke="#75D9F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M19.4438 3.6622H7.25635C5.91015 3.6622 4.81885 4.75351 4.81885 6.0997V19.0997C4.81885 20.4459 5.91015 21.5372 7.25635 21.5372H19.4438C20.79 21.5372 21.8813 20.4459 21.8813 19.0997V6.0997C21.8813 4.75351 20.79 3.6622 19.4438 3.6622Z" stroke="#75D9F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.3501 7.7247V13.4122" stroke="#75D9F9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.88135 19.0997C9.55444 19.0997 10.1001 18.554 10.1001 17.881C10.1001 17.2079 9.55444 16.6622 8.88135 16.6622C8.20825 16.6622 7.6626 17.2079 7.6626 17.881C7.6626 18.554 8.20825 19.0997 8.88135 19.0997Z" fill="#75D9F9"/>
<path d="M17.8188 19.0997C18.4919 19.0997 19.0376 18.554 19.0376 17.881C19.0376 17.2079 18.4919 16.6622 17.8188 16.6622C17.1458 16.6622 16.6001 17.2079 16.6001 17.881C16.6001 18.554 17.1458 19.0997 17.8188 19.0997Z" fill="#75D9F9"/>
</svg>
static/img/icon-1/Vector3d.svg 0 → 100644
View file @ caa3f0e7
<svg width="51" height="53" viewBox="0 0 51 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M34.4848 17.1674C34.4826 17.1635 34.481 17.1594 34.4787 17.1554C34.4777 17.1537 34.4766 17.1522 34.4756 17.1506C34.3501 16.9365 34.1695 16.7595 33.9523 16.638L26.2432 12.3268C26.0332 12.2102 25.7966 12.149 25.5561 12.149C25.3155 12.149 25.0789 12.2102 24.8689 12.3268L17.1598 16.638C16.9418 16.76 16.7607 16.9378 16.6352 17.1529C16.6339 17.1553 16.6323 17.1574 16.631 17.1598C16.6288 17.1636 16.6273 17.1675 16.6252 17.1713C16.5075 17.3793 16.4456 17.6139 16.4453 17.8525V26.4438C16.4455 26.691 16.5117 26.9338 16.6373 27.1472C16.7628 27.3606 16.9431 27.537 17.1598 27.6584L24.8689 31.9696C25.0633 32.0777 25.2809 32.138 25.5036 32.1457C25.5192 32.1469 25.5348 32.1483 25.5508 32.1485C25.5529 32.1485 25.555 32.1485 25.5571 32.1485C25.5791 32.1485 25.6008 32.1472 25.6223 32.1453C25.8402 32.1356 26.0529 32.0755 26.2432 31.9696L33.9523 27.6584C34.169 27.537 34.3493 27.3606 34.4748 27.1472C34.6004 26.9338 34.6666 26.691 34.6668 26.4438V17.8525C34.6666 17.6124 34.6039 17.3764 34.4848 17.1674ZM25.6358 21.3487L18.581 17.442L25.5561 13.5413L32.5419 17.4481L25.6358 21.3487ZM33.2651 26.4438L26.2675 30.3571L26.3364 22.5557L33.2651 18.6422V26.4438Z" fill="url(#paint0_linear)"/>
</g>
<defs>
<filter id="filter0_d" x="0.445312" y="0.148987" width="50.2215" height="51.9995" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="8"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.215686 0 0 0 0 0.431373 0 0 0 0 0.603922 0 0 0 0.36 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="25.5561" y1="12.149" x2="25.5561" y2="32.1485" gradientUnits="userSpaceOnUse">
<stop stop-color="#63B6F2"/>
<stop offset="1" stop-color="#1D78BA"/>
</linearGradient>
</defs>
</svg>
static/img/icon-1/Vectorbasemaps.svg 0 → 100644
View file @ caa3f0e7
<svg width="51" height="50" viewBox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M34.3972 14.3281C34.3133 14.263 34.2155 14.2177 34.1113 14.1957C34.0071 14.1738 33.8993 14.1757 33.796 14.2014L28.4409 15.5324L23.0662 12.8606C23.0647 12.8598 23.063 12.8594 23.0615 12.8586C23.037 12.8466 23.0118 12.8361 22.9861 12.827C22.9816 12.8254 22.977 12.8243 22.9724 12.8228C22.951 12.8157 22.9292 12.8097 22.9071 12.8048C22.8999 12.8031 22.8927 12.8017 22.8855 12.8003C22.8646 12.7963 22.8435 12.7932 22.8221 12.7912C22.8161 12.7905 22.81 12.7897 22.8039 12.7892C22.7765 12.7871 22.749 12.7866 22.7215 12.7878L22.7194 12.788C22.6935 12.7893 22.6677 12.7921 22.6421 12.7963C22.6333 12.7977 22.6247 12.7996 22.6159 12.8014C22.6049 12.8036 22.5938 12.8051 22.5828 12.8079L16.9761 14.2014C16.8245 14.2391 16.6899 14.3261 16.5937 14.4485C16.4976 14.571 16.4453 14.7219 16.4453 14.8773V27.419C16.4453 27.5249 16.4696 27.6294 16.5163 27.7245C16.563 27.8197 16.6309 27.903 16.7149 27.9682C16.7988 28.0333 16.8966 28.0786 17.0008 28.1006C17.105 28.1226 17.2128 28.1206 17.3161 28.095L22.6712 26.764L28.0459 29.4357C28.0491 29.4373 28.0524 29.4383 28.0557 29.4399C28.0746 29.449 28.094 29.4572 28.1137 29.4646C28.1174 29.466 28.121 29.4676 28.1247 29.4689C28.1481 29.4771 28.1719 29.4842 28.1961 29.4899C28.1998 29.4908 28.2036 29.4915 28.2073 29.4923C28.2284 29.4969 28.2497 29.5006 28.2712 29.5033C28.2756 29.5039 28.2801 29.5045 28.2845 29.505C28.3397 29.5115 28.3954 29.5109 28.4503 29.5031C28.4601 29.5018 28.4697 29.4994 28.4795 29.4977C28.4961 29.4948 28.5127 29.4926 28.5293 29.4885L34.136 28.095C34.2876 28.0573 34.4222 27.9703 34.5184 27.8478C34.6146 27.7253 34.6668 27.5744 34.6668 27.419V14.8773C34.6668 14.7714 34.6425 14.6669 34.5958 14.5718C34.5491 14.4766 34.4812 14.3933 34.3972 14.3281ZM27.6585 27.6851L23.4536 25.5949V14.6112L27.6585 16.7015V27.6851Z" fill="url(#paint0_linear)"/>
</g>
<defs>
<filter id="filter0_d" x="0.445312" y="0.78717" width="50.2215" height="48.7223" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="8"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.466667 0 0 0 0 0.819608 0 0 0 0 0.698039 0 0 0 0.32 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="38.3428" y1="-1.5" x2="25.3428" y2="34" gradientUnits="userSpaceOnUse">
<stop stop-color="#33C2E1"/>
<stop offset="1" stop-color="#6EC691"/>
</linearGradient>
</defs>
</svg>
static/img/icon-1/Vectoriconlogout.svg 0 → 100644
View file @ caa3f0e7
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.53517 0.833328C11.8108 0.833328 13.6668 2.65749 13.6668 4.90333V9.29416H8.0709C7.66986 9.29416 7.35275 9.60583 7.35275 10C7.35275 10.385 7.66986 10.7058 8.0709 10.7058H13.6668V15.0875C13.6668 17.3333 11.8108 19.1667 9.51651 19.1667H4.97448C2.68948 19.1667 0.833496 17.3425 0.833496 15.0967V4.91249C0.833496 2.65749 2.69881 0.833328 4.98381 0.833328H9.53517ZM15.9953 6.83768C16.2703 6.55351 16.7195 6.55351 16.9945 6.82851L19.6712 9.49601C19.8087 9.63351 19.882 9.80768 19.882 10.0002C19.882 10.1835 19.8087 10.3668 19.6712 10.4952L16.9945 13.1627C16.857 13.3002 16.6737 13.3735 16.4995 13.3735C16.3162 13.3735 16.1328 13.3002 15.9953 13.1627C15.7203 12.8877 15.7203 12.4385 15.9953 12.1635L17.462 10.706H13.667V9.29434H17.462L15.9953 7.83685C15.7203 7.56185 15.7203 7.11268 15.9953 6.83768Z" fill="white" fill-opacity="0.9"/>
</svg>
static/img/icon-1/Vectoriconwarning.svg 0 → 100644
View file @ caa3f0e7
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9 0.0625C7.23233 0.0625 5.50436 0.586675 4.0346 1.56874C2.56483 2.55081 1.41929 3.94665 0.742831 5.57977C0.0663725 7.21288 -0.11062 9.00992 0.234236 10.7436C0.579091 12.4773 1.43031 14.0698 2.68024 15.3198C3.93017 16.5697 5.52268 17.4209 7.25638 17.7658C8.99009 18.1106 10.7871 17.9336 12.4202 17.2572C14.0534 16.5807 15.4492 15.4352 16.4313 13.9654C17.4133 12.4956 17.9375 10.7677 17.9375 9C17.9348 6.63045 16.9923 4.35871 15.3168 2.68319C13.6413 1.00766 11.3696 0.0651747 9 0.0625ZM8.3125 4.875C8.3125 4.69266 8.38494 4.5178 8.51387 4.38886C8.6428 4.25993 8.81767 4.1875 9 4.1875C9.18234 4.1875 9.35721 4.25993 9.48614 4.38886C9.61507 4.5178 9.6875 4.69266 9.6875 4.875V9.6875C9.6875 9.86984 9.61507 10.0447 9.48614 10.1736C9.35721 10.3026 9.18234 10.375 9 10.375C8.81767 10.375 8.6428 10.3026 8.51387 10.1736C8.38494 10.0447 8.3125 9.86984 8.3125 9.6875V4.875ZM9 13.8125C8.79604 13.8125 8.59666 13.752 8.42707 13.6387C8.25748 13.5254 8.12531 13.3643 8.04725 13.1759C7.9692 12.9875 7.94878 12.7801 7.98857 12.5801C8.02836 12.38 8.12658 12.1963 8.2708 12.052C8.41502 11.9078 8.59877 11.8096 8.79882 11.7698C8.99886 11.73 9.20621 11.7504 9.39465 11.8285C9.58308 11.9066 9.74414 12.0387 9.85746 12.2083C9.97077 12.3779 10.0313 12.5773 10.0313 12.7812C10.0313 13.0548 9.9226 13.3171 9.72921 13.5105C9.53581 13.7038 9.27351 13.8125 9 13.8125Z" fill="white" fill-opacity="0.9"/>
</svg>
static/img/icon-1/Vectorjalan.svg 0 → 100644
View file @ caa3f0e7
<svg width="16" height="13" viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.0625 8.45013C12.5638 8.45078 12.0794 8.61677 11.6852 8.92213C11.2909 9.22749 11.0091 9.65496 10.8837 10.1376H4.0625C3.46576 10.1376 2.89347 9.90058 2.47151 9.47862C2.04955 9.05667 1.8125 8.48437 1.8125 7.88763C1.8125 7.2909 2.04955 6.7186 2.47151 6.29664C2.89347 5.87469 3.46576 5.63763 4.0625 5.63763H10.8125C11.5584 5.63763 12.2738 5.34132 12.8012 4.81387C13.3287 4.28643 13.625 3.57106 13.625 2.82513C13.625 2.07921 13.3287 1.36384 12.8012 0.836396C12.2738 0.30895 11.5584 0.0126343 10.8125 0.0126343H4.0625C3.91332 0.0126343 3.77024 0.0718976 3.66475 0.177387C3.55926 0.282876 3.5 0.42595 3.5 0.575134C3.5 0.724319 3.55926 0.867393 3.66475 0.972882C3.77024 1.07837 3.91332 1.13763 4.0625 1.13763H10.8125C11.2601 1.13763 11.6893 1.31542 12.0057 1.63189C12.3222 1.94836 12.5 2.37758 12.5 2.82513C12.5 3.27269 12.3222 3.70191 12.0057 4.01838C11.6893 4.33484 11.2601 4.51263 10.8125 4.51263H4.0625C3.16739 4.51263 2.30895 4.86821 1.67601 5.50115C1.04308 6.13408 0.6875 6.99253 0.6875 7.88763C0.6875 8.78274 1.04308 9.64118 1.67601 10.2741C2.30895 10.9071 3.16739 11.2626 4.0625 11.2626H10.8837C10.9889 11.6701 11.2063 12.0399 11.5111 12.3301C11.8159 12.6202 12.196 12.8191 12.6082 12.904C13.0204 12.989 13.4481 12.9566 13.8429 12.8107C14.2376 12.6647 14.5835 12.4109 14.8412 12.0782C15.0989 11.7455 15.2582 11.3472 15.3009 10.9286C15.3436 10.5099 15.268 10.0876 15.0828 9.70975C14.8975 9.33187 14.61 9.01352 14.2529 8.79086C13.8958 8.5682 13.4833 8.45015 13.0625 8.45013Z" fill="#8E8E8E"/>
</svg>
static/img/icon-1/Vectoroverlay.svg 0 → 100644
View file @ caa3f0e7
<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M35.4879 20.081C35.4668 19.9842 35.4251 19.8929 35.3656 19.8134C35.3061 19.7338 35.2303 19.6678 35.1432 19.6197L33.0603 18.4702C32.945 18.248 32.8191 18.0307 32.6836 17.8204L32.7237 15.4503C32.7254 15.3512 32.7058 15.2528 32.6662 15.1618C32.6266 15.0708 32.5679 14.9893 32.4941 14.9227C31.4571 13.985 30.2287 13.281 28.8928 12.8588C28.7978 12.8286 28.6975 12.8188 28.5985 12.8302C28.4995 12.8416 28.404 12.8739 28.3186 12.9249L26.2758 14.1435C26.0245 14.1316 25.7721 14.1314 25.5214 14.1429L23.4769 12.9233C23.3914 12.8723 23.2959 12.84 23.1969 12.8286C23.0978 12.8172 22.9974 12.8269 22.9025 12.8572C21.5672 13.2812 20.3397 13.9869 19.304 14.926C19.2302 14.9926 19.1716 15.0742 19.132 15.1651C19.0924 15.2561 19.0728 15.3544 19.0745 15.4535L19.1146 17.8216C18.9787 18.0319 18.8523 18.2491 18.7369 18.4708L16.6523 19.6213C16.5651 19.6694 16.4892 19.7355 16.4298 19.8151C16.3703 19.8947 16.3286 19.986 16.3075 20.0829C16.0092 21.4446 16.0101 22.8543 16.3103 24.2156C16.3315 24.3124 16.3732 24.4037 16.4326 24.4832C16.4921 24.5628 16.5679 24.6288 16.6551 24.6769L18.7379 25.8265C18.8532 26.0486 18.9792 26.266 19.1146 26.4763L19.0745 28.8463C19.0728 28.9455 19.0924 29.0438 19.132 29.1348C19.1716 29.2258 19.2303 29.3073 19.3042 29.374C20.3411 30.3117 21.5696 31.0157 22.9055 31.4379C23.0004 31.4681 23.1007 31.4778 23.1997 31.4664C23.2988 31.455 23.3942 31.4227 23.4797 31.3717L25.5224 30.1531C25.7737 30.165 26.0261 30.1652 26.2768 30.1537L28.3213 31.3734C28.4068 31.4244 28.5023 31.4566 28.6014 31.468C28.7004 31.4794 28.8008 31.4697 28.8958 31.4394C30.2311 31.0154 31.4585 30.3097 32.4943 29.3706C32.568 29.304 32.6267 29.2225 32.6663 29.1315C32.7058 29.0405 32.7254 28.9422 32.7237 28.8431L32.6837 26.475C32.8195 26.2647 32.9459 26.0475 33.0614 25.8258L35.146 24.6753C35.2332 24.6272 35.309 24.5611 35.3685 24.4815C35.4279 24.4019 35.4696 24.3106 35.4907 24.2138C35.7891 22.852 35.7881 21.4423 35.4879 20.081ZM29.7537 22.1483C29.7537 22.9062 29.5276 23.6472 29.1041 24.2774C28.6805 24.9076 28.0785 25.3987 27.3742 25.6888C26.6699 25.9788 25.8948 26.0547 25.1471 25.9069C24.3994 25.759 23.7126 25.394 23.1735 24.8581C22.6345 24.3221 22.2674 23.6393 22.1186 22.8959C21.9699 22.1526 22.0462 21.382 22.338 20.6818C22.6297 19.9816 23.1238 19.3831 23.7577 18.962C24.3915 18.5409 25.1368 18.3161 25.8991 18.3161C26.9211 18.3173 27.9008 18.7214 28.6234 19.4398C29.346 20.1582 29.7525 21.1323 29.7537 22.1483Z" fill="url(#paint0_linear)"/>
</g>
<defs>
<filter id="filter0_d" x="0.0844727" y="0.823975" width="51.6293" height="50.6487" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="8"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.694118 0 0 0 0 0.513726 0 0 0 0 0.854902 0 0 0 0.36 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="25.8991" y1="12.824" x2="25.8991" y2="31.4727" gradientUnits="userSpaceOnUse">
<stop stop-color="#7582FA"/>
<stop offset="1" stop-color="#CD8FF3"/>
</linearGradient>
</defs>
</svg>
static/img/icon-1/Vectorteritory.svg 0 → 100644
View file @ caa3f0e7
<svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4391 1.41406C13.3457 1.3673 13.2411 1.3475 13.137 1.35687C13.033 1.36625 12.9336 1.40443 12.85 1.46713C10.8602 2.95956 9.17392 2.23686 7.22158 1.40012C5.23567 0.54902 2.98491 -0.415305 0.475015 1.46713C0.471684 1.46962 0.468801 1.47246 0.465573 1.475C0.45778 1.48111 0.450261 1.48742 0.442811 1.49393C0.435841 1.50002 0.42894 1.50617 0.42235 1.51254C0.416205 1.51846 0.4103 1.52459 0.404429 1.53079C0.39739 1.5382 0.390456 1.54565 0.383897 1.55338C0.378919 1.55925 0.374215 1.56531 0.369478 1.57137C0.362955 1.57971 0.3565 1.58809 0.350527 1.59674C0.346063 1.60312 0.341978 1.60972 0.337789 1.61629C0.332365 1.62489 0.32694 1.63347 0.321996 1.64233C0.317773 1.64985 0.313928 1.65759 0.310049 1.66533C0.305963 1.67354 0.301809 1.68171 0.298135 1.69007C0.294222 1.69893 0.290752 1.70801 0.287287 1.71709C0.284368 1.72476 0.281416 1.73242 0.278841 1.7402C0.275648 1.74983 0.272934 1.75964 0.270258 1.76952C0.268129 1.77731 0.266 1.78507 0.264215 1.79295C0.262087 1.80246 0.260335 1.81212 0.258688 1.82182C0.257177 1.83063 0.255735 1.83942 0.254636 1.84829C0.253572 1.85703 0.252817 1.86582 0.25213 1.87468C0.251375 1.88492 0.250826 1.89517 0.250584 1.90545C0.250513 1.9094 0.25 1.91321 0.25 1.91716V13.7297C0.25 13.8788 0.309263 14.0219 0.414753 14.1274C0.520242 14.2329 0.663316 14.2922 0.8125 14.2922C0.961684 14.2922 1.10476 14.2329 1.21025 14.1274C1.31574 14.0219 1.375 13.8788 1.375 13.7297V10.6454C3.26805 9.3683 4.9002 10.0667 6.77842 10.8717C7.92196 11.3618 9.15325 11.8895 10.4714 11.8895C11.4423 11.8895 12.4603 11.6031 13.525 10.8047C13.5948 10.7523 13.6516 10.6843 13.6906 10.6062C13.7297 10.5281 13.75 10.442 13.75 10.3547V1.91716C13.75 1.8127 13.7209 1.71031 13.666 1.62145C13.6111 1.53259 13.5325 1.46078 13.4391 1.41406Z" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="7" y1="0.382385" x2="7" y2="14.2922" gradientUnits="userSpaceOnUse">
<stop stop-color="#51B9DA"/>
<stop offset="1" stop-color="#4E8394"/>
</linearGradient>
</defs>
</svg>
static/img/icon-1/bukti.svg 0 → 100644
View file @ caa3f0e7
<svg width="52" height="53" viewBox="0 0 52 53" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M36 10.1416H16C15.4697 10.142 14.9612 10.3528 14.5862 10.7278C14.2112 11.1028 14.0004 11.6113 14 12.1416V32.1416C14.0004 32.6719 14.2112 33.1804 14.5862 33.5554C14.9612 33.9304 15.4697 34.1412 16 34.1416H29.5859C29.8486 34.1421 30.1088 34.0906 30.3515 33.99C30.5942 33.8894 30.8146 33.7418 31 33.5557L37.4141 27.1416C37.6002 26.9562 37.7478 26.7358 37.8484 26.4931C37.949 26.2505 38.0005 25.9902 38 25.7275V12.1416C37.9996 11.6113 37.7888 11.1028 37.4138 10.7278C37.0388 10.3528 36.5303 10.142 36 10.1416ZM22 17.1416H30C30.2652 17.1416 30.5196 17.247 30.7071 17.4345C30.8946 17.622 31 17.8764 31 18.1416C31 18.4068 30.8946 18.6612 30.7071 18.8487C30.5196 19.0362 30.2652 19.1416 30 19.1416H22C21.7348 19.1416 21.4804 19.0362 21.2929 18.8487C21.1054 18.6612 21 18.4068 21 18.1416C21 17.8764 21.1054 17.622 21.2929 17.4345C21.4804 17.247 21.7348 17.1416 22 17.1416ZM26 27.1416H22C21.7348 27.1416 21.4804 27.0362 21.2929 26.8487C21.1054 26.6612 21 26.4068 21 26.1416C21 25.8764 21.1054 25.622 21.2929 25.4345C21.4804 25.247 21.7348 25.1416 22 25.1416H26C26.2652 25.1416 26.5196 25.247 26.7071 25.4345C26.8946 25.622 27 25.8764 27 26.1416C27 26.4068 26.8946 26.6612 26.7071 26.8487C26.5196 27.0362 26.2652 27.1416 26 27.1416ZM22 23.1416C21.7348 23.1416 21.4804 23.0362 21.2929 22.8487C21.1054 22.6612 21 22.4068 21 22.1416C21 21.8764 21.1054 21.622 21.2929 21.4345C21.4804 21.247 21.7348 21.1416 22 21.1416H30C30.2652 21.1416 30.5196 21.247 30.7071 21.4345C30.8946 21.622 31 21.8764 31 22.1416C31 22.4068 30.8946 22.6612 30.7071 22.8487C30.5196 23.0362 30.2652 23.1416 30 23.1416H22ZM30 31.7275V26.1396H35.5879L30 31.7275Z" fill="url(#paint0_linear)"/>
</g>
<defs>
<filter id="filter0_d" x="0" y="0.141602" width="52" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="7"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.745833 0 0 0 0 0.58788 0 0 0 0 0.32941 0 0 0 0.36 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="28" y1="27.5" x2="38" y2="-3" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFDF6D"/>
<stop offset="1" stop-color="#AA7C38"/>
</linearGradient>
</defs>
</svg>
static/img/icon-1/kecamatan.svg 0 → 100644
View file @ caa3f0e7
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.43799 9.75H23.563L13.0005 3.25L2.43799 9.75Z" stroke="#B9773B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.68799 9.75V17.875" stroke="#B9773B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.563 9.75V17.875" stroke="#B9773B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.438 9.75V17.875" stroke="#B9773B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.313 9.75V17.875" stroke="#B9773B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.25049 17.875H22.7505" stroke="#B9773B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.62549 21.125H24.3755" stroke="#B9773B" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/kelurahan.svg 0 → 100644
View file @ caa3f0e7
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.9375 21.9375V11.7344C21.9375 11.6212 21.9138 11.5093 21.868 11.4057C21.8222 11.3022 21.7553 11.2094 21.6716 11.1332L13.546 3.74607C13.3964 3.61009 13.2016 3.53475 12.9994 3.53476C12.7973 3.53477 12.6024 3.61012 12.4528 3.74611L4.3284 11.1332C4.24465 11.2094 4.17773 11.3022 4.13194 11.4057C4.08615 11.5092 4.0625 11.6212 4.0625 11.7344V21.9375" stroke="#E6DC8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1.625 21.9375H24.375" stroke="#E6DC8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.437 21.9366V16.2491C15.437 16.0337 15.3514 15.827 15.199 15.6746C15.0467 15.5222 14.84 15.4366 14.6245 15.4366H11.3745C11.159 15.4366 10.9524 15.5222 10.8 15.6746C10.6476 15.827 10.562 16.0337 10.562 16.2491V21.9366" stroke="#E6DC8A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/penduduk.svg 0 → 100644
View file @ caa3f0e7
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.125 20.3125C9.91993 20.3125 11.375 18.8574 11.375 17.0625C11.375 15.2676 9.91993 13.8125 8.125 13.8125C6.33007 13.8125 4.875 15.2676 4.875 17.0625C4.875 18.8574 6.33007 20.3125 8.125 20.3125Z" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.24951 22.7498C3.81721 21.993 4.55328 21.3788 5.39945 20.9558C6.24561 20.5328 7.17864 20.3125 8.12466 20.3125C9.07068 20.3125 10.0037 20.5327 10.8499 20.9557C11.6961 21.3787 12.4322 21.9928 12.9999 22.7496" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.125 9.75C9.91993 9.75 11.375 8.29493 11.375 6.5C11.375 4.70507 9.91993 3.25 8.125 3.25C6.33007 3.25 4.875 4.70507 4.875 6.5C4.875 8.29493 6.33007 9.75 8.125 9.75Z" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.24951 12.1873C3.81721 11.4305 4.55328 10.8163 5.39945 10.3933C6.24561 9.97027 7.17864 9.75002 8.12466 9.75C9.07068 9.74998 10.0037 9.97018 10.8499 10.3932C11.6961 10.8162 12.4322 11.4303 12.9999 12.1871" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.875 20.3125C19.6699 20.3125 21.125 18.8574 21.125 17.0625C21.125 15.2676 19.6699 13.8125 17.875 13.8125C16.0801 13.8125 14.625 15.2676 14.625 17.0625C14.625 18.8574 16.0801 20.3125 17.875 20.3125Z" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.9995 22.7498C13.5672 21.993 14.3033 21.3788 15.1494 20.9558C15.9956 20.5328 16.9286 20.3125 17.8747 20.3125C18.8207 20.3125 19.7537 20.5327 20.5999 20.9557C21.4461 21.3787 22.1822 21.9928 22.7499 22.7496" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.875 9.75C19.6699 9.75 21.125 8.29493 21.125 6.5C21.125 4.70507 19.6699 3.25 17.875 3.25C16.0801 3.25 14.625 4.70507 14.625 6.5C14.625 8.29493 16.0801 9.75 17.875 9.75Z" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.9995 12.1873C13.5672 11.4305 14.3033 10.8163 15.1494 10.3933C15.9956 9.97027 16.9286 9.75002 17.8747 9.75C18.8207 9.74998 19.7537 9.97018 20.5999 10.3932C21.4461 10.8162 22.1822 11.4303 22.7499 12.1871" stroke="#81B569" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
static/img/icon-1/proposal.svg 0 → 100644
View file @ caa3f0e7
<svg width="76" height="80" viewBox="0 0 76 80" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d)">
<path d="M48.6987 26.2844L41.7072 19.2928C41.6971 19.2828 41.6863 19.274 41.6759 19.2645C41.6624 19.2521 41.6493 19.2393 41.6351 19.2277C41.6257 19.22 41.6157 19.2133 41.606 19.2059C41.5897 19.1934 41.5735 19.1807 41.5564 19.1691C41.5486 19.1639 41.5404 19.1596 41.5326 19.1547C41.5128 19.1422 41.4929 19.1297 41.4722 19.1185C41.4665 19.1155 41.4607 19.1132 41.4551 19.1104C41.4316 19.0983 41.4079 19.0867 41.3835 19.0765C41.3797 19.0749 41.3757 19.0737 41.3718 19.0722C41.3455 19.0616 41.3188 19.0518 41.2915 19.0435C41.2875 19.0422 41.2834 19.0415 41.2795 19.0403C41.2524 19.0325 41.225 19.0252 41.1969 19.0196C41.188 19.0178 41.1788 19.017 41.1698 19.0155C41.1466 19.0115 41.1235 19.0074 41.0999 19.0051C41.0667 19.0017 41.0334 19 41 19H28.999C28.4688 19.0006 27.9604 19.2115 27.5855 19.5865C27.2105 19.9614 26.9996 20.4698 26.999 21V43C26.9996 43.5302 27.2105 44.0386 27.5855 44.4135C27.9604 44.7885 28.4688 44.9994 28.999 45H47C47.5302 44.9994 48.0386 44.7885 48.4135 44.4135C48.7885 44.0386 48.9994 43.5302 49 43V27.0193C49.0001 27.0128 49.001 27.0065 49.001 27C49.0011 26.8665 48.9744 26.7344 48.9224 26.6115C48.8705 26.4886 48.7944 26.3773 48.6987 26.2844ZM42.6812 39.682C42.4937 39.8695 42.2393 39.9749 41.9741 39.9749C41.7089 39.9749 41.4546 39.8695 41.267 39.682L39.8939 38.3089C38.9581 38.896 37.8389 39.118 36.7498 38.9322C35.6608 38.7465 34.6784 38.1661 33.9901 37.302C33.3019 36.4379 32.956 35.3505 33.0187 34.2475C33.0813 33.1446 33.548 32.1033 34.3296 31.3226C35.1113 30.542 36.1531 30.0765 37.2561 30.0153C38.3592 29.954 39.4461 30.3012 40.3094 30.9905C41.1727 31.6798 41.7518 32.663 41.9362 33.7522C42.1206 34.8415 41.8973 35.9604 41.309 36.8955L42.6812 38.2677C42.7741 38.3606 42.8477 38.4708 42.898 38.5921C42.9483 38.7135 42.9741 38.8435 42.9741 38.9749C42.9741 39.1062 42.9483 39.2362 42.898 39.3576C42.8477 39.4789 42.7741 39.5891 42.6812 39.682ZM41 27V21.4142L46.5857 27H41Z" fill="url(#paint0_linear)"/>
</g>
<path d="M37.499 32.0012C36.9211 32.0017 36.3613 32.2025 35.9148 32.5694C35.4684 32.9363 35.163 33.4467 35.0506 34.0136C34.9382 34.5804 35.0259 35.1687 35.2986 35.6782C35.5713 36.1877 36.0123 36.5868 36.5463 36.8077C37.0803 37.0285 37.6744 37.0574 38.2273 36.8894C38.7802 36.7214 39.2578 36.3668 39.5786 35.8862C39.8995 35.4055 40.0438 34.8285 39.9869 34.2535C39.93 33.6784 39.6755 33.1408 39.2668 32.7323C39.0348 32.5 38.7592 32.3158 38.4558 32.1904C38.1525 32.0649 37.8273 32.0006 37.499 32.0012Z" fill="url(#paint1_linear)"/>
<defs>
<filter id="filter0_d" x="-0.000976562" y="0" width="76.002" height="80" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="8"/>
<feGaussianBlur stdDeviation="13.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.34902 0 0 0 0 0.882353 0 0 0 0 0.803922 0 0 0 0.36 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<linearGradient id="paint0_linear" x1="38" y1="19" x2="38" y2="45" gradientUnits="userSpaceOnUse">
<stop stop-color="#ADF0FF"/>
<stop offset="1" stop-color="#48DDC2"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="37.501" y1="32.0012" x2="37.501" y2="36.9973" gradientUnits="userSpaceOnUse">
<stop stop-color="#ADF0FF"/>
<stop offset="1" stop-color="#48DDC2"/>
</linearGradient>
</defs>
</svg>
static/js/maps.js
View file @ caa3f0e7
var map = L.map('map', { editable: true, zoomControl: false, drawControl: true }).setView([-4.125826277307029, 104.1881561279297], 10);
var map = L.map('map', { editable: true, zoomControl: false, drawControl: true }).setView([-4.117012285203445, 104.0673065185547], 10);
var pool = [];
......@@ -20,11 +20,8 @@ function loaderPage(stat) {
};
$("#sidebar").hide()
maps = 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);
//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
maps = L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', { id: 'mapbox/light-v9', tileSize: 512, zoomOffset: -1 }).addTo(map);
OpenStreetMap.onclick = function() {
maps = 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", {
......@@ -35,7 +32,7 @@ OpenStreetMap.onclick = function() {
WorldImagery.onclick = function() {
// https://{s}.tiles.wmflabs.org/osm-no-labels/{z}/{x}/{y}.png
maps = L.tileLayer("https://{s}.tiles.wmflabs.org/osm-no-labels/{z}/{x}/{y}.png", {
maps = L.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}", {
maxZoom: 22,
minZoom: 3,
}).addTo(map);
......
static/js/pages/form_checkboxes_radios.js
View file @ caa3f0e7
/* ------------------------------------------------------------------------------
*
* # Styled checkboxes, radios and file input
*
* Specific JS code additions for form_checkboxes_radios.html page
*
* Version: 1.0
* Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */
*
* # Styled checkboxes, radios and file input
*
* Specific JS code additions for form_checkboxes_radios.html page
*
* Version: 1.0
* Latest update: Aug 1, 2015
*
* ---------------------------------------------------------------------------- */
$(function() {
......@@ -21,8 +21,7 @@ $(function() {
elems.forEach(function(html) {
var switchery = new Switchery(html);
});
}
else {
} else {
var elems = document.querySelectorAll('.switchery');
for (var i = 0; i < elems.length; i++) {
var switchery = new Switchery(elems[i]);
......@@ -30,8 +29,28 @@ $(function() {
}
// Colored switches
var primary = document.querySelector('.switchery-primary');
var switchery = new Switchery(primary, { color: '#2196F3' });
/* ini ngaruh sama element yang punya class "switchery-" */
var primary = document.querySelectorAll("[class^=switchery-");
/* ------------------- */
console.log(primary);
var switcheryCustom = document.querySelector('.switchery-custom');
var switchery = new Switchery(switcheryCustom, { color: '#5A9AFB', secondaryColor: '#3B3E47', jackColor: '#fff', jackSecondaryColor: '#fff' });
// var switchery = new Switchery(primary[0], { color: '#2196F3' });
/* inisialisasi switchery buat class "switchery-" */
for (var z = 0; z < primary.length; z++) {
var switchery = new Switchery(primary[z], { color: '#5A9AFB', secondaryColor: '#3B3E47', jackColor: '#fff', jackSecondaryColor: '#fff' });
}
/* ------------------ */
var switcheryCustom1 = document.querySelector('.switchery-custom1');
var switchery = new Switchery(switcheryCustom1, { color: '#5A9AEB', secondaryColor: '#3B3E47', jackColor: '#fff', jackSecondaryColor: '#fff' });
// var switchery = new Switchery(primary, { color: '#2196F3' });
var danger = document.querySelector('.switchery-danger');
var switchery = new Switchery(danger, { color: '#EF5350' });
......@@ -40,7 +59,7 @@ $(function() {
var switchery = new Switchery(warning, { color: '#FF7043' });
var info = document.querySelector('.switchery-info');
var switchery = new Switchery(info, { color: '#00BCD4'});
var switchery = new Switchery(info, { color: '#00BCD4' });
......
static/js/scripts.js
View file @ caa3f0e7
......@@ -90,19 +90,104 @@ $("#button_hide_panel").click(function() {
})
$("#button_keterangan").click(function() {
$(".pace-done").toggleClass("sidebar-move")
$("#panel-samping").toggleClass("move");
$(".mymodal").toggleClass("input_perbaikan")
$("#button_unhide_panel").toggleClass("move-btn");
})
$("#button_unhide_panel").click(function() {
$(".pace-done").toggleClass("sidebar-move")
$("#panel-samping").toggleClass("move");
$(".mymodal").toggleClass("input_perbaikan")
$(this).toggleClass("move-btn");
})
// $("#panel-samping").css('display', 'block');
// $("#button_unhide").css('display', 'none');
// $("#button_hide_panel").css('display', 'block');
// $("#thisFooter").css('left', '380px');
// $("#thisFooter").css('max-width', '900px');
// $('#legenda').css('left', '380px');
// $("#legenda").css('max-width', '900px');
$("#manage_perbaikan").click(function() {
$(".pace-done").toggleClass("sidebar-move");
$("#panel-samping").toggleClass("move");
$(".mymodal").toggleClass("input_perbaikan");
$("#button_unhide_panel").toggleClass("move-btn");
$("#perbaikan-dashboard").toggleClass("perbaikan-dashboard");
// var content_perbaikan = `
// <div id="panel-samping-child" class="sidebar-2" style="background: #1B1F2D;position: absolute;z-index: 9;width: 23%;height:100vh;left: -30%;transition: all 0.5s ease;">
// <div style="margin-left: 50px;background: #1B1F2D;">
// <div class="header" style="margin-top: 25px;background: #2F3445;">
// <h6 class="panel-title" style="color: #ffff;margin-left: 20px;font-size: 12pt;">Laporan Perbaikan<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
// </div>
// <div class="bod" style="margin-top: 10px;margin-left:6px;">
// <div style="color: white;">
// <span>Filter:</span>
// </div>
// <div class="form-group" style="margin-top: 15px;width: 250px;">
// <select name="select" id="sel-kec" class="form-control input-sm" style="background-color: #393E54;border-radius: 8px;border-color: #393E54;color: white;">
// <option value="opt1">Pilih Kecamatan</option>
// <option value="opt1">Pilih Kecamatan</option>
// <option value="opt1">Pilih Kecamatan</option>
// {% for nama_kecamatan in kec_res %}
// {% endfor %}
// </select>
// </div>
// <div class="form-group" style="margin-top: 15px;width: 250px;">
// <select name="select" id="sel-desa" class="form-control input-sm" style="background-color: #393E54;border-radius: 8px;border-color: #393E54;color: white;">
// <option value="opt1">Pilih Desa</option>
// </select>
// </div>
// </div>
// </div>
// </div>
// <div class="panel panel-flat" id="perbaikan-dashboard" style="background: #181B27;position: absolute;z-index: 9;width: 77%;height:100vh;left: 23%;transition: all 0.5s ease;color: white; border: none;">
// <div class="panel-heading" style="background-color:#181B27;border-bottom: 0.5pt solid #313649;">
// <h6 class="panel-title">Table Data Perbaikan</h6>
// </div>
// <div class="panel-body">
// <table class="table table-responsive datatable-show-all table-sm" id="userList" style="word-wrap:break-word;">
// <thead>
// <tr>
// <th>No.</th>
// <th>Sarana Perbaiakn</th>
// <th>Nama</th>
// <th>Type</th>
// <th>Tanggal Mulai</th>
// <th>Tanggal Selesai</th>
// <th>Anggaran</th>
// <th>Keterangan</th>
// </tr>
// </thead>
// <tbody id="loop-perbaikan">
// {% for all in res_all %}
// <tr>
// <td>{{forloop.counter}}</td>
// <td>{{all.name_perbaikan}}</td>
// <td>{{all.name}}</td>
// <td>{{all.type}}</td>
// <td>{{all.tgl_perbaikan}}</td>
// <td>{{all.tgl_selesai}}</td>
// <td>{{all.anggaran}}</td>
// <td class="text-center">
// <a class="mdlFire" onclick="loadjlbyid('{{all.id_object}}')" data-toggle="modal" data-target="#modal_detail">Detail</a>
// </td>
// </tr>
// {% endfor %}
// </tbody>
// </table>
// </div>
// </div>`;
// $("#panel-samping").html(content_perbaikan)
})
......
templates/includes/js-o.html
View file @ caa3f0e7
{% load static %} {% for group in user.groups.all %}
<script>
swal({
title: 'SUKSES',
text: 'Anda Login Sebagai ' + "{{group}}",
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
})
var group = "{{group}}"
</script>
{% if group.name == 'Dinas Pekerjaan Umum dan Penataan Ruang' %}
{% load static %} {% for group in user.groups.all %} {% if group.name == 'Dinas Pekerjaan Umum dan Penataan Ruang' %}
<style>
#btn_edit_kelurahan {
display: block;
......@@ -243,122 +231,24 @@
onEachFeature: function(feature, layer) {
layer.on({
click: function(e) {
$('#modal_detail_kelurahan').modal('show');
if (feature.administrasi.f9 == 'NONE') {
var path_img = "static/img/image_null.jpg"
var path_img = "static/img/image_null.png"
} else {
var path_img = `"static/image/kelurahan/` + feature.administrasi.f9 + `"`
}
$(".gambar_kelurahan").html(`<img src="` + path_img + `" alt="" style="width:360px;height:290px;border-top-left-radius: 10px;">`)
$(".nama_kelurahan").html(feature.administrasi.f2 + ` , ` + feature.administrasi.f3 + `, ` + feature.administrasi.f4)
$(".kode_kelurahan").html(feature.administrasi.f1)
$(".jumlah_penduduk_kelurahan").html(feature.administrasi.f6)
$(".luas_wilayah_kelurahan").html(feature.administrasi.f10)
$(".jumlah_kk_kelurahan").html(feature.administrasi.f7)
$(".tombol-edit").html(`<a href="/editkelurahan?kode_dagri=` + encodeURIComponent(feature.administrasi.f1) + `" class='btn'>Edit</a>`)
content = `
<table class="table tasks-list">
<thead style="text-align: center;">
<tr>
<th style="padding: 0 0 0 0px;">
<img src=` + path_img + ` alt="Image" style="width: 100%;max-height: 368px;height:368"> </th>
</tr>
</thead>
<tbody>
<tr style="height: 100px;">
<th>
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;
font-family: ui-serif;">
` + feature.administrasi.f2 + ` , ` + feature.administrasi.f3 + `, ` + feature.administrasi.f4 + `
</span>
</h1>
</div>
</th>
</tr>
<tr>
<th>
<label class="text-semibold" style="margin-left:10px">Informasi Umum</label>
<div>
<table>
<tr>
<th>Kode Desa</th>
<td>:&nbsp` + feature.administrasi.f1 + `</td>
</tr>
<tr>
<th>Luas Wilayah</th>
<td>:&nbsp` + feature.administrasi.f8 + `</td>
</tr>
<tr>
<th>Jumlah Penduduk</th>
<td>:&nbsp` + feature.administrasi.f6 + `</td>
</tr>
<tr>
<th>Jumlah KK</th>
<td>:&nbsp` + feature.administrasi.f7 + `</td>
</tr>
</table>
<p class="text-center" style="margin-top: 25px;">
<input class="hidden" id="kode_desa_dagri" value="` + feature.administrasi.f1 + `"></input>
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-detail-kelurahan" data-keyboard="false" style="width: 361px;">Detail</a>
<a href="/editkelurahan?kode_dagri=` + encodeURIComponent(feature.administrasi.f1) + `" class='btn
btn-default' id="btn_edit_kelurahan">Edit</a>
</p>
</div>
</th>
</tr>
</tbody>
</table>
`;
var info_kel_umum = `<table class="table tasks-list">
<thead style="text-align: center;">
<th class="text-center" style="padding: 0 0 0 0px;">
<img src=` + path_img + ` alt="Image" style="width: 70%;max-height: 368px;height:368"> </th>
</thead>
<tbody>
<tr class="text-center" style="height: 100px;">
<th>
<div>
<span>` + feature.administrasi.f2 + ` , ` + feature.administrasi.f3 + `, ` + feature.administrasi.f4 + `</span>
</div>
</th>
</tr>
<tr>
<th>
<label class="text-center" style="margin-left:10px">Informasi Umum</label>
<div>
<table>
<tr>
<th>Kode Desa</th>
<td>:&nbsp` + feature.administrasi.f1 + `</td>
</tr>
<tr>
<th>Luas Wilayah</th>
<td>:&nbsp` + feature.administrasi.f8 + `</td>
</tr>
<tr>
<th>Jumlah Penduduk</th>
<td>:&nbsp` + feature.administrasi.f6 + `</td>
</tr>
<tr>
<th>Jumlah KK</th>
<td>:&nbsp` + feature.administrasi.f7 + `</td>
</tr>
</table>
</div>
</th>
</tr>
</tbody>
</table>
`;
$("#detail-kelurahan-umum").html(info_kel_umum)
var nama_data_penduduk = ['pria', 'wanita', 'belum_kawin', 'kawin', 'cerai_hidup', 'cerai_mati', 'wajib_ktp'];
var dataset_penduduk = [feature.penduduk.f1, feature.penduduk.f2, feature.penduduk.f3, feature.penduduk.f4, feature.penduduk.f5, feature.penduduk.f6, feature.penduduk.f7];
......@@ -374,19 +264,25 @@
var dataset_umur = [feature.penduduk.f16, feature.penduduk.f17, feature.penduduk.f18, feature.penduduk.f19, feature.penduduk.f20, feature.penduduk.f21, feature.penduduk.f22, feature.penduduk.f23, feature.penduduk.f24, feature.penduduk.f25, feature.penduduk.f26, feature.penduduk.f27, feature.penduduk.f28, feature.penduduk.f29, feature.penduduk.f30];
var nama_data_pekerja = ['tidak_bekerja', 'aparatur_pemerintah', 'tenaga_pendidik', 'wiraswasta', 'pertanian', 'tenaga_kesehatan', 'pensiunan', 'pegawai', 'tentara', 'kepolisian', 'pedagang', 'petani', 'peternak', 'nelayan', 'karyawan', 'buruh', 'pembantu', 'tukang', 'pendeta', 'pastor', 'ustadz', 'dosen', 'guru', 'pilot', 'pengacara', 'notaris', 'arsitek', 'akuntan', 'konsultan', 'dokter', 'bidan', 'perawat', 'psikiater', 'sopir', 'lainnya'];
var dataset_pekerja = [feature.pekerjaan_pendidikan.f11, feature.pekerjaan_pendidikan.f12, feature.pekerjaan_pendidikan.f13, feature.pekerjaan_pendidikan.f14, feature.pekerjaan_pendidikan.f15, feature.pekerjaan_pendidikan.f16, feature.pekerjaan_pendidikan.f17, feature.pekerjaan_pendidikan.f18, feature.pekerjaan_pendidikan.f19, feature.pekerjaan_pendidikan.f20, feature.pekerjaan_pendidikan.f21, feature.pekerjaan_pendidikan.f22, feature.pekerjaan_pendidikan.f23, feature.pekerjaan_pendidikan.f24, feature.pekerjaan_pendidikan.f25, feature.pekerjaan_pendidikan.f26, feature.pekerjaan_pendidikan.f27, feature.pekerjaan_pendidikan.f28, feature.pekerjaan_pendidikan.f29, feature.pekerjaan_pendidikan.f30, feature.pekerjaan_pendidikan.f31, feature.pekerjaan_pendidikan.f32, feature.pekerjaan_pendidikan.f33, feature.pekerjaan_pendidikan.f34, feature.pekerjaan_pendidikan.f35, feature.pekerjaan_pendidikan.f36, feature.pekerjaan_pendidikan.f37, feature.pekerjaan_pendidikan.f38, feature.pekerjaan_pendidikan.f39, feature.pekerjaan_pendidikan.f40, feature.pekerjaan_pendidikan.f41, feature.pekerjaan_pendidikan.f42, feature.pekerjaan_pendidikan.f43, feature.pekerjaan_pendidikan.f44, feature.pekerjaan_pendidikan.f45];
var nama_data_pekerja = ['tidak_bekerja', 'aparatur_pemerintah', 'tenaga_pendidik', 'wiraswasta', 'pertanian', 'tenaga_kesehatan', 'pegawai', 'dokter', 'bidan', 'perawat', 'lainnya'];
var dataset_pekerja = [feature.pekerjaan_pendidikan.f11, feature.pekerjaan_pendidikan.f12, feature.pekerjaan_pendidikan.f13, feature.pekerjaan_pendidikan.f14, feature.pekerjaan_pendidikan.f15, feature.pekerjaan_pendidikan.f16, feature.pekerjaan_pendidikan.f18, feature.pekerjaan_pendidikan.f40, feature.pekerjaan_pendidikan.f41, feature.pekerjaan_pendidikan.f42, feature.pekerjaan_pendidikan.f45];
var colorPalette = ['#00D8B6', '#008FFB', '#FEB019', '#FF4560', '#775DD0']
var options_penduduk = {
series: [{
name: 'Penduduk',
data: dataset_penduduk
}],
chart: {
type: 'bar',
height: 350
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
},
plotOptions: {
bar: {
......@@ -413,7 +309,30 @@
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
......@@ -434,7 +353,13 @@
}],
chart: {
type: 'bar',
height: 350
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
},
plotOptions: {
bar: {
......@@ -461,7 +386,31 @@
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
......@@ -482,7 +431,13 @@
}],
chart: {
type: 'bar',
height: 350
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
},
plotOptions: {
bar: {
......@@ -509,7 +464,31 @@
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "vertical",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
......@@ -530,11 +509,17 @@
}],
chart: {
type: 'bar',
height: 350
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
},
plotOptions: {
bar: {
horizontal: false,
horizontal: true,
columnWidth: '55%',
endingShape: 'rounded'
},
......@@ -557,7 +542,31 @@
show: true
},
fill: {
type: 'gradient',
gradient: {
type: "horizontal",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
......@@ -578,7 +587,13 @@
}],
chart: {
type: 'bar',
height: 350
height: 350,
toolbar: {
tools: {
download: '<div style="margin-left: 25px;"><i class=" icon-download4"></i><span>&nbsp;&nbsp; Download</span></div>',
}
}
},
plotOptions: {
bar: {
......@@ -592,6 +607,33 @@
xaxis: {
categories: nama_data_pekerja,
},
fill: {
type: 'gradient',
gradient: {
type: "horizontal",
shadeIntensity: 1,
opacityFrom: 0.7,
opacityTo: 0.9,
colorStops: [{
offset: 0,
color: "#6BB8FF",
opacity: 1
}, {
offset: 20,
color: "#6BB8FF",
opacity: 1
}, {
offset: 60,
color: "#7282D8",
opacity: 1
}, {
offset: 100,
color: "#7282D8",
opacity: 1
}]
}
},
tooltip: {
y: {
formatter: function(val) {
......@@ -608,39 +650,27 @@
setTimeout(function() {
chart_penduduk.render();
}, 500);
}, 100);
var chart_pendidik = new ApexCharts(document.querySelector("#info_pendidik"), options_pendidik);
//chart_pendidik.render();
setTimeout(function() {
chart_pendidik.render();
}, 500);
}, 100);
var chart_umur = new ApexCharts(document.querySelector("#info_umur"), options_umur);
//chart_umur.render();
setTimeout(function() {
chart_umur.render();
}, 500);
}, 100);
var chart_pekerja = new ApexCharts(document.querySelector("#info_pekerjaan"), options_pekerja);
//chart_pekerja.render();
setTimeout(function() {
chart_pekerja.render();
}, 500);
}, 100);
var chart_agama = new ApexCharts(document.querySelector("#info_agama"), options_agama);
//chart_agama.render();
setTimeout(function() {
chart_agama.render();
}, 500);
}, 100);
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block")
// $("#thisFooter").css('left', '380px');
// $("#thisFooter").css('width', '930px');
$("#thisFooter").css('display', 'none');
$("#button_unhide").css('display', 'block')
$("#isi_panel").html(content)
panel_samp()
......@@ -727,8 +757,7 @@
</div>
</div>
</div>
`;
</div>`;
$('#info-footer').html(info_foot)
var layer = e.target;
layer.setStyle({
......@@ -1095,63 +1124,47 @@
onEachFeature: function(feature, layer) {
layer.on({
click: function(e) {
$("#modal_detail_non_kelurahan").modal("show")
if (feature.legend.f4 == 'NONE') {
var path_img = "static/img/image_null.jpg"
var path_img = "static/img/image_null.png"
} else {
var path_img = `"static/image/tuplah/` + feature.legend.f4 + `"`
}
$(".gambar_keterangan").html(`<img src="` + path_img + `" alt="" style="width:360px;height:290px;border-top-left-radius: 10px;border-top-right-radius: 10px;">`)
$(".nama_keterangan").html(feature.legend.f2)
$(".isi_keterangan").html(`
<input type="text" name="idtuplah" id="idtuplah" class="hidden" value="">
content = `
<table class="table tasks-list">
<thead style="text-align: center;">
<tr>
<th style="padding: 0 0 0 0px;">
<img src=` + path_img + ` alt="Image" style="width: 100%;max-height: 368px;height:368">
</th>
</tr>
</thead>
<tbody>
<div class= "container">
<tr style="height: 100px;">
<th>
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="hidden" value="">
<div class="col-md-12">
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
` + feature.legend.f2 + `
</span>
</h1>
<div>
<span>Jenis Lahan</span>
</div>
</th>
</tr>
<div>
<span>Null</span>
</div>
<div class= "container">
<tr>
<th>
<p>
<span>Luas Lahan : ` + feature.legend.f3 + `</span>
</p>
<p class="text-center" style="margin-top: 25px;">
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-edit-tuplah" id="btn_edit_tuplah" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Tutupan Lahan</i></a>
</p>
</th>
</tr>
</div>
</tbody>
</table>`;
$("#isi_panel").html(content)
<div>
<div>
<span>Luas Lahan</span>
</div>
<div>
<span style="font-family: 'Roboto';">` + feature.legend.f3 + `m2</span>
</div>
</div>
</div>`)
$('#idtuplah').val(feature.legend.f1);
$("#coordinatetuplah").val(feature.geometry);
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block");
panel_samp()
},
mouseover: function(e) {
var layer = e.target;
......@@ -2000,119 +2013,97 @@
onEachFeature: function(feature, layer) {
if (feature.properties) {
layer.on({
click: function(e) {
$("#modal_detail_non_kelurahan").modal(show);
var geogeo = geocodeService.reverse().latlng(e.latlng).run(function(error, result) {
if (feature.properties.f6 == 'None') {
var path_img = "static/img/image_null.jpg"
var path_img = "static/img/image_null.png"
} else {
var path_img = `"static/image/jalan/` + feature.properties.f6 + `"`
}
$(".gambar_keterangan").html(`<img src="` + path_img + `" alt="" style="width:360px;height:290px;border-top-left-radius: 10px;border-top-right-radius: 10px;">`)
if (result.address.Address != '') {
var nmjalan = result.address.Address
} else {
var nmjalan = feature.properties.f2
};
$(".nama_keterangan").html(feature.legend.f2)
var history
if (feature.properties.f7 != null) {
var list_history = feature.properties.f7
$(".isi_keterangan").html(`
<input type="text" name="idtuplah" id="idtuplah" class="hidden" value="">
var list_history_panel = ``
for (var i = 0; i < list_history.length; i++) {
var dt_history = list_history[i].split(",");
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="hidden" value="">
var data_history = `<div class="form-group" style="margin-bottom:0px;">
<div class="row">
<label class="col-md-6">` + dt_history[1] + `</label>
<a class="col-md-3" onclick="getjalanper(` + dt_history[0] + `)"><i>View Ruas</i></a>
<a class="col-md-3" onclick="getdetailper(` + dt_history[0] + `)" data-toggle="modal" data-target="#modal_detail"><i>View Detail</i></a>
<div class="col-md-6">
<div>
<div>
<span>Panjang Jalan</span>
</div>
</div>`;
list_history_panel += data_history
};
history = `<p class="text-center">
History Perbaikan
</p>
<br>
` + list_history_panel + `
<p class="text-center" style="margin-top: 10px;">
<a href="#" id='btn_perbaikan_jalan' class="btn btn-default"><i>Tambah History Perbaikan</i></a>
</p>`;
} else {
history = `<p class="text-center">
History Perbaikan
</p>
<br>
<p class="text-center" style="margin-top: 10px;">
<a href="#" id='btn_perbaikan_jalan' class="btn btn-default"><i>Input History Perbaikan</i></a>
</p>`;
}
content = `
<table class="table tasks-list">
<thead style="text-align: center;">
<tr>
<th style="padding: 0 0 0 0px;">
<img src=` + path_img + ` alt="Image" style="width: 100%;max-height: 237px;height:237">
</th>
</tr>
</thead>
<tbody>
<div class= "container">
<tr style="height: 100px;">
<th>
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
` + nmjalan + `
</span>
</h1>
<span>` + feature.legend.f3 + `m</span>
</div>
</th>
</tr>
</div>
<div class= "container">
<tr style="height: 40px;">
<th>
<p>
<span>Panjang Jalan : ` + feature.properties.f3 + ` m</span>
</p>
<p>
<span>Panjang Jalan : ` + feature.properties.f3 + ` m</span>
</p>
<p>
<span>Lebar Jalan : ` + feature.properties.f4 + ` m</span>
</p>
<p>
<span>Tipe Jalan : ` + feature.properties.f5 + `</span>
</p>
<p class="text-center" style="margin-top: 25px;">
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-jalan" id="btn_jalan" data-backdrop="static" data-keyboard="false"><i>Edit Informasi Jalan</i></a>
<a href="#" class="btn btn-default" data-toggle="modal" data-target="#modal-hapus-jalan" id="btn_hapus_jalan" data-backdrop="static" data-keyboard="false" style="display:block;"><i>Hapus Jalan</i></a>
</p>
</th>
</tr>
<div>
<div>
<span>Lebar Jalan</span>
</div>
<div class="container">
<tr style="height: 40px;">
<th id="history_panel">
` + history + `
</th>
</tr>
<div>
<span style="font-family: 'Roboto';">` + feature.properties.f4 + ` m</span>
</div>
</tbody>
</table>`;
$("#isi_panel").html(content);
$('#namajalan').val(nmjalan);
</div>
</div>
<div class="col-md-6">
<div>
<div>
<span>Tipe Jalan</span>
</div>
<div>
<span>` + feature.properties.f5 + `</span>
</div>
</div>
</div>
`)
//if (result.address.Address != '') {
// var nmjalan = result.address.Address
//} else {
// var nmjalan = feature.properties.f2
//};
//
//var history
//if (feature.properties.f7 != null) {
// var list_history = feature.properties.f7
//
// var list_history_panel = ``
// for (var i = 0; i < list_history.length; i++) {
// var dt_history = list_history[i].split(",");
//
// var data_history = `<div class="form-group" style="margin-bottom:0px;">
// <div class="row">
// <label class="col-md-6">` + dt_history[1] + `</label>
// <a class="col-md-3" onclick="getjalanper(` + dt_history[0] + `)"><i>View Ruas<///i></a>
// <a class="col-md-3" onclick="getdetailper(` + dt_history[0] + `)" //data-toggle="modal" data-target="#modal_detail"><i>View Detail</i></a>
// </div>
// </div>`;
// list_history_panel += data_history
// };
//
// history = `<p class="text-center">
// History Perbaikan
// </p>
// <br>
// ` + list_history_panel + `
// <p class="text-center" style="margin-top: 10px;">
// <a href="#" id='btn_perbaikan_jalan' class="btn btn-default"><i>Tambah History Perbaikan</i><///a>
// </p>`;
//} else {
// history = `<p class="text-center">
// History Perbaikan
// </p>
// <br>
// <p class="text-center" style="margin-top: 10px;">
// <a href="#" id='btn_perbaikan_jalan' class="btn btn-default"><i>Input History Perbaikan</i></a>
// </p>`;
//}
//
$('#namajalan').val(feature.legend.f2);
});
$('#idjalan').val(feature.properties.f1);
......@@ -2122,9 +2113,6 @@
$("#coordinatejalan").val(feature.geometry);
$("#panel-samping").css("display", "block");
$("#button_hide_panel").css("display", "block");
panel_samp()
}
});
......
templates/includes/modal.html
View file @ caa3f0e7
......@@ -279,9 +279,9 @@
<h6 class="modal-title">Batas Lahan</h6>
</div>
<input type="text" name="idtuplah" id="idtuplah" class="form-control hidden" value="">
<input type="text" name="idtuplah" id="idtuplah" class="hidden" value="">
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="form-control hidden" value="">
<input type="text" name="coordinatetuplah" id="coordinatetuplah" class="hidden" value="">
<div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div id="map-edit-tuplah" style="width: 400px;height: 300px;position: relative;margin-left: 100px;margin-left: 100px;
......@@ -447,52 +447,148 @@
</div>
</div>
<div id="modal-detail-kelurahan" class="modal fade">
<div class="modal-dialog" style="width: 850px;">
<div class="modal-content">
<div class="modal-header bg-info" style="background-color: #40777c;">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h6 class="modal-title">Detail Kelurahan</h6>
<style>
#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div:nth-child(2)>div.row>div>div>div:nth-child(1) {
margin-bottom: 5px;
}
#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div:nth-child(2)>div.row>div>div>div:nth-child(2) {
margin-bottom: 10px;
font-family: 'gilroysemibold';
}
li.active>a:after {
border-bottom: 2pt solid #60B2FD;
}
.apexcharts-menu-icon {
width: 150px;
color: white;
left: -16px;
}
.apexcharts-toolbar {
right: -50px!important;
top: 104%!important;
background-color: #5A9AFB;
border-top-left-radius: 10px;
width: 150px;
height: 45px;
border-bottom-right-radius: 10px;
}
.apexcharts-menu {
top: -98px!important;
right: 0px!important;
}
</style>
<div class="modal fade" id="modal_detail_kelurahan" tabindex="-1" role="dialog">
<div class="modal-dialog modal-md" style="width: 820px;max-height: 500px;min-height: 500px;">
<div class="modal-content" style="border-radius:10px;max-height: 500px;min-height: 500px;">
<div class="modal-body" style="padding: 0px;">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="padding: 5px 10px 0px 0px;">×</button>
<fieldset>
<div class="row">
<div class="col-md-6">
<div class="gambar_kelurahan">
<img src="/static/img/imm.png" alt="" style="width:360px;height:290px;border-top-left-radius: 10px;">
</div>
<div style="margin: 10px;">
<div style="font-family: 'gilroybold';margin-bottom: 10px;" class="nama_kelurahan">
NAMADESA
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-5" id="detail-kelurahan-umum">
</div>
<div class="col-md-7">
<div class="tabbable tab-content-bordered">
<ul class="nav nav-tabs nav-tabs-highlight nav-justified">
<li class="active"><a href="#bordered-justified-tab1" data-toggle="tab">Informasi Penduduk</a></li>
<li><a href="#bordered-justified-tab5" data-toggle="tab">Informasi Agama</a></li>
<li><a href="#bordered-justified-tab2" data-toggle="tab">Informasi Pendidikan</a></li>
<li><a href="#bordered-justified-tab3" data-toggle="tab">Informasi Umur</a></li>
<li><a href="#bordered-justified-tab4" data-toggle="tab">Informasi Pekerjaan</a></li>
<div class="col-md-6">
<div>
<div>
<span>Kode Desa</span>
</div>
<div>
<span class="kode_kelurahan">1234</span>
</div>
</div>
<div>
<div>
<span>Jumlah Penduduk</span>
</div>
<div>
<span class="jumlah_penduduk_kelurahan">34567</span>
</div>
</div>
</div>
<div class="col-md-6">
<div>
<div>
<span>Luas Wilayah</span>
</div>
<div>
<span class="luas_wilayah_kelurahan">1234</span>
</div>
</div>
<div>
<div>
<span>Jumlah KK</span>
</div>
<div>
<span class="jumlah_kk_kelurahan">34567</span>
</div>
</div>
</div>
</div>
</div>
<div class="tombol-edit text-center" style="background-color: #5A9AFB;
position: absolute;
margin-top: 3px;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
width: 80px;
height:45px;">
<a href="" class="btn">Edit</a>
</div>
</div>
<div class="col-md-6" style="margin-left: -30px;margin-top: 10px;">
<div>
<span>
Informasi Data Wilayah
</span>
</div>
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified" style="border-top: 1px solid #F9F9F9;
border-bottom: 1px solid #F9F9F9;">
<li class="active"><a href="#bordered-justified-tab1" data-toggle="tab">Penduduk</a></li>
<li><a href="#bordered-justified-tab5" data-toggle="tab">Agama</a></li>
<li><a href="#bordered-justified-tab2" data-toggle="tab">Pendidikan</a></li>
<li><a href="#bordered-justified-tab3" data-toggle="tab">Umur</a></li>
<li><a href="#bordered-justified-tab4" data-toggle="tab">Pekerjaan</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane has-padding active" id="bordered-justified-tab1">
<div class="tab-pane active" id="bordered-justified-tab1">
<div id="info_penduduk">
</div>
</div>
<div class="tab-pane has-padding" id="bordered-justified-tab5">
<div class="tab-pane" id="bordered-justified-tab5">
<div id="info_agama">
</div>
</div>
<div class="tab-pane has-padding" id="bordered-justified-tab2">
<div class="tab-pane" id="bordered-justified-tab2">
<div id="info_pendidik">
</div>
</div>
<div class="tab-pane has-padding" id="bordered-justified-tab3">
<div class="tab-pane" id="bordered-justified-tab3">
<div id="info_umur">
</div>
</div>
<div class="tab-pane has-padding" id="bordered-justified-tab4">
<div class="tab-pane" id="bordered-justified-tab4">
<div id="info_pekerjaan">
</div>
......@@ -501,37 +597,92 @@
</div>
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<!--
<script>
$("#tipe_point").change(function() {
var tipe = $(this).val();
$.ajax({
url: "{% url 'api:change-tipe' %}",
data: {
'tipe': tipe
},
dataType: 'json',
success: function(data) {
console.log(data)
var data_all_kab = []
for (var i = 0; i < data['result'].length; i++) {
var data_k = data['result'][i][0];
console.log(data_k)
var data_kab = `<option value="` +
data_k +
`">` +
data_k +
`</option>`;
data_all_kab.push(data_kab)
};
$('#tipe_point_2').html(`<option value="null" selected disabled>-- Pilih Tipe Point --</option>` + data_all_kab);
}
});
});
</script> -->
\ No newline at end of file
<div class="modal fade" id="modal_detail_non_kelurahan" tabindex="-1" role="dialog">
<div class="modal-dialog modal-md" style="width: 362px;max-height: 500px;min-height: 500px;">
<div class="modal-content" style="border-radius:10px;max-height: 500px;min-height: 500px;">
<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;
border-radius: 12px;">×</button>
<fieldset>
<div class="gambar_keterangan">
<img src="/static/img/image_null.png" alt="" style="width:360px;height:290px;border-top-left-radius: 10px;border-top-right-radius: 10px;">
</div>
<div style="margin: 10px;">
<div style="font-family: 'gilroybold';margin-bottom: 10px;" class="nama_keterangan">
NAMADESA
</div>
<div class="row isi_keterangan">
<div class="col-md-6">
<div>
<div>
<span>Kode Desa</span>
</div>
<div>
<span class="kode_kelurahan">1234</span>
</div>
</div>
<div>
<div>
<span>Jumlah Penduduk</span>
</div>
<div>
<span class="jumlah_penduduk_kelurahan">34567</span>
</div>
</div>
</div>
<div class="col-md-6">
<div>
<div>
<span>Luas Wilayah</span>
</div>
<div>
<span class="luas_wilayah_kelurahan">1234</span>
</div>
</div>
<div>
<div>
<span>Jumlah KK</span>
</div>
<div>
<span class="jumlah_kk_kelurahan">34567</span>
</div>
</div>
</div>
</div>
</div>
</fieldset>
</div>
<div class="tombol-edit-keterangan text-center" style="background-color: #5A9AFB;
position: absolute;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
width: 80px;
height: 45px;
bottom: 0px;">
<a href="#" class="btn" style=" border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
width: 80px;
height: 45px;
bottom: 0px;
color: white;">Edit</a>
</div>
</div>
</div>
</div>
\ No newline at end of file
templates/includes/plugin.html
View file @ caa3f0e7
{% load static %}
<ul class="dock" style="right: 0;position: absolute;">
<ul class="dock" style="z-index: 1;">
<li class="fixed-plugin" style="top: 50px;">
<div class="dropdown show-dropdown" style="top: 1px;">
<div class="dropdown show-dropdown">
<a href="#" type="checkbox">
<input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 48px;height: 30px;">
<input type="checkbox" name="checkbox" onclick="mapsganti()" id="mapschange" style="position: absolute;opacity: 0;width: 40px;height: 40px;margin-top: -5px;">
<div id="labelchange">
<h1 style="color: white;margin-top: 5px;margin-left: 8px;">
3D
</h1>
</div>
<img src="{% static 'img/icon-1/Vector3d.svg' %}" alt="" style="height: 50px;
width: 50px;
margin-top: -1px;
margin-left: -4px;">
<!-- <i class="fa fa-map-o fa-2x" style="color: white;
margin: 10px 10px;
width: auto;"> </i> -->
</div>
</a>
</div>
<span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';
color: #085E8C;">3D</span>
</li>
<li class="fixed-plugin no3d" style="top: 110px;">
<span class="tooltiptext tooltip-left" style="color:
#2D7159;font-family:'gilroysemibold';">Basemaps</span>
<div class="dropdown show-dropdown" style="top: 1px;">
<a href="#" data-toggle="dropdown">
<i class="fa fa-map-o fa-2x" style="color: white;
margin: 10px 10px;
width: auto;"> </i>
<img src="{% static 'img/icon-1/Vectorbasemaps.svg' %}" alt="" style="height: 50px;
width: 50px;
margin-top: -1px;
margin-left: -4px;">
</a>
<ul class="dropdown-menu" x-placement="bottom-start">
<li class="header-title text-center">Maps BaseLayer</li>
......@@ -74,32 +77,42 @@
</div>
</li>
<li class="fixed-plugin no3d" style="top: 170px;">
<span class="tooltiptext tooltip-left" style="font-family: 'gilroysemibold';color: #6D3FDE;">Overlay</span>
<div class="dropdown show-dropdown ">
<a href="#" data-toggle="dropdown">
<i class="fa fa-cog fa-2x" style="font-size: 36px;
color: white;
margin: 6px 9px;"> </i>
<img src="{% static 'img/icon-1/Vectoroverlay.svg' %}" alt="" style="height: 50px;
width: 50px;
margin-top: -1px;
margin-left: -4px;">
</a>
<ul class="dropdown-menu" style="top: -5px;">
<ul class="dropdown-menu" style="top: 12px;
width: 300px;
margin-left: -270px!important;">
<li class="header-title text-center">Sidebar Filters</li>
<!-- <div id="sidebar" onmouseleave="overll()">
<div class="sidebar-wrapper">
<div class="panel panel-default" id="features">
<div class="panel-body"> -->
<div class="row" style="margin: 0;padding: 0;">
<div class="col-md-6">
<div class="col-md-12">
<div class="checkbox">
<label>
<input type="checkbox" id="geo_tuplah" onclick="geotuplah()" style="margin-top:2px;">
<img src="/static/img/icon-1/SquareHalflahan.svg" alt="" style="margin-top: -5px;">
<span>
Lahan
</span>
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" id="geo_building" style="margin-top:2px;">
<img src="/static/img/icon-1/Buildingsbangunan.svg" alt="" style="margin-top: -5px;">
<span>
Bangunan
</span>
</label>
</div>
<!-- <ul class="nasted active">
......@@ -119,7 +132,10 @@
<div class="checkbox">
<label>
<input type="checkbox" id="geo_jalan" onclick="geojalan()" style="margin-top:2px;">
<img src="/static/img/icon-1/Vectorjalan.svg" alt="" style="margin-top: -5px;">
<span>
Jalan
</span>
</label>
</div>
......@@ -132,7 +148,10 @@
<div class="checkbox">
<label>
<input type="checkbox" id="batas_all" onclick="batasall()" style="margin-top:2px;" >
<img src="/static/img/icon-1/Vectorteritory.svg" alt="" style="margin-top: -5px;">
<span>
Batas Teritori
</span>
</label>
</div>
<ul class="nasted active">
......@@ -158,16 +177,16 @@
</div>
</ul>
</div>
<div class="col-md-6">
<div class="checkbox">
<!-- <div class="col-md-6"> -->
<!-- <div class="checkbox">
<label>
<input type="checkbox" id="po_all" onclick="gas_all()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Point
</label>
</div>
</div> -->
<ul class="nasted active">
<div class="checkbox">
<!-- <ul class="nasted active"> -->
<!-- <div class="checkbox">
<label>
<input type="checkbox" id="knt_adm" onclick="k_adm()" value="BLACK" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Kantor Administrasi
......@@ -192,26 +211,26 @@
<input type="checkbox" id="rusak" onclick="rs()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Rumah Sakit
</label>
</div>
<div class="checkbox">
</div> -->
<!-- <div class="checkbox">
<label>
<input type="checkbox" id="ibdh" onclick="fiksi()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Sarana Ibadah
</label>
</div>
<div class="checkbox">
</div> -->
<!-- <div class="checkbox">
<label>
<input type="checkbox" id="dididik" onclick="didik()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Sarana Pendidikan
</label>
</div>
<div class="checkbox">
</div> -->
<!-- <div class="checkbox">
<label>
<input type="checkbox" id="pom_bengsin" onclick="pom_mini()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
SPBU
</label>
</div>
<div class="checkbox">
</div> -->
<!-- <div class="checkbox">
<label>
<input type="checkbox" id="tasiun" onclick="sthall()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Stasiun
......@@ -234,26 +253,13 @@
<input type="checkbox" id="gardu" onclick="gl100()" value="YELLOW" class="checkboxOccInfo" name="checkOccInfo" style="margin-top:2px;">
Gardu Listrik
</label>
</div>
</ul>
</div>
</div> -->
<!-- </ul>
</div> -->
</div>
</ul>
</div>
</li>
<!-- Second navbar -->
{% if user.is_authenticated %}
<li class="fixed-plugin rar" style="top: 230px;">
<div class="dropdown show-dropdown" style="top: 1px;">
<a href="{% url 'apps:perbaikan' %}" type="checkbox">
<!-- <input type="checkbox" name="checkbox" id="randr" style="position: absolute;opacity: 0;width: 48px;height: 30px;"> -->
<div id="labelchange">
<i class="icon-list" style="font-size: 27px;
color: white;
margin: 10px 10px;"></i>
</div>
</a>
</div>
</li>
{% endif %}
</ul>
\ No newline at end of file
templates/includes/sidebar.html 0 → 100644
View file @ caa3f0e7
{% load static %} {% load humanize %}
<style>
#list_perbaikan_filter>label>input[type=search] {
border-color: #393E54;
}
.isi_detail_cek {
margin-top: 20px;
border-bottom: 0.5pt solid #313649;
}
</style>
<div class="sidebar sidebar-main">
<div class="sidebar-content">
<img src="{% static 'img/logo-ok.png' %}" alt="" style="width: 25px;height:32px;">
</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;">
<!-- Main -->
<li id="button_keterangan">
<a href="#panel-sm" data-toggle="tab" aria-expanded="false" class="side-bar-but" id="keterangan_button">
<i class="icon-stack2"></i>
</a>
</li>
<li id="manage_perbaikan">
<a href="#panel-sm2" data-toggle="tab" aria-expanded="false" class="side-bar-but" id="perbaikan_manage">
<i class="icon-pie-chart5"></i>
</a>
</li>
<li style="margin-top: 400px;position: absolute;">
<a href="#" id="btn-hide-all" class="side-bar-but" style="position: absolute;margin-top: 20px;">
<i class="icon-arrow-right13"></i>
</a>
</li>
</ul>
<ul class="navigation navigation-main navigation-accordion">
<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>
<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>
</ul>
</div>
</div>
</div>
<div id="panel-sm" class="sidebar-2" style="display:none;background: #1B1F2D;position: absolute;z-index: 9;width: 23%;height:100vh;left: 0%;transition: all 0.5s ease;">
<div style="margin-left: 50px;background: #1B1F2D;">
<div class="header" style="margin-top: 25px;background: #2F3445;">
<h6 class="panel-title" style=" color: #ffff;
margin-left: 20px;
font-size: 14px;
line-height: 17px;
padding-top: 9px;
padding-bottom: 9px;">Menu Layer<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
</div>
<div class="bod" style="margin-top: 10px;margin-left:6px;">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom" style="border-bottom: 0.5pt solid #313649;">
<li class="active"><a href="#bottom-tab1" data-toggle="tab" aria-expanded="false" style="color: #ffff;">Informasi</a></li>
<li class=""><a href="#bottom-tab2" data-toggle="tab" aria-expanded="true" style="color: #ffff;">Point Of Interest</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="bottom-tab1">
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/MapTrifold.svg' %}" alt="">
</div>
<div class="col-sm-9" style="margin-bottom: 2px;margin-top: -8px;">
Luas Wilayah <br>
<b>{{ global.1 }} Km2</b>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/kecamatan.svg' %}" alt="">
</div>
<div class="col-sm-9" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Kecamatan<br>
<b>
{{ global.5|intcomma }}
</b>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/kelurahan.svg' %}" alt="">
</div>
<div class="col-sm-9" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Kelurahan<br>
<b>
{{ global.6|intcomma }}
</b>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/Notebook.svg' %}" alt="">
</div>
<div class="col-sm-9" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah KK<br>
<b>
{{ global.20|intcomma }}
</b>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/penduduk.svg' %}" alt="">
</div>
<div class="col-sm-9" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Penduduk
<br>
<b>
{{ global.19|intcomma }}
</b>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/GenderMale.svg' %}" alt="">
</div>
<div class="col-sm-9" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Laki-laki
<br>
<b>
{{ global.21|intcomma }}
</b>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/GenderFemale.svg' %}" alt="">
</div>
<div class="col-sm-9" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Perempuan
<br>
<b>
{{ global.22|intcomma }}
</b>
</div>
</div>
</div>
<div class="tab-pane" id="bottom-tab2">
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/Buildings.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Kantor Adm. <br>
<b>
{{ global.23|intcomma }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="knt_adm" onclick="k_adm()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/FirstAid.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Rumah Sakit<br>
<b>
{{ global.11 }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="rusak" onclick="rs()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/FirstAidKit.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Puskesmas<br>
<b>
{{ global.10 }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="pus" onclick="pks()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/Heartbeat.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Layanan Kesehatan<br>
<b>
{{ global.13 }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="lyn_kes" onclick="l_kes()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/GraduationCap.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Sarana Ibadah
<br>
<b>
{{ global.12|intcomma }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="ibdh" onclick="fiksi()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/GraduationCap.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Sekolah
<br>
<b>
{{ global.13|intcomma }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="dididik" onclick="didik()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/Train.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Stasiun
<br>
<b>
{{ global.16 }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="tasiun" onclick="sthall()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/Bus.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Terminal
<br>
<b>
{{ global.18 }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="caheum" onclick="temanggung()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/Factory.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Cagar Budaya
<br>
<b>
{{ global.4 }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="cabud" onclick="cb100()">
</label>
</div>
</div>
</div>
<div class="row-bod row" style="border-bottom: 0.5pt solid #313649;color:white">
<div class="col-sm-1"></div>
<div class="col-sm-2">
<img src="{% static 'img/icon-1/Lightning.svg' %}" alt="">
</div>
<div class="col-sm-7" style="margin-bottom: 2px;margin-top: -8px;">
Jumlah Gardu Listrik
<br>
<b>
{{ global.25 }}
</b>
</div>
<div class="col-sm-2">
<div class="checkbox checkbox-switchery">
<label>
<input type="checkbox" class="switchery-custom" id="gardu" onclick="gl100()">
</label>
</div>
</div>
</div>
<!-- <div class="checkbox checkbox-switchery">
Enable / Disable All <br>
<label>
<input type="checkbox" class="switchery-custom" id="po_all" onclick="gas_all()">
</label>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<div id="panel-sm2" class="sidebar-2" style="display: none;">
<div style="background: #1B1F2D;position: absolute;z-index: 9;width: 23%;height:100vh;left: 0%;transition: all 0.5s ease;">
<div style="margin-left: 50px;background: #1B1F2D;">
<div class="header" style="margin-top: 25px;background: #2F3445;">
<h6 class="panel-title" style="font-family: 'gilroysemibold';
color: #ffff;
margin-left: 20px;
font-size: 16px;
line-height: 17px;
padding-top: 9px;
padding-bottom: 9px;">Laporan Perbaikan<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
</div>
<div class="bod" style="margin-top: 10px;margin-left:6px;font-size: 12px;">
<div style="color: white;">
<span>Filter:</span>
</div>
<div class="form-group" style="margin-top: 15px;width: 98%;">
<select name="select" id="sel-kec" class="form-control input-sm" style="background-color: #393E54;border-radius: 8px;border-color: #393E54;color: white;">
<option>Pilih Kecamatan</option>
{% for nama_kecamatan in kecamatan %}
<option value="{{nama_kecamatan.administrasi.f1}}">{{nama_kecamatan.administrasi.f2}}</option>
{% endfor %}
</select>
</div>
<div class="form-group" style="margin-top: 15px;width: 98%;">
<select name="select" id="sel-desa" class="form-control input-sm" style="background-color: #393E54;border-radius: 8px;border-color: #393E54;color: white;">
<option value="opt1">Pilih Desa</option>
</select>
</div>
</div>
</div>
</div>
<div class="panel panel-flat " id="perbaikan-dashboard " style="background: #181B27;position: absolute;z-index: 9;width: 77%;height:100vh;left: 23%;transition: all 0.5s ease;color: white; border: none; ">
<div class="panel-body " style="padding:14px 0px;">
<table class="table table-responsive datatable-show-all table-sm bg-slate-610" id="list_perbaikan" style="font-size : 8pt;padding:0px;border-top:0.5pt solid #343434;border-bottom:0.5pt solid #343434;margin-bottom: 10px;">
<div style="position: absolute;right: 30px;font-size: 10pt;">
<a class="btn side-bar-but" id="download_perbaikan" onclick="download_all('xlsx')" style="color: white;z-index:9;">
<div>
<i class="icon-download4"></i><span>&nbsp;&nbsp;&nbsp;Download</span>
</div>
</a>
</div>
<thead style="font-size: 12px;line-height: 14px;font-family: 'gilroysemibold';text-transform: capitalize;">
<tr>
<th>No.</th>
<th>Sarana Perbaiakn</th>
<th>Nama</th>
<th>Type</th>
<th>Tanggal Mulai</th>
<th>Tanggal Selesai</th>
<th>Anggaran</th>
<th>Keterangan</th>
</tr>
</thead>
<tbody id="tbody_perbaikan">
{% for all in res_all %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{all.name_perbaikan}}</td>
<td>{{all.name}}</td>
<td>{{all.type}}</td>
<td>{{all.tgl_perbaikan}}</td>
<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; ">
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
Detail</span>
</div>
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div id="modal_detail_perbaikan" class="modal fade mymodal" style="padding-top: 0px;padding-bottom: 0px;right: -11px;width: 100% !important;max-height: 657px;overflow-y:hidden; left: 0px;">
<div class="modal-dialog modal-sm " style="max-height: 657px;margin: 0;float: right;bottom: 0;
width: 320px;">
<div class="modal-content " style="background-color: #1B1F2D;max-height: 657px;color: white; ">
<div class="modal-body " style="padding: 0px;background-color: #1B1F2D; ">
<div style="float: right;margin: -42px 10px 0px 0px; ">
<button type="button " class="btn btn-link " onclick="cetakExcel() " style="color: white;padding-top: 2px;"><i class="icon-printer"></i>
<span>
&nbsp;&nbsp;Cetak
</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>
</div>
<div class="isi text " style="margin-top: 50px;overflow-y: scroll;max-height: 607px;overflow-x: hidden; ">
<div class="isi_detail_cek ">
<div>
<div>
<span>Nama</span>
</div>
<div>
<span class="nama_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Type</span>
</div>
<div>
<span class="type_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Tanggal perbaikan</span>
</div>
<div>
<span class="tanggal_perbaikan_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Anggaran</span>
</div>
<div>
<span class="anggaran_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Penanggung jawab</span>
</div>
<div>
<span class="penanggung_jawab_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Penanggung jawab lapangan</span>
</div>
<div>
<span class="penanggung_jawab_lapangan_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Kontraktor</span>
</div>
<div>
<span class="kontraktor_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Panjang jalan yang diperbaiki</span>
</div>
<div>
<span class="panjang_jalan_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div class="isi_detail_cek ">
<div>
<div>
<span>Lebar jalan yang diperbaiki</span>
</div>
<div>
<span class="lebar_jalan_detail">NAMA JALAN</span>
</div>
</div>
</div>
<div style="margin-top: 20px; ">
<div class="row">
<div class="col-md-6 ">
<div>
<span>Proposal</span>
</div>
<div class="proposal_detail ">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; ">
</div>
</div>
<div class="col-md-6 ">
<div>
<span>Bukti penyelesaian</span>
</div>
<div class="bukti_detail_perbaikan">
<img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 65px;width: 65px; ">
</div>
</div>
</div>
<div>
<span>Ruas yang diperbaiki</span>
<!-- <div class="row">
<div class="col-sm-6">
<a href="#" class="btn" id="download_map" style="position: absolute;z-index:999">download maps</a>
</div>
<div class="col-sm-6">
<a href="#" class="btn" id="preview_map" style="position: absolute;z-index:999">preview</a>
</div>
</div>
<div id="previewImage" style="display: none;"></div> -->
<div id="map_detail_perbaikan" style=" position: relative; height: 220px; width: 90%; border-radius: 5px; ">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="panel-sm-kosong " class="sidebar-2 " style="display:none;background: #1B1F2D;position: absolute;z-index: 1;left: 0%;transition: all 0.5s ease; ">
</div>
<script type="text/javascript " src="{% static 'js/plugins/tables/datatables/datatables.min.js' %} "></script>
<script type="text/javascript " src="{% static 'js/plugins/forms/selects/select2.min.js' %} "></script>
<script>
var map_detail_perbaikan = L.map('map_detail_perbaikan', {
editable: true,
zoomControl: false,
drawControl: true
}).setView([-4.125826277307029, 104.1881561279297], 10);
L.tileLayer('https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}&s=Gal&apistyle=s.t:0|s.e:l|p.v:off', {
maxZoom: 21,
minZoom: 4,
}).addTo(map_detail_perbaikan);
$("#sel-kec ").change(function() {
var id_kec = $(this).val()
$.ajax({
url: "api/filt_perbaikan_kecamatan",
data: {
'id_kec': id_kec
},
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];
var data_k = data['res_kel'][i][1];
var data_kel = `<option value="` + id_k + ` ">` +
data_k +
`</option>`;
data_all_desa.push(data_kel)
};
$('#sel-desa').html(`<option>Pilih Desa</option>` + data_all_desa);
var data_perbaikan = []
var number = 1;
for (var i = 0; i < data['res_perbaikan'].length; i++) {
number += i;
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'];
var type = data['res_perbaikan'][i]['type'];
var tgl_perbaikan = data['res_perbaikan'][i]['tgl_perbaikan'];
var anggaran = data['res_perbaikan'][i]['anggaran'];
var tgl_selesai = data['res_perbaikan'][i]['tgl_selesai'];
var data_gab = `<tr>
<td>` + number + `</td>
<td>` + name_perbaikan + `</td>
<td>` + name + `</td>
<td>` + type + `</td>
<td>` + tgl_perbaikan + `</td>
<td>` + tgl_selesai + `</td>
<td>` + anggaran + `</td>
<td class="text-center ">
<a class="btn mdlFire " onclick="loaddetailid( '` + id_object + `') " data-toggle="modal " data-target="#modal_detail_perbaikan " style="background-color: #5A9AFB;color: white;border-radius: 5px;width: 85px;height: 25px; ">
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
Detail</span>
</div>
</a>
</td>
</tr>`;
data_perbaikan.push(data_gab)
};
$("#tbody_perbaikan ").html(data_perbaikan)
}
});
});
$("#sel-desa ").change(function() {
var id_desa = $(this).val()
$.ajax({
url: "api/filt_perbaikan_desa",
data: {
'id_desa': id_desa
},
dataType: 'json',
success: function(data) {
var data_perbaikan = []
var number = 1;
for (var i = 0; i < data['res_perbaikan'].length; i++) {
number += i;
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'];
var type = data['res_perbaikan'][i]['type'];
var tgl_perbaikan = data['res_perbaikan'][i]['tgl_perbaikan'];
var anggaran = data['res_perbaikan'][i]['anggaran'];
var tgl_selesai = data['res_perbaikan'][i]['tgl_selesai'];
var data_gab = `<tr>
<td>` + number + `</td>
<td>` + name_perbaikan + `</td>
<td>` + name + `</td>
<td>` + type + `</td>
<td>` + tgl_perbaikan + `</td>
<td>` + tgl_selesai + `</td>
<td>` + anggaran + `</td>
<td class="text-center ">
<a class="btn mdlFire " onclick="loaddetailid( '` + id_object + `') " data-toggle="modal " data-target="#modal_detail_perbaikan " style="background-color: #5A9AFB;color: white;border-radius: 5px;width: 85px;height: 25px; ">
<div style="margin-top: -5px; ">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
<span>&nbsp;&nbsp;
Detail</span>
</div>
</a>
</td>
</tr>`;
data_perbaikan.push(data_gab)
};
$("#tbody_perbaikan ").html(data_perbaikan)
}
});
});
$('.datatable-show-all').DataTable({
autoWidth: false,
columnDefs: [{
orderable: false,
width: '20px',
targets: [0],
}, {
orderable: false,
width: '20px',
targets: [6],
}, {
orderable: false,
width: '20px',
targets: [7],
}, ],
dom: '<"float-left "B>frtip',
language: {
search: ' _INPUT_',
searchPlaceholder: 'Data Perbaikan...',
lengthMenu: '<span>Show:</span><hr> _MENU_',
paginate: {
'first': 'First',
'last': 'Last',
'next': '&rarr;',
'previous': '&larr;'
}
},
drawCallback: function() {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').addClass('dropup');
},
preDrawCallback: function() {
$(this).find('tbody tr').slice(-3).find('.dropdown, .btn-group').removeClass('dropup');
}
});
function loaddetailid(id) {
var isObject = {};
isObject.id = id;
$("#iduser ").val(id)
setTimeout(function() {
map_detail_perbaikan.invalidateSize();
}, 500);
$.ajax({
url: "{% url 'apps:loadDetail' %} ",
data: isObject,
dataType: 'json',
type: 'post',
success: function(data) {
if (data.length === 0) {
$(".nama_detail").text("Null");
$(".type_detail ").html("Null");
$(".tanggal_perbaikan_detail ").html("Null")
$(".anggaran_detail ").html("Null")
$(".penanggung_jawab_detail ").html("Null")
$(".penanggung_jawab_lapangan_detail ").html("Null")
$(".kontraktor_detail ").html("Null")
$(".panjang_jalan_detail ").html("Null")
$(".lebar_jalan_detail ").html("Null")
$(".proposal_detail ").html(`
<a href="media/proposal/null" id="downloadproposal ">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; ">
</a>`);
$(".bukti_detail_perbaikan").html(`
<a href="media/bukti_penyelesaian/null" onclick="viewBukti() " id="view-bukti ">
<img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px;
width: 50px;">
</a>`);
} else {
$(".nama_detail").html(data[0]['name']);
$(".type_detail ").html(data[0]['type'])
$(".tanggal_perbaikan_detail ").text(data[0]['tgl_perbaikan'])
$(".anggaran_detail ").html(data[0]['anggaran'])
$(".penanggung_jawab_detail ").html(data[0]['pj'])
$(".penanggung_jawab_lapangan_detail ").html(data[0]['pj_lapangan'])
$(".kontraktor_detail ").html(data[0]['kontraktor'])
$(".panjang_jalan_detail ").html(data[0]['panjang'])
$(".lebar_jalan_detail ").html(data[0]['lbr_jln_reno'])
$(".proposal_detail ").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; ">
</a>`);
$(".bukti_detail_perbaikan").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;
width: 50px;">
</a>`);
map_detail_perbaikan.setView([data[0]['geometry']['coordinates'][0][0][1], data[0]['geometry']['coordinates'][0][0][0]], 18)
var myLines = [data[0]['geometry']];
var geo_jalan_perbaikan = L.geoJson(data[0]['geometry'], {
style: function(feature) {
return {
color: "#FAFA00",
weight: 10,
opacity: 2,
zIndex: 1001
};
}
}).addTo(map_detail_perbaikan);
}
}
});
};
// var element = $("#map_detail_perbaikan"); // global variable
// var getCanvas; // global variable
//
// $("#download_map").on('click', function() {
// html2canvas(element, {
// onrendered: function(canvas) {
// $("#previewImage").append(canvas);
// getCanvas = canvas;
// }
// });
//
// var imgageData = getCanvas.toDataURL("image/png");
// // Now browser starts downloading it instead of just showing it
// var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
// $("#download_map").attr("download", "image.png").attr("href", newData);
// });
function download_all(type, fn, dl) {
var elt = document.getElementById('list_perbaikan');
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_perbaikan.' + (type || 'xlsx')));
}
var $content, $modal, $apnData, $modalCon;
$content = $(".min");
$(".mdlFire").click(function(e) {
e.preventDefault();
var $id = $(this).attr("data-target");
});
$(".modalMinimize").on("click", function() {
$modalCon = $(this).closest(".mymodal").attr("id");
$apnData = $(this).closest(".mymodal");
$modal = "#" + $modalCon;
$(".modal-backdrop").addClass("display-none");
$($modal).toggleClass("min");
if ($($modal).hasClass("min")) {
$(".minmaxCon").append($apnData);
$(this).find("i").toggleClass('fa-minus').toggleClass('fa-clone');
} else {
$(".container").append($apnData);
$(this).find("i").toggleClass('fa-clone').toggleClass('fa-minus');
};
});
$("button[data-dismiss='modal']").click(function() {
$(this).closest(".mymodal").removeClass("min");
$(".container").removeClass($apnData);
$(this).next('.modalMinimize').find("i").removeClass('fa fa-clone').addClass('fa fa-minus');
});
$("#btn-hide-all").click(function() {
$("#button_keterangan").removeClass("active");
$("#manage_perbaikan").removeClass("active");
$("#panel-sm").removeClass("active");
$("#panel-sm2").removeClass("active");
$(this).removeClass("hid");
});
$("#keterangan_button").click(function() {
$("#btn-hide-all").toggleClass("hid")
});
$("#perbaikan_manage").click(function() {
$("#btn-hide-all").toggleClass("hid")
});
function gas_all() {
var checkBox = document.getElementById("po_all");
if (checkBox.checked == true) {
alert('hjk')
document.getElementById("knt_adm").checked = true;
document.getElementById("lyn_kes").checked = true;
document.getElementById("pus").checked = true;
document.getElementById("rusak").checked = true;
document.getElementById("ibdh").checked = true;
document.getElementById("dididik").checked = true;
document.getElementById("pom_bengsin").checked = true;
document.getElementById("tasiun").checked = true;
document.getElementById("caheum").checked = true;
document.getElementById("cabud").checked = true;
document.getElementById("gardu").checked = true;
k_adm()
l_kes()
pks()
rs()
fiksi()
didik()
pom_mini()
sthall()
temanggung()
cb100()
gl100()
valket()
} else if (checkBox.checked == false) {
document.getElementById("knt_adm").checked = false;
document.getElementById("lyn_kes").checked = false;
document.getElementById("pus").checked = false;
document.getElementById("rusak").checked = false;
document.getElementById("ibdh").checked = false;
document.getElementById("dididik").checked = false;
document.getElementById("pom_bengsin").checked = false;
document.getElementById("tasiun").checked = false;
document.getElementById("caheum").checked = false;
document.getElementById("cabud").checked = false;
document.getElementById("gardu").checked = false;
k_adm()
l_kes()
pks()
rs()
fiksi()
didik()
pom_mini()
sthall()
temanggung()
cb100()
gl100()
}
}
</script>
\ No newline at end of file
templates/layout/layout.html
View file @ caa3f0e7
{% load static %}
<!DOCTYPE html>
<html style="overflow-y: hidden;">
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{title}}</title>
<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');
}
#map {
width: auto;
height: 100%;
......@@ -51,7 +93,11 @@
cursor: pointer;
}
.leaflet-control-container {
#map>div.leaflet-control-container>div.leaflet-top.leaflet-left>div.leaflet-draw.leaflet-control>div>div {
display: none;
}
#map_detail_perbaikan>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div {
display: none;
}
......@@ -155,20 +201,6 @@
z-index: 998;
display: none;
}
#button_unhide_panel {
line-height: 30px;
width: 10px;
font-size: 10pt;
font-family: tahoma;
margin-top: 0px;
/* margin-right: 3px; */
position: absolute;
/* top: 0; */
left: -11px;
z-index: 998;
display: none;
}
</style>
<style>
......@@ -248,16 +280,8 @@
opacity: 1;
/* height: 0; */
left: -408px;
/* -webkit-transform: translateX(0px); */
/* transform: translateX(0px); */
/* transition-property: -webkit-transform,transform,opacity; */
/* transition-duration: 0.2s; */
/* transition-timing-function: cubic-bezier(0.0,0.0,0.2,1); */
/* width: 380px; */
/* height: 100px; */
max-width: 100%;
float: right;
/* left: -5px; */
position: absolute;
z-index: 1000;
......@@ -290,49 +314,6 @@
display: none;
}
#button_unhide_panel {
line-height: 30px;
width: 10px;
font-size: 10pt;
font-family: tahoma;
margin-top: 0px;
/* margin-right: 3px; */
position: absolute;
top: calc(50vh - 48px);
left: 0;
z-index: 1001;
display: block;
width: 23px;
height: 48px;
cursor: pointer;
border-left: 1px solid #D4D4D4;
box-shadow: 0px 1px 4px rgb(0 0 0 / 30%);
border-radius: 0 8px 8px 0;
background: rgba(255, 255, 255, 1) 7px center/7px 10px no-repeat;
transition: all 1s ease;
}
#button_hide_panel {
line-height: 30px;
width: 10px;
font-size: 10pt;
font-family: tahoma;
margin-top: 0px;
/* margin-right: 3px; */
position: absolute;
top: calc(50vh - 48px);
left: 407px;
z-index: 1001;
display: none;
width: 23px;
height: 48px;
cursor: pointer;
border-left: 1px solid #D4D4D4;
box-shadow: 0px 1px 4px rgb(0 0 0 / 30%);
border-radius: 0 8px 8px 0;
background: rgba(255, 255, 255, 1) 7px center/7px 10px no-repeat;
}
.content-footer {
background: #6f99c330;
border-radius: 10px 10px 0px 0px;
......@@ -383,34 +364,19 @@
}
.move {
left: 408px !important;
transform: translate(-408px, 0);
left: 330px !important;
transform: translate(-330px, 0);
}
.move-btn {
left: 408px !important;
transform: translate(0, 0);
}
/*.fixed-plugin {*/
/* position: absolute;*/
/* z-index: 1000;*/
/* right: 0px;*/
/* background-color: #40777c;*/
/* border-top-left-radius: 10px;*/
/* border-bottom-left-radius: 10px;*/
/* margin-top: 5px;*/
/* width: 48px;*/
/* height: 48px;*/
/* box-shadow: 0 0 20px rgb(0 0 0 / 30%);*/
/* transition: 0.3s ease-out;*/
/* display: inline-block;*/
/*}*/
transform: rotate(180deg)
}
.fixed-plugin {
position: absolute;
z-index: 1000;
right: 10px;
background-color: #40777c;
background: #FFFFFF;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-radius: 10px;
......@@ -418,7 +384,6 @@
width: 48px;
height: 48px;
box-shadow: 0 0 20px rgb(0 0 0 / 30%);
transition: 0.3s ease-out;
display: inline-block;
}
......@@ -437,20 +402,7 @@
li.fixed-plugin:hover {
transform: scale(1.3);
right: 10px;
/*margin-right: 7px;*/
/*position: relative;*/
}
/* li.fixed-plugin:hover .dropdown-menu {
transform: scale(0.769230);
float: right;
position: absolute;
right: -550px;
width: 550px;
margin-left: -490px !important;
margin-top: -40px !important;
top: 0;
margin-right: -550px;
} */
li.fixed-plugin .dropdown-menu {
transform: scale(0.769230);
......@@ -526,6 +478,13 @@
.modal-dialog {
margin-top: 48px;
}
.navbar-nav>.dropdown-user img {
max-height: 37px;
max-width: 37px;
margin-top: -4.5px;
border-radius: 50%;
}
</style>
{% include 'includes/css-o.html' %} {% include 'includes/css-m.html' %}
......@@ -547,12 +506,7 @@
<!-- Global stylesheets -->
<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"> {% block css %}
{% block css %}
<script src="{% static 'js/Leaflet.Editables.js' %}"></script>
......@@ -567,173 +521,204 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/typeahead.js/0.11.1/typeahead.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet.fullscreen/1.4.2/Control.FullScreen.min.js"></script>
<script src="{% static 'js/plugins/notifications/sweet_alert.min.js' %}"></script>
<script type="text/javascript" src="https://unpkg.com/xlsx@0.15.1/dist/xlsx.full.min.js"></script>
<script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>
{% endblock css %}
<link rel="stylesheet" href="{% static 'css/layout-style.css' %}"> {% endblock css %}
</head>
<body class="navbar-top">
<body style="font-family: 'gilroylight';">
{% include 'includes/navbar.html' %} {% include 'includes/plugin.html' %}
{% include 'includes/plugin.html' %}
<!-- Page container -->
<div class="page-container">
<div id="panel-samping" class="widget-pane widget-pane-visible" style="overflow: scroll !important; height: 95vh !important;">
{% block content %}
<div class="sidebar-wrapper">
<div class="panel panel-default" id="features">
<div class="sidebar-table" id="isi_panel">
<table class="table tasks-list">
<thead style="text-align: center;">
<tr>
<th class="text-center" style="padding: 0 0 0 0px;">
<img src="{% static 'img/logo-ok.png' %}" alt="" style="max-height: 368px">
</th>
</tr>
</thead>
<tbody>
<div class="container">
<tr style="height: 100px;">
<th class="text-center">
<div>
<h1 style="font-family: Google Sans,Roboto,Arial,sans-serif;
letter-spacing: 0;
font-weight: 400;">
<span style="font-size: x-large;">
OGAN KOMERING ULU
</span>
</h1>
<!-- Page content -->
<div class="page-content" style="overflow: hidden;">
{% if user.is_authenticated %} {% include 'includes/sidebar.html' %} {% endif %}
<div class="content-wrapper">
<div class="content">
<div id="map">
<div class="col-md-4 col-md-offset-4 input-group content-group head">
<div class="has-feedback has-feedback-left">
<input type="text" class="form-control input-xlg" value="Search..." style="border-radius: 10px 0px 0px 10px;">
<div class="form-control-feedback">
<i class="icon-location3 text-muted text-size-base" style="color: #5A9AFB;"></i>
</div>
</th>
</tr>
</div>
<div class="container">
<tr>
<th>
<div class="form-group" style="margin-left: 80px;">
<p style="margin-left:84px;">
<img src="static/img/icon/samping_informasi.svg" alt="Image" style="height: 30px; width: 30px;">
</p>
<table>
<tr>
<th>Luas Wilayah</th>
<td>: {{ global.1 }} km2</td>
</tr>
<tr>
<th>Jumlah Kecamatan</th>
<td>: {{ global.5 }} Kecamatan</td>
</tr>
<tr>
<th>Jumlah Kelurahan</th>
<td>: {{ global.6 }} Kelurahan</td>
</tr>
<tr>
<th>Jumlah Penduduk</th>
<td>: {{ global.19 }} Jiwa</td>
</tr>
<tr>
<th>Jumlah KK</th>
<td>: {{ global.20 }} KK</td>
</tr>
<tr>
<th>Jumlah Laki-laki</th>
<td>: {{ global.21 }} Jiwa</td>
</tr>
<tr>
<th>Jumlah Perempuan</th>
<td>: {{ global.22 }} Jiwa</td>
</tr>
</table>
<div class="input-group-btn">
<button type="submit" class="btn btn-primary btn-xlg" style="border-radius: 0px 10px 10px 0px;
outline: none;
background: linear-gradient(
201.55deg
, #72BBFF -24.21%, #3D5CCA 130.65%);"><i class="icon-search4 text-muted text-size-base" style="color: white;"></i></button>
</div>
</th>
</tr>
</div>
<div class="container">
<tr>
<th>
<div class="form-group" style="margin-left: 80px;">
<p style="margin-left:84px;">
<img src="static/img/icon/samping_location.svg" alt="Image" style="height: 30px; width: 30px;">
</p>
<table>
<tr>
<th>Jumlah Kantor Administrasi</th>
<td>: {{ global.23 }}</td>
</tr>
<tr>
<th>Jumlah Rumah Sakit</th>
<td value=>: {{ global.11 }}</td>
</tr>
<tr>
<th>Jumlah Puskesmas</th>
<td>: {{ global.10 }}</td>
</tr>
<tr>
<th>Jumlah Layanan Kesehatan</th>
<td>: {{ global.24 }}</td>
</tr>
<tr>
<th>Jumlah Sekolah</th>
<td>: {{ global.13 }}</td>
</tr>
<tr>
<th>Jumlah Stasiun</th>
<td>: {{ global.16 }}</td>
</tr>
<tr>
<th>Jumlah Terminal</th>
<td>: {{ global.18 }}</td>
</tr>
<tr>
<th>Jumlah Cagar Budaya</th>
<td>: {{ global.4 }}</td>
</tr>
<tr>
<th>Jumlah Gardu Listrik</th>
<td>: {{ global.25 }}</td>
</tr>
</table>
{% if user.is_authenticated %} {% else %}
<div class="col-md-6 col-md-offset-3 input-group content-group foot" style="top: 80%;background-color: white;z-index:999;border-radius:8px">
<div class="row">
<div class="col-md-1">
<img src="/static/img/logo-ok.png" alt="" style="margin-top: 20%;margin-left: 46%;max-height: 28px;max-width: 21.999998092651367px;/* left: 27px; *//* top: 14px; */border-radius: 0px;">
</div>
</th>
</tr>
<div class="col-md-9">
<div style="margin-top: 2%;font-size: 15px;margin-left: 3%;">
<span><b>Welcome to TEMANKU!</b>
Login untuk menikmati fitur lengkap TEMANKU
</span>
</div>
</tbody>
</table>
</div>
<div class="col-md-2">
<a href="{% url 'login' %}" class="btn btn-primary" style="margin-top: 3%;border-radius: 5px;background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);margin-bottom: 3%;right: -15%;color: white;">SIGN IN</a>
</div>
</div>
{% endblock content %}
</div>
<!-- Page content -->
<div class="page-content" style="overflow: hidden;">
<!-- Main sidebar -->
<!-- <div class="sidebar sidebar-main sidebar-default"> -->
<!-- <div class="sidebar-content"> -->
{% endif %}
</div>
{% if user.is_authenticated %}
<div style="height: 10%;width: 10%;position: absolute;top: 30px;right: 65px;z-index: 999;">
<!-- <a href="#">
<div>
<a href="#" class="btn btn-default" id="button_unhide_panel" data-toggle="tooltip" data-placement="right" title="Tampilkan panel"><span class="caret" style="margin-left: -5px;transform: rotate(270deg)"></span></a>
<img src="{% static 'img/placeholder.jpg' %}" style="width: 37px;height: 37px;border-radius: 25px;" />
</div>
</a> -->
<ul class="nav navbar-nav navbar-right">
<li class="dropdown dropdown-user">
<a class="dropdown-toggle" data-toggle="dropdown" style="background: transparent;">
{% for us in thisUser %}
{% if us.filepath %}
<img src="{% static 'img/' %}{{us.filepath}}" style="max-height: 37px!important;
width: 37px!important;
max-width: 37px!important;
height: 37px!important;"/>
{% else %}
<img src="{% static 'img/placeholder.jpg' %}" style="max-height: 37px!important;
width: 37px!important;
max-width: 37px!important;
height: 37px!important;"/>
{% endif %}
{% endfor %}
</a>
<ul class="dropdown-menu dropdown-menu-right" style="border-radius: 10px;right: 60px;top: 0px;width: 320px;padding: 18px;">
<li>
<div class="text-center" style="border-bottom: 0.5px solid #DCDCDC;margin-bottom:10px;">
<div style="margin-top: 10px;">
<div class="image_area">
<form method="post">
<label for="upload_image">
{% for us in thisUser %}
{% if us.filepath %}
<img src="{% static 'img/' %}{{us.filepath}}" id="uploaded_image" class="img-responsive img-circle" style=" max-height: 65px!important;
width: 66px!important;
max-width: 65px!important;
height: 65px!important;"/>
{% else %}
<img src="{% static 'img/placeholder.jpg' %}" id="uploaded_image" class="img-responsive img-circle" style=" max-height: 65px!important;
width: 66px!important;
max-width: 65px!important;
height: 65px!important;"/>
{% endif %}
{% endfor %}
<div class="overlay">
<div class="textover">
<i class="icon-camera" style="position: absolute;background-color: white;border-radius: 10px;top: 25%;right: 46%;width: 20px;height: 20px;" title="Ganti Foto Profil"></i>
</div>
</div>
<!-- Main content -->
<div class="content-wrapper">
<input type="file" name="image" class="image" id="upload_image" style="display:none" accept="image/png, image/gif, image/jpeg"/>
</label>
</form>
</div>
</div>
<div>
<span>{{user.username}}</span>
</div>
<!-- Content area -->
<div>
<span>{{user.email}}</span>
</div>
<div class="content">
<div style="margin-bottom: 10px;">
<a href="#" class="btn btn-default" style="background-color: #ffffff;
border: 1px solid #dadce0;
-webkit-border-radius: 100px;
border-radius: 100px;
color: #3c4043;
display: inline-block;
font: 500 14px/16px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
letter-spacing: 0.25px;
margin: 16px 0 0;
max-width: 254px;
outline: 0;
padding: 8px 16px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;">Kelola Akun</a>
</div>
</div>
<!-- Main charts -->
<div class="row">
<div class="col-lg-12">
<div id="map">
</li>
{% if user.is_superuser or user.is_staff %}
<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;
color: #3c4043;
display: table;
font: 500 14px/16px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
letter-spacing: 0.25px;
outline: 0;
padding: 14px 41px;
text-align: center;
text-decoration: none;
width: 100%;"><i class="icon-user"></i>&nbsp;&nbsp;Kelola User</a>
</div>
</div>
</li>
{% endif %}
<li>
<div class="text-center">
<a href="{% url 'logout' %}" style="background-color: #ffffff;
border: 1px solid #dadce0;
-webkit-border-radius: 4px;
border-radius: 4px;
display: inline-block;
font: 500 14px/16px Google Sans,Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
letter-spacing: .15px;
margin: 16px;
outline: 0;
padding: 10px 24px;
text-align: center;
text-decoration: none;
white-space: normal;"> Logout</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
{% endif %}
<div id="map-cesium" style="z-index: -999; height: 100vh; display:none">
<div class="label-bangunan" style="margin: 0px 0 0px 0px;padding-top: 55px;position: absolute;z-index: 1;right: 20px;">
<label style="background-color: white;">
......@@ -745,9 +730,6 @@
</div>
</div>
</div>
</div>
{% include 'includes/content.html' %}
</div>
<!-- /page content -->
</div>
......@@ -755,22 +737,15 @@
<div class="modal fade" id="modal-kelurahan" tabindex="-1" role="dialog">
</div>
<!-- end modal location -->
{% include 'includes/o.html' %} {% include 'includes/m.html' %}
<!-- end modal location -->{% include 'includes/m.html' %}
<div class="page_loader"></div>
<script src="https://use.fontawesome.com/d232835e93.js"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.js" charset="utf-8"></script>
<script src="https://cdn.jsdelivr.net/npm/leaflet.locatecontrol/dist/L.Control.Locate.min.js" charset="utf-8"></script> -->
<!-- Core JS files -->
<script type="text/javascript" src="{% static 'js/plugins/loaders/pace.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/core/libraries/jquery.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/core/libraries/bootstrap.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/loaders/blockui.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/ui/nicescroll.min.js' %}"></script>
......@@ -785,6 +760,14 @@
<script type="text/javascript" src="{% static 'js/plugins/forms/selects/bootstrap_multiselect.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/ui/moment/moment.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/pickers/daterangepicker.js' %}"></script>
<script type="text/javascript" src="{% static 'js/plugins/forms/styling/switch.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/pages/form_checkboxes_radios.js' %}"></script>
<script type="text/javascript " src="{% static 'js/apexcharts.min.js' %}"></script>
<script type="text/javascript " src="{% static 'js/apexcharts.js' %}"></script>
<!-- <script type="text/javascript" src="{% static 'js/plugins/media/cropper.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/pages/extension_image_cropper.js' %}"></script> -->
<!-- /theme JS files -->
......@@ -799,3 +782,48 @@
</html>
{% include 'includes/js-o.html' %} {% include 'includes/js-m.html' %}
<script>
$("#upload_image").change(function() {
loaderPage(true)
readURL(this);
const fileupload1 = $(this).prop('files')[0];
var formData = new FormData();
formData.append("id", $("#iduseredt").val());
formData.append("inifile", fileupload1)
$.ajax({
url: "{% url 'editpp' %}",
data: formData,
dataType: 'json',
type: 'POST',
processData: false,
contentType: false,
success: function(data) {
let response = data
if (response.code == 0) {
swal({
title: response.info,
text: response.data,
type: "success",
icon: "success",
confirmButtonColor: "#00BCD4"
}).then((isConfirm) => {
location.reload()
})
} else {
swal({
title: 'Error',
text: 'Hubungi Developer',
type: "warning",
icon: "error",
confirmButtonColor: "#00BCD4"
})
}
}
})
});
</script>
\ 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