ISMAIL MASSERAN
108 lines
3.9 KiB
PHP
108 lines
3.9 KiB
PHP
@extends('layouts.app_operasi')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-12">
|
|
<div class="card">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb pb-3">
|
|
<li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="{{ url('kelulusan') }}">Kelulusan</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Rekod Lulus</li>
|
|
</ol>
|
|
</nav>
|
|
|
|
<div class="card-body">
|
|
<div class="row mb-3 align-items-end">
|
|
<div class="col-md-3">
|
|
<label for="date_from">Tarikh Dari</label>
|
|
<input type="date" id="date_from" class="form-control" value="{{ $dateFrom }}">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<label for="date_to">Tarikh Hingga</label>
|
|
<input type="date" id="date_to" class="form-control" value="{{ $dateTo }}">
|
|
</div>
|
|
<div class="col-md-3">
|
|
<button type="button" id="btn-filter-rekod" class="btn btn-primary mt-3 mt-md-0">Cari</button>
|
|
</div>
|
|
</div>
|
|
|
|
<x-datatable
|
|
id="table-kelulusan"
|
|
filename="Rekod_Lulus_Operasi"
|
|
class="text-center"
|
|
:columns="['Tarikh', 'No Rujukan', 'Status', 'Komen', 'Nilai Pembiayaan', 'Nilai Marhun', 'Berat', 'Margin', 'Pelulus']"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
function escapeHtml(value) {
|
|
return $('<div>').text(value == null ? '' : String(value)).html();
|
|
}
|
|
|
|
var tablekelulusan = initErahnDatatable('#table-kelulusan', {
|
|
deferRender: true,
|
|
order: [[0, 'desc']],
|
|
language: {
|
|
emptyTable: 'Tiada rekod',
|
|
zeroRecords: 'Tiada rekod dijumpai'
|
|
}
|
|
});
|
|
|
|
function setLoading(isLoading) {
|
|
$('#btn-filter-rekod').prop('disabled', isLoading).text(isLoading ? 'Memuatkan...' : 'Cari');
|
|
}
|
|
|
|
function loadRekodLulus() {
|
|
var dateFrom = $('#date_from').val();
|
|
var dateTo = $('#date_to').val();
|
|
|
|
setLoading(true);
|
|
tablekelulusan.clear().draw();
|
|
|
|
$.ajax({
|
|
url: "{{ route('operasi.rekodlepas.data') }}",
|
|
method: 'GET',
|
|
data: {
|
|
date_from: dateFrom,
|
|
date_to: dateTo
|
|
},
|
|
success: function (response) {
|
|
var rows = response.data || [];
|
|
var data = rows.map(function (row) {
|
|
return [
|
|
escapeHtml(row.tarikh || '-'),
|
|
escapeHtml(row.norujukan || '-'),
|
|
escapeHtml(row.status || '-'),
|
|
escapeHtml(row.komen || '-'),
|
|
escapeHtml(row.pinjaman || '-'),
|
|
escapeHtml(row.nilaimarhun || '-'),
|
|
escapeHtml(row.berat || '-'),
|
|
escapeHtml(row.margin || '-'),
|
|
escapeHtml(row.pelulus || '-')
|
|
];
|
|
});
|
|
tablekelulusan.rows.add(data).draw();
|
|
},
|
|
error: function () {
|
|
Swal.fire({
|
|
icon: 'error',
|
|
title: 'Ralat',
|
|
text: 'Gagal memuatkan rekod lulus.'
|
|
});
|
|
},
|
|
complete: function () {
|
|
setLoading(false);
|
|
}
|
|
});
|
|
}
|
|
|
|
$('#btn-filter-rekod').on('click', loadRekodLulus);
|
|
loadRekodLulus();
|
|
</script>
|
|
@endsection
|