350 lines
20 KiB
PHP
350 lines
20 KiB
PHP
@extends('indexlayout')
|
|
|
|
@section('title', 'IKU')
|
|
@push('style')
|
|
@endpush
|
|
@section('content')
|
|
<div class="row">
|
|
<main id="js-page-content" role="main" class="page-content">
|
|
<ol class="breadcrumb page-breadcrumb">
|
|
<li class="breadcrumb-item"><a href="javascript:void(0);">IKU</a></li>
|
|
<li class="breadcrumb-item active">2024</li>
|
|
<li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>
|
|
</ol>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-6">
|
|
<div id="panel-6" class="panel">
|
|
<div class="panel" style="text-align: center; padding:15px 0 15px">
|
|
<h4>
|
|
Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan
|
|
</h4>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div id="iku1">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<div id="panel-6" class="panel">
|
|
<div class="panel" style="text-align: center; padding:15px 0 15px">
|
|
<h4>
|
|
Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan
|
|
</h4>
|
|
</div>
|
|
<div class="panel-container show">
|
|
<div id="iku2">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xl-12">
|
|
<div id="panel-1" class="panel">
|
|
<div class="panel-hdr">
|
|
<h2>
|
|
Tabel Indikator Kinerja Utama (IKU)
|
|
</h2>
|
|
</div>
|
|
<div class="panel-container show">
|
|
|
|
<div class="panel-content">
|
|
<div class="col-xl-3">
|
|
<div id="js_default_list ">
|
|
<div class="input-group mb-g">
|
|
<input type="text" class="form-control form-control-lg shadow-inset-2"
|
|
onkeyup="searchTable()" id="searchInput" placeholder="Filter list">
|
|
<div class="input-group-append">
|
|
<div class="input-group-text">
|
|
<i class="fal fa-search fs-xl"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{-- <input type="text" id="searchInput" onkeyup="searchTable()"
|
|
placeholder="Cari berdasarkan Tujuan, Sasaran, atau Indikator Kinerja Utama..."> --}}
|
|
<!-- datatable start -->
|
|
<table id="ikuTable" class="table table-bordered table-hover table-striped w-100 ">
|
|
<thead class="bg-highlight" style="text-align:center">
|
|
<tr>
|
|
<th rowspan="2">No</th>
|
|
<th rowspan="2">Tujuan RPD / Tujuan Renstra</th>
|
|
<th rowspan="2">SASARAN RPD/SASARAN RENSTRA </th>
|
|
<th rowspan="2">INDIKATOR KINERJA UTAMA (IKU)</th>
|
|
<th rowspan="2">DEFINISI OPERASIONAL</th>
|
|
<th colspan="4">TARGET ANGGARAN (RPD) </th>
|
|
<th>Satuan</th>
|
|
<th colspan="4">TARGET</th>
|
|
<th colspan="4">Realisasi</th>
|
|
</tr>
|
|
<tr>
|
|
<td>2023</td>
|
|
<td>2024</td>
|
|
<td>2025</td>
|
|
<td>2026</td>
|
|
<td>Persentase</td>
|
|
<td>2023</td>
|
|
<td>2024</td>
|
|
<td>2025</td>
|
|
<td>2026</td>
|
|
<td>2023</td>
|
|
<td>2024</td>
|
|
<td>2025</td>
|
|
<td>2026</td>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>1</td>
|
|
<td class="left-align">Terwujudnya Regenerasi Kota yang Berketahanan dan
|
|
Berkelanjutan</td>
|
|
<td class="left-align">Terbangunnya Infrastruktur dan Layanan Dasar Perkotaan
|
|
yang Berkualitas</td>
|
|
<td class="left-align">-</td>
|
|
<td class="left-align">-</td>
|
|
<td>3,094,548,582,006</td>
|
|
<td>3,267,721,137,206</td>
|
|
<td>3,528,055,352,812</td>
|
|
<td>4,293,978,027,726</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="3">2</td>
|
|
<td rowspan="3" class="left-align">Pengelolaan Sampah Kota yang Kolaboratif
|
|
dan Berkelanjutan </td>
|
|
<td rowspan="3" class="left-align">Optimalisasi Pengurangan dan Penanganan
|
|
Sampah yang
|
|
Kolaboratif serta Berwawasan Lingkungan </td>
|
|
<td class="left-align">Persentase Pengelolaan Sampah</td>
|
|
<td class="left-align">Penjumlahan persentase penanganan sampah dan pengurangan
|
|
sampah</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>Persentase</td>
|
|
<td>99</td>
|
|
<td>99</td>
|
|
<td>100</td>
|
|
<td>100</td>
|
|
<td>99.75</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<tr>
|
|
<td class="left-align">Persentase pengurangan sampah</td>
|
|
<td class="left-align">Total pengurangan sampah dibagi total timbulan sampah
|
|
dikali 100%</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>Persentase</td>
|
|
<td>27</td>
|
|
<td>28</td>
|
|
<td>30</td>
|
|
<td>30</td>
|
|
<td>27.08</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="left-align">Persentase penanganan sampah</td>
|
|
<td class="left-align">Total pengurangan sampah dibagi total timbulan sampah
|
|
dikali 100%</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>Persentase</td>
|
|
<td>71</td>
|
|
<td>71</td>
|
|
<td>70</td>
|
|
<td>70</td>
|
|
<td>72.67</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
</tr>
|
|
</tr>
|
|
<tr>
|
|
<td>3</td>
|
|
<td class="left-align">Terwujudnya Regenerasi Kota yang Berketahanan dan
|
|
Berkelanjutan</td>
|
|
<td class="left-align">Tercapainya Pemulihan Ekosistem Kota dan Implementasi
|
|
Pembangunan Rendah Karbon</td>
|
|
<td class="left-align">-</td>
|
|
<td class="left-align">-</td>
|
|
<td>47,633,498,781</td>
|
|
<td>51,390,912,804</td>
|
|
<td>54,910,021,826</td>
|
|
<td>58,691,723,354</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<tr>
|
|
|
|
<tr>
|
|
<td rowspan="5">4</td>
|
|
<td rowspan="5" class="left-align">Perbaikan Kualitas Lingkungan Hidup</td>
|
|
<td rowspan="5" class="left-align">Pengurangan Pencemaran Lingkungan melalui
|
|
Upaya Preventif dan Pengendalian yang Intensif</td>
|
|
<td class="left-align">Indeks Kualitas Air</td>
|
|
<td class="left-align">Suatu nilai yang menggambarkan kondisi kualitas air yang
|
|
merupakan nilai komposit parameter kualitas air dalam suatu wilayah pada
|
|
waktu tertentu</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>Indeks</td>
|
|
<td>44.69</td>
|
|
<td>45.19</td>
|
|
<td>45.69</td>
|
|
<td>46.19</td>
|
|
<td>40.76</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="left-align">Indeks Kualitas Udara</td>
|
|
<td class="left-align">Ukuran yang menggambarkan kualitas udara yang merupakan
|
|
nilai komposit parameter kualitas udara dalam suatu wilayah pada waktu
|
|
tertentu</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>Indeks</td>
|
|
<td>67,02</td>
|
|
<td>67,52</td>
|
|
<td>68,02</td>
|
|
<td>68,52</td>
|
|
<td>68.46</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
|
|
<td class="left-align">Persentase Penurunan Emisi GRK pada Sektor Limbah</td>
|
|
<td class="left-align">Nilai persentase yang menggambarkan penurunan emisi Gas
|
|
Rumah Kaca dari nilai baseline-nya, setelah dilakukan upaya mitigasi emisi
|
|
Gas Rumah Kaca dari aksi Mitigasi pada sektor Limbah</td>
|
|
<td>Persentase</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>0,28</td>
|
|
<td>0,38</td>
|
|
<td>0,45</td>
|
|
<td>0,67</td>
|
|
<td>0.29</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="left-align">Persentase Peningkatan Status Indeks Pencemar (IP)</td>
|
|
<td class="left-align">Persentase jumlah kategori "cemar sedang" dibagi jumlah
|
|
titik pemantauan</td>
|
|
<td>Persentase</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>24</td>
|
|
<td>25</td>
|
|
<td>26</td>
|
|
<td>27</td>
|
|
<td>28</td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="left-align">Persentase Peningkatan Status Indeks Standar Pencemaran
|
|
Udara (ISPU)</td>
|
|
<td class="left-align">Persentase jumlah hari kategori "sedang" dibagi jumlah
|
|
hari pemantauan</td>
|
|
<td>Persentase</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>63</td>
|
|
<td>64,5</td>
|
|
<td>65,5</td>
|
|
<td>66,5</td>
|
|
<td>52</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- datatable end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
@endsection
|
|
|
|
@push('script')
|
|
<script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
|
|
{{-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script> --}}
|
|
<script src="{{ asset('layout/dist/js/tabel.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/linechart.js') }}"></script>
|
|
<script src="{{ asset('layout/dist/js/iku.js') }}"></script>
|
|
<script>
|
|
function searchTable() {
|
|
var input, filter, table, tr, td, i, txtValue;
|
|
input = document.getElementById("searchInput");
|
|
filter = input.value.toLowerCase();
|
|
table = document.getElementById("ikuTable");
|
|
tr = table.getElementsByTagName("tr");
|
|
|
|
for (i = 1; i < tr.length; i++) {
|
|
tr[i].style.display = "none"; // Hide all rows initially
|
|
td = tr[i].getElementsByTagName("td");
|
|
|
|
for (var j = 0; j < td.length; j++) {
|
|
if (td[j]) {
|
|
txtValue = td[j].textContent || td[j].innerText;
|
|
if (txtValue.toLowerCase().indexOf(filter) > -1) {
|
|
tr[i].style.display = ""; // Show row if match is found
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
@endpush
|