Skip to content

O
OKU-GIS
Commit 23cae4a3 authored by Manggar Mahardhika's avatar Manggar Mahardhika
Browse files
Options

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

parents 12c741c6 e4f629e3
Show whitespace changes
Inline Side-by-side
Showing with 336 additions and 204 deletions
API/urls.py
View file @ 23cae4a3
...@@ -98,6 +98,7 @@ urlpatterns = [ ...@@ -98,6 +98,7 @@ urlpatterns = [
path('reloadpoint', views.reload_point, name='reloadpoint'), path('reloadpoint', views.reload_point, name='reloadpoint'),
path('download_perbaikan_data', views.download_perbaikan_data), path('download_perbaikan_data', views.download_perbaikan_data),
path('search_list_perbaikan', views.search_list_perbaikan) path('search_list_perbaikan', views.search_list_perbaikan),
path('dataperbaikan', views.data_perbaikan),
] ]
\ No newline at end of file
API/views.py
View file @ 23cae4a3
...@@ -4323,3 +4323,41 @@ def reload_point(request): ...@@ -4323,3 +4323,41 @@ def reload_point(request):
} }
return (context) return (context)
@api_view(('GET',))
def data_perbaikan(request):
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,
gdl.desa,
gdc.kecamatan
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
JOIN geo_data_kelurahan gdl on st_intersects(st_setsrid(gdl.geom, 4326), st_setsrid(tp.geom, 4326))
JOIN geo_data_kecamatan gdc ON st_intersects ( st_setsrid ( gdc.geom, 4326 ), st_setsrid ( tp.geom, 4326 ) )
""")
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],
'desa':j[7],
'kecamatan':j[8],
}
res_all.append(data_all)
return Response(res_all)
\ No newline at end of file
Application/views.py
View file @ 23cae4a3
...@@ -467,40 +467,40 @@ class Dashboard(generic.TemplateView): ...@@ -467,40 +467,40 @@ class Dashboard(generic.TemplateView):
# for i in gardu_listrik_res: # for i in gardu_listrik_res:
# gardu_listrik_result.append(i[0]) # gardu_listrik_result.append(i[0])
with conn.cursor() as data_per: # with conn.cursor() as data_per:
data_per.execute(""" # data_per.execute("""
SELECT # SELECT
gl.NAME, # gl.NAME,
tp.id_object, # tp.id_object,
tp.NAME, # tp.NAME,
tp.TYPE, # tp.TYPE,
tp.tgl_perbaikan, # tp.tgl_perbaikan,
tp.anggaran, # tp.anggaran,
tp.tgl_selesai, # tp.tgl_selesai,
gdl.desa, # gdl.desa,
gdc.kecamatan # gdc.kecamatan
FROM # FROM
( SELECT tbl_perbaikan.*, ROW_NUMBER ( ) OVER ( PARTITION BY id_object ORDER BY tgl_selesai DESC ) AS rn FROM tbl_perbaikan ) tp # ( 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 # JOIN geo_label gl ON gl.ID = tp.type_id
JOIN geo_data_kelurahan gdl on st_intersects(st_setsrid(gdl.geom, 4326), st_setsrid(tp.geom, 4326)) # JOIN geo_data_kelurahan gdl on st_intersects(st_setsrid(gdl.geom, 4326), st_setsrid(tp.geom, 4326))
JOIN geo_data_kecamatan gdc ON st_intersects ( st_setsrid ( gdc.geom, 4326 ), st_setsrid ( tp.geom, 4326 ) ) # JOIN geo_data_kecamatan gdc ON st_intersects ( st_setsrid ( gdc.geom, 4326 ), st_setsrid ( tp.geom, 4326 ) )
""") # """)
res_perbaikan = data_per.fetchall() # res_perbaikan = data_per.fetchall()
res_all = [] # res_all = []
for j in res_perbaikan: # for j in res_perbaikan:
data_all = { # data_all = {
'name_perbaikan':j[0], # 'name_perbaikan':j[0],
'id_object':j[1], # 'id_object':j[1],
'name':j[2], # 'name':j[2],
'type':j[3], # 'type':j[3],
'tgl_perbaikan':j[4], # 'tgl_perbaikan':j[4],
'anggaran':j[5], # 'anggaran':j[5],
'tgl_selesai':j[6], # 'tgl_selesai':j[6],
'desa':j[7], # 'desa':j[7],
'kecamatan':j[8], # 'kecamatan':j[8],
} # }
res_all.append(data_all) # res_all.append(data_all)
perm_group = [] perm_group = []
if request.user.is_authenticated: if request.user.is_authenticated:
...@@ -620,7 +620,7 @@ class Dashboard(generic.TemplateView): ...@@ -620,7 +620,7 @@ class Dashboard(generic.TemplateView):
# 'cagar_budaya':cagar_budaya_result, # 'cagar_budaya':cagar_budaya_result,
# 'gardu_listrik':gardu_listrik_result, # 'gardu_listrik':gardu_listrik_result,
'global':all[0], 'global':all[0],
'res_all':res_all, # 'res_all':res_all,
'thisUser' : user_data, 'thisUser' : user_data,
'perm_group' : perm_group 'perm_group' : perm_group
# 'user_res':user_res # 'user_res':user_res
......
myauth/views.py
View file @ 23cae4a3
...@@ -470,10 +470,17 @@ def load_group_edit(request): ...@@ -470,10 +470,17 @@ def load_group_edit(request):
} }
resgroup.append(datas) resgroup.append(datas)
print(datas) print(datas)
group = Group.objects.get(name=datas['name'])
group_perm = []
for group_p in group.permissions.all():
g = str(group_p).split("| Can ")[1].replace(" ","_")
group_perm.append(g)
data = { data = {
"info" : "success", "info" : "success",
"code" : 0, "code" : 0,
"data" : datas, "data" : datas,
"perm_group":group_perm
} }
return Response(data) return Response(data)
......
require.txt 0 → 100644
View file @ 23cae4a3
asgiref==3.4.0
autopep8==1.5.7
click==8.0.1
colorama==0.4.4
dj-database-url==0.5.0
Django==3.2.4
django-utils-six==2.0
django-widget-tweaks==1.4.8
djangorestframework==3.12.4
Flask==2.0.1
gunicorn==20.1.0
importlib-metadata==4.8.1
itsdangerous==2.0.1
Jinja2==3.0.1
MarkupSafe==2.0.1
Pillow==8.3.1
psycopg2==2.9.1
pycodestyle==2.7.0
python-decouple==3.4
pytz==2021.1
six==1.16.0
sqlparse==0.4.1
toml==0.10.2
typing==3.7.4.3
typing-extensions==3.10.0.0
Unipath==1.1
Werkzeug==2.0.1
whitenoise==5.2.0
zipp==3.5.0
static/js/action.js
View file @ 23cae4a3
...@@ -816,6 +816,7 @@ function loadgroupbyid(id) { ...@@ -816,6 +816,7 @@ function loadgroupbyid(id) {
isObject.id = id; isObject.id = id;
$("#idgroup").val(id) $("#idgroup").val(id)
$("input[name='chekbox'][name='chekbox']").attr('checked', false)
$.ajax({ $.ajax({
url: "/loadgroup/", url: "/loadgroup/",
...@@ -831,10 +832,10 @@ function loadgroupbyid(id) { ...@@ -831,10 +832,10 @@ function loadgroupbyid(id) {
let response = data; let response = data;
if (response.code == 0) { if (response.code == 0) {
for (i in list_perm) { for (i in data.perm_group) {
console.log() $("input[name='chekbox'][value=" + data.perm_group[i] + "]").prop('checked', 'checked')
$("input[name='chekbox'][value=" + list_perm[i] + "]").prop('checked', 'checked')
} }
var grup = response.data; var grup = response.data;
$("#ingroup").val(grup.name); $("#ingroup").val(grup.name);
...@@ -1763,9 +1764,5 @@ $(".send_pesan").click(function() { ...@@ -1763,9 +1764,5 @@ $(".send_pesan").click(function() {
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`) document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").html(`Powered by <a href="https://khansia.co.id" target="_blank">Khansia</a> with <a href="https://leafletjs.com" target="_blank">Leaflet</a>`)
document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").css("right", "50px") document.querySelector("#map-create-all > div.leaflet-control-container > div.leaflet-bottom.leaflet-right > div").css("right", "50px")
\ No newline at end of file
templates/includes/modal.html
View file @ 23cae4a3
...@@ -1094,14 +1094,6 @@ ...@@ -1094,14 +1094,6 @@
<div class="tab-pane" id="grouproleuser"> <div class="tab-pane" id="grouproleuser">
<table class="table table-responsive datatable-show-all table-sm list_group" id="list_group" style="font-size : 8pt;padding:0px;border-top:0.5pt solid #EFEFEF;border-bottom:0.5pt solid #EFEFEF;margin-bottom: 10px;"> <table class="table table-responsive datatable-show-all table-sm list_group" id="list_group" style="font-size : 8pt;padding:0px;border-top:0.5pt solid #EFEFEF;border-bottom:0.5pt solid #EFEFEF;margin-bottom: 10px;">
<div style="position: absolute;right: 30px;font-size: 10pt;">
<a class="btn side-bar-but" id="download_perbaikan" onclick="download_user_list('xlsx')" style="z-index:9;">
<div>
<i class="icon-download4"></i><span>&nbsp;&nbsp;&nbsp;Download</span>
</div>
</a>
</div>
<div style="position: absolute;left: 292px;font-size: 10pt;background: #2196F3;border-radius: 10px;"> <div style="position: absolute;left: 292px;font-size: 10pt;background: #2196F3;border-radius: 10px;">
<a class="btn side-bar-but" id="add_group" style="z-index:9;color:white;"> <a class="btn side-bar-but" id="add_group" style="z-index:9;color:white;">
<div> <div>
......
templates/includes/sidebar.html
View file @ 23cae4a3
...@@ -514,9 +514,7 @@ background: none;border-color: transparent;"> ...@@ -514,9 +514,7 @@ background: none;border-color: transparent;">
</div> </div>
<div> <div>
<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;"> <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;">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i> <i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i> &nbsp;&nbsp; Detail
&nbsp;&nbsp;
Detail
</a> </a>
</div> </div>
...@@ -619,7 +617,7 @@ background: none;border-color: transparent;"> ...@@ -619,7 +617,7 @@ background: none;border-color: transparent;">
</div> </div>
</div> </div>
<div class="isi_detail_cek "> <!-- <div class="isi_detail_cek ">
<div> <div>
<div> <div>
<span>Anggaran</span> <span>Anggaran</span>
...@@ -665,7 +663,7 @@ background: none;border-color: transparent;"> ...@@ -665,7 +663,7 @@ background: none;border-color: transparent;">
</div> </div>
</div> </div>
</div> </div> -->
<div class="isi_detail_cek "> <div class="isi_detail_cek ">
<div> <div>
...@@ -692,7 +690,7 @@ background: none;border-color: transparent;"> ...@@ -692,7 +690,7 @@ background: none;border-color: transparent;">
</div> </div>
<div style="margin-top: 20px; "> <div style="margin-top: 20px; ">
<div class="row"> <!-- <div class="row">
<div class="col-md-6 "> <div class="col-md-6 ">
<div> <div>
<span>Proposal</span> <span>Proposal</span>
...@@ -713,19 +711,9 @@ background: none;border-color: transparent;"> ...@@ -713,19 +711,9 @@ background: none;border-color: transparent;">
</div> </div>
</div> </div>
</div> </div> -->
<div class="map_detail_p_jalan"> <div class="map_detail_p_jalan">
<span>Ruas yang diperbaiki</span> <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 class="map_detail_p"> <div class="map_detail_p">
<div id="map_detail_perbaikan" style=" position: relative; height: 220px; width: 90%; border-radius: 5px; "> <div id="map_detail_perbaikan" style=" position: relative; height: 220px; width: 90%; border-radius: 5px; ">
</div> </div>
...@@ -750,65 +738,6 @@ background: none;border-color: transparent;"> ...@@ -750,65 +738,6 @@ background: none;border-color: transparent;">
<script type="text/javascript " src="{% static 'js/plugins/forms/selects/select2.min.js' %} "></script> <script type="text/javascript " src="{% static 'js/plugins/forms/selects/select2.min.js' %} "></script>
<script> <script>
$(document).ready(function() {
var x = window.matchMedia("(min-width: 700px)")
if (x.matches) { // If media query matches
$(".search_list").css('display', 'none')
$.fn.dataList = function(options) {
this.each(function() {
var $table = $(this);
if ($table.is('ul')) {
var $ul = $table;
$table = $ul.wrap('<table><tbody/></table').closest('table');
$ul.find('li').wrap('<tr></tr>').contents().unwrap();
$ul.find('div').wrap('<td><td/>').contents().unwrap();
$ul.contents().unwrap()
$table.prepend(`<thead><tr><th>No.</th>
<th>Sarana Perbaikan</th>
<th>Nama</th>
<th>Alamat</th>
<th>Type</th>
<th>Tanggal Mulai</th>
<th>Tanggal Selesai</th>
<th>Anggaran</th>
<th>Keterangan</th>
</tr></thead>`);
}
$table.dataTable(options);
});
}
$('.datatab').dataList({
"pageLength": 15,
autoWidth: false,
columnDefs: [{
orderable: false,
width: '20px',
targets: [0],
}, ],
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;'
}
},
});
} else {
$(".search_list").css('display', 'block')
$("#download_perbaikan").css('display', 'none')
// document.querySelector("#perbaikan-dashboard\\ > div > div.container-detached > div > ul > li > div:nth-child(1)").style.display = 'none';
//$('.datatab').dataTable({
// "pageLength": 15
//});
}
});
//tes //tes
$("#sel-kec ").change(function() { $("#sel-kec ").change(function() {
var id_kec = $(this).val() var id_kec = $(this).val()
...@@ -868,7 +797,6 @@ background: none;border-color: transparent;"> ...@@ -868,7 +797,6 @@ background: none;border-color: transparent;">
<td>` + type + `</td> <td>` + type + `</td>
<td>` + tgl_perbaikan + `</td> <td>` + tgl_perbaikan + `</td>
<td>` + tgl_selesai + `</td> <td>` + tgl_selesai + `</td>
<td>` + anggaran + `</td>
<td class="text-center "> <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; "> <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; "> <div style="margin-top: -5px; ">
...@@ -968,7 +896,6 @@ background: none;border-color: transparent;"> ...@@ -968,7 +896,6 @@ background: none;border-color: transparent;">
<td>` + type + `</td> <td>` + type + `</td>
<td>` + tgl_perbaikan + `</td> <td>` + tgl_perbaikan + `</td>
<td>` + tgl_selesai + `</td> <td>` + tgl_selesai + `</td>
<td>` + anggaran + `</td>
<td class="text-center "> <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; "> <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; "> <div style="margin-top: -5px; ">
...@@ -1070,15 +997,15 @@ background: none;border-color: transparent;"> ...@@ -1070,15 +997,15 @@ background: none;border-color: transparent;">
}); });
} }
$("#perbaikan_manage").click(function() { // $("#perbaikan_manage").click(function() {
// $(".datatable-show-all.list_perb").dataTable().fnDestroy(); // // $(".datatable-show-all.list_perb").dataTable().fnDestroy();
$(".datatab").dataTable().fnDestroy(); // $(".datatab").dataTable().fnDestroy();
setTimeout(function() { // setTimeout(function() {
datatatata() // datatatata()
}, 100); // }, 100);
//
//
}) // })
function loaddetailid(id) { function loaddetailid(id) {
$(".map_detail_p").html(``) $(".map_detail_p").html(``)
...@@ -1118,47 +1045,47 @@ background: none;border-color: transparent;"> ...@@ -1118,47 +1045,47 @@ background: none;border-color: transparent;">
$(".nama_detail").text("Null"); $(".nama_detail").text("Null");
$(".type_detail ").html("Null"); $(".type_detail ").html("Null");
$(".tanggal_perbaikan_detail ").html("Null") $(".tanggal_perbaikan_detail ").html("Null")
$(".anggaran_detail ").html("Null") // $(".anggaran_detail ").html("Null")
$(".penanggung_jawab_detail ").html("Null") // $(".penanggung_jawab_detail ").html("Null")
$(".penanggung_jawab_lapangan_detail ").html("Null") // $(".penanggung_jawab_lapangan_detail ").html("Null")
$(".kontraktor_detail ").html("Null") // $(".kontraktor_detail ").html("Null")
$(".panjang_jalan_detail ").html("Null") $(".panjang_jalan_detail ").html("Null")
$(".lebar_jalan_detail ").html("Null") $(".lebar_jalan_detail ").html("Null")
$(".proposal_detail ").html(` //$(".proposal_detail ").html(`
<a href="static/media/proposal/null" id="downloadproposal"> // <a href="static/media/proposal/null" id="downloadproposal">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 80px;width: 80px; "> // <img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 80px;width: 80px; ">
</a>`); // </a>`);
//
//
$(".bukti_detail_perbaikan").html(` //$(".bukti_detail_perbaikan").html(`
<a href="static/media/bukti_penyelesaian/null" onclick="viewBukti() " id="view-bukti "> // <a href="static/media/bukti_penyelesaian/null" onclick="viewBukti() " id="view-bukti ">
<img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px; // <img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px;
width: 50px;"> // width: 50px;">
</a>`); // </a>`);
} else { } else {
console.log(data[0]['jenis']) console.log(data[0]['jenis'])
if (data[0]['jenis'] == 'jalan'){ if (data[0]['jenis'] == 'jalan') {
$(".nama_detail").html(data[0]['name']); $(".nama_detail").html(data[0]['name']);
$(".type_detail ").html(data[0]['type']) $(".type_detail ").html(data[0]['type'])
$(".tanggal_perbaikan_detail ").text(data[0]['tgl_perbaikan']) $(".tanggal_perbaikan_detail ").text(data[0]['tgl_perbaikan'])
$(".anggaran_detail ").html(data[0]['anggaran']) //$(".anggaran_detail ").html(data[0]['anggaran'])
$(".penanggung_jawab_detail ").html(data[0]['pj']) //$(".penanggung_jawab_detail ").html(data[0]['pj'])
$(".penanggung_jawab_lapangan_detail ").html(data[0]['pj_lapangan']) //$(".penanggung_jawab_lapangan_detail ").html(data[0]['pj_lapangan'])
$(".kontraktor_detail ").html(data[0]['kontraktor']) //$(".kontraktor_detail ").html(data[0]['kontraktor'])
$(".panjang_jalan_detail ").html(data[0]['panjang']) $(".panjang_jalan_detail ").html(data[0]['panjang'])
$(".lebar_jalan_detail ").html(data[0]['lbr_jln_reno']) $(".lebar_jalan_detail ").html(data[0]['lbr_jln_reno'])
$(".proposal_detail ").html(` //$(".proposal_detail ").html(`
<a href="static/media/proposal/` + data[0]['proposal'] + `" target="_blank" "id="downloadproposal"> // <a href="static/media/proposal/` + data[0]['proposal'] + `" target="_blank" "id="downloadproposal">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; "> // <img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; ">
</a>`); // </a>`);
//
//
$(".bukti_detail_perbaikan").html(` //$(".bukti_detail_perbaikan").html(`
<a href="static/media/bukti_penyelesaian/` + data[0].bukti_selesai + `" target="_blank" id="view-bukti"> // <a href="static/media/bukti_penyelesaian/` + data[0].bukti_selesai + `" target="_blank" id="view-bukti">
<img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px; // <img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px;
width: 50px;"> // width: 50px;">
</a>`); // </a>`);
$('.isi_detail_cek_jalan').show() $('.isi_detail_cek_jalan').show()
$('.map_detail_p_jalan').show() $('.map_detail_p_jalan').show()
...@@ -1177,29 +1104,29 @@ background: none;border-color: transparent;"> ...@@ -1177,29 +1104,29 @@ background: none;border-color: transparent;">
}; };
} }
}).addTo(map_detail_perbaikan); }).addTo(map_detail_perbaikan);
} else if (data[0]['jenis'] == 'bangunan'){ } else if (data[0]['jenis'] == 'bangunan') {
$(".nama_detail").html(data[0]['name']); $(".nama_detail").html(data[0]['name']);
$(".type_detail ").html(data[0]['type']) $(".type_detail ").html(data[0]['type'])
$(".tanggal_perbaikan_detail ").text(data[0]['tgl_perbaikan']) $(".tanggal_perbaikan_detail ").text(data[0]['tgl_perbaikan'])
$(".anggaran_detail ").html(data[0]['anggaran']) // $(".anggaran_detail ").html(data[0]['anggaran'])
$(".penanggung_jawab_detail ").html(data[0]['pj']) // $(".penanggung_jawab_detail ").html(data[0]['pj'])
$(".penanggung_jawab_lapangan_detail ").html(data[0]['pj_lapangan']) // $(".penanggung_jawab_lapangan_detail ").html(data[0]['pj_lapangan'])
$(".kontraktor_detail ").html(data[0]['kontraktor']) // $(".kontraktor_detail ").html(data[0]['kontraktor'])
$(".proposal_detail ").html(` //$(".proposal_detail ").html(`
<a href="static/media/proposal/` + data[0]['proposal'] + `" target="_blank" "id="downloadproposal"> // <a href="static/media/proposal/` + data[0]['proposal'] + `" target="_blank" "id="downloadproposal">
<img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; "> // <img src="{% static 'img/icon-1/proposal.svg' %} " alt=" " style="height: 65px;width: 65px; ">
</a>`); // </a>`);
$(".judul_panjang_jalan_detail ").html('Jenis Perbaikan') $(".judul_panjang_jalan_detail ").html('Jenis Perbaikan')
$(".panjang_jalan_detail ").html(data[0]['jenis_perbaikan']) $(".panjang_jalan_detail ").html(data[0]['jenis_perbaikan'])
$('.isi_detail_cek_jalan').hide() $('.isi_detail_cek_jalan').hide()
$('.map_detail_p_jalan').hide() $('.map_detail_p_jalan').hide()
$(".bukti_detail_perbaikan").html(` //$(".bukti_detail_perbaikan").html(`
<a href="static/media/bukti_penyelesaian/` + data[0].bukti_selesai + `" target="_blank" id="view-bukti"> // <a href="static/media/bukti_penyelesaian/` + data[0].bukti_selesai + `" target="_blank" id="view-bukti">
<img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px; // <img src="{% static 'img/icon-1/bukti.svg' %} " alt=" " style="height: 70px;
width: 50px;"> // width: 50px;">
</a>`); // </a>`);
} }
} }
} }
...@@ -1560,9 +1487,6 @@ background: none;border-color: transparent;"> ...@@ -1560,9 +1487,6 @@ background: none;border-color: transparent;">
<div> <div>
` + tgl_selesai + ` ` + tgl_selesai + `
</div> </div>
<div>
` + anggaran + `
</div>
<div> <div>
<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;height: 25px; "> <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;height: 25px; ">
<span> <span>
...@@ -1582,4 +1506,148 @@ background: none;border-color: transparent;"> ...@@ -1582,4 +1506,148 @@ background: none;border-color: transparent;">
}); });
}); });
$("#perbaikan_manage").on("click", function() {
$.ajax({
url: "api/dataperbaikan",
dataType: 'json',
type: 'get',
success: function(data) {
console.log(data)
var data_per = []
var num = 0
for (i in data) {
num += 1;
var data_i = `<li class="media panel panel-body stack-media-on-mobile" id="cunli" style="background: transparent;border: none;color: white;">
<div>
` + num + `
</div>
<div>
` + data[i].name_perbaikan + `
</div>
<div>
` + data[i].name + `
</div>
<div>
` + data[i].desa + `, ` + data[i].kecamatan + `
</div>
<div>
` + data[i].type + `
</div>
<div>
` + data[i].tgl_perbaikan + `
</div>
<div>
` + data[i].tgl_selesai + `
</div>
<div>
<a class="btn mdlFire " onclick="loaddetailid( '` + data[i].id_object + `') " data-toggle="modal" data-target="#modal_detail_perbaikan" style="background-color: #5A9AFB;color: white;border-radius: 5px;">
<i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i> &nbsp;&nbsp; Detail
</a>
</div>
</li>`;
data_per.push(data_i)
}
$("#dataperb").html(data_per)
var x = window.matchMedia("(min-width: 700px)")
if (x.matches) { // If media query matches
$(".search_list").css('display', 'none')
$.fn.dataList = function(options) {
this.each(function() {
var $table = $(this);
if ($table.is('ul')) {
var $ul = $table;
$table = $ul.wrap('<table><tbody/></table').closest('table');
$ul.find('li').wrap('<tr></tr>').contents().unwrap();
$ul.find('div').wrap('<td><td/>').contents().unwrap();
$ul.contents().unwrap()
$table.prepend(`<thead><tr><th>No.</th>
<th>Sarana Perbaikan</th>
<th>Nama</th>
<th>Alamat</th>
<th>Type</th>
<th>Tanggal Mulai</th>
<th>Tanggal Selesai</th>
<th>Keterangan</th>
</tr></thead>`);
}
$table.dataTable(options);
});
}
$('.datatab').dataList({
"pageLength": 15,
autoWidth: false,
columnDefs: [{
orderable: false,
width: '20px',
targets: [0],
}, ],
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;'
}
},
});
$('.datatab').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');
}
});
} else {
$(".search_list").css('display', 'block')
$("#download_perbaikan").css('display', 'none')
// document.querySelector("#perbaikan-dashboard\\ > div > div.container-detached > div > ul > li > div:nth-child(1)").style.display = 'none';
//$('.datatab').dataTable({
// "pageLength": 15
//});
}
}
})
})
</script> </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