KoPKB/erahn-click
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load pembiayaan detail modal whenever user clicks. not loaded it all at page startup

Browse Source
This commit is contained in:
Afiq Hamzah
2024-09-13 16:44:05 +08:00
parent ae117988df
commit 5bd7943ff4
7 changed files with 63 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/includes/partials/table-pembiayaan-akan-dilelong.blade.php
+1 -2
View File
@@ -18,8 +18,7 @@
</td>
<td>
<a href="#" class="marhun-detail-link">
<span class="text-sm text-info"
data-marhun-modal="{{ json_encode($data->marhunModalData) }}">{{ $data->norujukan }}</span>
<span class="text-sm text-info">{{ $data->norujukan }}</span>
</a>
</td>
<td>{{ $data->t_lelong_formatted }}</td>
resources/views/includes/partials/table-pembiayaan.blade.php
+1 -2
View File
@@ -20,8 +20,7 @@
</td>
<td>
<a href="#" class="marhun-detail-link">
<span class="text-sm text-info"
data-marhun-modal="{{ json_encode($data->marhunModalData) }}">{{ $data->norujukan }}</span>
<span class="text-sm text-info">{{ $data->norujukan }}</span>
</a>
</td>
<td class="hide-xs">{{ $data->tempoh }}</td>
resources/views/modal/marhun.blade.php
+22 -19
View File
@@ -169,30 +169,33 @@
@push('additional_js_scripts')
<script>
const showMarhunDetailModal = function(event) {
const showMarhunDetailModal = async function(event) {
event.preventDefault();
const norujukan = event.target.innerHTML;
const data = await fetch('/api/pembiayaan-modal-data/' + norujukan).then(x => x.json());
const formatter = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 2
});
let data = JSON.parse(event.target.dataset.marhunModal);
$('#pembiayaan').text('RM' + formatter.format(data.pinjaman));
$('#bpembiayaan').text('RM' + formatter.format(data.bakipjm));
$('#nm').text('RM' + formatter.format(data.nilaimarhun));
$('#berat').text(data.berat + 'g');
$('#koskeun').text('RM' + formatter.format(data.bakiupah));
$('#norujukan').text(data.norujukan);
$('#tempoh').text(data.tempoh);
$('#namacaw').text(data.cawangan_name);
$('#pemb').text('RM ' + data.pinjaman);
$('#bpemb').text('RM ' + data.bakipjm);
$('#statuslelong').text(data.taglel === 1 ? 'Akan Dilelong' : '-');
$('#norujukan_modal').val(data.norujukan);
$('#pinjaman_modal').val(data.pinjaman);
$('#pembiayaan').text('RM' + formatter.format(data.gadaianDetails.pinjaman));
$('#bpembiayaan').text('RM' + formatter.format(data.gadaianDetails.bakipjm));
$('#nm').text('RM' + formatter.format(data.gadaianDetails.nilaimarhun));
$('#berat').text(data.gadaianDetails.berat + 'g');
$('#koskeun').text('RM' + formatter.format(data.gadaianDetails.bakiupah));
$('#norujukan').text(data.gadaianDetails.norujukan);
$('#tempoh').text(data.gadaianDetails.tempoh);
$('#namacaw').text(data.gadaianDetails.cawangan_name);
$('#pemb').text('RM ' + data.gadaianDetails.pinjaman);
$('#bpemb').text('RM ' + data.gadaianDetails.bakipjm);
$('#statuslelong').text(data.gadaianDetails.taglel === 1 ? 'Akan Dilelong' : '-');
$('#norujukan_modal').val(data.gadaianDetails.norujukan);
$('#pinjaman_modal').val(data.gadaianDetails.pinjaman);
$('#marhunModal').modal('show');
$('#tablehistorybayaran').DataTable().clear().destroy();
let table_bayaran_history = $('#tablehistorybayaran').DataTable();
@@ -200,7 +203,7 @@
$('#biasa').DataTable().clear().destroy();
let table_marhun = $('#biasa').DataTable();
data.bayaran_history.forEach((x, index) => {
data.bayaranHistoryDetails.forEach((x, index) => {
table_bayaran_history.row.add([
index + 1,
x.created_at,
@@ -208,7 +211,7 @@
]).draw(false)
});
data.marhun_details.forEach((x, index) => {
data.marhunDetails.forEach((x, index) => {
table_marhun.row.add([
index + 1,
x.marhun,