erpnext/public/js/payment/payments.js

// Copyright (c) 2015, Frappe Technologies Pvt. Ltd. and Contributors
// License: GNU General Public License v3. See license.txt

erpnext.payments = erpnext.stock.StockController.extend({
	make_payment: function() {
		var me = this;

		this.dialog = new frappe.ui.Dialog({
			title: 'Payment'
		});
	
		this.dialog.show();
		this.$body = this.dialog.body;
		this.dialog.$wrapper.find('.modal-dialog').css("width", "750px");
		this.set_payment_primary_action();
		this.make_keyboard();
	},

	set_payment_primary_action: function(){
		var me = this;
	
		this.dialog.set_primary_action(__("Submit"), function() {
			me.dialog.hide()
			me.write_off_amount()
		})
	},

	make_keyboard: function(){
		var me = this;
		$(this.$body).empty();
		$(this.$body).html(frappe.render_template('pos_payment', this.frm.doc))
		this.show_payment_details();
		this.bind_keyboard_event()
		this.clear_amount()
	},

	make_multimode_payment: function(){
		var me = this;

		if(this.frm.doc.change_amount > 0){
			me.payment_val = me.doc.outstanding_amount
		}

		this.payments = frappe.model.add_child(this.frm.doc, 'Multi Mode Payment', "payments");
		this.payments.mode_of_payment = this.dialog.fields_dict.mode_of_payment.get_value();
		this.payments.amount = flt(this.payment_val);
	},

	show_payment_details: function(){
		var me = this;
		multimode_payments = $(this.$body).find('.multimode-payments').empty();
		if(this.frm.doc.payments.length){
			$.each(this.frm.doc.payments, function(index, data){
				$(frappe.render_template('payment_details', {
					mode_of_payment: data.mode_of_payment,
					amount: data.amount,
					idx: data.idx,
					currency: me.frm.doc.currency,
					type: data.type
				})).appendTo(multimode_payments)

				if (data.type == 'Cash' && me.frm.doc.outstanding_amount > 0) {
					me.idx = data.idx;
					me.set_outstanding_amount();
				}
			})
		}else{
			$("<p>No payment mode selected in pos profile</p>").appendTo(multimode_payments)
		}
	},

	set_outstanding_amount: function(){
		this.selected_mode = $(this.$body).find(repl("input[idx='%(idx)s']",{'idx': this.idx}));
		this.highlight_selected_row()
		this.payment_val = 0.0
		if(this.frm.doc.outstanding_amount > 0 && flt(this.selected_mode.val()) == 0.0){
			//When user first tithis click on row
			this.payment_val = flt(this.frm.doc.outstanding_amount)
			this.selected_mode.val(format_number(this.payment_val, 2));
			this.update_paid_amount()
		}else if(flt(this.selected_mode.val()) > 0){
			//If user click on existing row which has value
			this.payment_val = flt(this.selected_mode.val());
		}
		this.selected_mode.select()
		this.bind_amount_change_event();
	},
	
	bind_keyboard_event: function(){
		var me = this;
		this.payment_val = '';
		this.bind_payment_mode_keys_event();
		this.bind_keyboard_keys_event();
	},

	bind_payment_mode_keys_event: function(){
		var me = this;
		$(this.$body).find('.pos-payment-row').click(function(){
			me.idx = $(this).attr("idx");
			me.set_outstanding_amount()
		})
	},

	highlight_selected_row: function(){
		var me = this;
		selected_row = $(this.$body).find(repl(".pos-payment-row[idx='%(idx)s']",{'idx': this.idx}));
		$(this.$body).find('.pos-payment-row').removeClass('selected-payment-mode')
		selected_row.addClass('selected-payment-mode')
		$(this.$body).find('.amount').attr('disabled', true);
		this.selected_mode.attr('disabled', false);
	},
	
	bind_keyboard_keys_event: function(){
		var me = this;
		$(this.$body).find('.pos-keyboard-key').click(function(){
			me.payment_val += $(this).text();
			me.selected_mode.val(format_number(me.payment_val, 2))
			me.idx = me.selected_mode.attr("idx")
			me.update_paid_amount()
		})
		
		$(this.$body).find('.delete-btn').click(function(){
			me.payment_val =  cstr(flt(me.selected_mode.val())).slice(0, -1);
			me.selected_mode.val(format_number(me.payment_val, 2));
			me.idx = me.selected_mode.attr("idx")
			me.update_paid_amount();
		})

	},
	
	bind_amount_change_event: function(){
		var me = this;
		me.selected_mode.change(function(){
			me.payment_val =  $(this).val() || 0.0;
			me.selected_mode.val(format_number(me.payment_val, 2))
			me.idx = me.selected_mode.attr("idx")
			me.update_paid_amount()
		})
	},

	clear_amount: function(){
		var me = this;
		$(this.$body).find('.clr').click(function(e){
			e.stopPropagation();
			me.idx = $(this).attr("idx");
			me.selected_mode = $(me.$body).find(repl("input[idx='%(idx)s']",{'idx': me.idx}));
			me.payment_val = 0.0;
			me.selected_mode.val(0.0);
			me.update_paid_amount();
		})
	},

	update_paid_amount: function(){
		var me = this;
		$.each(this.frm.doc.payments, function(index, data){
			if(cint(me.idx) == cint(data.idx)){
				data.amount = flt(me.selected_mode.val(), 2)
			}
		})
		this.calculate_outstanding_amount();
		this.show_amounts();
	},
	
	show_amounts: function(){
		var me = this;
		$(this.$body).find('.paid_amount').text(format_currency(this.frm.doc.paid_amount, this.frm.doc.currency));
		$(this.$body).find('.change_amount').text(format_currency(this.frm.doc.change_amount, this.frm.doc.currency))
		$(this.$body).find('.outstanding_amount').text(format_currency(this.frm.doc.outstanding_amount, this.frm.doc.currency))
		this.update_invoice();
	}
})