368 lines
15 KiB
PHP
368 lines
15 KiB
PHP
<!-- Extend Layout -->
|
||
@extends('layout.app')
|
||
<!-- Add Custom CSS -->
|
||
@push('css')
|
||
<link rel="stylesheet" href="{{asset('/')}}plugins/datatables-bs4/css/dataTables.bootstrap4.min.css">
|
||
<link rel="stylesheet" href="{{asset('/')}}plugins/datatables-responsive/css/responsive.bootstrap4.min.css">
|
||
<link rel="stylesheet" href="{{asset('/')}}plugins/datatables-buttons/css/buttons.bootstrap4.min.css">
|
||
|
||
@endpush
|
||
<!-- Add Content Here -->
|
||
@section('content')
|
||
<!-- Include Sidebar -->
|
||
@include('layout.navbars.sidebar')
|
||
<div class="content-wrapper">
|
||
<!-- Main content -->
|
||
<section class="content-header">
|
||
<div class="container-fluid">
|
||
<div class="row mb-2">
|
||
<div class="col-sm-6">
|
||
<h1>Pengajuan Pemutihan</h1>
|
||
</div>
|
||
<div class="col-sm-6">
|
||
<ol class="breadcrumb float-sm-right">
|
||
<li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">Admin</a></li>
|
||
<li class="breadcrumb-item active">Pengajuan Pemutihan</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
</div><!-- /.container-fluid -->
|
||
</section>
|
||
|
||
<section class="content">
|
||
<div class="card">
|
||
<!-- /.card-header -->
|
||
<div class="card-body">
|
||
<div class="alert alert-info alert-dismissible">
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h5><i class="icon fas fa-info"></i> Perhatian!</h5>
|
||
<span >CaseID Akan muncul ketika pengajuan telah diterima untuk menghindari data duplikat untuk mahasiswa yang sama.</span>
|
||
</div>
|
||
@if ($errors->any())
|
||
<div class="alert alert-danger">
|
||
<ul>
|
||
@foreach ($errors->all() as $error )
|
||
<li>{{ $error }}</li>
|
||
@endforeach
|
||
</ul>
|
||
</div>
|
||
@endif
|
||
@if(session('success'))
|
||
<div class="alert alert-success">
|
||
<ul>
|
||
<li>{{ session('success') }}</li>
|
||
</ul>
|
||
</div>
|
||
@endif
|
||
@if(session('error'))
|
||
<div class="alert alert-danger">
|
||
<ul>
|
||
<li>{{ session('error') }}</li>
|
||
</ul>
|
||
</div>
|
||
@endif
|
||
<table id="example1" class="table table-bordered table-striped">
|
||
<thead>
|
||
<tr>
|
||
<th>CaseID</th>
|
||
<th>Tanggal Pengajuan</th>
|
||
<th>Program Studi</th>
|
||
<th>Mata Kuliah</th>
|
||
<th>Dosen Pengampu</th>
|
||
<th>Ruang Kuliah</th>
|
||
<th>Tanggal</th>
|
||
<th>Action</th>
|
||
</tr>
|
||
</thead>
|
||
<!-- /.modal-Delete -->
|
||
<div class="modal fade" id="ModalDelete">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title"></h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
|
||
</div>
|
||
<div class="modal-footer justify-content-between">
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
|
||
<button type="submit" class="btn btn-danger">Kirim</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|
||
<!-- Modal Detail dan Terima -->
|
||
<div class="modal fade" id="ModalDetail">
|
||
<div class="modal-dialog modal-lg">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h4 class="modal-title">Details Data</h4>
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<!-- Content goes here -->
|
||
<div class="row">
|
||
<div class="col">
|
||
<label for="program_studi">Program Studi:</label>
|
||
<input id="program_studi" type="text" class="form-control form-control-border" readonly value="">
|
||
<label for="mata_kuliah">Mata Kuliah:</label>
|
||
<input id="program_studi" type="text" class="form-control form-control-border" readonly value="">
|
||
</div>
|
||
<div class="col">
|
||
<label for="jam_kelas">Jam Kelas:</label>
|
||
<input id="jam_kelas" type="text" class="form-control form-control-border" readonly value="">
|
||
<label for="tanggal_kelas">Tanggal Kelas:</label>
|
||
<input id="tanggal_kelas" type="text" class="form-control form-control-border" readonly value="">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="link-dokumen"></div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col">
|
||
<label for="ruang_kelas">Ruang Kelas:</label>
|
||
<input id="ruang_kelas" type="text" class="form-control form-control-border" readonly value="">
|
||
<label for="dosen_pengampu">Dosen Pengampu:</label>
|
||
<input id="dosen_pengampu" class="form-control form-control-border" readonly value="">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col">
|
||
<label for="jurnal_kuliah">Jurnal Perkuliahan:</label>
|
||
<input id="jurnal_kuliah" class="form-control form-control-border" readonly value="">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col">
|
||
<label for="alasan">Alasan Pemutihan:</label>
|
||
<input id="alasan" class="form-control form-control-border" readonly value="">
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col">
|
||
<label for="keterangan">Keterangan Pemutihan:</label>
|
||
<textarea name="keterangan" id="keterangan" class="form-control form-control-border" cols="30" rows="5" readonly></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="modal-footer justify-content-between">
|
||
</div>
|
||
|
||
</div>
|
||
<!-- /.modal-content -->
|
||
</div>
|
||
<!-- /.modal-dialog -->
|
||
</div>
|
||
<tfoot>
|
||
<tr>
|
||
<th>CaseID</th>
|
||
<th>Tanggal Pengajuan</th>
|
||
<th>Program Studi</th>
|
||
<th>Mata Kuliah</th>
|
||
<th>Dosen Pengampu</th>
|
||
<th>Ruang Kuliah</th>
|
||
<th>Tanggal</th>
|
||
<th>Action</th>
|
||
</tr>
|
||
</tfoot>
|
||
</table>
|
||
</div>
|
||
<!-- /.card-body -->
|
||
</div>
|
||
<!-- /.card -->
|
||
</section>
|
||
<!-- /.content -->
|
||
</div>
|
||
@endsection
|
||
|
||
<!-- Add Custom JS -->
|
||
@push('js')
|
||
<!-- DataTables & Plugins -->
|
||
<script src="{{asset('/')}}plugins/datatables/jquery.dataTables.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-bs4/js/dataTables.bootstrap4.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-responsive/js/dataTables.responsive.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-responsive/js/responsive.bootstrap4.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-buttons/js/dataTables.buttons.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.bootstrap4.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/jszip/jszip.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/pdfmake/pdfmake.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/pdfmake/vfs_fonts.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.html5.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.print.min.js"></script>
|
||
<script src="{{asset('/')}}plugins/datatables-buttons/js/buttons.colVis.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
|
||
|
||
<script>
|
||
$(function () {
|
||
if(window.location.search === '?program_studi=s1'){
|
||
var url = '/admin/layanan-pemutihan/data?program_studi=s1';
|
||
}else if(window.location.search === '?program_studi=s2'){
|
||
var url = '/admin/layanan-pemutihan/data?program_studi=s2';
|
||
}else if(window.location.search === '?program_studi=psppa'){
|
||
var url = '/admin/layanan-pemutihan/data?program_studi=psppa';
|
||
}else{
|
||
var url = '/admin/layanan-pemutihan/data';
|
||
};
|
||
var table = $("#example1").DataTable({
|
||
"responsive": true,
|
||
"lengthChange": false,
|
||
"autoWidth": false,
|
||
"processing": true,
|
||
"serverSide": true,
|
||
"ajax": {
|
||
"url": url,
|
||
},
|
||
"columns": [{ // mengambil & menampilkan kolom sesuai tabel database
|
||
data: 'caseid',
|
||
// name: 'CaseID',
|
||
searchable: true
|
||
},
|
||
{
|
||
data: 'created_at',
|
||
render: function(data, type, row) {
|
||
return moment(data).format('DD-MM-YYYY hh:mm')
|
||
}
|
||
},
|
||
{
|
||
data: 'program_studi',
|
||
// name: 'Program Studi'
|
||
},
|
||
{
|
||
data: 'mata_kuliah',
|
||
// name: 'Mata Kuliah'
|
||
},
|
||
{
|
||
data: 'dosen_pengampu',
|
||
// name: 'Dosen Pengampu'
|
||
},
|
||
{
|
||
data: 'ruang_kelas',
|
||
// name: 'Ruang Kuliah'
|
||
},
|
||
{
|
||
data: 'tanggal_kelas',
|
||
// name: 'Tanggal'
|
||
},
|
||
{
|
||
data: 'action',
|
||
searchable: false
|
||
// name: 'Aksi'
|
||
},
|
||
],
|
||
"search": {
|
||
"caseInsensitive": true
|
||
},
|
||
order: [
|
||
[1, 'desc']
|
||
]
|
||
})
|
||
});
|
||
function showDetail($caseid) {
|
||
// Implement the logic to show the detail modal or navigate to the detail page
|
||
// For example, you can use AJAX to fetch the detail data and show it in a modal
|
||
// console.log($caseid);
|
||
$.ajax({
|
||
url: '/admin/layanan-pemutihan/data/'+$caseid,
|
||
method: 'GET',
|
||
success: function(data) {
|
||
// Populate the modal with the detail data
|
||
var result = data.data[0];
|
||
|
||
var modalTitle = `
|
||
<h4 class="modal-title">Details Data <strong>${result.caseid}</strong></h4>
|
||
`;
|
||
var linkDokumen = `
|
||
<label for="bukti_izin_dosen">Bukti Izin Dosen :</label>
|
||
<a href="/storage/pemutihan/${result.bukti_izin_dosen}" target="_blank" class="form-control btn btn-success" id="bukti_izin_dosen">Klik Disini</a>
|
||
<label for="cetak_bukti_pemutihan">Cetak Surat Pernyataan :</label>
|
||
<a href="/admin/layanan-pemutihan/cetak/${result.caseid}" target="_blank" class="form-control btn btn-success">Klik Disini</a>
|
||
`;
|
||
$('#ModalDetail .link-dokumen').html(linkDokumen);
|
||
$('#ModalDetail .modal-title').html(modalTitle);
|
||
$('#ModalDetail #caseid').val(result.caseid);
|
||
$('#ModalDetail #program_studi').val(result.program_studi);
|
||
$('#ModalDetail #mata_kuliah').val(result.mata_kuliah);
|
||
$('#ModalDetail #jam_kelas').val(result.jam_kelas);
|
||
$('#ModalDetail #tanggal_kelas').val(result.tanggal_kelas);
|
||
$('#ModalDetail #ruang_kelas').val(result.ruang_kelas);
|
||
$('#ModalDetail #bukti_izin_dosen').val(result.bukti_izin_dosen);
|
||
$('#ModalDetail #dosen_pengampu').val(result.dosen_pengampu);
|
||
$('#ModalDetail #jurnal_kuliah').val(result.jurnal_kuliah);
|
||
$('#ModalDetail #alasan').val(result.alasan);
|
||
$('#ModalDetail #keterangan').val(result.keterangan);
|
||
|
||
if(result.status_operator == null){
|
||
$('#ModalDetail .modal-footer').html(`
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
<form action="/admin/layanan-pemutihan/selesai/${result.caseid}" method="post">
|
||
@csrf
|
||
<button type="submit" class="btn btn-success">Kirim</button>
|
||
</form>
|
||
`);
|
||
$('#ModalDetail').modal('show');
|
||
}
|
||
else{
|
||
$('#ModalDetail .modal-footer').html(`
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
`);
|
||
}
|
||
$('#ModalDetail').modal('show');
|
||
}
|
||
});
|
||
}
|
||
function tolak($caseid) {
|
||
// Implement the logic to show the detail modal or navigate to the detail page
|
||
// For example, you can use AJAX to fetch the detail data and show it in a modal
|
||
// console.log($caseid);
|
||
$.ajax({
|
||
url: '/admin/layanan-pemutihan/data/'+$caseid,
|
||
method: 'GET',
|
||
success: function(data) {
|
||
// Populate the modal with the detail data
|
||
var result = data.data[0];
|
||
|
||
var modalTitle = `
|
||
Apa Anda Yakin Menolak Pengajuan Pemutihan <b>${result.caseid}</b> ?
|
||
`;
|
||
$('#ModalDelete .modal-title').html(modalTitle);
|
||
|
||
|
||
if(result.status_operator == null){
|
||
$('#ModalDelete .modal-body').html(`
|
||
<div class="alert alert-info alert-dismissible">
|
||
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
|
||
<h5><i class="icon fas fa-info"></i> Perhatian!</h5>
|
||
<span >Alasan yang Dimasukkan Disini, Akan dikirimkan melalui Email Kepada Mahasiswa Terkait.</span>
|
||
</div>
|
||
<form action="/admin/layanan-pemutihan/tolak/${result.caseid}" method="post">
|
||
@csrf
|
||
<label for="keterangan_operator">Keterangan Operator :</label>
|
||
<textarea name="keterangan_operator" id="keterangan_operator" class="form-control" cols="20" rows="10" required></textarea>
|
||
<div class="text-center mt-3">
|
||
<button type="submit" class="btn btn-danger">Tolak</button>
|
||
</div>
|
||
</form>
|
||
`);
|
||
|
||
$('#ModalDelete .modal-footer').html(`
|
||
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
||
`);
|
||
}
|
||
$('#ModalDelete').modal('show');
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
@endpush
|
||
|