Commit 95cddbb4 authored by Muhamad's avatar Muhamad

Dashboard

parent 147d1216
......@@ -15,8 +15,8 @@ from django.db import connection as conn
# Create your views here.
from rest_framework.renderers import JSONRenderer, TemplateHTMLRenderer
from django.utils import six
#import six
#from django.utils import six
import six
from django.core.exceptions import PermissionDenied
from django.contrib.auth.decorators import user_passes_test
from django.http import HttpResponse, HttpResponseNotFound
......
......@@ -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")
......@@ -40,6 +38,7 @@ class Dashboard(generic.TemplateView):
for i in kel_res_:
kel_res.append(i[0])
# kntl = []
# for i in knt_res:
# kntl.append(i[0])
......@@ -464,8 +463,6 @@ class Dashboard(generic.TemplateView):
for i in gardu_listrik_res:
gardu_listrik_result.append(i[0])
context = {
'title':'Dashboard',
'kelurahan':kel_res,
......@@ -481,7 +478,7 @@ class Dashboard(generic.TemplateView):
'terminal':terminal_result,
'cagar_budaya':cagar_budaya_result,
'gardu_listrik':gardu_listrik_result,
'global':all[0]
'global':all[0],
# 'kntl':kntl
}
return render (request, self.template_name, context)
......@@ -500,31 +497,21 @@ def has_group(user, group_name):
group = Group.objects.get(name=group_name)
return True if group in user.groups.all() else False
@api_view(('GET',))
def perbaikanrenovasi(request):
with conn.cursor() as kec:
kec.execute("SELECT kecamatan from geo_data_kecamatan order by kecamatan asc")
kec_res_ = kec.fetchall()
# with conn.cursor() as knt:
# knt.execute("SELECT json_build_object('type', 'Feature', 'administrasi', (a.namobj, a.remark),'geometry', ST_AsGeoJSON(a.geom :: geometry) :: json) from geo_kantor_administrasi a join geo_prov_kab b on st_intersects(a.geom,b.geom)")
# knt_res = knt.fetchall()
kec_res = []
for i in kec_res_:
kec_res.append(i[0])
with conn.cursor() as data_per:
# data_per.execute("""
# SELECT
# gl.NAME,
# tp.name,
# tp.type,
# st_length ( gj.geom :: geography ),
# tp.tgl_pembuatan,
# tp.tgl_perbaikan,
# tp.anggaran,
# tp.proposal,
# tp.pj,
# tp.pj_lapangan,
# tp.kontraktor,
# ST_AsGeoJSON ( tp.geom :: geometry ) :: json,
# tp.pjg_perbaikan,
# tp.lbr_perbaikan,
# tp.id_object
# FROM
# tbl_perbaikan tp
# JOIN geo_label gl ON gl.ID = tp.type_id
# JOIN geo_jalan gj ON gj.ID = tp.id_object
# """)
data_per.execute("""
SELECT
gl.NAME,
......@@ -544,8 +531,6 @@ def perbaikanrenovasi(request):
res_all = []
for j in res_perbaikan:
print(j[0])
# if j[0] == 'jalan':
data_all = {
'name_perbaikan':j[0],
'id_object':j[1],
......@@ -557,8 +542,9 @@ def perbaikanrenovasi(request):
}
res_all.append(data_all)
context = {'res_all':res_all}
return render(request, 'maps/perbaikan.html', context)
context = {'res_all':res_all,'kec_res':kec_res}
return Response(context)
@api_view(('POST',))
def loadDetail(request):
......
......@@ -41,7 +41,8 @@ INSTALLED_APPS = [
'Application',
'API',
'myauth.apps.MyauthConfig',
'widget_tweaks'
'widget_tweaks',
'django.contrib.humanize'
]
MIDDLEWARE = [
......
.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;
}
.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;
}
@media (max-width: 1025px) {
.dock {
position: absolute;
top: 35px;
left: 95%;
}
/* #map .head {
z-index: 999;
height: 40px;
width: 90%;
left: 6%;
top: 6%;
box-shadow: 0px 4px 46px 0px #00000038;
border-radius: 8px;
} */
#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
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
<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>
/* ------------------------------------------------------------------------------
*
* # 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' });
......
......@@ -90,22 +90,107 @@ $("#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)
// })
function sizeLayerControl() {
$(".leaflet-control-layers").css("max-height", $("#map").height() - 50);
}
......
......@@ -26,9 +26,18 @@
<li class="dropdown dropdown-user">
{% if user.is_authenticated %}
<a class="dropdown-toggle" data-toggle="dropdown">
<img src="{% static 'img/placeholder.jpg' %}" alt="">
<span>{{user.username}}</span>
{% for us in User %}
<span>{{us}}</span>
{% endfor %}
{% if user.filepath %}
<img id="placelg" src="{% static 'img/' %}{{user.filepath}}"/>
{% else %}
<img src="{% static 'img/placeholder.jpg' %}"/>
{% endif %}
<span>{{user}}</span>
<i class="caret"></i>
</a>
......@@ -38,7 +47,7 @@
<li><a href="{% url 'apps:perbaikan' %}"><i class="icon-list"></i>Repair & Renovation</a></li>
{% endif %}
<li class="divider"></li>
<li><a href="{% url 'logout' %}"><i class="icon-cog5"></i> Logout</a></li>
<li><a href=""><i class="icon-cog5"></i> Logout</a></li>
</ul>
{% else %}
......
{% 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">3D</span>
</li>
<li class="fixed-plugin no3d" style="top: 110px;">
<span class="tooltiptext tooltip-left">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,12 +75,13 @@
</div>
</li>
<li class="fixed-plugin no3d" style="top: 170px;">
<span class="tooltiptext tooltip-left">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;">
<li class="header-title text-center">Sidebar Filters</li>
......
This diff is collapsed.
This diff is collapsed.
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