vagrant
637 lines
38 KiB
Plaintext
637 lines
38 KiB
Plaintext
frappe.pages['receiving'].on_page_load = function(wrapper) {
|
|
var page = frappe.ui.make_app_page({
|
|
parent: wrapper,
|
|
title: 'Receiving',
|
|
single_column: true
|
|
});
|
|
|
|
// Inline HTML
|
|
$(wrapper).find('.layout-main-section').html(`
|
|
<div class="receiving-station" style="padding: 20px;">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<h3 style="margin-top: 0; color: #2F5496;">🚛 Receiving</h3>
|
|
<p class="text-muted">Schedule pickups, manage routes, and check in loads.</p>
|
|
</div>
|
|
</div>
|
|
<ul class="nav nav-tabs" role="tablist" id="receiving-tabs">
|
|
<li role="presentation" class="active"><button class="btn btn-link" data-target="#stage-a" style="padding:10px 15px;border:none;font-size:14px;cursor:pointer">📋 Stage A — Schedule Pickup</button></li>
|
|
<li role="presentation"><a data-target="#stage-b" role="tab" data-toggle="tab" style="cursor:pointer">🗺️ Stage B — Route & Dispatch</a></li>
|
|
<li role="presentation"><a data-target="#stage-c" role="tab" data-toggle="tab" style="cursor:pointer">⚖️ Stage C — Load Check-in</a></li>
|
|
</ul>
|
|
<div class="tab-content" style="padding-top: 20px;">
|
|
<div role="tabpanel" class="tab-pane active" id="stage-a">
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">📅 Pickup Calendar — Next 30 Days</div>
|
|
<div class="panel-body" id="pickup-calendar"><div class="text-muted text-center">Loading...</div></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-9">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<div class="row">
|
|
<div class="col-md-6"><strong>Scheduled Pickups</strong><span id="pickup-count-label" class="text-muted" style="margin-left: 8px;"></span></div>
|
|
<div class="col-md-6 text-right">
|
|
<button class="btn btn-primary btn-sm" id="btn-new-pickup">+ New Pickup</button>
|
|
<input type="date" id="pickup-date-filter" class="form-control input-sm" style="display:inline-block;width:auto;vertical-align:middle;margin-left:8px;">
|
|
<button class="btn btn-default btn-sm" id="btn-clear-date" style="margin-left:4px;">Clear</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body" style="padding: 0; overflow-x: auto;">
|
|
<table class="table table-striped table-hover" id="pickup-table" style="font-size: 13px; margin-bottom: 0;">
|
|
<thead><tr><th>Date</th><th>Weekday</th><th>Type</th><th>Customer</th><th>Contact</th><th>Address</th><th>Est. Items</th><th>Data</th><th>RED/R2</th><th>Status</th><th>Notes</th><th>Truck</th><th>AoR</th><th>CoD</th></tr></thead>
|
|
<tbody id="pickup-tbody"><tr><td colspan="14" class="text-center text-muted">Loading...</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="new-pickup-form" style="display:none; margin-top: 16px;">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">+ New Scheduled Pickup</div>
|
|
<div class="panel-body">
|
|
<form id="pickup-form">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h5 style="color:#6f42c1;">📅 Pickup Info</h5>
|
|
<div class="form-group"><label>Pickup Date <span class="text-danger">*</span></label><input type="date" id="sp-pickup_date" class="form-control" required></div>
|
|
<div class="form-group"><label>Type <span class="text-danger">*</span></label><select id="sp-pickup_type" class="form-control" required><option value="Pickup">Pickup</option><option value="Drop-off">Drop-off</option></select></div>
|
|
<div class="form-group">
|
|
<label>Customer <span class="text-danger">*</span></label>
|
|
<div class="input-group">
|
|
<div id="sp-customer-control" style="flex:1;"></div>
|
|
<span class="input-group-btn"><button class="btn btn-success" id="btn-new-customer" type="button" title="New Customer">+</button></span>
|
|
</div>
|
|
</div>
|
|
<div class="form-group"><label>Company Name</label><input type="text" id="sp-company_name" class="form-control"></div>
|
|
<div class="form-group"><label>Contact Name</label><input type="text" id="sp-contact_name" class="form-control"></div>
|
|
<div class="form-group"><label>Contact Phone</label><input type="text" id="sp-contact_phone" class="form-control"></div>
|
|
<div class="form-group"><label>Contact Email</label><input type="email" id="sp-contact_email" class="form-control"></div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h5 style="color:#6f42c1;">📍 Address</h5>
|
|
<div class="form-group"><label>Street Address</label><input type="text" id="sp-address_line" class="form-control"></div>
|
|
<div class="form-group"><label>City</label><input type="text" id="sp-city" class="form-control"></div>
|
|
<div class="form-group"><label>State</label><input type="text" id="sp-state" class="form-control" value="AZ"></div>
|
|
<div class="form-group"><label>ZIP</label><input type="text" id="sp-zip_code" class="form-control"></div>
|
|
<div class="form-group"><label>Hours of Operation</label><input type="text" id="sp-hours_of_operation" class="form-control" placeholder="e.g. Mon-Fri 8am-5pm"></div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h5 style="color:#6f42c1;">📦 Load Info</h5>
|
|
<div class="form-group"><label>Estimated Items</label><input type="number" id="sp-estimated_items" class="form-control"></div>
|
|
<div class="form-group"><label>Estimated Weight</label><input type="text" id="sp-estimated_weight" class="form-control"></div>
|
|
<div class="form-group"><label>Load Contents</label><input type="text" id="sp-load_contents" class="form-control" placeholder="Wire, Monitors, Laptops..."></div>
|
|
<div class="form-group"><label>Data Status</label><select id="sp-data_status" class="form-control"><option value="">—</option><option value="D0">D0</option><option value="D1">D1</option><option value="ND1">ND1</option><option value="ND2">ND2</option><option value="ND3">ND3</option><option value="ND4">ND4</option></select></div>
|
|
<div class="form-group"><label>RED / R2</label><select id="sp-red_r2" class="form-control"><option value="">—</option><option value="RED">RED</option><option value="NIST">NIST</option><option value="Red+NIST">Red+NIST</option><option value="R2">R2</option><option value="Both">Both</option><option value="Neither">Neither</option></select></div>
|
|
<div class="form-group"><div class="checkbox"><label><input type="checkbox" id="sp-needs_aor"> <strong>Needs AoR</strong></label></div><div class="checkbox"><label><input type="checkbox" id="sp-needs_cod"> <strong>Needs CoD</strong></label></div></div>
|
|
<div class="form-group"><label>Notes / Special Handling</label><textarea id="sp-notes" class="form-control" rows="3"></textarea></div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top: 16px;"><div class="col-md-12"><button type="submit" class="btn btn-primary btn-lg">Save Pickup</button><button type="button" class="btn btn-default btn-lg" id="btn-cancel-pickup">Cancel</button></div></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="stage-b">
|
|
<div class="row" style="margin-bottom: 16px;"><div class="col-md-12"><div class="btn-group"><input type="date" id="route-date" class="form-control" style="display:inline-block;width:auto;"><button class="btn btn-primary" id="btn-load-routes">Load Pickups</button><button class="btn btn-primary" id="btn-auto-route">🧮 Auto-Route</button><button class="btn btn-success" id="btn-route-sheet">🖨️ Route Sheet</button><button class="btn btn-success" id="btn-green-sheet">📄 Green Sheet</button><button class="btn btn-success" id="btn-labels">🏷️ Labels</button></div></div></div>
|
|
<div class="row" id="route-columns">
|
|
<div class="col-md-4"><div class="panel panel-default truck-column" data-truck="Truck 1"><div class="panel-heading">🚛 Truck 1 <span id="truck1-count" class="text-muted"></span></div><div class="panel-body truck-stops" id="truck1-stops"></div></div></div>
|
|
<div class="col-md-4"><div class="panel panel-default truck-column" data-truck="Truck 2"><div class="panel-heading">🚛 Truck 2 <span id="truck2-count" class="text-muted"></span></div><div class="panel-body truck-stops" id="truck2-stops"></div></div></div>
|
|
<div class="col-md-4"><div class="panel panel-default truck-column" data-truck="Truck 3"><div class="panel-heading">🚛 Truck 3 <span id="truck3-count" class="text-muted"></span></div><div class="panel-body truck-stops" id="truck3-stops"></div></div></div>
|
|
</div>
|
|
<div class="row" style="margin-top: 16px;"><div class="col-md-12"><div class="panel panel-default truck-column" data-truck=""><div class="panel-heading">📋 Unassigned <span id="unassigned-count" class="text-muted"></span></div><div class="panel-body truck-stops" id="unassigned-stops"></div></div></div></div>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="stage-c">
|
|
<div class="row" style="margin-bottom: 16px;"><div class="col-md-12"><button class="btn btn-primary" id="btn-new-checkin">+ Check In Load</button><button class="btn btn-success" id="btn-cor-report">📋 CoR Report</button></div></div>
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">Recent Check-ins</div>
|
|
<div class="panel-body" style="padding: 0; overflow-x: auto;">
|
|
<table class="table table-striped table-hover" id="checkin-table" style="font-size: 13px; margin-bottom: 0;">
|
|
<thead><tr><th>Date</th><th>Customer</th><th>Load #</th><th class="text-right">Pallets</th><th class="text-right">Weight</th><th>Contents</th><th>Data Status</th><th>RED/R2</th></tr></thead>
|
|
<tbody id="checkin-tbody"><tr><td colspan="8" class="text-center text-muted">Loading...</td></tr></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div id="checkin-form" style="display:none; margin-top: 16px;">
|
|
<div class="panel panel-primary">
|
|
<div class="panel-heading">+ Load Check-in</div>
|
|
<div class="panel-body">
|
|
<form id="checkin-form-inner">
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<h5 style="color:#6f42c1;">📅 Pickup Reference</h5>
|
|
<div class="form-group"><label>Scheduled Pickup <span class="text-danger">*</span></label><div id="ci-pickup-control"></div></div>
|
|
<div id="ci-pickup-details" style="display:none; background:#f8f9fa; border:1px solid #ddd; border-radius:4px; padding:10px; margin-bottom:10px;">
|
|
<div id="ci-customer-info" style="font-weight:700;"></div>
|
|
<div id="ci-address-info" style="font-size:12px; color:#666;"></div>
|
|
<div id="ci-contact-info" style="font-size:12px; color:#666;"></div>
|
|
<div id="ci-special-handling" style="display:none; margin-top:8px; padding:6px; background:#FFCDD2; border:1px solid #C62828; border-radius:4px; font-size:12px;"></div>
|
|
<div id="ci-pickup-notes" style="display:none; margin-top:8px; padding:6px; background:#F5F5F5; border:1px solid #999; border-radius:4px; font-size:12px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h5 style="color:#6f42c1;">⚖️ Actual Load</h5>
|
|
<div class="form-group"><label>Received Date <span class="text-danger">*</span></label><input type="date" id="ci-received_date" class="form-control" required></div>
|
|
<div class="form-group"><label>Actual # of Pallets/Gaylords <span class="text-danger">*</span></label><input type="number" id="ci-actual_pallets" class="form-control" min="1" required></div>
|
|
<div class="form-group"><label>Total Weight (lbs)</label><input type="text" id="ci-total_weight" class="form-control"></div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<h5 style="color:#6f42c1;">📦 Contents & Classification</h5>
|
|
<div class="form-group"><label>Load Contents</label><textarea id="ci-load_contents" class="form-control" rows="2" placeholder="e.g. 80% wire 20% tablets"></textarea></div>
|
|
<div class="form-group"><label>Data Status</label><select id="ci-data_status" class="form-control"><option value="">—</option><option value="D0">D0</option><option value="D1">D1</option><option value="ND1">ND1</option><option value="ND2">ND2</option><option value="ND3">ND3</option><option value="ND4">ND4</option></select></div>
|
|
<div class="form-group"><label>RED / R2</label><select id="ci-red_r2" class="form-control"><option value="">—</option><option value="RED">RED</option><option value="NIST">NIST</option><option value="Red+NIST">Red+NIST</option><option value="R2">R2</option><option value="Both">Both</option><option value="Neither">Neither</option></select></div>
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin-top: 8px;"><div class="col-md-12"><button type="submit" class="btn btn-primary btn-lg">✓ Check In Load</button><button type="button" class="btn btn-default btn-lg" id="btn-cancel-checkin">Cancel</button></div></div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.truck-stops { min-height: 60px; }
|
|
.stop-card { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 6px; padding: 10px 12px; margin: 6px 0; cursor: grab; font-size: 13px; }
|
|
.stop-card:hover { border-color: #2F5496; }
|
|
.stop-card .stop-co { font-weight: 700; color: #2F5496; }
|
|
.stop-card .stop-addr { color: #666; font-size: 12px; margin-top: 2px; }
|
|
.stop-card .stop-meta { display: flex; gap: 8px; margin-top: 4px; font-size: 11px; }
|
|
.stop-card .stop-meta span { background: #D6E4F0; color: #2F5496; padding: 1px 6px; border-radius: 3px; }
|
|
.stop-card.dragging { opacity: 0.5; }
|
|
.cal-day { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; margin: 1px; border-radius: 4px; font-size: 12px; cursor: pointer; }
|
|
.cal-day:hover { background: #D6E4F0; }
|
|
.cal-day.has-pickups { background: #2F5496; color: #fff; font-weight: 700; }
|
|
.cal-day.today { border: 2px solid #C62828; }
|
|
</style>
|
|
`);
|
|
|
|
// Prevent Frappe router from intercepting tab clicks
|
|
$("#receiving-tabs").on("click", "a[data-toggle=tab]", function(e) {
|
|
e.preventDefault();
|
|
$(this).tab("show");
|
|
});
|
|
// ── Stage A: Link Controls ──
|
|
var customer_control = null;
|
|
|
|
function setupCustomerLink() {
|
|
customer_control = frappe.ui.form.make_control({
|
|
parent: $("#sp-customer-control"),
|
|
df: {
|
|
fieldtype: "Link",
|
|
fieldname: "customer_number",
|
|
options: "Customer",
|
|
label: "Customer",
|
|
reqd: 1,
|
|
placeholder: "Search by name, number, or address...",
|
|
onchange: function() {
|
|
var val = customer_control.get_value();
|
|
if (val) fetchCustomerDetails(val);
|
|
else clearCustomerFields();
|
|
}
|
|
},
|
|
only_input: true,
|
|
});
|
|
customer_control.refresh();
|
|
$("#sp-customer-control .control-input").css("margin", "0");
|
|
$("#sp-customer-control .help-box").remove();
|
|
}
|
|
|
|
// New Customer button
|
|
$(document).on("click", "#btn-new-customer", function() {
|
|
frappe.call({
|
|
method: "frappe.client.insert",
|
|
args: { doc: { doctype: "Customer", customer_type: "Company", customer_group: "All Customer Groups", territory: "United States" } },
|
|
callback: function(r) {
|
|
if (r.message) {
|
|
frappe.set_route("Form", "Customer", r.message.name);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
function fetchCustomerDetails(customer_name) {
|
|
frappe.call({
|
|
method: "frappe.client.get",
|
|
args: { doctype: "Customer", name: customer_name },
|
|
callback: function(r) {
|
|
if (!r.message) return;
|
|
var c = r.message;
|
|
$("#sp-company_name").val(c.customer_name || "");
|
|
$("#sp-contact_name").val(c.contact_name || "");
|
|
$("#sp-contact_phone").val(c.contact_phone || "");
|
|
$("#sp-contact_email").val(c.contact_email || "");
|
|
|
|
frappe.call({
|
|
method: "frappe.client.get_list",
|
|
args: {
|
|
doctype: "Address",
|
|
filters: [["Dynamic Link", "link_name", "=", customer_name]],
|
|
fields: ["address_line1", "city", "state", "pincode"],
|
|
limit_page_length: 1
|
|
},
|
|
callback: function(ra) {
|
|
if (ra.message && ra.message.length) {
|
|
var a = ra.message[0];
|
|
$("#sp-address_line").val(a.address_line1 || "");
|
|
$("#sp-city").val(a.city || "");
|
|
$("#sp-state").val(a.state || "AZ");
|
|
$("#sp-zip_code").val(a.pincode || "");
|
|
}
|
|
}
|
|
});
|
|
|
|
frappe.call({
|
|
method: "frappe.client.get_list",
|
|
args: {
|
|
doctype: "Contact",
|
|
filters: [["Dynamic Link", "link_name", "=", customer_name]],
|
|
fields: ["first_name", "last_name", "email_id", "phone", "mobile_no"],
|
|
limit_page_length: 1
|
|
},
|
|
callback: function(rc) {
|
|
if (rc.message && rc.message.length) {
|
|
var ct = rc.message[0];
|
|
if (!$("#sp-contact_name").val()) {
|
|
$("#sp-contact_name").val((ct.first_name || "") + " " + (ct.last_name || ""));
|
|
}
|
|
if (!$("#sp-contact_phone").val()) {
|
|
$("#sp-contact_phone").val(ct.phone || ct.mobile_no || "");
|
|
}
|
|
if (!$("#sp-contact_email").val()) {
|
|
$("#sp-contact_email").val(ct.email_id || "");
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
}
|
|
|
|
function clearCustomerFields() {
|
|
$("#sp-company_name, #sp-contact_name, #sp-contact_phone, #sp-contact_email, #sp-address_line, #sp-city, #sp-state, #sp-zip_code").val("");
|
|
$("#sp-state").val("AZ");
|
|
}
|
|
|
|
// ── Stage A: Load Pickups ──
|
|
function loadPickups() {
|
|
var dateFilter = $("#pickup-date-filter").val();
|
|
frappe.call({
|
|
method: "westech_r2.api.receiving_api.get_pickups",
|
|
args: { date: dateFilter || undefined },
|
|
callback: function(r) {
|
|
if (r.message) {
|
|
renderPickupTable(r.message.pickups || []);
|
|
renderCalendar(r.message.calendar || []);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function renderPickupTable(pickups) {
|
|
var tbody = $("#pickup-tbody");
|
|
$("#pickup-count-label").text("(" + pickups.length + ")");
|
|
if (!pickups.length) {
|
|
tbody.html('<tr><td colspan="14" class="text-center text-muted">No pickups found</td></tr>');
|
|
return;
|
|
}
|
|
tbody.html(pickups.map(function(p) {
|
|
var dt = p.pickup_date ? new Date(p.pickup_date + "T00:00:00") : null;
|
|
var dn = dt ? dayName(dt) : "";
|
|
return '<tr style="cursor:pointer" data-pickup="' + esc(p.name) + '">' +
|
|
'<td>' + esc(p.pickup_date || "") + '</td>' +
|
|
'<td>' + dn + '</td>' +
|
|
'<td>' + esc(p.pickup_type || "") + '</td>' +
|
|
'<td><strong>' + esc(p.company_name || p.customer_number || "") + '</strong></td>' +
|
|
'<td>' + esc(p.contact_name || "") + '</td>' +
|
|
'<td style="max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc((p.address_line || "") + (p.city ? ", " + p.city : "")) + '</td>' +
|
|
'<td class="text-right">' + (p.estimated_items || "—") + '</td>' +
|
|
'<td>' + esc(p.data_status || "—") + '</td>' +
|
|
'<td>' + esc(p.red_r2 || "—") + '</td>' +
|
|
'<td>' + esc(p.status || "") + '</td>' +
|
|
'<td style="max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc(p.notes || "") + '</td>' +
|
|
'<td>' + esc(p.truck || "") + '</td>' +
|
|
'<td>' + (p.needs_aor ? "✓" : "") + '</td>' +
|
|
'<td>' + (p.needs_cod ? "✓" : "") + '</td></tr>';
|
|
}).join(""));
|
|
}
|
|
|
|
function renderCalendar(calendar) {
|
|
var el = $("#pickup-calendar");
|
|
if (!calendar.length) { el.html('<div class="text-muted text-center">No data</div>'); return; }
|
|
var todayStr = frappe.datetime.nowdate();
|
|
var html = '<div style="text-align:center;">';
|
|
calendar.forEach(function(d) {
|
|
var cls = "cal-day";
|
|
if (d.count > 0) cls += " has-pickups";
|
|
if (d.date === todayStr) cls += " today";
|
|
var label = d.date.substring(5);
|
|
html += '<div class="' + cls + '" data-date="' + d.date + '" title="' + d.count + ' pickup(s)">' + label + '</div>';
|
|
});
|
|
html += '</div>';
|
|
el.html(html);
|
|
}
|
|
|
|
$(document).on("click", ".cal-day.has-pickups", function() {
|
|
$("#pickup-date-filter").val($(this).data("date"));
|
|
loadPickups();
|
|
});
|
|
|
|
// ── Stage A: New Pickup ──
|
|
$("#btn-new-pickup").on("click", function() {
|
|
$("#new-pickup-form").show();
|
|
$("#sp-pickup_date").val(frappe.datetime.nowdate());
|
|
setupCustomerLink();
|
|
});
|
|
|
|
$("#btn-cancel-pickup").on("click", function() {
|
|
$("#new-pickup-form").hide();
|
|
});
|
|
|
|
$("#pickup-form").on("submit", function(e) {
|
|
e.preventDefault();
|
|
var customerVal = customer_control ? customer_control.get_value() : "";
|
|
if (!customerVal) { frappe.msgprint("Select a customer"); return; }
|
|
|
|
var doc = {
|
|
doctype: "Scheduled Pickup",
|
|
pickup_date: $("#sp-pickup_date").val(),
|
|
pickup_type: $("#sp-pickup_type").val(),
|
|
customer_number: customerVal,
|
|
company_name: $("#sp-company_name").val(),
|
|
contact_name: $("#sp-contact_name").val(),
|
|
contact_phone: $("#sp-contact_phone").val(),
|
|
contact_email: $("#sp-contact_email").val(),
|
|
address_line: $("#sp-address_line").val(),
|
|
city: $("#sp-city").val(),
|
|
state: $("#sp-state").val(),
|
|
zip_code: $("#sp-zip_code").val(),
|
|
estimated_items: parseInt($("#sp-estimated_items").val()) || 0,
|
|
estimated_weight: $("#sp-estimated_weight").val(),
|
|
load_contents: $("#sp-load_contents").val(),
|
|
data_status: $("#sp-data_status").val(),
|
|
red_r2: $("#sp-red_r2").val(),
|
|
needs_aor: $("#sp-needs_aor").is(":checked") ? 1 : 0,
|
|
needs_cod: $("#sp-needs_cod").is(":checked") ? 1 : 0,
|
|
notes: $("#sp-notes").val(),
|
|
status: "Scheduled"
|
|
};
|
|
frappe.call({
|
|
method: "frappe.client.insert",
|
|
args: { doc: doc },
|
|
callback: function(r) {
|
|
if (r.message) {
|
|
frappe.show_alert({ message: "Pickup scheduled", indicator: "green" });
|
|
$("#new-pickup-form").hide();
|
|
loadPickups();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$("#pickup-date-filter").on("change", loadPickups);
|
|
$("#btn-clear-date").on("click", function() {
|
|
$("#pickup-date-filter").val("");
|
|
loadPickups();
|
|
});
|
|
|
|
// ── Stage B: Routing ──
|
|
function loadRoutes() {
|
|
var date = $("#route-date").val() || frappe.datetime.nowdate();
|
|
$("#route-date").val(date);
|
|
frappe.call({
|
|
method: "westech_r2.api.receiving_api.get_pickups",
|
|
args: { date: date },
|
|
callback: function(r) {
|
|
if (r.message) renderRouteColumns(r.message.pickups || []);
|
|
}
|
|
});
|
|
}
|
|
|
|
function renderRouteColumns(pickups) {
|
|
var trucks = { "Truck 1": [], "Truck 2": [], "Truck 3": [], "Unassigned": [] };
|
|
pickups.forEach(function(p) {
|
|
var t = p.truck || "";
|
|
if (t && trucks[t]) trucks[t].push(p);
|
|
else trucks["Unassigned"].push(p);
|
|
});
|
|
["Truck 1", "Truck 2", "Truck 3"].forEach(function(t) {
|
|
var key = t.toLowerCase().replace(/ /g, "");
|
|
$("#" + key + "-count").text("(" + trucks[t].length + " stops)");
|
|
$("#" + key + "-stops").html(trucks[t].map(function(p, i) { return stopCard(p, i + 1); }).join(""));
|
|
});
|
|
$("#unassigned-count").text("(" + trucks["Unassigned"].length + ")");
|
|
$("#unassigned-stops").html(trucks["Unassigned"].map(function(p) { return stopCard(p, 0); }).join(""));
|
|
}
|
|
|
|
function stopCard(p, order) {
|
|
var h = '<div class="stop-card" data-pickup="' + esc(p.name) + '">';
|
|
if (order) h += '<div style="font-size:11px;color:#666;margin-bottom:2px">Stop #' + order + '</div>';
|
|
h += '<div class="stop-co">' + esc(p.company_name || p.customer_number || "Unknown") + '</div>';
|
|
h += '<div class="stop-addr">' + esc((p.address_line || "") + (p.city ? ", " + p.city : "")) + '</div>';
|
|
h += '<div class="stop-meta">';
|
|
if (p.estimated_items) h += '<span>' + p.estimated_items + ' items</span>';
|
|
if (p.data_status) h += '<span>' + esc(p.data_status) + '</span>';
|
|
if (p.red_r2) h += '<span>' + esc(p.red_r2) + '</span>';
|
|
if (p.needs_aor) h += '<span>AoR</span>';
|
|
if (p.needs_cod) h += '<span>CoD</span>';
|
|
h += '</div></div>';
|
|
return h;
|
|
}
|
|
|
|
$("#btn-load-routes").on("click", loadRoutes);
|
|
|
|
$("#btn-auto-route").on("click", function() {
|
|
var date = $("#route-date").val();
|
|
if (!date) { frappe.msgprint("Select a date first"); return; }
|
|
frappe.call({
|
|
method: "westech_r2.api.receiving_api.auto_route",
|
|
args: { date: date },
|
|
callback: function(r) {
|
|
if (r.message && r.message.success) {
|
|
frappe.show_alert({ message: "Routes optimized", indicator: "green" });
|
|
loadRoutes();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
$("#btn-route-sheet").on("click", function() {
|
|
var date = $("#route-date").val() || frappe.datetime.nowdate();
|
|
window.open("/api/method/westech_r2.api.receiving_api.print_route_sheet?date=" + date, "_blank");
|
|
});
|
|
|
|
$("#btn-green-sheet").on("click", function() {
|
|
var date = $("#route-date").val() || frappe.datetime.nowdate();
|
|
window.open("/api/method/westech_r2.api.receiving_api.print_green_sheet?date=" + date, "_blank");
|
|
});
|
|
|
|
$("#btn-labels").on("click", function() {
|
|
var date = $("#route-date").val() || frappe.datetime.nowdate();
|
|
window.open("/api/method/westech_r2.api.receiving_api.print_labels?date=" + date, "_blank");
|
|
});
|
|
|
|
// ── Stage C: Check-in ──
|
|
var checkin_pickup_control = null;
|
|
var current_pickup_details = null;
|
|
|
|
function loadCheckins() {
|
|
frappe.call({
|
|
method: "westech_r2.api.receiving_api.get_checkins",
|
|
callback: function(r) {
|
|
if (r.message) renderCheckinTable(r.message.checkins || []);
|
|
}
|
|
});
|
|
}
|
|
|
|
function renderCheckinTable(checkins) {
|
|
var tbody = $("#checkin-tbody");
|
|
if (!checkins.length) {
|
|
tbody.html('<tr><td colspan="8" class="text-center text-muted">No check-ins yet</td></tr>');
|
|
return;
|
|
}
|
|
tbody.html(checkins.map(function(c) {
|
|
var palletInfo = (c.pallets || []).map(function(p) { return esc(p.pallet_number || p.name); }).join(", ");
|
|
return '<tr>' +
|
|
'<td>' + esc(c.incoming_date || "") + '</td>' +
|
|
'<td><strong>' + esc(c.customer_name || c.customer || "") + '</strong></td>' +
|
|
'<td>' + esc(c.name || "") + '</td>' +
|
|
'<td class="text-right">' + (c.pallet_count || 0) + '</td>' +
|
|
'<td class="text-right">' + (c.total_weight || "—") + '</td>' +
|
|
'<td style="max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc(c.data_status || "") + '</td>' +
|
|
'<td>' + esc(c.red_r2 || "—") + '</td>' +
|
|
'<td style="font-size:11px;color:#666;">' + palletInfo + '</td></tr>';
|
|
}).join(""));
|
|
}
|
|
|
|
$("#btn-new-checkin").on("click", function() {
|
|
$("#checkin-form").show();
|
|
$("#ci-received_date").val(frappe.datetime.nowdate());
|
|
$("#ci-pickup-details").hide();
|
|
current_pickup_details = null;
|
|
checkin_pickup_control = frappe.ui.form.make_control({
|
|
parent: $("#ci-pickup-control"),
|
|
df: {
|
|
fieldtype: "Link",
|
|
fieldname: "pickup_ref",
|
|
options: "Scheduled Pickup",
|
|
label: "Scheduled Pickup",
|
|
reqd: 1,
|
|
placeholder: "Search pickup...",
|
|
get_query: function() {
|
|
return {
|
|
filters: [
|
|
["Scheduled Pickup", "status", "in", ["Scheduled", "Routed", "In Progress"]]
|
|
]
|
|
};
|
|
},
|
|
onchange: function() {
|
|
var val = checkin_pickup_control ? checkin_pickup_control.get_value() : "";
|
|
if (val) loadPickupDetails(val);
|
|
else {
|
|
$("#ci-pickup-details").hide();
|
|
current_pickup_details = null;
|
|
}
|
|
}
|
|
},
|
|
only_input: true,
|
|
});
|
|
checkin_pickup_control.refresh();
|
|
$("#ci-pickup-control .control-input").css("margin", "0");
|
|
$("#ci-pickup-control .help-box").remove();
|
|
});
|
|
|
|
function loadPickupDetails(pickup_name) {
|
|
frappe.call({
|
|
method: "westech_r2.api.receiving_api.get_pickup_details",
|
|
args: { pickup_name: pickup_name },
|
|
callback: function(r) {
|
|
if (!r.message) return;
|
|
current_pickup_details = r.message;
|
|
var d = r.message;
|
|
|
|
$("#ci-pickup-details").show();
|
|
$("#ci-customer-info").text((d.company_name || d.customer_number || "Unknown") + (d.red_r2 ? " — " + d.red_r2 : ""));
|
|
$("#ci-address-info").text((d.address_line || "") + (d.city ? ", " + d.city : "") + (d.state ? ", " + d.state : "") + (d.zip_code ? " " + d.zip_code : ""));
|
|
$("#ci-contact-info").text((d.contact_name || "") + (d.contact_phone ? " • " + d.contact_phone : "") + (d.contact_email ? " • " + d.contact_email : ""));
|
|
|
|
// Special handling for RED/NIST
|
|
if (d.red_r2 && d.red_r2 !== "Neither" && d.red_r2 !== "") {
|
|
$("#ci-special-handling").show().html("<strong>⚠ " + esc(d.red_r2) + "</strong> — Special handling required" + (d.needs_aor ? " • AoR ✓" : "") + (d.needs_cod ? " • CoD ✓" : ""));
|
|
} else {
|
|
$("#ci-special-handling").hide();
|
|
}
|
|
|
|
// Notes
|
|
if (d.notes) {
|
|
$("#ci-pickup-notes").show().html("<strong>Notes:</strong> " + esc(d.notes));
|
|
} else {
|
|
$("#ci-pickup-notes").hide();
|
|
}
|
|
|
|
// Pre-fill check-in fields from pickup
|
|
$("#ci-actual_pallets").val(d.estimated_items || 1);
|
|
$("#ci-data_status").val(d.data_status || "");
|
|
$("#ci-red_r2").val(d.red_r2 || "");
|
|
}
|
|
});
|
|
}
|
|
|
|
$("#btn-cancel-checkin").on("click", function() {
|
|
$("#checkin-form").hide();
|
|
});
|
|
|
|
$("#checkin-form-inner").on("submit", function(e) {
|
|
e.preventDefault();
|
|
var pickupName = checkin_pickup_control ? checkin_pickup_control.get_value() : "";
|
|
if (!pickupName) { frappe.msgprint("Select a pickup"); return; }
|
|
|
|
var actualPallets = parseInt($("#ci-actual_pallets").val()) || 0;
|
|
if (actualPallets < 1) { frappe.msgprint("Enter at least 1 pallet"); return; }
|
|
|
|
frappe.confirm(
|
|
"Check in " + actualPallets + " pallet(s) for this load?",
|
|
function() {
|
|
frappe.call({
|
|
method: "westech_r2.api.receiving_api.checkin_load",
|
|
args: {
|
|
pickup_name: pickupName,
|
|
received_date: $("#ci-received_date").val(),
|
|
actual_pallets: actualPallets,
|
|
total_weight: $("#ci-total_weight").val(),
|
|
load_contents: $("#ci-load_contents").val(),
|
|
data_status: $("#ci-data_status").val(),
|
|
red_r2: $("#ci-red_r2").val()
|
|
},
|
|
callback: function(r) {
|
|
if (r.message && r.message.success) {
|
|
frappe.show_alert({
|
|
message: "Load checked in! Created " + r.message.pallets_created + " pallet(s) in Load " + r.message.load,
|
|
indicator: "green"
|
|
});
|
|
$("#checkin-form").hide();
|
|
loadCheckins();
|
|
loadPickups();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
);
|
|
});
|
|
|
|
$("#btn-cor-report").on("click", function() {
|
|
window.open("/api/method/westech_r2.api.receiving_api.cor_report", "_blank");
|
|
});
|
|
|
|
// ── Helpers ──
|
|
function esc(s) { return s ? String(s).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """) : ""; }
|
|
function dayName(d) { return ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][d.getDay()]; }
|
|
|
|
// ── Init ──
|
|
loadPickups();
|
|
loadCheckins();
|
|
}; |