291 lines
		
	
	
		
			16 KiB
		
	
	
	
		
			PHP
		
	
	
			
		
		
	
	
			291 lines
		
	
	
		
			16 KiB
		
	
	
	
		
			PHP
		
	
	
| @extends('indexlayout')
 | |
| 
 | |
| @section('title', 'tujuan')
 | |
| @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);">Realisasi Kinerja</a></li>
 | |
|                 <li class="breadcrumb-item active">Tujuan</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-xl-12">
 | |
|                     <div id="panel-1" class="panel">
 | |
| 
 | |
|                         <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>
 | |
|                                 <!-- datatable start -->
 | |
|                                 <table id="dt-tujuan" class="table table-bordered table-hover table-striped w-100">
 | |
|                                     <thead>
 | |
|                                         <tr>
 | |
|                                             <th>No</th>
 | |
|                                             <th>Tujuan</th>
 | |
|                                             <th>Indikator Kinerja</th>
 | |
|                                             <th>Satuan</th>
 | |
|                                             <th>Konsolidasi</th>
 | |
|                                             <th>Polarisasi</th>
 | |
|                                             <th>Target Tahunan</th>
 | |
|                                             <th>Action</th>
 | |
|                                         </tr>
 | |
|                                     </thead>
 | |
|                                     <tbody>
 | |
|                                         <tr>
 | |
|                                             <td>1</td>
 | |
|                                             <td>
 | |
|                                                 <p>Pengelolaan Sampah Kota yang Kolaboratif dan Berkelanjutan </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>PERSENTASE PENGELOLAAN SAMPAH</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>%</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>100</p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detail') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         </tr>
 | |
|                                         <tr>
 | |
|                                             <td rowspan="3">2</td>
 | |
|                                             <td rowspan="3">
 | |
|                                                 <p>Perbaikan Kualitas Lingkungan Hidup</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>INDEKS KUALITAS AIR </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Indeks</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>45.19</p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detailair') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         <tr>
 | |
|                                             <td>
 | |
|                                                 <p>INDEKS KUALITAS UDARA </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Indeks</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>67.52 </p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detailudara') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         </tr>
 | |
|                                         <tr>
 | |
|                                             <td>
 | |
|                                                 <p>PERSENTASE PENURUNAN EMISI GRK PADA SEKTOR LIMBAH</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Persen</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>0.38 </p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detailgrk') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         </tr>
 | |
|                                         </tr>
 | |
|                                     </tbody>
 | |
|                                 </table>
 | |
|                                 <!-- datatable end -->
 | |
|                             </div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
| 
 | |
| 
 | |
|             {{-- Tabel Sasaran --}}
 | |
|             <div class="row">
 | |
|                 <div class="col-xl-12">
 | |
|                     <div id="panel-1" class="panel">
 | |
| 
 | |
|                         <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>
 | |
|                                 <!-- datatable start -->
 | |
|                                 <table id="dt-tujuan" class="table table-bordered table-hover table-striped w-100">
 | |
|                                     <thead>
 | |
|                                         <tr>
 | |
|                                             <th>No</th>
 | |
|                                             <th>Sasaran</th>
 | |
|                                             <th>Indikator Kinerja</th>
 | |
|                                             <th>Satuan</th>
 | |
|                                             <th>Konsolidasi</th>
 | |
|                                             <th>Polarisasi</th>
 | |
|                                             <th>Target Tahunan</th>
 | |
|                                             <th>Action</th>
 | |
|                                         </tr>
 | |
|                                     </thead>
 | |
|                                     <tbody>
 | |
|                                         <tr>
 | |
|                                             <td rowspan="2">1</td>
 | |
|                                             <td rowspan="2">
 | |
|                                                 <p>Optimalisasi Pengurangan dan Penanganan Sampah yang Kolaboratif serta
 | |
|                                                     Berwawasan Lingkungan</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>PERSENTASE PENGURANGAN SAMPAH</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Persen</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>28</p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detail') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         <tr>
 | |
|                                             <td>
 | |
|                                                 <p>PERSENTASE PENANGANAN SAMPAH</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Persen</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>72</p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detail') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         </tr>
 | |
|                                         </tr>
 | |
|                                         <tr>
 | |
|                                             <td rowspan="3">2</td>
 | |
|                                             <td rowspan="3">
 | |
|                                                 <p>Pengurangan Pencemaran Lingkungan melalui Upaya Preventif dan
 | |
|                                                     Pengendalian yang Intensif</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>PERSENTASE PENINGKATAN STATUS INDEKS PENCEMAR (IP)</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Persen</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>25</p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detailair') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         <tr>
 | |
|                                             <td>
 | |
|                                                 <p>
 | |
| 
 | |
|                                                     PERSENTASE PENINGKATAN STATUS INDEKS STANDAR PENCEMARAN UDARA (ISPU)</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Persen</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Take Last Known </p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>Maximize</p>
 | |
|                                             </td>
 | |
|                                             <td>
 | |
|                                                 <p>65.5</p>
 | |
|                                             </td>
 | |
|                                             <td><a href="{{ route('sadmin.tusar.detailudara') }}"
 | |
|                                                     class="btn btn-primary">Detail</a></td>
 | |
|                                         </tr>
 | |
|                                         </tr>
 | |
|                                     </tbody>
 | |
|                                 </table>
 | |
|                                 <!-- datatable end -->
 | |
|                             </div>
 | |
|                         </div>
 | |
|                     </div>
 | |
|                 </div>
 | |
|             </div>
 | |
|         </main>
 | |
|     </div>
 | |
| 
 | |
| @endsection
 | |
| 
 | |
| @push('script')
 | |
|     <!-- The order of scripts is irrelevant. Please check out the plugin pages for more details about these plugins below: -->
 | |
|     <script src="{{ asset('layout/dist/js/statistics/peity/peity.bundle.js') }}"></script>
 | |
|     <script src="{{ asset('layout/dist/js/statistics/flot/flot.bundle.js') }}"></script>
 | |
|     <script src="{{ asset('layout/dist/js/statistics/easypiechart/easypiechart.bundle.js') }}"></script>
 | |
|     <script src="{{ asset('layout/dist/js/datagrid/datatables/datatables.bundle.js') }}"></script>
 | |
|     <script src="{{ asset('layout/dist/js/tabeltujuan.js') }}"></script>
 | |
| @endpush
 |