edit file transaksi tampilan dan bayar uang pas

sofyan
Akhmad Sofyan 2024-01-25 16:13:09 +07:00
parent c13313e87d
commit 173ee9d33a
2 changed files with 46 additions and 25 deletions

View File

@ -185,7 +185,7 @@
<br> <br>
${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'} ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
<div class="input-group input-group-sm mt-1"> <div class="input-group input-group-sm mt-1">
<input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.." value='${paketFreenyaini}'> <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan.." value='${paketFreenyaini}'>
</div> </div>
</td> </td>
`; `;
@ -196,7 +196,7 @@
<br> <br>
${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'} ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
<div class="input-group input-group-sm mt-1"> <div class="input-group input-group-sm mt-1">
<input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.."> <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
</div> </div>
</td> </td>
`; `;
@ -208,7 +208,7 @@
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}"> <input type="text" name="bayar" class="form-control rounded-3" readonly value="${qty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button>
</span> </span>
@ -218,7 +218,7 @@
table.rows[index].cells[2].innerHTML = ` table.rows[index].cells[2].innerHTML = `
<td class="text-center"> <td class="text-center">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-0" value="${diskonSatuan}" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)"> <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="${diskonSatuan}" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
</div> </div>
</td> </td>
`; `;
@ -245,7 +245,7 @@
<br> <br>
<small class="text-primary">Rp. ${params.harga_produk}</small> <small class="text-primary">Rp. ${params.harga_produk}</small>
<div class="input-group input-group-sm mt-1"> <div class="input-group input-group-sm mt-1">
<input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.." value="${paketFreenyaini}"> <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan.." value="${paketFreenyaini}">
</div> </div>
</td> </td>
<td class="text-center"> <td class="text-center">
@ -253,7 +253,7 @@
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${menuQty}"> <input type="text" name="bayar" class="form-control rounded-3" readonly value="${menuQty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button>
</span> </span>
@ -261,7 +261,7 @@
</td> </td>
<td class="text-center"> <td class="text-center">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-0" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)"> <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
</div> </div>
</td> </td>
<td class="text-center"> <td class="text-center">
@ -279,7 +279,7 @@
<br> <br>
<small class="text-primary">Rp. ${params.harga_produk}</small> <small class="text-primary">Rp. ${params.harga_produk}</small>
<div class="input-group input-group-sm mt-1"> <div class="input-group input-group-sm mt-1">
<input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.."> <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
</div> </div>
</td> </td>
<td class="text-center"> <td class="text-center">
@ -287,7 +287,7 @@
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params.id}, '${params.nama_produk}')"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${menuQty}"> <input type="text" name="bayar" class="form-control rounded-3" readonly value="${menuQty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params.id}, '${params.nama_produk}')">+</button>
</span> </span>
@ -295,7 +295,7 @@
</td> </td>
<td class="text-center"> <td class="text-center">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-0" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)"> <input type="number" name="diskon_satuan" oninput="inputNum(this)" class="form-control rounded-3" value="0" onkeyup="diskonSatuanMenu(${params.id}, '${params.nama_produk}', this.value)">
</div> </div>
</td> </td>
<td class="text-center"> <td class="text-center">
@ -389,7 +389,7 @@
<br> <br>
${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'} ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
<div class="input-group input-group-sm mt-1"> <div class="input-group input-group-sm mt-1">
<input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.."> <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
</div> </div>
</td> </td>
`; `;
@ -400,7 +400,7 @@
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}"> <input type="text" name="bayar" class="form-control rounded-3" readonly value="${qty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button>
</span> </span>
@ -445,7 +445,7 @@
<br> <br>
${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'} ${(diskonSatuan > 0) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
<div class="input-group input-group-sm mt-1"> <div class="input-group input-group-sm mt-1">
<input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.."> <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
</div> </div>
</td> </td>
`; `;
@ -456,7 +456,7 @@
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="decrementMenu(${params}, '${nama_produk}')"><b>-</b></button>
</span> </span>
<input type="text" name="bayar" class="form-control rounded-0" readonly value="${qty}"> <input type="text" name="bayar" class="form-control rounded-3" readonly value="${qty}">
<span class="input-group-append"> <span class="input-group-append">
<button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button> <button type="button" class="btn btn-default btn-xs btn-flat" onclick="incrementMenu(${params}, '${nama_produk}')">+</button>
</span> </span>
@ -504,7 +504,7 @@
<br> <br>
${(diskonSatuan >= 1) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'} ${(diskonSatuan >= 1) ? '<small class="text-primary"><s>Rp. ' + (harga * qty) + '</s></small> | <small class="text-danger">Rp. ' + total + '</small>' : '<small class="text-primary">Rp. ' + totalLama + '</small>'}
<div class="input-group input-group-sm mt-1"> <div class="input-group input-group-sm mt-1">
<input type="text" name="keterangan_satuan" class="form-control rounded-0" placeholder="Keterangan.."> <input type="text" name="keterangan_satuan" class="form-control rounded-3" placeholder="Keterangan..">
</div> </div>
</td> </td>
`; `;
@ -532,6 +532,7 @@
dengan_rupiah.value = formatRupiah(this.value, 'Rp. '); dengan_rupiah.value = formatRupiah(this.value, 'Rp. ');
}); });
/* Fungsi */ /* Fungsi */
function formatRupiah(angka, prefix) { function formatRupiah(angka, prefix) {
var number_string = angka.replace(/[^,\d]/g, '').toString(), var number_string = angka.replace(/[^,\d]/g, '').toString(),
@ -586,6 +587,21 @@
$("#modal_nontunai").modal('show') $("#modal_nontunai").modal('show')
}) })
}) })
// bayar uang pas
$(document).ready(function() {
$('#bayar_uang_pas').on('click', function() {
// Mengambil teks dari elemen dengan menggunakan innerText
let grandTotalText = document.getElementById('total-diskon').innerText;
// Mengisi nilai ke input dengan format Rupiah
$("#nominal-bayar").val(formatRupiah(grandTotalText, 'Rp. '));
calculatekembali();
});
});
// kirim pembayaran // kirim pembayaran
$(document).ready(function() { $(document).ready(function() {

View File

@ -387,8 +387,8 @@
</h5> </h5>
</div> </div>
<div class="card-body"> <div class="card-body">
<table class="table table-bordered table-striped" id="order-menus" width="100%"> <table class="table table-bordered table-striped" id="order-menus" style="border-collapse: collapse; width: 100%; max-width: 600px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
<thead style="background-color: lightgray"> <thead style="background-color: rgb(230, 230, 230)">
<tr> <tr>
<th class="text-center">Menu</th> <th class="text-center">Menu</th>
<th class="text-center" width="110px">Qty</th> <th class="text-center" width="110px">Qty</th>
@ -400,7 +400,7 @@
</thead> </thead>
<tbody id="tbody-order-menus"> <tbody id="tbody-order-menus">
</tbody> </tbody>
<tfoot style="background-color: lightgray"> <tfoot style="background-color: rgb(230, 230, 230)">
<tr> <tr>
<th class="text-center">Total</th> <th class="text-center">Total</th>
<th colspan="3"> <th colspan="3">
@ -415,7 +415,7 @@
<th class="text-center">Diskon (%)</th> <th class="text-center">Diskon (%)</th>
<th colspan="3"> <th colspan="3">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input type="number" name="diskon" class="form-control rounded-0"> <input type="number" name="diskon" class="form-control rounded-3">
</div> </div>
</th> </th>
</tr> </tr>
@ -433,7 +433,7 @@
<th class="text-center">Bayar</th> <th class="text-center">Bayar</th>
<th colspan="3"> <th colspan="3">
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<input type="text" name="nominal-bayar" class="form-control rounded-0" <input type="text" name="nominal-bayar" class="form-control rounded-3"
required id="nominal-bayar"> required id="nominal-bayar">
</div> </div>
</th> </th>
@ -448,20 +448,25 @@
</span> </span>
</th> </th>
</tr> </tr>
<tr>
<th colspan="4" class="text-center">
<button class="btn btn-outline-primary col-sm-12 col-md-12 col-lg-12" id="bayar_uang_pas">Uang Pas</button>
</th>
</tr>
<tr> <tr>
<th colspan="4"> <th colspan="4">
<span class="row"> <span class="row">
<input type="text" name="nama-pemesan" <input type="text" name="nama-pemesan"
class="form-control rounded-0 col-lg-6" placeholder="Nama Pemesan" class="form-control rounded-3 col-lg-6" placeholder="Nama Pemesan"
id="nama-pemesan" required> id="nama-pemesan" required>
<input type="text" name="nomor-pemesan" <input type="text" name="nomor-pemesan"
class="form-control rounded-0 col-lg-6" placeholder="Nomor Pemesan" class="form-control rounded-3 col-lg-6" placeholder="Nomor Pemesan"
id="nomor-pemesan" oninput="inputNum(this)" required> id="nomor-pemesan" oninput="inputNum(this)" required>
<input type="number" min="1" name="nomor-meja" <input type="number" min="1" name="nomor-meja"
class="form-control rounded-0" placeholder="Nomor Meja" id="nomor-meja" class="form-control rounded-3 mt-1" placeholder="Nomor Meja" id="nomor-meja"
required> required>
<input type="text" name="keterangan-pesanan" <input type="text" name="keterangan-pesanan"
placeholder="Keterangan Pesanan" class="form-control rounded-0" placeholder="Keterangan Pesanan" class="form-control rounded-3 mt-1"
id="keterangan-pesanan"> id="keterangan-pesanan">
</span> </span>
</th> </th>
@ -469,7 +474,7 @@
<tr style="background-color: white"> <tr style="background-color: white">
<th colspan="4"> <th colspan="4">
<div class="btn-group btn-block"> <div class="btn-group btn-block">
<button class="btn btn-warning btn-block col-sm-10 col-md-10 col-lg-10" <button class="btn btn-warning btn-block col-sm-8 col-md-8 col-lg-8"
id="pesan-bayar-tunai">Bayar</button> id="pesan-bayar-tunai">Bayar</button>
<button type="button" class="btn btn-success" id="pesan-bayar-nontunai"> <button type="button" class="btn btn-success" id="pesan-bayar-nontunai">
Non Tunai Non Tunai