Shiloh/brotherton-erpnext
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add number spinner for quantity

Browse Source
This commit is contained in:
britlog 2018-01-19 18:31:25 +01:00
parent dfb1646a16
commit d13985d1d0
2 changed files with 37 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
erpnext/templates/generators/item.html
View File

@ -57,6 +57,21 @@
<div class="item-stock" itemprop="availability"></div> <div class="item-stock" itemprop="availability"></div>
</div> </div>
<div class="item-cart hide"> <div class="item-cart hide">
<div id="item-spinner">
<span style="display: inline-block">
<div class="input-group number-spinner">
<span class="input-group-btn">
<button class="btn btn-default cart-btn" data-dir="dwn">
–</button>
</span>
<input class="form-control text-right cart-qty" value="1">
<span class="input-group-btn">
<button class="btn btn-default cart-btn" data-dir="up" style="margin-left:-2px;">
+</button>
</span>
</div>
</span>
</div>
<div id="item-add-to-cart"> <div id="item-add-to-cart">
<button class="btn btn-primary btn-sm"> <button class="btn btn-primary btn-sm">
{{ _("Add to Cart") }}</button> {{ _("Add to Cart") }}</button>

24
erpnext/templates/includes/product_page.js
View File

@ -15,7 +15,7 @@ frappe.ready(function() {
$(".item-cart").toggleClass("hide", (!!!r.message.price || !!!r.message.in_stock)); $(".item-cart").toggleClass("hide", (!!!r.message.price || !!!r.message.in_stock));
if(r.message && r.message.price) { if(r.message && r.message.price) {
$(".item-price") $(".item-price")
.html(r.message.price.formatted_price + " {{ _("per") }} " + r.message.uom); .html(r.message.price.formatted_price + " / " + r.message.uom);
if(r.message.in_stock==0) { if(r.message.in_stock==0) {
$(".item-stock").html("<div style='color: red'> <i class='fa fa-close'></i> {{ _("Not in stock") }}</div>"); $(".item-stock").html("<div style='color: red'> <i class='fa fa-close'></i> {{ _("Not in stock") }}</div>");
@ -44,7 +44,7 @@ frappe.ready(function() {
erpnext.shopping_cart.update_cart({ erpnext.shopping_cart.update_cart({
item_code: get_item_code(), item_code: get_item_code(),
qty: 1, qty: $("#item-spinner .cart-qty").val(),
callback: function(r) { callback: function(r) {
if(!r.exc) { if(!r.exc) {
toggle_update_cart(1); toggle_update_cart(1);
@ -55,6 +55,25 @@ frappe.ready(function() {
}); });
}); });
$("#item-spinner").on('click', '.number-spinner button', function () {
var btn = $(this),
input = btn.closest('.number-spinner').find('input'),
oldValue = input.val().trim(),
newVal = 0;
if (btn.attr('data-dir') == 'up') {
newVal = parseInt(oldValue) + 1;
} else if (btn.attr('data-dir') == 'dwn') {
if (parseInt(oldValue) > 1) {
newVal = parseInt(oldValue) - 1;
}
else {
newVal = parseInt(oldValue);
}
}
input.val(newVal);
});
$("[itemscope] .item-view-attribute .form-control").on("change", function() { $("[itemscope] .item-view-attribute .form-control").on("change", function() {
try { try {
var item_code = encodeURIComponent(get_item_code()); var item_code = encodeURIComponent(get_item_code());
@ -86,6 +105,7 @@ var toggle_update_cart = function(qty) {
$("#item-update-cart") $("#item-update-cart")
.toggle(qty ? true : false) .toggle(qty ? true : false)
.find("input").val(qty); .find("input").val(qty);
$("#item-spinner").toggle(qty ? false : true);
} }
function get_item_code() { function get_item_code() {