c742a1dbe9
* fix: partial payment in pos * fix: show alerts for update failure * fix: partial payment validation * fix: remove setting clearance date * fix: partly paid invoices in pos * fix: throw error if user tries to make payment for consolidated invoice * fix: include unpaid invoices in partly paid invoice filter * refactor: function rename * feat: button to open form view for partly paid invoices in pos order summary * fix: payment menu item visible for unpaid invoices * refactor: update_payments function * fix: set outstanding amount for pos invoice * test: partly paid pos invoices * test: removed frappe.db.commit * refactor: using before_submit to set outstanding amount
712 lines
22 KiB
JavaScript
712 lines
22 KiB
JavaScript
/* eslint-disable no-unused-vars */
|
|
erpnext.PointOfSale.Payment = class {
|
|
constructor({ events, wrapper, settings }) {
|
|
this.wrapper = wrapper;
|
|
this.events = events;
|
|
this.set_gt_to_default_mop = settings.set_grand_total_to_default_mop;
|
|
this.invoice_fields = settings.invoice_fields;
|
|
this.allow_partial_payment = settings.allow_partial_payment;
|
|
|
|
this.init_component();
|
|
}
|
|
|
|
init_component() {
|
|
this.prepare_dom();
|
|
this.initialize_numpad();
|
|
this.bind_events();
|
|
this.attach_shortcuts();
|
|
}
|
|
|
|
prepare_dom() {
|
|
this.wrapper.append(
|
|
`<section class="payment-container">
|
|
<div class="payment-split-container">
|
|
<div class="payment-container-left">
|
|
<div class="section-label payment-section">${__("Payment Method")}</div>
|
|
<div class="payment-modes"></div>
|
|
</div>
|
|
<div class="payment-container-right">
|
|
<div class="fields-numpad-container">
|
|
<div class="fields-section">
|
|
<div class="invoice-fields">
|
|
<button class="btn btn-default btn-sm btn-shadow addl-fields hidden">${__(
|
|
"Update Additional Information"
|
|
)}</button>
|
|
</div>
|
|
</div>
|
|
<div class="number-pad"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="totals-section">
|
|
<div class="totals"></div>
|
|
</div>
|
|
<div class="submit-order-btn">${__("Complete Order")}</div>
|
|
</section>`
|
|
);
|
|
this.$component = this.wrapper.find(".payment-container");
|
|
this.$payment_modes = this.$component.find(".payment-modes");
|
|
this.$totals_section = this.$component.find(".totals-section");
|
|
this.$totals = this.$component.find(".totals");
|
|
this.$numpad = this.$component.find(".number-pad");
|
|
this.$invoice_fields_section = this.$component.find(".fields-section");
|
|
}
|
|
|
|
make_invoice_field_dialog() {
|
|
const me = this;
|
|
if (!me.invoice_fields.length) return;
|
|
me.addl_dlg = new frappe.ui.Dialog({
|
|
title: __("Additional Information"),
|
|
fields: me.invoice_fields,
|
|
size: "small",
|
|
primary_action_label: __("Save"),
|
|
primary_action(values) {
|
|
me.set_values_to_frm(values);
|
|
if (this.complete_order) {
|
|
me.events.submit_invoice();
|
|
}
|
|
this.hide();
|
|
},
|
|
});
|
|
me.addl_dlg.$wrapper.on("hide.bs.modal", function () {
|
|
me.addl_dlg.complete_order = false;
|
|
});
|
|
me.add_btn_field_click_listener();
|
|
me.set_value_on_dialog_fields();
|
|
me.make_addl_info_dialog_btn_visible();
|
|
}
|
|
|
|
set_values_to_frm(values) {
|
|
const frm = this.events.get_frm();
|
|
this.addl_dlg.fields.forEach((df) => {
|
|
frm.set_value(df.fieldname, values[df.fieldname]);
|
|
});
|
|
frappe.show_alert({
|
|
message: __("Additional Information updated successfully."),
|
|
indicator: "green",
|
|
});
|
|
}
|
|
|
|
add_btn_field_click_listener() {
|
|
const frm = this.events.get_frm();
|
|
this.addl_dlg.fields.forEach((df) => {
|
|
if (df.fieldtype === "Button") {
|
|
this.addl_dlg.fields_dict[df.fieldname].$input.on("click", function () {
|
|
if (frm.script_manager.has_handlers(df.fieldname, frm.doc.doctype)) {
|
|
frm.script_manager.trigger(df.fieldname, frm.doc.doctype, frm.doc.docname);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
set_value_on_dialog_fields() {
|
|
const doc = this.events.get_frm().doc;
|
|
this.addl_dlg.fields.forEach((df) => {
|
|
if (doc[df.fieldname] || df.default_value) {
|
|
this.addl_dlg.set_value(df.fieldname, doc[df.fieldname] || df.default_value);
|
|
}
|
|
});
|
|
}
|
|
|
|
make_addl_info_dialog_btn_visible() {
|
|
this.$invoice_fields_section.find(".addl-fields").removeClass("hidden");
|
|
this.$invoice_fields_section.find(".addl-fields").on("click", () => {
|
|
this.addl_dlg.show();
|
|
});
|
|
}
|
|
|
|
initialize_numpad() {
|
|
const me = this;
|
|
this.number_pad = new erpnext.PointOfSale.NumberPad({
|
|
wrapper: this.$numpad,
|
|
events: {
|
|
numpad_event: function ($btn) {
|
|
me.on_numpad_clicked($btn);
|
|
},
|
|
},
|
|
cols: 3,
|
|
keys: [
|
|
[1, 2, 3],
|
|
[4, 5, 6],
|
|
[7, 8, 9],
|
|
[".", 0, "Delete"],
|
|
],
|
|
});
|
|
|
|
this.numpad_value = "";
|
|
}
|
|
|
|
on_numpad_clicked($btn) {
|
|
const button_value = $btn.attr("data-button-value");
|
|
|
|
highlight_numpad_btn($btn);
|
|
this.numpad_value =
|
|
button_value === "delete" ? this.numpad_value.slice(0, -1) : this.numpad_value + button_value;
|
|
this.selected_mode.$input.get(0).focus();
|
|
this.selected_mode.set_value(this.numpad_value);
|
|
|
|
function highlight_numpad_btn($btn) {
|
|
$btn.addClass("shadow-base-inner bg-selected");
|
|
setTimeout(() => {
|
|
$btn.removeClass("shadow-base-inner bg-selected");
|
|
}, 100);
|
|
}
|
|
}
|
|
|
|
bind_events() {
|
|
const me = this;
|
|
|
|
this.$payment_modes.on("click", ".mode-of-payment", function (e) {
|
|
const mode_clicked = $(this);
|
|
// if clicked element doesn't have .mode-of-payment class then return
|
|
if (!$(e.target).is(mode_clicked)) return;
|
|
|
|
const scrollLeft =
|
|
mode_clicked.offset().left - me.$payment_modes.offset().left + me.$payment_modes.scrollLeft();
|
|
me.$payment_modes.animate({ scrollLeft });
|
|
|
|
const mode = mode_clicked.attr("data-mode");
|
|
|
|
// hide all control fields and shortcuts
|
|
$(`.mode-of-payment-control`).css("display", "none");
|
|
$(`.cash-shortcuts`).css("display", "none");
|
|
me.$payment_modes.find(`.pay-amount`).css("display", "inline");
|
|
me.$payment_modes.find(`.loyalty-amount-name`).css("display", "none");
|
|
|
|
// remove highlight from all mode-of-payments
|
|
$(".mode-of-payment").removeClass("border-primary");
|
|
|
|
if (mode_clicked.hasClass("border-primary")) {
|
|
// clicked one is selected then unselect it
|
|
mode_clicked.removeClass("border-primary");
|
|
me.selected_mode = "";
|
|
} else {
|
|
// clicked one is not selected then select it
|
|
mode_clicked.addClass("border-primary");
|
|
mode_clicked.find(".mode-of-payment-control").css("display", "flex");
|
|
mode_clicked.find(".cash-shortcuts").css("display", "grid");
|
|
me.$payment_modes.find(`.${mode}-amount`).css("display", "none");
|
|
me.$payment_modes.find(`.${mode}-name`).css("display", "inline");
|
|
|
|
me.selected_mode = me[`${mode}_control`];
|
|
me.selected_mode && me.selected_mode.$input.get(0).focus();
|
|
me.auto_set_remaining_amount();
|
|
}
|
|
});
|
|
|
|
frappe.ui.form.on("POS Invoice", "contact_mobile", (frm) => {
|
|
const contact = frm.doc.contact_mobile;
|
|
const request_button = $(this.request_for_payment_field?.$input[0]);
|
|
if (contact) {
|
|
request_button.removeClass("btn-default").addClass("btn-primary");
|
|
} else {
|
|
request_button.removeClass("btn-primary").addClass("btn-default");
|
|
}
|
|
});
|
|
|
|
frappe.ui.form.on("POS Invoice", "coupon_code", (frm) => {
|
|
this.bind_coupon_code_event(frm);
|
|
});
|
|
|
|
frappe.ui.form.on("Sales Invoice", "coupon_code", (frm) => {
|
|
this.bind_coupon_code_event(frm);
|
|
});
|
|
|
|
this.setup_listener_for_payments();
|
|
|
|
this.$payment_modes.on("click", ".shortcut", function () {
|
|
const value = $(this).attr("data-value");
|
|
me.selected_mode.set_value(value);
|
|
});
|
|
|
|
this.$component.on("click", ".submit-order-btn", () => {
|
|
const doc = this.events.get_frm().doc;
|
|
const paid_amount = doc.paid_amount;
|
|
const items = doc.items;
|
|
|
|
if (
|
|
!items.length ||
|
|
(paid_amount == 0 &&
|
|
doc.additional_discount_percentage != 100 &&
|
|
this.allow_partial_payment === 0)
|
|
) {
|
|
const message = items.length
|
|
? __("You cannot submit the order without payment.")
|
|
: __("You cannot submit empty order.");
|
|
frappe.show_alert({ message, indicator: "orange" });
|
|
frappe.utils.play_sound("error");
|
|
return;
|
|
}
|
|
|
|
if (!this.validate_reqd_invoice_fields()) {
|
|
return;
|
|
}
|
|
|
|
this.events.submit_invoice();
|
|
});
|
|
|
|
frappe.ui.form.on("POS Invoice", "paid_amount", (frm) => {
|
|
this.bind_paid_amount_event(frm);
|
|
});
|
|
|
|
frappe.ui.form.on("POS Invoice", "loyalty_amount", (frm) => {
|
|
this.bind_loyalty_amount_event(frm);
|
|
});
|
|
|
|
frappe.ui.form.on("Sales Invoice", "paid_amount", (frm) => {
|
|
this.bind_paid_amount_event(frm);
|
|
});
|
|
|
|
frappe.ui.form.on("Sales Invoice", "loyalty_amount", (frm) => {
|
|
this.bind_loyalty_amount_event(frm);
|
|
});
|
|
|
|
frappe.ui.form.on("Sales Invoice Payment", "amount", (frm, cdt, cdn) => {
|
|
// for setting correct amount after loyalty points are redeemed
|
|
const default_mop = locals[cdt][cdn];
|
|
const mode = this.sanitize_mode_of_payment(default_mop.mode_of_payment);
|
|
if (this[`${mode}_control`] && this[`${mode}_control`].get_value() != default_mop.amount) {
|
|
this[`${mode}_control`].set_value(default_mop.amount);
|
|
}
|
|
});
|
|
}
|
|
|
|
bind_coupon_code_event(frm) {
|
|
if (frm.doc.coupon_code && !frm.applying_pos_coupon_code) {
|
|
if (!frm.doc.ignore_pricing_rule) {
|
|
frm.applying_pos_coupon_code = true;
|
|
frappe.run_serially([
|
|
() => (frm.doc.ignore_pricing_rule = 1),
|
|
() => frm.trigger("ignore_pricing_rule"),
|
|
() => (frm.doc.ignore_pricing_rule = 0),
|
|
() => frm.trigger("apply_pricing_rule"),
|
|
() => frm.save(),
|
|
() => this.update_totals_section(frm.doc),
|
|
() => (frm.applying_pos_coupon_code = false),
|
|
]);
|
|
} else if (frm.doc.ignore_pricing_rule) {
|
|
frappe.show_alert({
|
|
message: __("Ignore Pricing Rule is enabled. Cannot apply coupon code."),
|
|
indicator: "orange",
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
bind_paid_amount_event(frm) {
|
|
this.update_totals_section(frm.doc);
|
|
|
|
// need to re calculate cash shortcuts after discount is applied
|
|
const is_cash_shortcuts_invisible = !this.$payment_modes.find(".cash-shortcuts").is(":visible");
|
|
this.attach_cash_shortcuts(frm.doc);
|
|
!is_cash_shortcuts_invisible && this.$payment_modes.find(".cash-shortcuts").css("display", "grid");
|
|
this.render_payment_mode_dom();
|
|
}
|
|
|
|
bind_loyalty_amount_event(frm) {
|
|
const formatted_currency = format_currency(frm.doc.loyalty_amount, frm.doc.currency);
|
|
this.$payment_modes.find(`.loyalty-amount-amount`).html(formatted_currency);
|
|
}
|
|
|
|
setup_listener_for_payments() {
|
|
frappe.realtime.on("process_phone_payment", (data) => {
|
|
const doc = this.events.get_frm().doc;
|
|
const { response, amount, success, failure_message } = data;
|
|
let message, title;
|
|
|
|
if (success) {
|
|
title = __("Payment Received");
|
|
const grand_total = cint(frappe.sys_defaults.disable_rounded_total)
|
|
? doc.grand_total
|
|
: doc.rounded_total;
|
|
if (amount >= grand_total) {
|
|
frappe.dom.unfreeze();
|
|
message = __("Payment of {0} received successfully.", [
|
|
format_currency(amount, doc.currency, 0),
|
|
]);
|
|
this.events.submit_invoice();
|
|
cur_frm.reload_doc();
|
|
} else {
|
|
message = __(
|
|
"Payment of {0} received successfully. Waiting for other requests to complete...",
|
|
[format_currency(amount, doc.currency, 0)]
|
|
);
|
|
}
|
|
} else if (failure_message) {
|
|
message = failure_message;
|
|
title = __("Payment Failed");
|
|
}
|
|
|
|
frappe.msgprint({ message: message, title: title });
|
|
});
|
|
}
|
|
|
|
auto_set_remaining_amount() {
|
|
const doc = this.events.get_frm().doc;
|
|
const grand_total = cint(frappe.sys_defaults.disable_rounded_total)
|
|
? doc.grand_total
|
|
: doc.rounded_total;
|
|
const remaining_amount = grand_total - doc.paid_amount;
|
|
const current_value = this.selected_mode ? this.selected_mode.get_value() : undefined;
|
|
if (!current_value && remaining_amount > 0 && this.selected_mode) {
|
|
this.selected_mode.set_value(remaining_amount);
|
|
}
|
|
}
|
|
|
|
attach_shortcuts() {
|
|
const ctrl_label = frappe.utils.is_mac() ? "⌘" : "Ctrl";
|
|
this.$component.find(".submit-order-btn").attr("title", `${ctrl_label}+Enter`);
|
|
frappe.ui.keys.on("ctrl+enter", () => {
|
|
const payment_is_visible = this.$component.is(":visible");
|
|
const active_mode = this.$payment_modes.find(".border-primary");
|
|
if (payment_is_visible && active_mode.length) {
|
|
this.$component.find(".submit-order-btn").click();
|
|
}
|
|
});
|
|
|
|
frappe.ui.keys.add_shortcut({
|
|
shortcut: "tab",
|
|
action: () => {
|
|
const payment_is_visible = this.$component.is(":visible");
|
|
let active_mode = this.$payment_modes.find(".border-primary");
|
|
active_mode = active_mode.length ? active_mode.attr("data-mode") : undefined;
|
|
|
|
if (!active_mode) return;
|
|
|
|
const mode_of_payments = Array.from(this.$payment_modes.find(".mode-of-payment")).map((m) =>
|
|
$(m).attr("data-mode")
|
|
);
|
|
const mode_index = mode_of_payments.indexOf(active_mode);
|
|
const next_mode_index = (mode_index + 1) % mode_of_payments.length;
|
|
const next_mode_to_be_clicked = this.$payment_modes.find(
|
|
`.mode-of-payment[data-mode="${mode_of_payments[next_mode_index]}"]`
|
|
);
|
|
|
|
if (payment_is_visible && mode_index != next_mode_index) {
|
|
next_mode_to_be_clicked.click();
|
|
}
|
|
},
|
|
condition: () =>
|
|
this.$component.is(":visible") && this.$payment_modes.find(".border-primary").length,
|
|
description: __("Switch Between Payment Modes"),
|
|
ignore_inputs: true,
|
|
page: cur_page.page.page,
|
|
});
|
|
}
|
|
|
|
toggle_numpad() {
|
|
// pass
|
|
}
|
|
|
|
render_payment_section() {
|
|
this.render_payment_mode_dom();
|
|
this.make_invoice_field_dialog();
|
|
this.update_totals_section();
|
|
this.set_grand_total_to_default_mop();
|
|
}
|
|
|
|
after_render() {
|
|
const frm = this.events.get_frm();
|
|
frm.script_manager.trigger("after_payment_render", frm.doc.doctype, frm.doc.docname);
|
|
}
|
|
|
|
edit_cart() {
|
|
this.events.toggle_other_sections(false);
|
|
this.toggle_component(false);
|
|
}
|
|
|
|
checkout() {
|
|
const frm = this.events.get_frm();
|
|
frm.cscript.calculate_outstanding_amount();
|
|
frm.refresh_field("outstanding_amount");
|
|
frm.refresh_field("paid_amount");
|
|
frm.refresh_field("base_paid_amount");
|
|
this.events.toggle_other_sections(true);
|
|
this.toggle_component(true);
|
|
|
|
this.render_payment_section();
|
|
this.after_render();
|
|
}
|
|
|
|
toggle_remarks_control() {
|
|
if (this.$remarks.find(".frappe-control").length) {
|
|
this.$remarks.html("+ Add Remark");
|
|
} else {
|
|
this.$remarks.html("");
|
|
this[`remark_control`] = frappe.ui.form.make_control({
|
|
df: {
|
|
label: __("Remark"),
|
|
fieldtype: "Data",
|
|
onchange: function () {},
|
|
},
|
|
parent: this.$totals_section.find(`.remarks`),
|
|
render_input: true,
|
|
});
|
|
this[`remark_control`].set_value("");
|
|
}
|
|
}
|
|
|
|
render_payment_mode_dom() {
|
|
const doc = this.events.get_frm().doc;
|
|
const payments = doc.payments;
|
|
const currency = doc.currency;
|
|
|
|
this.$payment_modes.html(
|
|
`${payments
|
|
.map((p, i) => {
|
|
const mode = this.sanitize_mode_of_payment(p.mode_of_payment);
|
|
const payment_type = p.type;
|
|
const margin = i % 2 === 0 ? "pr-2" : "pl-2";
|
|
const amount = p.amount > 0 ? format_currency(p.amount, currency) : "";
|
|
|
|
return `
|
|
<div class="payment-mode-wrapper">
|
|
<div class="mode-of-payment" data-mode="${mode}" data-payment-type="${payment_type}">
|
|
${p.mode_of_payment}
|
|
<div class="${mode}-amount pay-amount">${amount}</div>
|
|
<div class="${mode} mode-of-payment-control"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
})
|
|
.join("")}`
|
|
);
|
|
|
|
payments.forEach((p) => {
|
|
const mode = this.sanitize_mode_of_payment(p.mode_of_payment);
|
|
const me = this;
|
|
this[`${mode}_control`] = frappe.ui.form.make_control({
|
|
df: {
|
|
label: p.mode_of_payment,
|
|
fieldtype: "Currency",
|
|
placeholder: __("Enter {0} amount.", [__(p.mode_of_payment)]),
|
|
onchange: function () {
|
|
const current_value = frappe.model.get_value(p.doctype, p.name, "amount");
|
|
if (current_value != this.value) {
|
|
frappe.model
|
|
.set_value(p.doctype, p.name, "amount", flt(this.value))
|
|
.then(() => me.update_totals_section());
|
|
|
|
const formatted_currency = format_currency(this.value, currency);
|
|
me.$payment_modes.find(`.${mode}-amount`).html(formatted_currency);
|
|
}
|
|
},
|
|
},
|
|
parent: this.$payment_modes.find(`.${mode}.mode-of-payment-control`),
|
|
render_input: true,
|
|
});
|
|
this[`${mode}_control`].toggle_label(false);
|
|
this[`${mode}_control`].set_value(p.amount);
|
|
});
|
|
|
|
this.render_loyalty_points_payment_mode();
|
|
|
|
this.attach_cash_shortcuts(doc);
|
|
}
|
|
|
|
focus_on_default_mop() {
|
|
const doc = this.events.get_frm().doc;
|
|
const payments = doc.payments;
|
|
payments.forEach((p) => {
|
|
const mode = this.sanitize_mode_of_payment(p.mode_of_payment);
|
|
if (p.default) {
|
|
setTimeout(() => {
|
|
this.$payment_modes.find(`.${mode}.mode-of-payment-control`).parent().click();
|
|
}, 500);
|
|
}
|
|
});
|
|
}
|
|
|
|
attach_cash_shortcuts(doc) {
|
|
const grand_total = cint(frappe.sys_defaults.disable_rounded_total)
|
|
? doc.grand_total
|
|
: doc.rounded_total;
|
|
const currency = doc.currency;
|
|
|
|
const shortcuts = this.get_cash_shortcuts(flt(grand_total));
|
|
|
|
this.$payment_modes.find(".cash-shortcuts").remove();
|
|
let shortcuts_html = shortcuts
|
|
.map((s) => {
|
|
return `<div class="shortcut" data-value="${s}">${format_currency(s, currency)}</div>`;
|
|
})
|
|
.join("");
|
|
|
|
this.$payment_modes
|
|
.find('[data-payment-type="Cash"]')
|
|
.find(".mode-of-payment-control")
|
|
.after(`<div class="cash-shortcuts">${shortcuts_html}</div>`);
|
|
}
|
|
|
|
get_cash_shortcuts(grand_total) {
|
|
let steps = [1, 5, 10];
|
|
const digits = String(Math.round(grand_total)).length;
|
|
|
|
steps = steps.map((x) => x * 10 ** (digits - 2));
|
|
|
|
const get_nearest = (amount, x) => {
|
|
let nearest_x = Math.ceil(amount / x) * x;
|
|
return nearest_x === amount ? nearest_x + x : nearest_x;
|
|
};
|
|
|
|
return steps.reduce((finalArr, x) => {
|
|
let nearest_x = get_nearest(grand_total, x);
|
|
nearest_x = finalArr.indexOf(nearest_x) != -1 ? nearest_x + x : nearest_x;
|
|
return [...finalArr, nearest_x];
|
|
}, []);
|
|
}
|
|
|
|
render_loyalty_points_payment_mode() {
|
|
const me = this;
|
|
const doc = this.events.get_frm().doc;
|
|
const { loyalty_program, loyalty_points, conversion_factor } = this.events.get_customer_details();
|
|
|
|
this.$payment_modes.find(`.mode-of-payment[data-mode="loyalty-amount"]`).parent().remove();
|
|
|
|
if (!loyalty_program) return;
|
|
|
|
let description, read_only, max_redeemable_amount;
|
|
if (!loyalty_points) {
|
|
description = __("You don't have enough points to redeem.");
|
|
read_only = true;
|
|
} else {
|
|
max_redeemable_amount = flt(
|
|
flt(loyalty_points) * flt(conversion_factor),
|
|
precision("loyalty_amount", doc)
|
|
);
|
|
description = __("You can redeem upto {0}.", [format_currency(max_redeemable_amount)]);
|
|
read_only = false;
|
|
}
|
|
|
|
const margin = this.$payment_modes.children().length % 2 === 0 ? "pr-2" : "pl-2";
|
|
const amount = doc.loyalty_amount > 0 ? format_currency(doc.loyalty_amount, doc.currency) : "";
|
|
this.$payment_modes.append(
|
|
`<div class="payment-mode-wrapper">
|
|
<div class="mode-of-payment loyalty-card" data-mode="loyalty-amount" data-payment-type="loyalty-amount">
|
|
Redeem Loyalty Points
|
|
<div class="loyalty-amount-amount pay-amount">${amount}</div>
|
|
<div class="loyalty-amount-name">${loyalty_program}</div>
|
|
<div class="loyalty-amount mode-of-payment-control"></div>
|
|
</div>
|
|
</div>`
|
|
);
|
|
|
|
this["loyalty-amount_control"] = frappe.ui.form.make_control({
|
|
df: {
|
|
label: __("Redeem Loyalty Points"),
|
|
fieldtype: "Currency",
|
|
placeholder: __("Enter amount to be redeemed."),
|
|
options: "company:currency",
|
|
read_only,
|
|
onchange: async function () {
|
|
if (!loyalty_points) return;
|
|
|
|
if (this.value > max_redeemable_amount) {
|
|
frappe.show_alert({
|
|
message: __("You cannot redeem more than {0}.", [
|
|
format_currency(max_redeemable_amount),
|
|
]),
|
|
indicator: "red",
|
|
});
|
|
frappe.utils.play_sound("submit");
|
|
me["loyalty-amount_control"].set_value(0);
|
|
return;
|
|
}
|
|
const redeem_loyalty_points = this.value > 0 ? 1 : 0;
|
|
await frappe.model.set_value(
|
|
doc.doctype,
|
|
doc.name,
|
|
"redeem_loyalty_points",
|
|
redeem_loyalty_points
|
|
);
|
|
frappe.model.set_value(
|
|
doc.doctype,
|
|
doc.name,
|
|
"loyalty_points",
|
|
parseInt(this.value / conversion_factor)
|
|
);
|
|
},
|
|
description,
|
|
},
|
|
parent: this.$payment_modes.find(`.loyalty-amount.mode-of-payment-control`),
|
|
render_input: true,
|
|
});
|
|
this["loyalty-amount_control"].toggle_label(false);
|
|
|
|
// this.render_add_payment_method_dom();
|
|
}
|
|
|
|
render_add_payment_method_dom() {
|
|
const docstatus = this.events.get_frm().doc.docstatus;
|
|
if (docstatus === 0)
|
|
this.$payment_modes.append(
|
|
`<div class="w-full pr-2">
|
|
<div class="add-mode-of-payment w-half text-grey mb-4 no-select pointer">+ Add Payment Method</div>
|
|
</div>`
|
|
);
|
|
}
|
|
|
|
update_totals_section(doc) {
|
|
if (!doc) doc = this.events.get_frm().doc;
|
|
const paid_amount = doc.paid_amount;
|
|
const grand_total = cint(frappe.sys_defaults.disable_rounded_total)
|
|
? doc.grand_total
|
|
: doc.rounded_total;
|
|
const remaining = grand_total - doc.paid_amount;
|
|
const change = doc.change_amount || remaining <= 0 ? -1 * remaining : undefined;
|
|
const currency = doc.currency;
|
|
const label = doc.paid_amount > grand_total ? __("Change Amount") : __("Remaining Amount");
|
|
|
|
this.$totals.html(
|
|
`<div class="col">
|
|
<div class="total-label">${__("Grand Total")}</div>
|
|
<div class="value">${format_currency(grand_total, currency)}</div>
|
|
</div>
|
|
<div class="seperator-y"></div>
|
|
<div class="col">
|
|
<div class="total-label">${__("Paid Amount")}</div>
|
|
<div class="value">${format_currency(paid_amount, currency)}</div>
|
|
</div>
|
|
<div class="seperator-y"></div>
|
|
<div class="col">
|
|
<div class="total-label">${label}</div>
|
|
<div class="value">${format_currency(change || remaining, currency)}</div>
|
|
</div>`
|
|
);
|
|
}
|
|
|
|
toggle_component(show) {
|
|
show ? this.$component.css("display", "flex") : this.$component.css("display", "none");
|
|
}
|
|
|
|
sanitize_mode_of_payment(mode_of_payment) {
|
|
return mode_of_payment
|
|
.replace(/ +/g, "_")
|
|
.replace(/[^\p{L}\p{N}_-]/gu, "")
|
|
.replace(/^[^_a-zA-Z\p{L}]+/u, "")
|
|
.toLowerCase();
|
|
}
|
|
|
|
set_grand_total_to_default_mop() {
|
|
if (this.set_gt_to_default_mop) {
|
|
this.focus_on_default_mop();
|
|
}
|
|
}
|
|
|
|
validate_reqd_invoice_fields() {
|
|
if (this.invoice_fields.length === 0) return true;
|
|
const doc = this.events.get_frm().doc;
|
|
for (const df of this.addl_dlg.fields) {
|
|
if (df.reqd && !doc[df.fieldname]) {
|
|
this.addl_dlg.primary_action_label = "Submit";
|
|
this.addl_dlg.complete_order = true;
|
|
this.addl_dlg.show();
|
|
this.addl_dlg.fields_dict[df.fieldname].$input.focus();
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
};
|