[design] Point of Sale
This commit is contained in:
@@ -1,7 +1,9 @@
|
||||
// Copyright (c) 2013, Web Notes Technologies Pvt. Ltd. and Contributors
|
||||
// License: GNU General Public License v3. See license.txt
|
||||
|
||||
erpnext.POS = Class.extend({
|
||||
frappe.provide("erpnext.pos");
|
||||
|
||||
erpnext.pos.PointOfSale = Class.extend({
|
||||
init: function(wrapper, frm) {
|
||||
this.wrapper = wrapper;
|
||||
this.frm = frm;
|
||||
@@ -18,10 +20,6 @@ erpnext.POS = Class.extend({
|
||||
this.wrapper.find('input.discount-amount').on("change", function() {
|
||||
frappe.model.set_value(me.frm.doctype, me.frm.docname, "discount_amount", this.value);
|
||||
});
|
||||
|
||||
this.wrapper.find(".make-payment").on("click", function() {
|
||||
me.make_payment();
|
||||
})
|
||||
},
|
||||
check_transaction_type: function() {
|
||||
var me = this;
|
||||
@@ -130,7 +128,7 @@ erpnext.POS = Class.extend({
|
||||
item_price: format_currency(obj.price_list_rate, obj.currency),
|
||||
item_name: obj.name===obj.item_name ? "" : obj.item_name,
|
||||
item_image: obj.image
|
||||
})).appendTo($wrap);
|
||||
})).tooltip().appendTo($wrap);
|
||||
});
|
||||
}
|
||||
|
||||
@@ -216,12 +214,7 @@ erpnext.POS = Class.extend({
|
||||
var me = this;
|
||||
|
||||
this.refresh_item_list();
|
||||
this.party_field.set_input(this.frm.doc[this.party.toLowerCase()]);
|
||||
this.wrapper.find('input.discount-amount').val(this.frm.doc.discount_amount);
|
||||
|
||||
this.show_items_in_item_cart();
|
||||
this.show_taxes();
|
||||
this.set_totals();
|
||||
this.refresh_fields();
|
||||
|
||||
// if form is local then only run all these functions
|
||||
if (this.frm.doc.docstatus===0) {
|
||||
@@ -229,13 +222,21 @@ erpnext.POS = Class.extend({
|
||||
}
|
||||
|
||||
this.disable_text_box_and_button();
|
||||
this.hide_payment_button();
|
||||
this.set_primary_action();
|
||||
|
||||
// If quotation to is not Customer then remove party
|
||||
if (this.frm.doctype == "Quotation" && this.frm.doc.quotation_to!="Customer") {
|
||||
this.party_field.$input.prop("disabled", true);
|
||||
}
|
||||
},
|
||||
refresh_fields: function() {
|
||||
this.party_field.set_input(this.frm.doc[this.party.toLowerCase()]);
|
||||
this.wrapper.find('input.discount-amount').val(this.frm.doc.discount_amount);
|
||||
|
||||
this.show_items_in_item_cart();
|
||||
this.show_taxes();
|
||||
this.set_totals();
|
||||
},
|
||||
refresh_item_list: function() {
|
||||
var me = this;
|
||||
// refresh item list on change of price list
|
||||
@@ -285,12 +286,6 @@ erpnext.POS = Class.extend({
|
||||
me.frm.doc.currency));
|
||||
this.wrapper.find(".grand-total").text(format_currency(this.frm.doc[this.grand_total],
|
||||
me.frm.doc.currency));
|
||||
|
||||
$(".paid-amount-area").toggle(!!this.frm.doc.paid_amount);
|
||||
if(this.frm.doc.paid_amount) {
|
||||
this.wrapper.find(".paid-amount").text(format_currency(this.frm.doc.paid_amount,
|
||||
me.frm.doc.currency));
|
||||
}
|
||||
},
|
||||
call_when_local: function() {
|
||||
var me = this;
|
||||
@@ -307,25 +302,10 @@ erpnext.POS = Class.extend({
|
||||
me.increase_decrease_qty($item, $(this).attr("data-action"));
|
||||
});
|
||||
|
||||
// on td click toggle the highlighting of row
|
||||
$(this.wrapper).find("#cart tbody tr td").on("click", function() {
|
||||
var row = $(this).closest("tr");
|
||||
if (row.attr("data-selected") == "false") {
|
||||
row.attr("class", "warning");
|
||||
row.attr("data-selected", "true");
|
||||
}
|
||||
else {
|
||||
row.prop("class", null);
|
||||
row.attr("data-selected", "false");
|
||||
}
|
||||
me.refresh_delete_btn();
|
||||
});
|
||||
|
||||
me.refresh_delete_btn();
|
||||
//me.focus();
|
||||
this.focus();
|
||||
},
|
||||
focus: function() {
|
||||
if(me.frm.doc[this.party].toLowerCase()) {
|
||||
if(this.frm.doc[this.party.toLowerCase()]) {
|
||||
this.search.$input.focus();
|
||||
} else {
|
||||
if(!(this.frm.doctype == "Quotation" && this.frm.doc.quotation_to!="Customer"))
|
||||
@@ -353,12 +333,28 @@ erpnext.POS = Class.extend({
|
||||
this.wrapper.find(".pos-item-area").toggleClass("hide", me.frm.doc.docstatus!==0);
|
||||
|
||||
},
|
||||
hide_payment_button: function() {
|
||||
var toggle = !(this.frm.doctype == "Sales Invoice" && this.frm.doc.is_pos && this.frm.doc.docstatus===1);
|
||||
$(this.wrapper)
|
||||
.find(".make-payment")
|
||||
.toggleClass("hide", toggle)
|
||||
.prop("disabled", toggle);
|
||||
set_primary_action: function() {
|
||||
var me = this;
|
||||
if (!this.frm.pos_active) return;
|
||||
|
||||
if (this.frm.doctype == "Sales Invoice" && this.frm.doc.docstatus===0) {
|
||||
if (!this.frm.doc.is_pos) {
|
||||
this.frm.set_value("is_pos", 1);
|
||||
}
|
||||
this.frm.page.clear_actions();
|
||||
this.frm.page.set_primary_action(__("Pay"), function() {
|
||||
me.make_payment();
|
||||
});
|
||||
this.frm.toolbar.current_status = null;
|
||||
} else if (this.frm.doc.docstatus===1) {
|
||||
this.frm.page.clear_actions();
|
||||
this.frm.page.set_primary_action(__("New"), function() {
|
||||
me.frm.pos_active = false;
|
||||
erpnext.open_as_pos = true;
|
||||
new_doc(me.frm.doctype);
|
||||
});
|
||||
this.frm.toolbar.current_status = null;
|
||||
}
|
||||
},
|
||||
refresh_delete_btn: function() {
|
||||
$(this.wrapper).find(".remove-items").toggle($(".item-cart .warning").length ? true : false);
|
||||
@@ -395,7 +391,6 @@ erpnext.POS = Class.extend({
|
||||
make_payment: function() {
|
||||
var me = this;
|
||||
var no_of_items = this.frm.doc.items.length;
|
||||
var mode_of_payment = [];
|
||||
|
||||
if (no_of_items == 0)
|
||||
msgprint(__("Payment cannot be made for empty cart"));
|
||||
@@ -407,32 +402,81 @@ erpnext.POS = Class.extend({
|
||||
msgprint(__("Please add to Modes of Payment from Setup."))
|
||||
return;
|
||||
}
|
||||
for (x=0; x<=r.message.length - 1; x++) {
|
||||
mode_of_payment.push(r.message[x].name);
|
||||
}
|
||||
|
||||
var modes_of_payment = r.message;
|
||||
|
||||
// prefer cash payment!
|
||||
var default_mode = modes_of_payment.indexOf(__("Cash"))!==-1 ? __("Cash") : undefined;
|
||||
|
||||
// show payment wizard
|
||||
var dialog = new frappe.ui.Dialog({
|
||||
width: 400,
|
||||
title: 'Payment',
|
||||
fields: [
|
||||
{fieldtype:'Data', fieldname:'total_amount', label:'Total Amount', read_only:1},
|
||||
{fieldtype:'Select', fieldname:'mode_of_payment', label:'Mode of Payment',
|
||||
options:mode_of_payment.join('\n'), reqd: 1},
|
||||
{fieldtype:'Currency', fieldname:'total_amount', label: __('Total Amount'), read_only:1,
|
||||
options:"currency", default:me.frm.doc.grand_total_export, read_only: 1},
|
||||
{fieldtype:'Select', fieldname:'mode_of_payment', label: __('Mode of Payment'),
|
||||
options:modes_of_payment.join('\n'), reqd: 1, default: default_mode},
|
||||
{fieldtype:'Currency', fieldname:'paid_amount', label:__('Amount Paid'), reqd:1,
|
||||
options: "currency",
|
||||
default:me.frm.doc.grand_total_export, hidden: 1},
|
||||
{fieldtype:'Currency', fieldname:'change', label: __('Change'), options: "currency",
|
||||
default: 0.0, hidden: 1},
|
||||
{fieldtype:'Currency', fieldname:'write_off_amount', label: __('Write Off'), options: "currency",
|
||||
default: 0.0, hidden: 1},
|
||||
{fieldtype:'Button', fieldname:'pay', label:'Pay'}
|
||||
]
|
||||
});
|
||||
dialog.set_values({
|
||||
"total_amount": $(".grand-total").text()
|
||||
});
|
||||
dialog.show();
|
||||
|
||||
// make read only
|
||||
dialog.get_input("total_amount").prop("disabled", true);
|
||||
dialog.get_input("write_off_amount").prop("disabled", true);
|
||||
|
||||
dialog.get_input("paid_amount").on("change", function() {
|
||||
var values = dialog.get_values();
|
||||
dialog.set_value("change", Math.round(values.paid_amount - values.total_amount));
|
||||
dialog.get_input("change").trigger("change");
|
||||
});
|
||||
|
||||
dialog.get_input("change").on("change", function() {
|
||||
var values = dialog.get_values();
|
||||
var write_off_amount = (flt(values.paid_amount) - flt(values.change)) - values.total_amount;
|
||||
dialog.set_value("write_off_amount", write_off_amount);
|
||||
dialog.fields_dict.write_off_amount.$wrapper.toggleClass("hide", !!!write_off_amount);
|
||||
});
|
||||
|
||||
// toggle amount paid and change
|
||||
dialog.get_input("mode_of_payment").on("change", function() {
|
||||
var is_cash = dialog.get_value("mode_of_payment") === __("Cash");
|
||||
dialog.fields_dict.paid_amount.$wrapper.toggleClass("hide", !is_cash);
|
||||
dialog.fields_dict.change.$wrapper.toggleClass("hide", !is_cash);
|
||||
|
||||
if (is_cash && !dialog.get_value("change")) {
|
||||
// set to nearest 5
|
||||
var paid_amount = 5 * Math.ceil(dialog.get_value("total_amount") / 5);
|
||||
dialog.set_value("paid_amount", paid_amount);
|
||||
dialog.get_input("paid_amount").trigger("change");
|
||||
}
|
||||
}).trigger("change");
|
||||
|
||||
dialog.fields_dict.pay.input.onclick = function() {
|
||||
me.frm.set_value("mode_of_payment", dialog.get_values().mode_of_payment);
|
||||
me.frm.set_value("paid_amount", dialog.get_values().total_amount);
|
||||
me.frm.cscript.mode_of_payment(me.frm.doc);
|
||||
me.frm.save();
|
||||
var values = dialog.get_values();
|
||||
var is_cash = values.mode_of_payment === __("Cash");
|
||||
if (!is_cash) {
|
||||
values.write_off_amount = values.change = 0.0;
|
||||
values.paid_amount = values.total_amount;
|
||||
}
|
||||
me.frm.set_value("mode_of_payment", values.mode_of_payment);
|
||||
|
||||
var paid_amount = flt((flt(values.paid_amount) - flt(values.change)) / me.frm.doc.conversion_rate, precision("paid_amount"));
|
||||
me.frm.set_value("paid_amount", paid_amount);
|
||||
|
||||
// specifying writeoff amount here itself, so as to avoid recursion issue
|
||||
me.frm.set_value("write_off_amount", me.frm.doc.grand_total - paid_amount);
|
||||
me.frm.set_value("outstanding_amount", 0);
|
||||
|
||||
me.frm.savesubmit(this);
|
||||
dialog.hide();
|
||||
me.refresh();
|
||||
};
|
||||
@@ -441,3 +485,65 @@ erpnext.POS = Class.extend({
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
erpnext.pos.make_pos_btn = function(frm) {
|
||||
// Show POS button only if it is enabled from features setup
|
||||
if (cint(sys_defaults.fs_pos_view)!==1 || frm.doctype==="Material Request") {
|
||||
return;
|
||||
}
|
||||
|
||||
if(frm.doc.docstatus <= 1) {
|
||||
if(!frm.pos_active) {
|
||||
var btn_label = __("POS View"),
|
||||
icon = "icon-th";
|
||||
} else {
|
||||
var btn_label = __("Form View"),
|
||||
icon = "icon-file-text";
|
||||
}
|
||||
|
||||
if(erpnext.open_as_pos) {
|
||||
erpnext.pos.toggle(frm, true);
|
||||
erpnext.open_as_pos = false;
|
||||
}
|
||||
|
||||
frm.$pos_btn && frm.$pos_btn.remove();
|
||||
|
||||
frm.$pos_btn = frm.page.add_menu_item(btn_label, function() {
|
||||
erpnext.pos.toggle(frm);
|
||||
});
|
||||
} else {
|
||||
// hack: will avoid calling refresh from refresh
|
||||
setTimeout(function() { erpnext.pos.toggle(frm, false); }, 100);
|
||||
}
|
||||
}
|
||||
|
||||
erpnext.pos.toggle = function(frm, show) {
|
||||
// Check whether it is Selling or Buying cycle
|
||||
var price_list = frappe.meta.has_field(cur_frm.doc.doctype, "selling_price_list") ?
|
||||
frm.doc.selling_price_list : frm.doc.buying_price_list;
|
||||
|
||||
if((show===true && frm.pos_active) || (show===false && !frm.pos_active)) {
|
||||
return;
|
||||
}
|
||||
|
||||
if(show && !price_list) {
|
||||
frappe.throw(__("Please select Price List"));
|
||||
}
|
||||
|
||||
// make pos
|
||||
if(!frm.pos) {
|
||||
var wrapper = frm.page.add_view("pos", "<div>");
|
||||
frm.pos = new erpnext.pos.PointOfSale(wrapper, frm);
|
||||
}
|
||||
|
||||
// toggle view
|
||||
frm.page.set_view(frm.pos_active ? "main" : "pos");
|
||||
frm.pos_active = !frm.pos_active;
|
||||
|
||||
frm.refresh();
|
||||
|
||||
// refresh
|
||||
if(frm.pos_active) {
|
||||
frm.pos.refresh();
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user