Custom Quick entry version 1 done. Zip API done and Customer backend added.
This commit is contained in:
200
ns_app/public/js/customer_quick_entry.js
Normal file
200
ns_app/public/js/customer_quick_entry.js
Normal file
@@ -0,0 +1,200 @@
|
||||
frappe.provide("ns_app.customer");
|
||||
|
||||
// Preserve original quick entry
|
||||
const _make_quick_entry = frappe.ui.form.make_quick_entry;
|
||||
|
||||
// Override
|
||||
frappe.ui.form.make_quick_entry = function (doctype, after_insert) {
|
||||
if (doctype === "Customer") {
|
||||
console.log("NS App: Intercepted Customer Quick Entry");
|
||||
ns_app.customer.open_quick_entry({
|
||||
callback: after_insert
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
return _make_quick_entry.apply(this, arguments);
|
||||
};
|
||||
|
||||
ns_app.customer.open_quick_entry = function (opts = {}) {
|
||||
console.log("NS App: Custom Customer Quick Entry OPENED");
|
||||
|
||||
const d = new frappe.ui.Dialog({
|
||||
title: "New Customer",
|
||||
size: "large",
|
||||
|
||||
fields: [
|
||||
// ───────── CUSTOMER ─────────
|
||||
{ fieldtype: "Section Break", label: "Customer" },
|
||||
|
||||
{
|
||||
fieldname: "customer_name",
|
||||
label: "Customer Name",
|
||||
fieldtype: "Data",
|
||||
reqd: 1
|
||||
},
|
||||
{
|
||||
fieldname: "customer_type",
|
||||
label: "Customer Type",
|
||||
fieldtype: "Select",
|
||||
options: "Company\nIndividual",
|
||||
default: "Company",
|
||||
reqd: 1
|
||||
},
|
||||
{
|
||||
fieldname: "customer_group",
|
||||
label: "Customer Group",
|
||||
fieldtype: "Link",
|
||||
options: "Customer Group",
|
||||
default: "Commercial",
|
||||
reqd: 1
|
||||
},
|
||||
{
|
||||
fieldname: "custom_auto_pay_enabled",
|
||||
label: "Auto Pay Enabled",
|
||||
fieldtype: "Check",
|
||||
default: 0
|
||||
},
|
||||
{
|
||||
fieldname: "custom_send_via",
|
||||
label: "Send Via",
|
||||
fieldtype: "Select",
|
||||
options: "Mail\nEmail\nFax"
|
||||
},
|
||||
|
||||
// ───────── CONTACT ─────────
|
||||
{ fieldtype: "Section Break", label: "Primary Contact" },
|
||||
|
||||
{
|
||||
fieldname: "email_id",
|
||||
label: "Email",
|
||||
fieldtype: "Data",
|
||||
options: "Email"
|
||||
},
|
||||
{
|
||||
fieldname: "mobile_no",
|
||||
label: "Mobile",
|
||||
fieldtype: "Data",
|
||||
reqd: 1
|
||||
},
|
||||
|
||||
// ───────── ADDRESS ─────────
|
||||
{ fieldtype: "Section Break", label: "Address" },
|
||||
|
||||
{
|
||||
fieldname: "address_line1",
|
||||
label: "Address Line 1",
|
||||
fieldtype: "Data",
|
||||
reqd: 1
|
||||
},
|
||||
{
|
||||
fieldname: "address_line2",
|
||||
label: "Address Line 2",
|
||||
fieldtype: "Data"
|
||||
},
|
||||
{
|
||||
fieldname: "pincode",
|
||||
label: "ZIP Code",
|
||||
fieldtype: "Data",
|
||||
reqd: 1
|
||||
},
|
||||
{
|
||||
fieldname: "city",
|
||||
label: "City",
|
||||
fieldtype: "Data"
|
||||
},
|
||||
{
|
||||
fieldname: "state",
|
||||
label: "State",
|
||||
fieldtype: "Data"
|
||||
},
|
||||
{
|
||||
fieldname: "country",
|
||||
label: "Country",
|
||||
fieldtype: "Link",
|
||||
options: "Country",
|
||||
default: "United States"
|
||||
}
|
||||
],
|
||||
|
||||
primary_action_label: "Create Customer",
|
||||
primary_action(values) {
|
||||
console.log("NS App: Create Customer clicked", values);
|
||||
|
||||
d.disable_primary_action();
|
||||
|
||||
frappe.call({
|
||||
method: "ns_app.api.customer.create_customer_full",
|
||||
args: values,
|
||||
callback(r) {
|
||||
console.log("NS App: Customer created", r.message);
|
||||
|
||||
d.hide();
|
||||
frappe.show_alert({
|
||||
message: "Customer created via NS App",
|
||||
indicator: "green"
|
||||
});
|
||||
|
||||
if (opts.callback) {
|
||||
opts.callback(r.message);
|
||||
}
|
||||
},
|
||||
always() {
|
||||
d.enable_primary_action();
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// ZIP auto-fill
|
||||
d.fields_dict.pincode.df.onchange = () => {
|
||||
const zip = d.get_value("pincode");
|
||||
if (!zip || zip.length < 5) return;
|
||||
|
||||
console.log("NS App: ZIP lookup", zip);
|
||||
|
||||
fetch(`https://api.zippopotam.us/us/${zip}`)
|
||||
.then(r => r.ok ? r.json() : null)
|
||||
.then(data => {
|
||||
if (!data || !data.places?.length) return;
|
||||
|
||||
const p = data.places[0];
|
||||
d.set_value("city", p["place name"]);
|
||||
d.set_value("state", p["state"]);
|
||||
d.set_value("country", data.country);
|
||||
|
||||
console.log("NS App: ZIP autofill success");
|
||||
})
|
||||
.catch(() => {});
|
||||
};
|
||||
|
||||
d.show();
|
||||
|
||||
// Prevent Enter from submitting unless primary button is focused
|
||||
d.$wrapper.on("keydown", "input, select, textarea", function (e) {
|
||||
if (e.key === "Enter") {
|
||||
const active = document.activeElement;
|
||||
|
||||
// Allow Enter ONLY if primary action button is focused
|
||||
if (
|
||||
active &&
|
||||
active.classList.contains("btn-primary")
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
// Move to next field
|
||||
const fields = d.$wrapper
|
||||
.find("input, select, textarea")
|
||||
.filter(":visible:not([disabled])");
|
||||
|
||||
const index = fields.index(this);
|
||||
if (index > -1 && index + 1 < fields.length) {
|
||||
fields.eq(index + 1).focus();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
};
|
||||
Reference in New Issue
Block a user