This commit is contained in:
izuddin
2024-09-24 14:00:49 +07:00
parent d5212f1f89
commit cd56b76e3f
12 changed files with 602 additions and 178 deletions
@@ -0,0 +1,264 @@
@php
$siteBreadcumb = [
["url"=>"/realisasi-belanja","label"=>$siteTitle],
["url"=>"/realisasi-belanja/create","label"=>$sitesubTitle]
];
$jenisDana = ["All","CHT"];
@endphp
@extends('layouts.empty')
@section('styles')
<!-- DataTables -->
<link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
<link rel="stylesheet" href="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-fixedcolumns/css/fixedColumns.bootstrap4.min.css">
@endsection
@section('content')
<div class="card card-default">
<div class="card-header">
<h2 class="card-title"><i class="fa fa-th-list mr-2"></i> {{ $sitesubTitle }}</h2>
<div class="card-tools">
<button type="button" class="btn btn-tool" data-card-widget="collapse" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body">
<form id="uploadData" action="{{ URL::to("/data-omspan/upload") }}" method="POST" autocomplete="off" enctype="multipart/form-data">
@csrf
<div class="form-group">
<label>Tahun</label>
<input class="form-control form-control-sm" id="srcTA" name="ta" value="{{ getTA() }}" readonly>
</div>
<div class="form-group">
<label>File</label>
<input class="form-control" type="file" name="file" required>
</div>
<div class="form-group">
<a href="{{ URL::to('/data-omspan') }}" class="btn btn-danger"><i class="fa fa-chevron-left"></i> Batal</a>
<button type="submit" class="btn btn-sm btn-success"><i class="fas fa-file-excel"></i> Upload File</button>
</div>
<p>
<strong>Format:xlsx | Columns:</strong>
"no",
"kanwil",
"kppn",
"lokasi_kewenangan",
"lokasi_sekolah",
"no_tgl_sk",
"jenis_bos",
"tahap",
"gelombang",
"npsn_nama_sekolah",
"jenis_satuan_pendidikan",
"status_sekolah",
"bank",
"no_rekening_nama_rekening",
"npsn",
"rekening",
"nama",
"jenjang_sekolah",
"no_tgl_sp2d_detail",
"no_sp2d",
"tgl_sp2d",
"status",
"nilai",
"pagu",
"jmlh_siswa",
"ket_retur"
</p>
</form>
</div>
</div>
<div class="card card-default">
<div class="card-header">
<h2 class="card-title"><i class="fa fa-check mr-2"></i> Validasi Data</h2>
<div class="card-tools">
{{-- @if(auth()->user()->can('Tambah SKPP')) --}}
<button id="upload_validated" class="btn btn-tool btn-warning"><i class="fa fa-save"></i> Upload Data</button>
{{-- @endif --}}
</div>
</div>
<div class="card-body">
<table id="tempUploadRealisasi" class="table table-striped jambo_table tblClickRow" style="width:100%">
<thead>
<tr class="headings">
<th>No</th>
<?php
$arrCol = array(
"kanwil",
"kppn",
"lokasi_kewenangan",
"lokasi_sekolah",
"no_tgl_sk",
"jenis_bos",
"tahap",
"gelombang",
"npsn_nama_sekolah",
"jenis_satuan_pendidikan",
"status_sekolah",
"bank",
"no_rekening_nama_rekening",
"npsn",
"rekening",
"nama",
"jenjang_sekolah",
"no_tgl_sp2d_detail",
"no_sp2d",
"tgl_sp2d",
"status",
"nilai",
"pagu",
"jmlh_siswa",
"ket_retur");
foreach($arrCol as $rowCol){
echo "<th>$rowCol</th>";
}
?>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
</div>
@endsection
@section('scripts')
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/jszip/jszip.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/pdfmake/pdfmake.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/pdfmake/vfs_fonts.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.html5.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.print.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-fixedcolumns/js/dataTables.fixedColumns.min.js"></script>
<script src="{{ $baseUrl }}/AdminLTE-3.2.0/plugins/datatables-fixedcolumns/js/fixedColumns.bootstrap4.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#uploadData").on("submit",function(e){
e.preventDefault();
$("body").append("<div class='loading'></div>");
return e.currentTarget.submit();
});
$(document).on("click","#upload_validated",function (e){
e.preventDefault();
let test = Swal.fire({
title: 'Data akan diUpload?',
showDenyButton: true,
showCancelButton: false,
confirmButtonText: 'Ya',
denyButtonText: "Tidak",
icon: "warning",
}).then((result) => {
/* Read more about isConfirmed, isDenied below */
if (result.isConfirmed) {
$("body").append("<div class='loading'></div>");
location.href='{{ url('/data-omspan/upload/proses') }}';
}
})
});
$('#tblJenisBelanja').DataTable( {
"processing": true,
"serverSide": false,
"ordering": false,
"autoWidth": false,
"lengthMenu": [
[ 10, 25, 50 ],
[ "10", "25", "50" ]
],
"paging": true, // Table pagination
})
var dtTable = $('#tempUploadRealisasi').DataTable( {
"processing": true,
"serverSide": true,
"ajax": {
url: "{{ $baseUrl }}/data-omspan/upload/datatable",
type: "POST",
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
data: function (d) {
}
},
"columnDefs": [
//{ className: "td-nowrap", "targets": [ 1 ] }
],
"lengthMenu": [
[ 10, 25, 50 ],
[ "10", "25", "50" ]
],
"paging": true, // Table pagination
"columns": [
{"data":null},
{"data":"kanwil"},
{"data":"kppn"},
{"data":"lokasi_kewenangan"},
{"data":"lokasi_sekolah"},
{"data":"no_tgl_sk"},
{"data":"jenis_bos"},
{"data":"tahap"},
{"data":"gelombang"},
{"data":"npsn_nama_sekolah"},
{"data":"jenis_satuan_pendidikan"},
{"data":"status_sekolah"},
{"data":"bank"},
{"data":"no_rekening_nama_rekening"},
{"data":"npsn"},
{"data":"rekening"},
{"data":"nama"},
{"data":"jenjang_sekolah"},
{"data":"no_tgl_sp2d_detail"},
{"data":"no_sp2d"},
{"data":"tgl_sp2d"},
{"data":"status"},
{"data":"nilai"},
{"data":"pagu"},
{"data":"jmlh_siswa"},
{"data":"ket_retur"}
],
"rowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull, oSettings) {
let info = dtTable.page.info();
let numStart = info.page;
let index = (numStart * dtTable.page.len()) + iDisplayIndex + 1;
$("td:eq(0)", nRow).html(index);
$("td:eq(22)", nRow).html(separateNumberIndo(aData["nilai"]));
$("td:eq(23)", nRow).html(separateNumberIndo(aData["pagu"]));
$("td:eq(24)", nRow).html(separateNumberIndo(aData["jmlh_siswa"]));
return nRow;
},
"drawCallback": function( settings ) {
if (dtTable.page.info().recordsTotal == 0){
$("#upload_validated").prop("disabled", true)
}
},
"language": {
"lengthMenu": "Tampil _MENU_ data per Halaman",
"zeroRecords": "Data tidak ditemukan!",
"info": "Halaman _PAGE_ dari _PAGES_ Halaman ( _TOTAL_ Data )",
"infoEmpty": "Data tidak tersedia",
"infoFiltered": "(Disaring dari _MAX_ Data)",
"paginate": {
"previous": "<i class='fas fa-angle-double-left'></i>",
"next": "<i class='fas fa-angle-double-right'></i>",
},
"processing": "<div class='loading'></div>",
},
"scrollX":true,
});
});
</script>
@endsection