1799 lines
108 KiB
PHP
1799 lines
108 KiB
PHP
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
|
|
.table-container {
|
|
/* max-width: 100%;
|
|
overflow-x: auto; Agar bisa di-scroll ke samping jika tabel terlalu lebar
|
|
max-height: 400px; Tinggi maksimal tabel
|
|
overflow-y: auto; Scroll vertikal jika konten lebih tinggi
|
|
border: 1px solid #ccc; */
|
|
|
|
}
|
|
|
|
table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
min-width: 1200px;
|
|
}
|
|
|
|
th,
|
|
td {
|
|
border: 1px solid #ccc;
|
|
padding: 8px;
|
|
text-align: left;
|
|
}
|
|
|
|
th {
|
|
background-color: #a6ddf0;
|
|
}
|
|
|
|
thead th {
|
|
position: sticky;
|
|
top: 0;
|
|
background-color: #f4f4f4;
|
|
/* Warna latar belakang header */
|
|
z-index: 2;
|
|
}
|
|
|
|
.checkbox {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
<div class="table-container warp-text">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>No</th>
|
|
<th>Komponen</th>
|
|
<th>Uraian</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="3">1</td>
|
|
<td rowspan="3">Panen Air Hujan</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Memiliki Masalah Air Bersih? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showMasalahAirbersihBody()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showMasalahAirbersihBody() {
|
|
var x = document.getElementById("masalah_air_bersih_body");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='masalah_air_bersih_body' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Penampungan air hujan (PAH) / Instalasi Penampungan Air Hujan (IPAH) untuk
|
|
kebutuhan air
|
|
konsumsi - Total volume minimal 1000 liter / KK</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Memiliki Masalah Air untuk Pertanian? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showMasalahPertanianBody()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showMasalahPertanianBody() {
|
|
var x = document.getElementById("masalah_pertanian_body");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id="masalah_pertanian_body" style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Embung / DAM / Waduk</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td> Lubang Penampung Air - Misalnya: kolam, sumur tadah hujan
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Ada Kegiatan Lainnya </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showMasalahLainnya()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showMasalahLainnya() {
|
|
var x = document.getElementById("masalah_lainnya");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='masalah_lainnya' style="display: none;">
|
|
<div class="card-header d-flex align-items-center">
|
|
<div>
|
|
<button id="addRow" class="btn btn-primary" onclick="addTableRow()">Add New Row</button>
|
|
</div>
|
|
</div>
|
|
<table id="add-rows" style="background: solid;">
|
|
|
|
</table>
|
|
<script>
|
|
function addTableRow() {
|
|
var tableRef = document.getElementById('add-rows');
|
|
var newRow = tableRef.insertRow();
|
|
|
|
var newCell1 = newRow.insertCell(0);
|
|
var newCell2 = newRow.insertCell(1);
|
|
var newCell3 = newRow.insertCell(2);
|
|
var newCell4 = newRow.insertCell(3);
|
|
var newCell5 = newRow.insertCell(4);
|
|
var newCell6 = newRow.insertCell(5);
|
|
var newCell7 = newRow.insertCell(6);
|
|
var newCell8 = newRow.insertCell(7);
|
|
var newCell9 = newRow.insertCell(8);
|
|
|
|
newCell1.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Satuan">';
|
|
newCell2.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Jumlah">';
|
|
newCell3.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Penerima Manfaat (KK)">';
|
|
newCell4.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Jumlah Terdampak (KK)">';
|
|
newCell5.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Lama Kegiatan">';
|
|
newCell6.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Kondisi">';
|
|
newCell7.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Efektifitas">';
|
|
newCell8.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Uraian/Bukti//Link Dokumen Pendukung">';
|
|
}
|
|
</script>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--akhir-->
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="2">2</td>
|
|
<td rowspan="2">Peresapan Air</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Air Tanah Dalam ( >2M ) </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showPeresapanAirBody()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showPeresapanAirBody() {
|
|
var x = document.getElementById("peresapan_air");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='peresapan_air' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Biopori</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sumur Resapan</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Rorak/Jogangan
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Tinggi Muka Air Sumur </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showTinggiMukaAir()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showTinggiMukaAir() {
|
|
var x = document.getElementById("tinggi_muka_air_sumur");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id="tinggi_muka_air_sumur" style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Biopori</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sumur Resapan</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Rorak/Jogangan
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices
|
|
data-choices-search-false name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--akhir-->
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="3">3</td>
|
|
<td rowspan="3">Perlindungan Mata Air</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Pembuatan struktur pelindung mata air </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showPembuatanStrukturPelindungAir()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showPembuatanStrukturPelindungAir() {
|
|
var x = document.getElementById("pembuatan_struktur_pelindung_mata_air");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='pembuatan_struktur_pelindung_mata_air' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Pembuatan struktur pelindung mata air </td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Penanaman vegetasi di sekitar lokasi mata air</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td> Pembuatan aturan lokal yang menjamin mata air tetap hidup
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Jumlah Atau Debit Mata Air Berkurang </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showDebitMataAir()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showDebitMataAir() {
|
|
var x = document.getElementById("jumlah_debit_mata_air");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id="jumlah_debit_mata_air" style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Pembuatan struktur pelindung mata air </td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Penanaman vegetasi di sekitar lokasi mata air</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td> Pembuatan aturan lokal yang menjamin mata air tetap hidup
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Lainnya </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showMasalahLainnya()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showMasalahLainnya() {
|
|
var x = document.getElementById("masalah_lainnya");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='masalah_lainnya' style="display: none;">
|
|
<div class="card-header d-flex align-items-center">
|
|
<div>
|
|
<button id="addRow" class="btn btn-primary" onclick="addTableRow()">Add New Row</button>
|
|
</div>
|
|
</div>
|
|
<table id="add-rows" style="background: solid;">
|
|
|
|
</table>
|
|
<script>
|
|
function addTableRow() {
|
|
var tableRef = document.getElementById('add-rows');
|
|
var newRow = tableRef.insertRow();
|
|
|
|
var newCell1 = newRow.insertCell(0);
|
|
var newCell2 = newRow.insertCell(1);
|
|
var newCell3 = newRow.insertCell(2);
|
|
var newCell4 = newRow.insertCell(3);
|
|
var newCell5 = newRow.insertCell(4);
|
|
var newCell6 = newRow.insertCell(5);
|
|
var newCell7 = newRow.insertCell(6);
|
|
var newCell8 = newRow.insertCell(7);
|
|
var newCell9 = newRow.insertCell(8);
|
|
|
|
newCell1.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Satuan">';
|
|
newCell2.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Jumlah">';
|
|
newCell3.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Penerima Manfaat (KK)">';
|
|
newCell4.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Jumlah Terdampak (KK)">';
|
|
newCell5.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Lama Kegiatan">';
|
|
newCell6.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Kondisi">';
|
|
newCell7.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Efektifitas">';
|
|
newCell8.innerHTML = '<input type="text" class="form-control form-control-sm" placeholder="Uraian/Bukti//Link Dokumen Pendukung">';
|
|
}
|
|
</script>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--akhir-->
|
|
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="">4</td>
|
|
<td rowspan="">Penghematan Penggunaan Air</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Anda Memiliki Daerah Banjir? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showPenghematanPenggunaanAir()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showPenghematanPenggunaanAir() {
|
|
var x = document.getElementById("penghematan_penggunaan_Air");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='penghematan_penggunaan_Air' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Penggunaan kembali air yang sudah dipakai untuk keperluan tertentu</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pembatasan penggunaan air</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="3">5</td>
|
|
<td rowspan="3">Sarana dan prasarana pengendali banjir & longsor</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Daerah Anda Memiliki Daerah Banjir? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showDaerahBanjir()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showDaerahBanjir() {
|
|
var x = document.getElementById("daerah_banjir");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='daerah_banjir' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Bendungan / waduk banjir / cekdam / dam penahan / dam pengendali</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Tanggul banjir</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Penyediaan daerah retensi banjir (kawasan resapan air) </td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sistem polder (pompa air pengendali banjir)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sistem peringatan dini banjir (alat, aturan tertulis, dan pengoperasian sistem / petugas)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Sistem evakuasi (jalur, peta, petugas, aturan, rambu, tempat)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Saluran Pengelolaan Air (SPA)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Anda Memiliki Sistem Polder? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showSistemPolder()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showSistemPolder() {
|
|
var x = document.getElementById("sistem_polder");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id="sistem_polder" style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Sistem polder (pompa air pengendali banjir)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Topografi Curam atau Daerah Rawan Longsor? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showRawanLongsor()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showRawanLongsor() {
|
|
var x = document.getElementById("rawan_longsor");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id="rawan_longsor" style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Tindakan Sipil Teknis untuk Penguat lereng (misal: bronjong / karung berisi pasir / batu, dll.)
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Bangunan Terjunan Air (BTA)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pengendali jurang / gully plug</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--akhir-->
|
|
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="2">6</td>
|
|
<td rowspan="2">Rancang bangun yang adaptif terhadap</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Banjir/Rob/Gambut? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showRancangBangun()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showRancangBangun() {
|
|
var x = document.getElementById("rancang_bangun");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='rancang_bangun' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Meninggikan struktur bangunan / rumah panggung</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Longsor dan Angin Ribut/ Puting Beliung </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showBencana()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showBencana() {
|
|
var x = document.getElementById("bencana_alam");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id="bencana_alam" style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Menguatkan struktur bangunan</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--akhir-->
|
|
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="">7</td>
|
|
<td rowspan="">Pembuatan Terasering (Mencakup Saluran Peresapan Air, Ssaluran Pembuangan Air, Tanaman Penguat Teras)</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Memiliki Karakteristik Curam? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showLokasiKarakteristikCuram()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showLokasiKarakteristikCuram() {
|
|
var x = document.getElementById("lokasi_karakteristik_curam");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='lokasi_karakteristik_curam' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
{{-- <th>Jenis Kegiatan</th> --}}
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
{{-- <td></td> --}}
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--Akhir-->
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="">8</td>
|
|
<td rowspan="">Struktur pelindung alamiah atau greenbelt(sabuk hijau) yang sejajar garis pantai</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Anda Memiliki Garis Pantai? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showGarisPantai()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showGarisPantai() {
|
|
var x = document.getElementById("garis_pantai");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='garis_pantai' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Perlindungan alami pantai (misal: cemara laut, ketapang, mangrove, dan pohon kelapa; gumuk pasir; pengelolaan terumbu karang, dll.)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Pemulihan lahan dengan menambah suplai sedimen ke pantai atau dengan cara lain terkait dengan penanggulangan abrasi</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--Akhir-->
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="">9</td>
|
|
<td rowspan="">Struktur perlindungan buatan</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Anda Mengalami Rob? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showBencanaRob()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showBencanaRob() {
|
|
var x = document.getElementById("bencana_rob");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='bencana_rob' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Bangunan pelindung pantai (misal: groyne, jetty, breakwater, seawall, artificial headland, beach nourishment, terumbu karang buatan, pintu air pasang surut, dll.)</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--Akhir-->
|
|
<!-- Awal Tabel-->
|
|
<tr>
|
|
<td rowspan="">10</td>
|
|
<td rowspan="">Relokasi Pemukiman</td>
|
|
<td>
|
|
<div class="input-group" style="padding: 10px">
|
|
<p>Apakah Lokasi Anda Mengalami Banjir/Rob yang Berulang? </p>
|
|
<div class="form-check form-switch">
|
|
<input class="form-check-input" type="checkbox" role="switch"
|
|
onclick="showBencanaRobBerulang()" id="flexSwitchCheckChecked">
|
|
<label class="form-check-label" for="flexSwitchCheckChecked">Ya</label>
|
|
</div>
|
|
<script>
|
|
function showBencanaRobBerulang() {
|
|
var x = document.getElementById("bencana_rob_berulang");
|
|
if (x.style.display === "none") {
|
|
x.style.display = "table-row";
|
|
} else {
|
|
x.style.display = "none";
|
|
}
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id='bencana_rob_berulang' style="display: none;">
|
|
<table>
|
|
<tr>
|
|
<th>Jenis Kegiatan</th>
|
|
<th>Satuan</th>
|
|
<th>Jumlah</th>
|
|
<th>Penerima Manfaat (KK)</th>
|
|
<th>Jumlah Terdampak (KK)</th>
|
|
<th>Lama Kegiatan</th>
|
|
<th>Kondisi</th>
|
|
<th>Efektivitas</th>
|
|
<th>Uraian/Bukti/Link Dokumen Pendukung</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Pemindahan lokasi pemukiman atau aset penting ke lokasi lain yang lebih aman</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Tidak Ada Data</option>
|
|
<option value="2">Kurang dari 2 Tahun</option>
|
|
<option value="3">2-4 Tahun</option>
|
|
<option value="4">Lebih dari 4 Tahun</option>
|
|
</select>
|
|
</td>
|
|
<td class="col-lg-2">
|
|
<select class="form-select form-select-sm mb-3" data-choices data-choices-search-false
|
|
name="" id="" onchange="">
|
|
<option value="">-- Pilih --</option>
|
|
<option value="1">Rusak</option>
|
|
<option value="2">Cukup</option>
|
|
<option value="3">Baik</option>
|
|
</select>
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<!--Akhir-->
|
|
</tbody>
|
|
</table>
|
|
</div> |