Customizing POS View

I’m almost there with setting up & customizing for production, but I still can’t figure out a way to customize the POS view.

Uploading Screenshot 2015-10-13 20.06.25.png…

In particular, after clicking the pay button, I’d like to add additional payment details together with the amount paid and mode of payment. Basically, for non-cash payment, I’d like to input info like card payment approval code/transaction ID etc.

Would really appreciate it if someone can help point me to the right direction?

Thanks!

Check this: https://github.com/frappe/erpnext/blob/develop/erpnext/public/js/pos/pos.js#L397