You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
86 lines
3.1 KiB
JavaScript
86 lines
3.1 KiB
JavaScript
6 years ago
|
/*
|
||
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
||
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
||
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
||
|
|
*/
|
||
|
|
|
||
|
|
function addItem(name, code, price) {
|
||
|
|
if ($(".list-group-item[data-code='" + code + "']").length) {
|
||
|
|
updateQty($(".list-group-item[data-code='" + code + "']").find(".qty-plus"), 1);
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
$("#pos-lines-box").append('<div class="list-group-item" data-code="' + code + '">'
|
||
|
|
+ '<div class="d-flex w-100 justify-content-between mb-2">'
|
||
|
|
+ '<h5 class="item-name">'
|
||
|
|
+ name
|
||
|
|
+ '</h5>'
|
||
|
|
+ '<h5>'
|
||
|
|
+ '<small class="item-code">' + code + '</small>'
|
||
|
|
+ '<span class="badge badge-light">'
|
||
|
|
+ '$<span class="line-total">'
|
||
|
|
+ price
|
||
|
|
+ '</span>'
|
||
|
|
+ '</span>'
|
||
|
|
+ '</h5>'
|
||
|
|
+ '</div>'
|
||
|
|
+ '<div class="d-inline-flex">'
|
||
|
|
+ '<div class="input-group input-group-sm qty-control">'
|
||
|
|
+ '<div class="input-group-prepend">'
|
||
|
|
+ '<span class="input-group-text mx-0 px-0"><b>$</b></span>'
|
||
|
|
+ '</div>'
|
||
|
|
+ '<input type="number" class="form-control item-price" value="' + price + '"/>'
|
||
|
|
+ '<div class="input-group-prepend">'
|
||
|
|
+ '<span class="input-group-text"><i class="fas fa-times"></i></span>'
|
||
|
|
+ '<button class="btn btn-red qty-minus" type="button"><i class="fas fa-trash"></i></button>'
|
||
|
|
+ '</div>'
|
||
|
|
+ '<input type="number" class="form-control item-qty" value="1" />'
|
||
|
|
+ '<div class="input-group-append">'
|
||
|
|
+ '<button class="btn btn-light-green qty-plus" type="button"><i class="fas fa-plus"></i></button>'
|
||
|
|
+ '</div>'
|
||
|
|
+ '</div>'
|
||
|
|
+ '</div>'
|
||
|
|
+ '</div>');
|
||
|
|
}
|
||
|
|
|
||
|
|
function recalculate() {
|
||
|
|
var total = 0.0;
|
||
|
|
$("#pos-lines-box .list-group-item").each(function () {
|
||
|
|
var each = $(".item-price", this).val() * 1.0;
|
||
|
|
var qty = $(".item-qty", this).val() * 1.0;
|
||
|
|
var line = each * qty;
|
||
|
|
$(".line-total", this).text(line.toFixed(2));
|
||
|
|
$(".item-price", this).val(each.toFixed(2));
|
||
|
|
total += line;
|
||
|
|
});
|
||
|
|
$(".grand-total").text(total.toFixed(2));
|
||
|
|
}
|
||
|
|
|
||
|
|
function updateQty(btn, diff) {
|
||
|
|
var qtybox = $(btn).parent().parent().find(".item-qty");
|
||
|
|
var qty = parseInt(qtybox.val());
|
||
|
|
qty += diff;
|
||
|
|
if (qty > 0) {
|
||
|
|
qtybox.val(qty);
|
||
|
|
var minbtn = $(btn).parent().parent().find(".qty-minus");
|
||
|
|
if (qty == 1) {
|
||
|
|
minbtn.html("<i class=\"fas fa-trash\"></i>");
|
||
|
|
} else {
|
||
|
|
minbtn.html("<i class=\"fas fa-minus\"></i>");
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
qtybox.closest(".list-group-item").remove();
|
||
|
|
}
|
||
|
|
recalculate();
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#pos-lines-box").on("click", ".qty-minus", function () {
|
||
|
|
updateQty(this, -1);
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#pos-lines-box").on("click", ".qty-plus", function () {
|
||
|
|
updateQty(this, 1);
|
||
|
|
});
|
||
|
|
|
||
|
|
$("#pos-lines-box").on("change", ".item-qty,.item-price", function () {
|
||
|
|
recalculate();
|
||
|
|
});
|