Finalize all-report
This commit is contained in:
@@ -57,7 +57,7 @@
|
||||
<table class="table table-striped" id="cash">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2" colspan="2">Jenis Kend</th>
|
||||
<th rowspan="2" colspan="2">Jenis Kendaraan</th>
|
||||
<th colspan="2">Jenis Transaksi</th>
|
||||
<th colspan="2">Casual</th>
|
||||
<th colspan="2">Tiket Hilang</th>
|
||||
@@ -148,7 +148,7 @@
|
||||
<table class="table" id="payment">
|
||||
<thead>
|
||||
<tr>
|
||||
<th rowspan="2">Jenis Kend</th>
|
||||
<th rowspan="2" colspan="2">Jenis Pembayaran</th>
|
||||
<th colspan="2">Jenis Transaksi</th>
|
||||
<th colspan="2">Casual</th>
|
||||
<th colspan="2">Tiket Hilang</th>
|
||||
@@ -197,6 +197,6 @@
|
||||
<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>
|
||||
<script src="{{ asset('js/report/report-vehicle.min.js') }}"></script>
|
||||
<script src="{{ asset('js/report/report-print.min.js') }}"></script>
|
||||
<script src="{{ asset('jx/report/report-vehicle.parkq.jx') }}"></script>
|
||||
<script src="{{ asset('jx/report/report-print.parkq.jx') }}"></script>
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,188 @@
|
||||
<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-dialog modal-xl">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h4 class="card-title">Ubah Data Stiker/Member</h4>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal">
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="custom-tab-1">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" data-bs-toggle="tab" href="#home1"><i class="la la-user me-2"></i>Data Pengunjung</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#profile1"><i class="la la-home me-2"></i> Data Kendaraan</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" data-bs-toggle="tab" href="#contact1"><i class="la la-phone me-2"></i>Data Akses</a>
|
||||
</li>
|
||||
</ul>
|
||||
<form class="ubah-member" id="edit-member" methode="POST">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
<div class="tab-content">
|
||||
<div class="tab-pane fade show active" id="home1" role="tabpanel">
|
||||
<div class="pt-4">
|
||||
<div class="row">
|
||||
<div class="col-xl-6">
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Jenis Transaksi</label>
|
||||
<div class="col-lg-8">
|
||||
<input type="text" class="form-control" value="PERPANJANG" readonly>
|
||||
<input type="hidden" class="form-control" name="jenis_transaksi" value="1" readonly>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label required">Nama</label>
|
||||
<div class="col-lg-8">
|
||||
<input type="text" class="form-control" name="nama" placeholder="Masuk kan nama...." required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Alamat</label>
|
||||
<div class="col-lg-8">
|
||||
<textarea type="text" class="form-control" rows="3" name="address" placeholder="JL. Hati hati raya..."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Telepon</label>
|
||||
<div class="col-lg-8">
|
||||
<input type="number" class="form-control" phone="phone" placeholder="+62 81/081...">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label required">Periode :</label>
|
||||
<div class="col-lg-8">
|
||||
<input class="form-control input-daterange-timepicker" type="text" name="daterange" value="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-6">
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Jenis</label>
|
||||
<div class="col-lg-6">
|
||||
<select class="select-data form-control" name="member" id="member">
|
||||
<option selected value="">Pilih Jenis</option>
|
||||
@foreach ($memberSelect as $member)
|
||||
<option value="{{ $member->id }}">{{ $member->nama }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Dept</label>
|
||||
<div class="col-lg-6">
|
||||
<select class="select-data form-control" name="depart" id="department">
|
||||
<option selected value="">Pilih Departemen</option>
|
||||
@foreach ($departmentSelect as $department)
|
||||
<option value="{{ $department->kode }}">{{ $department->nama }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Note :</label>
|
||||
<div class="col-lg-6">
|
||||
<input type="text" class="form-control" name="note" placeholder="Catatan...">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Harga (Rp.):</label>
|
||||
<div class="col-lg-6">
|
||||
<input type="text" class="form-control" name="harga" placeholder="10.000">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="profile1">
|
||||
<div class="pt-4">
|
||||
<h4>Tambahkan Kendaraan</h4>
|
||||
<div class="row form-material">
|
||||
<div class="col-xl-3 col-md-6 mb-3">
|
||||
<label class="form-label">Nomer Polisi</label>
|
||||
<input type="text" class="form-control nopol-add" onkeyup="this.value = this.value.toUpperCase();" placeholder="No. Polisi">
|
||||
<div class="invalid-feedback">Nomer Polisi sudah ada</div>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 mb-3">
|
||||
<label class="form-label">Jenis Kendaraan :</label>
|
||||
<select class="select form-control" id="jenisVehicle">
|
||||
<option selected value="">Jenis Kendaraan</option>
|
||||
@foreach ($vehicleSelect as $kendaraan)
|
||||
<option value="{{ $kendaraan->id }}">{{ $kendaraan->nama }}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 mb-3">
|
||||
<label class="form-label">Jenis Member :</label>
|
||||
<select class="select-data form-control member" id="jenis-member">
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 mb-3">
|
||||
<label class="form-label">Merk : </label>
|
||||
<input type="text" class="form-control merk" onkeyup="this.value = this.value.toUpperCase();" placeholder="Honda...">
|
||||
</div>
|
||||
<div class="col-xl-3 col-md-6 mb-3">
|
||||
<label class="form-label"></label>
|
||||
<button type="button" id="nopol-add" class="btn btn-primary btn-xs">Tambah</button>
|
||||
</div>
|
||||
<hr>
|
||||
<table class="table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-2 text-center p-2">Nomer Polisi</th>
|
||||
<th class="col-2 text-center">Jenis Kendaraan</th>
|
||||
<th class="col-2 text-center">Merk Kendaraan</th>
|
||||
<th class="col-2 text-center">Type Member</th>
|
||||
<th class="col-2 text-center">Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="list-nopol">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-pane fade" id="contact1">
|
||||
<div class="pt-4">
|
||||
<h4>Tambahkan Kartu</h4>
|
||||
<div class="row form-material">
|
||||
<div class="col-xl-6 col-md-6 mb-3">
|
||||
<label class="form-label">Nomer Kartu</label>
|
||||
<input type="text" class="form-control kartu" placeholder="01234567...">
|
||||
</div>
|
||||
<div class="col-xl-6 col-md-6 mb-3">
|
||||
<label class="form-label">Nomer Urut</label>
|
||||
<input type="text" class="form-control nourut" placeholder="01234567...">
|
||||
</div>
|
||||
<hr>
|
||||
{{-- <div class="table-responsive"> --}}
|
||||
<table class="table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="col-5 text-center p-2" >Nomer Kartu</th>
|
||||
<th class="col-5 text-center">No. Urut</th>
|
||||
<th class="col-2 text-center">Aksi</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="list-card">
|
||||
</tbody>
|
||||
</table>
|
||||
{{-- </div> --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-danger light" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary simpan">Simpan Perubahan</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -139,7 +139,8 @@ 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-warning btn-sm edit-button" id="btnEdit" data-bs-toggle="modal" data-bs-target=".bd-ubah-modal-lg">Edit</button>
|
||||
<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-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>
|
||||
</div>
|
||||
@@ -191,11 +192,11 @@ class="form-control"
|
||||
<script src="{{asset ('vendor/sweetalert2/dist/sweetalert2.min.js') }}"></script>
|
||||
<script src="{{asset ('js/custom.min.js') }}"></script>
|
||||
<script src="{{asset ('js/dlabnav-init.js') }}"></script>
|
||||
<script src="{{asset ('js/member/index.js') }}"></script>
|
||||
<script>
|
||||
var member = @json($jenisStiker);
|
||||
</script>
|
||||
<script src="{{asset ('js/member/member-register.js') }}"></script>
|
||||
<script src="{{asset ('jx/stikermember/index.parkq.jx') }}"></script>
|
||||
<script src="{{asset ('jx/stikermember/member-register.parkq.jx') }}"></script>
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
var vehicle = @json($vehicleSelect);
|
||||
@@ -225,12 +226,17 @@ class="form-control"
|
||||
});
|
||||
|
||||
$(document).on('click', '.extend-button', function () {
|
||||
if (!selectedRowData) {
|
||||
alert('Pilih data terlebih dahulu');
|
||||
return;
|
||||
}
|
||||
var rawId = $(this).data('id');
|
||||
let id = rawId.substring(0, rawId.indexOf('/'));
|
||||
// let id = rawId.substring(0, rawId.indexOf('/'));
|
||||
let id = selectedRowData;
|
||||
var kendaraan = vehicle;
|
||||
console.log('Data ID : ', id);
|
||||
|
||||
var actionUrl = '{{ route("member.show", ":id") }}';
|
||||
var actionUrl = '{{ route("getStikerMember.show", ":id") }}';
|
||||
actionUrl = actionUrl.replace(':id', id);
|
||||
console.log('Action URL : ', actionUrl);
|
||||
// $('#extend-member').attr('action'), actionUrl;
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
<div class="mb-3 row">
|
||||
<label class="col-lg-3 col-form-label form-label">Jenis Transaksi</label>
|
||||
<div class="col-lg-8">
|
||||
<input type="text" class="form-control" value="BARU" readonly>
|
||||
<input type="text" class="form-control" value="UBAH DATA" readonly>
|
||||
<input type="hidden" class="form-control" name="jenis_transaksi" value="0" readonly>
|
||||
</div>
|
||||
</div>
|
||||
@@ -185,4 +185,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user