Finalize value on all-report

This commit is contained in:
2026-08-05 15:33:24 +07:00
parent 2b09537122
commit e8b00b10d2
11 changed files with 479 additions and 230 deletions
@@ -10,6 +10,23 @@
.table td {
text-align: right;
}
#loadingOverlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.4);
z-index: 2000;
display: flex;
align-items: center;
justify-content: center;
}
#loadingOverlay .loading-box {
background: #fff;
padding: 24px 32px;
border-radius: 8px;
width: 280px;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
</style>
@endsection
@@ -53,6 +70,7 @@
<div class="d-flex align-items-center">
<div class="ms-auto mb-1" id="harian"></div>
</div>
<div class="table-bordered mb-5">
<table class="table table-striped" id="cash">
<thead>
@@ -181,6 +199,14 @@
</div>
</div>
</div>
<div id="loadingOverlay" class="d-none">
<div class="loading-box">
<p class="mb-2">Memuat data...</p>
<div class="progress" style="height: 6px;">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-primary" style="width: 100%"></div>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -197,6 +223,11 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.31/jspdf.plugin.autotable.min.js"></script>
@if(app()->environment('local'))
<script src="{{ asset('js/report/report-vehicle.js') }}"></script>
<script src="{{ asset('js/report/report-print.js') }}"></script>
@else
<script src="{{ asset('jx/report/report-vehicle.parkq.jx') }}"></script>
<script src="{{ asset('jx/report/report-print.parkq.jx') }}"></script>
@endif
@endsection
@@ -1,4 +1,4 @@
<div class="modal fade bd-ubah-modal-lg" id="extend-member" tabindex="-1" role="dialog" data-bs-backdrop="static" data-keyboard="false">
<div class="modal fade bd-extend-modal-lg" id="extend-member" tabindex="-1" role="dialog" data-bs-backdrop="static" data-keyboard="false">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
+13 -5
View File
@@ -139,7 +139,7 @@ class="form-control"
<button class="btn btn-primary btn-sm add-button" data-bs-toggle="modal" data-bs-target=".bd-example-modal-lg">Tambah</button>
</div>
<div id="rowActions" class="d-none">
<button class="btn btn-success btn-sm extend-button" id="btnExtend" data-bs-toggle="modal" data-bs-target=".bd-ubah-modal-lg">Perpanjang</button>
<button class="btn btn-success btn-sm extend-button" id="btnExtend" data-bs-toggle="modal" data-bs-target=".bd-extend-modal-lg">Perpanjang</button>
<button class="btn btn-warning btn-sm edit-button" id="btnEdit" data-bs-toggle="modal" data-bs-target=".bd-ubah-modal-lg">Ubah</button>
<button class="btn btn-danger btn-sm" id="btnDelete">Hapus</button>
<button class="btn btn-info btn-sm" id="btnDetail">Detail</button>
@@ -168,6 +168,7 @@ class="form-control"
</div>
<!-- ADD MEMMBER MODAL -->
@include('stiker.tambah-stiker')
@include('stiker.extend-stiker')
@include('stiker.ubah-stiker')
<!-- END MEMMBER MODAL -->
</div>
@@ -195,8 +196,13 @@ class="form-control"
<script>
var member = @json($jenisStiker);
</script>
@if(app()->environment('local'))
<script src="{{ asset('js/stikerM ember/index.js') }}"></script>
<script src="{{ asset('js/stikerMember/member-register.js') }}"></script>
@else
<script src="{{asset ('jx/stikermember/index.parkq.jx') }}"></script>
<script src="{{asset ('jx/stikermember/member-register.parkq.jx') }}"></script>
@endif
<script>
$(document).ready(function () {
var vehicle = @json($vehicleSelect);
@@ -205,6 +211,7 @@ class="form-control"
$('#example tbody').on('click', 'tr', function () {
console.log($('#example tbody tr').length);
const notrans = $(this).data('notrans');
// hapus semua highlight
@@ -226,29 +233,30 @@ class="form-control"
});
$(document).on('click', '.extend-button', function () {
console.log("Tombol extend ditekan");
if (!selectedRowData) {
alert('Pilih data terlebih dahulu');
return;
}
var rawId = $(this).data('id');
// let id = rawId.substring(0, rawId.indexOf('/'));
let id = selectedRowData;
let id = selectedRowData.notrans;
var kendaraan = vehicle;
console.log('Data ID : ', id);
var actionUrl = '{{ route("getStikerMember.show", ":id") }}';
actionUrl = actionUrl.replace(':id', id);
actionUrl = actionUrl.replace(':id', "" + encodeURIComponent(id));
console.log('Action URL : ', actionUrl);
// $('#extend-member').attr('action'), actionUrl;
$.ajax({
url: actionUrl,
type: 'GET',
success: function (r) {
console.log("Datanya : ", r);
if (r) {
$('#extend-member').val('');
$('#list-nopol-ext').empty();
$('#list-card-ext').empty();
console.log(r.nama);
$('#notransnya').val(r.notrans);
$('#namanya').val(r.nama);
$('#address').val(r.alamat);
@@ -305,7 +313,7 @@ class="form-control"
},
});
$('#modal-member-extend').modal('show');
$('#extend-member').modal('show');
});
$('.extend').on('click', function () {