Skip to content

O
OKU-GIS
Commit 23701f5c authored by Manggar Mahardhika's avatar Manggar Mahardhika
Browse files
Options

fix belum css fahri

parent c7259628
Show whitespace changes
Inline Side-by-side
Showing with 647 additions and 46 deletions
templates/includes/js-m.html
View file @ 23701f5c
...@@ -5273,6 +5273,22 @@ ...@@ -5273,6 +5273,22 @@
// } // }
// } // }
// function gas_poin(){
// document.getElementById("po_all").checked == true;
// k_adm()
// l_kes()
// pks()
// rs()
// fiksi()
// didik()
// sthall()
// temanggung()
// cb100()
// gl100()
// }
// gas_poin()
function showpanel(content) { function showpanel(content) {
$("#button_hide_panel").css("display", "block") $("#button_hide_panel").css("display", "block")
......
templates/includes/js-o.html
View file @ 23701f5c
...@@ -2037,7 +2037,7 @@ ...@@ -2037,7 +2037,7 @@
<div class="modal-content"> <div class="modal-content">
<div class="modal-header" style="height: 50px;background: #1E2233;border-top-left-radius: 10px;border-top-right-radius: 10px;"> <div class="modal-header" style="height: 50px;background: #1E2233;border-top-left-radius: 10px;border-top-right-radius: 10px;">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title title-create" style="color: white;margin-left: 25px;padding-top: 10px;">Input Perbaikan</h5> <h5 class="modal-title title-create" style="color: white;margin-left: 25px;">Input Perbaikan</h5>
</div> </div>
<div class="modal-body" style="max-height: 450px;overflow-y: auto;"> <div class="modal-body" style="max-height: 450px;overflow-y: auto;">
<div class="tab-pane has-padding" id="panel-tab2"> <div class="tab-pane has-padding" id="panel-tab2">
...@@ -2050,16 +2050,15 @@ ...@@ -2050,16 +2050,15 @@
</ul> </ul>
<div class="tab-content"> <div class="tab-content">
<div class="tab-pane active" id="#left-tab1-feas-upl"> <div class="tab-pane active" id="left-tab1-feas-upl">
<input type="text" class="hidden" id="poly_create_input"> <input type="text" class="hidden" id="poly_create_input">
<input type="text" class="hidden" id="id_jalan_perbaikan"> <input type="text" class="hidden" id="id_jalan_perbaikan">
<input type="text" class="hidden" id="type_id"> <input type="text" class="hidden" id="type_id">
<div id="map-insert" style="height: 375px;width: 100%"> <div id="map-insert" style="height: 375px;width: 100%">
</div> </div>
</div> </div>
</div>
<div class="tab-pane" id="#right-tab2-feas-upl"> <div class="tab-pane" id="right-tab2-feas-upl">
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="form-group"> <div class="form-group">
...@@ -2134,7 +2133,7 @@ ...@@ -2134,7 +2133,7 @@
<label>Bukti Selesai Perbaikan (.png/.jpg/.jpeg/):</label> <label>Bukti Selesai Perbaikan (.png/.jpg/.jpeg/):</label>
<input type="file" id="buktiselesai"> <input type="file" id="buktiselesai">
</div> </div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
templates/includes/modal.html
View file @ 23701f5c
...@@ -646,7 +646,7 @@ ...@@ -646,7 +646,7 @@
</div> </div>
</a> </a>
</div> </div>
<!-- <div class="col-md-4 text-center"> <div class="col-md-4 text-center">
<a href="#" class="btn btn_create_lahan"> <a href="#" class="btn btn_create_lahan">
<div> <div>
<img src="{% static 'img/icon-1/SquareHalflahan.svg' %}" alt="" style="width: 35px; <img src="{% static 'img/icon-1/SquareHalflahan.svg' %}" alt="" style="width: 35px;
...@@ -667,7 +667,7 @@ ...@@ -667,7 +667,7 @@
<span>KDB & KLB</span> <span>KDB & KLB</span>
</div> </div>
</a> </a>
</div> --> </div>
</div> </div>
</fieldset> </fieldset>
......
templates/includes/sidebar.html
View file @ 23701f5c
...@@ -435,7 +435,7 @@ background: none;border-color: transparent;"> ...@@ -435,7 +435,7 @@ background: none;border-color: transparent;">
padding-top: 9px; padding-top: 9px;
padding-bottom: 9px;">Laporan Perbaikan<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6> padding-bottom: 9px;">Laporan Perbaikan<a class="heading-elements-toggle"><i class="icon-more"></i></a></h6>
</div> </div>
<div class="bod" style="margin-top: 10px;margin-left:6px;font-size: 12px;"> <div class="bod" style="display : none;margin-top: 10px;margin-left:6px;font-size: 12px;">
<div style="color: white;"> <div style="color: white;">
<span>Filter:</span> <span>Filter:</span>
</div> </div>
...@@ -482,11 +482,12 @@ background: none;border-color: transparent;"> ...@@ -482,11 +482,12 @@ background: none;border-color: transparent;">
</div> </div>
</a> </a>
</div> </div>
<div class="container-detached"> <div class="container-detached">
<div class="content-detached"> <div class="content-detached">
<ul class="media-list datatab"> <ul class="media-list datatab" id="dataperb">
{% for all in res_all %} {% for all in res_all %}
<li class="media panel panel-body stack-media-on-mobile" style="background: transparent;border: none;color: white;"> <li class="media panel panel-body stack-media-on-mobile" id="cunli" style="background: transparent;border: none;color: white;">
<div> <div>
{{forloop.counter}} {{forloop.counter}}
</div> </div>
...@@ -563,6 +564,7 @@ background: none;border-color: transparent;"> ...@@ -563,6 +564,7 @@ background: none;border-color: transparent;">
{% endfor %} {% endfor %}
</tbody> --> </tbody> -->
</table> </table>
</div> </div>
</div> </div>
...@@ -805,13 +807,19 @@ background: none;border-color: transparent;"> ...@@ -805,13 +807,19 @@ background: none;border-color: transparent;">
// "pageLength": 15 // "pageLength": 15
//}); //});
} }
}); });
//tes //tes
$("#sel-kec ").change(function() { $("#sel-kec ").change(function() {
var id_kec = $(this).val() var id_kec = $(this).val()
$(".datatable-show-all.list_perb").dataTable().fnDestroy(); console.log(id_kec)
// $(".datatable-show-all.list_perb").dataTable().fnDestroy();
// $("#list_perbaikan").dataTable().fnDestroy();
$(".datatab").dataTable().fnDestroy()
// $("#dataperb").css('display', 'none')
// $(".datatab").css('display', 'none')
// $(".datatable-show-all.list_perb").html('kosong')
$.ajax({ $.ajax({
url: "api/filt_perbaikan_kecamatan", url: "api/filt_perbaikan_kecamatan",
...@@ -837,7 +845,6 @@ background: none;border-color: transparent;"> ...@@ -837,7 +845,6 @@ background: none;border-color: transparent;">
} }
var data_perbaikan = [] var data_perbaikan = []
var number = 0; var number = 0;
...@@ -851,32 +858,69 @@ background: none;border-color: transparent;"> ...@@ -851,32 +858,69 @@ background: none;border-color: transparent;">
var tgl_perbaikan = data['res_perbaikan'][i]['tgl_perbaikan']; var tgl_perbaikan = data['res_perbaikan'][i]['tgl_perbaikan'];
var anggaran = data['res_perbaikan'][i]['anggaran']; var anggaran = data['res_perbaikan'][i]['anggaran'];
var tgl_selesai = data['res_perbaikan'][i]['tgl_selesai']; var tgl_selesai = data['res_perbaikan'][i]['tgl_selesai'];
var desa = data['res_perbaikan'][i]['desa'];
var kecamatan = data['res_perbaikan'][i]['kecamatan']; console.log(number, name, name_perbaikan)
var data_gab = `<tr> var data_gab = `<tr>
<td>` + number + `</td> <td>` + number + `</td>
<td>` + name_perbaikan + `</td> <td>` + name_perbaikan + `</td>
<td>` + name + `</td> <td>` + name + `</td>
<td>` + desa +`, `+ kecamatan + `</td>
<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>` + 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;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; ">
<span> <div style="margin-top: -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 <span>&nbsp;&nbsp;
</span> Detail</span>
</div>
</a> </a>
</td> </td>
</tr>`; </tr>`;
// var data_gab = `<li class="media panel panel-body stack-media-on-mobile" style="background: transparent;border: none;color: white;">
// <div>
// ` + number + `
// </div>
// <div>
// ` + name_perbaikan + `
// </div>
// <div>
// ` + name + `
// </div>
// <div>
// ` + type + `
// </div>
// <div>
// ` + tgl_perbaikan + `
// </div>
// <div>
// ` + tgl_selesai + `
// </div>
// <div>
// ` + anggaran + `
// </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; ">
// <span>
// <i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
// &nbsp;&nbsp;
// Detail
// </span>
// </a>
// </div>
// </li>`;
data_perbaikan.push(data_gab) data_perbaikan.push(data_gab)
}; };
$("#tbody_perbaikan").html(data_perbaikan) // $("#tbody_perbaikan").html(data_perbaikan)
//datatatata() // $("#dataperb").html(data_perbaikan)
$("#dataperb").html(data_gab)
datatatata()
} }
}); });
...@@ -886,7 +930,12 @@ background: none;border-color: transparent;"> ...@@ -886,7 +930,12 @@ background: none;border-color: transparent;">
$("#sel-desa ").change(function() { $("#sel-desa ").change(function() {
var id_desa = $(this).val() var id_desa = $(this).val()
$(".datatable-show-all.list_perb").dataTable().fnDestroy(); console.log(id_desa)
// $(".datatab").dataTable().fnDestroy()
// $(".datatable-show-all.list_perb").dataTable().fnDestroy();
// $("#list_perbaikan").dataTable().fnDestroy();
$(".datatab").dataTable().fnDestroy()
$.ajax({ $.ajax({
url: "api/filt_perbaikan_desa", url: "api/filt_perbaikan_desa",
...@@ -895,6 +944,7 @@ background: none;border-color: transparent;"> ...@@ -895,6 +944,7 @@ background: none;border-color: transparent;">
}, },
dataType: 'json', dataType: 'json',
success: function(data) { success: function(data) {
var data_perbaikan = [] var data_perbaikan = []
var number = 0; var number = 0;
...@@ -909,6 +959,7 @@ background: none;border-color: transparent;"> ...@@ -909,6 +959,7 @@ background: none;border-color: transparent;">
var anggaran = data['res_perbaikan'][i]['anggaran']; var anggaran = data['res_perbaikan'][i]['anggaran'];
var tgl_selesai = data['res_perbaikan'][i]['tgl_selesai']; var tgl_selesai = data['res_perbaikan'][i]['tgl_selesai'];
console.log(number, name, name_perbaikan)
var data_gab = `<tr> var data_gab = `<tr>
<td>` + number + `</td> <td>` + number + `</td>
...@@ -920,18 +971,55 @@ background: none;border-color: transparent;"> ...@@ -920,18 +971,55 @@ background: none;border-color: transparent;">
<td>` + anggaran + `</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; ">
<span> <div style="margin-top: -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; <span>&nbsp;&nbsp;
Detail Detail</span>
</span> </div>
</a> </a>
</td> </td>
</tr>`; </tr>`;
// var data_gab = `<li class="media panel panel-body stack-media-on-mobile" style="background: transparent;border: none;color: white;">
// <div>
// ` + number + `
// </div>
// <div>
// ` + name_perbaikan + `
// </div>
// <div>
// ` + name + `
// </div>
// <div>
// ` + type + `
// </div>
// <div>
// ` + tgl_perbaikan + `
// </div>
// <div>
// ` + tgl_selesai + `
// </div>
// <div>
// ` + anggaran + `
// </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; ">
// <span>
// <i class="icon-search4 text-muted text-size-base " style="color: white;font-size: 10px; "></i>
// &nbsp;&nbsp;
// Detail
// </span>
// </a>
// </div>
// </li>`;
data_perbaikan.push(data_gab) data_perbaikan.push(data_gab)
}; };
$("#tbody_perbaikan ").html(data_perbaikan) // $("#tbody_perbaikan ").html(data_perbaikan)
// $("#dataperb").html(data_perbaikan)
$("#dataperb").html(data_gab)
datatatata() datatatata()
} }
...@@ -942,8 +1030,8 @@ background: none;border-color: transparent;"> ...@@ -942,8 +1030,8 @@ background: none;border-color: transparent;">
}); });
function datatatata() { function datatatata() {
// $('.datatable-show-all.list_perb').DataTable({
$('.datatable-show-all.list_perb').DataTable({ $('.datatab').DataTable({
autoWidth: false, autoWidth: false,
columnDefs: [{ columnDefs: [{
orderable: false, orderable: false,
...@@ -983,10 +1071,11 @@ background: none;border-color: transparent;"> ...@@ -983,10 +1071,11 @@ 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();
//setTimeout(function() { $(".datatab").dataTable().fnDestroy();
// datatatata() setTimeout(function() {
//}, 100); datatatata()
}, 100);
}) })
...@@ -1381,7 +1470,6 @@ background: none;border-color: transparent;"> ...@@ -1381,7 +1470,6 @@ background: none;border-color: transparent;">
temanggung() temanggung()
cb100() cb100()
gl100() gl100()
} else if (document.getElementById("po_all").checked == false) { } else if (document.getElementById("po_all").checked == false) {
document.getElementById("knt_adm").checked = false; document.getElementById("knt_adm").checked = false;
document.getElementById("lyn_kes").checked = false; document.getElementById("lyn_kes").checked = false;
...@@ -1403,10 +1491,25 @@ background: none;border-color: transparent;"> ...@@ -1403,10 +1491,25 @@ background: none;border-color: transparent;">
temanggung() temanggung()
cb100() cb100()
gl100() gl100()
} }
} }
// function gas_poin(){
// document.getElementById("po_all").checked == true;
// k_adm()
// l_kes()
// pks()
// rs()
// fiksi()
// didik()
// sthall()
// temanggung()
// cb100()
// gl100()
// }
// gas_poin()
function destroymodper() { function destroymodper() {
$("#modal_detail_perbaikan").modal('hide') $("#modal_detail_perbaikan").modal('hide')
} }
......
templates/layout/layout.html
View file @ 23701f5c
...@@ -427,6 +427,108 @@ ...@@ -427,6 +427,108 @@
<!-- /page content --> <!-- /page content -->
</div> </div>
<div class="modal fade" id="modal_edit_p_point">
<div class="modal-dialog md">
<div class="modal-content" style="border-radius:10px;">
<div class="modal-header bg-info" style=" border-top-left-radius: 10px;
border-top-right-radius: 10px;">
<button type="button" class="close" data-dismiss="modal" onclick="destroyfade()">&times;</button>
<h6 class="modal-title">Edit Point</h6>
</div>
<div class="tab-pane has-padding" id="panel-tab2">
<div class="tab-pane" id="bottom-justified-data">
<div class="tabbable">
<ul class="nav nav-tabs nav-tabs-bottom nav-justified">
<li onclick="changetabs(this)" id="koordinat_cek" class="active"><a href="#left-tab1-feas-upli" data-toggle="tab">Koordinat</a></li>
<li onclick="changetabs(this)" id="info_umum"><a href="#right-tab2-feas-upli" data-toggle="tab">Informasi Umum</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="left-tab1-feas-upli">
<div id="map-for-edit" style="height: 300px;position: relative;margin:10px"></div>
<div class="form-group">
<label class="col-lg-2 control-label" style="margin-top:10px">Image</label>
<div class="col-lg-9" style="margin-top:10px">
<input type="file" id="fileadm" name="images[]" multiple accept="image/jpg,image/png,image/jpeg,image/gif">
<input style="display:none;" id="gambar_adm_edit" type="text" class="form-control" value="" required>
<input style="display:none;" id="coordinateZoneedit_p" type="text" class="form-control" value="" required>
<input style="display:none;" id="db_p" type="text" class="form-control" value="" required>
</div>
</div>
</div>
<div class="tab-pane" id="right-tab2-feas-upli">
<div class="modal-body" style="min-height: 300px;overflow-y: auto;">
<div class="form-group">
<input style="display:none;" id="id_adm_edit" type="text" class="form-control" value="" required>
<input style="display:none;" id="coordinateZoneedit_adm_edit" type="text" class="form-control" value="" required>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Nama Point</label>
<div class="col-lg-9">
<input id="namobj_adm_edit" type="text" class="form-control" value="` + data['result'][0][0]['properties']['f2'] + `" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Alamat</label>
<div class="col-lg-4">
<input id="alamat_adm_edit" type="text" class="form-control" required>
</div>
<div class="col-lg-4" style="margin-top: 15px;"></div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Luas (m2)</label>
<div class="col-lg-9">
<input id="luas_tanah_adm_edit" type="text" class="form-control" required>
</div>
</div>
</div>
<div class="row" style="margin-top: 15px;">
<div class="form-group">
<label class="col-lg-3 control-label lbl-top" style="margin-top: 15px;">Penanggung Jawab</label>
<div class="col-lg-9">
<input id="perangkat_adm_edit" type="text" class="form-control" required>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="modal-footer">
<!-- <button type="button" class="btn btn-link" data-dismiss="modal" onclick="destroyfade()">Close</button> -->
<button type="button" class="btn btn-info" id="saveedit_p">Save changes</button>
</div>
</div>
</div>
</div>
{% include 'includes/modal.html' %} {% include 'includes/modal.html' %}
<div class="modal fade" id="modal-kelurahan" tabindex="-1" role="dialog"> <div class="modal fade" id="modal-kelurahan" tabindex="-1" role="dialog">
</div> </div>
...@@ -434,6 +536,387 @@ ...@@ -434,6 +536,387 @@
<!-- end modal location -->{% include 'includes/m.html' %} <!-- end modal location -->{% include 'includes/m.html' %}
<div class="page_loader"></div> <div class="page_loader"></div>
<!-- <div class="footer" id="thisFooter" style="bottom: 30px; left: 0px;">
<input type="hidden" id="infoLongitude">
<input type="hidden" id="infoLatitude">
<input type="hidden" id="infoLimitx">
<div>
<a href="#" class="btn btn-default" id="button_hide"><span class="caret" style="margin-left: -5px;"></span></a>
</div>
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 content-footer">
<div class="row" id="info-footer">
<div class="col-md-12">
<div class="row">
<div class="panel panel-flat" style="margin-top: 5px;">
<div class="panel-heading" style="padding-top: 10px;padding-bottom: 10px;">
<h6 class="panel-title"><b>Login</b></h6>
<div class="heading-elements">
<ul class="icons-list">
<li>
<a data-action="collapse"></a>
</li>
</ul>
</div>
</div>
<div class="panel-body" style="display: none;">
<table>
<tr>
<td>1.</td>
<td>Pada halaman dashboard, klik tombol “SIGN IN” untuk melakukan login</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-16.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>2.</td>
<td>
Masukkan <i>username</i> dan <i>password</i>
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-21.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>3.</td>
<td>
Kemudian klik tombol “Log In”
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-27.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>4.</td>
<td>
Akan muncul Welcome Page seperti di bawah
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-34.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
</table>
</div>
</div>
<div class="panel panel-flat" style="margin-top: 5px;">
<div class="panel-heading" style="padding-top: 10px;padding-bottom: 10px;">
<h6 class="panel-title"><b>Akses Fitur 3D</b></h6>
<div class="heading-elements">
<ul class="icons-list">
<li>
<a data-action="collapse"></a>
</li>
</ul>
</div>
</div>
<div class="panel-body" style="display: none;">
<table>
<tr>
<td>1.</td>
<td>Pada halaman utama aplikasi, klik icon</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-40.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>2.</td>
<td>
Setelah itu akan muncul form 3D Searching, lalu pilih desa,
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-46.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>3.</td>
<td>
Lalu klik tombol “Search”
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-50.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>4.</td>
<td>
Maka akan muncul desa yang dicari
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-46-56.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
</table>
</div>
</div>
<div class="panel panel-flat" style="margin-top: 5px;">
<div class="panel-heading" style="padding-top: 10px;padding-bottom: 10px;">
<h6 class="panel-title"><b>Memunculkan Data Bangunan</b></h6>
<div class="heading-elements">
<ul class="icons-list">
<li>
<a data-action="collapse"></a>
</li>
</ul>
</div>
</div>
<div class="panel-body" style="display: none;">
<table>
<tr>
<td>1.</td>
<td>Pada halaman utama aplikasi, klik icon</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-03.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>2.</td>
<td>
Setelah itu akan muncul halaman sidebar filters
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-07.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>3.</td>
<td>
Kemudian checklist pada bagian bagunan
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-11.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>4.</td>
<td>
Maka akan muncul tampilan bangunan (polygon bangunan akan muncul ketika zoom > 17)
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-18.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
<tr>
<td>5.</td>
<td>Untuk melihat informasi bangunan, klik bagian bangunan yang akan di lihat informasinya.
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/photo_2021-10-22_16-47-23.jpg' %}" alt="" style="width: 500px;margin-bottom: 15px;">
</td>
</tr>
</table>
</div>
</div>
<div class="panel panel-flat" style="margin-top: 5px;">
<div class="panel-heading" style="padding-top: 10px;padding-bottom: 10px;">
<h6 class="panel-title"><b>Memunculkan Data Tempat</b></h6>
<div class="heading-elements">
<ul class="icons-list">
<li>
<a data-action="collapse"></a>
</li>
</ul>
</div>
</div>
<div class="panel-body" style="display: none;">
<table>
<tr>
<td>
1.
</td>
<td>
Klik icon
<img src="{% static 'img/icon-1/Screenshot_poi.png'%}" alt=""> pie pada sidebar
</td>
</tr>
<tr>
<td>
2.
</td>
<td>
Sehingga akan muncul informasi berikut
</td>
</tr>
<tr>
<td>
</td>
<td>
<img src="{% static 'img/icon-1/Screenshot_menu_layer.png'%}" alt="" style="max-width: 500px;">
</td>
</tr>
<tr>
<td>
3.
</td>
<td>
Untuk informasi tempat, klik Point Of Interest
</td>
</tr>
<tr>
<td>
4.
</td>
<td>
Untuk informasi tempat, klik Point Of Interest
</td>
</tr>
<tr>
<td>
5.
</td>
<td>
Ceklist data tempat yang akan dimunculkan
</td>
</tr>
<tr>
<td>
</td>
<td>
<img src="{% static 'img/icon-1/Screenshot_point_of_interest.png' %}" alt="" style="max-width: 500px;">
</td>
</tr>
<tr>
<td>
6.
</td>
<td>
Sehingga akan muncul informasi sebagai berikut
</td>
</tr>
<tr>
<td>
</td>
<td>
<img src="{% static 'img/icon-1/Screenshot_dash_poi.png' %}" alt="" style="max-width: 500px;">
</td>
</tr>
<tr>
<td>
7.
</td>
<td>
Untuk informasi tempat lebih detail, klik tempat yang akan di munculkan detailnya
</td>
</tr>
<tr>
<td>
8.
</td>
<td>
Akan muncul informasi detail tempat seperti berikut
</td>
</tr>
<tr>
<td>
</td>
<td>
<img src="{% static 'img/icon-1/Screenshot_detail_point.png' %}" alt="">
</td>
</tr>
</table>
</div>
</div>
<div class="panel panel-flat" style="margin-top: 5px;">
<div class="panel-heading" style="padding-top: 10px;padding-bottom: 10px;">
<h6 class="panel-title"><b>Menemukan Informasi Data Perbaikan</b></h6>
<div class="heading-elements">
<ul class="icons-list">
<li>
<a data-action="collapse"></a>
</li>
</ul>
</div>
</div>
<div class="panel-body" style="display: none;">
<table>
<tr>
<td>
1.
</td>
<td>
Klik icon pie pada sidebar
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/icon_pie_sd.png' %}" alt="">
</td>
</tr>
<tr>
<td>
2.
</td>
<td>
Setelah di-klik maka akan muncul informasi berikut
</td>
</tr>
<tr>
<td></td>
<td>
<img src="{% static 'img/icon-1/Screen_shot_data_perbaikan.png' %}" alt="" style="max-width: 500px;">
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3"></div>
</div>
</div> -->
<script src="https://use.fontawesome.com/d232835e93.js"></script> <script src="https://use.fontawesome.com/d232835e93.js"></script>
......
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