KabundiNjuki
95 lines
4.8 KiB
JavaScript
95 lines
4.8 KiB
JavaScript
(function () {
|
|
const routes = {
|
|
'Onboarding requests': 'Customer Onboarding Request', 'Customer': 'Customer', 'Contact': 'Contact',
|
|
'Opportunity': 'Opportunity', 'Quotation': 'Quotation', 'Sales order': 'Sales Order',
|
|
'Packaging specs': 'Packaging Specification', 'Packaging specifications': 'Packaging Specification',
|
|
'Material structures': 'Material Structure', 'Critical acceptance': 'Critical Acceptance Requirement',
|
|
'Item': 'Item', 'Operation': 'Operation', 'Work order': 'Work Order',
|
|
'Production plan': 'Production Plan', 'Material request': 'Material Request',
|
|
'Purchase order': 'Purchase Order', 'Purchase receipt': 'Purchase Receipt',
|
|
'Quality inspection': 'Quality Inspection', 'Delivery note': 'Delivery Note',
|
|
'Sales invoice': 'Sales Invoice', 'Payment entry': 'Payment Entry',
|
|
'Purchase invoice': 'Purchase Invoice', 'Order closure & margin': 'Order Closure And Margin View',
|
|
'User': 'User', 'UOM': 'UOM'
|
|
};
|
|
const clean = (text) => text.replace(/\s+/g, ' ').trim();
|
|
const slug = (doctype) => doctype.toLowerCase().replaceAll(' ', '-');
|
|
const navigate = (doctype) => {
|
|
if (window.frappe && typeof frappe.set_route === 'function') {
|
|
frappe.set_route('List', doctype);
|
|
} else {
|
|
window.location.assign(`/app/${slug(doctype)}`);
|
|
}
|
|
};
|
|
|
|
// The supplied mockup uses a flat sidebar. Wrap each label plus its items into a group.
|
|
const sidebar = document.querySelector('.sidebar');
|
|
if (sidebar && !sidebar.dataset.groupsWrapped) {
|
|
const labels = Array.from(sidebar.querySelectorAll('.nav-group-label'));
|
|
labels.forEach((label, index) => {
|
|
const group = document.createElement('div');
|
|
group.className = 'nav-group';
|
|
sidebar.insertBefore(group, label);
|
|
group.appendChild(label);
|
|
let sibling = group.nextElementSibling;
|
|
while (sibling && !sibling.classList.contains('nav-group-label') && !sibling.classList.contains('sidebar-footer')) {
|
|
const next = sibling.nextElementSibling;
|
|
group.appendChild(sibling);
|
|
sibling = next;
|
|
}
|
|
if (index > 0) group.classList.add('collapsed');
|
|
});
|
|
sidebar.dataset.groupsWrapped = '1';
|
|
}
|
|
|
|
document.querySelectorAll('.sidebar .nav-item').forEach((item) => {
|
|
const text = clean(item.textContent || '');
|
|
const key = Object.keys(routes).find((label) => text.startsWith(label));
|
|
if (!key) return;
|
|
const doctype = routes[key];
|
|
item.dataset.doctype = doctype;
|
|
item.setAttribute('role', 'link');
|
|
item.addEventListener('click', (event) => { event.preventDefault(); navigate(doctype); });
|
|
});
|
|
|
|
document.querySelectorAll('.sidebar .nav-group-label').forEach((label) => {
|
|
const group = label.parentElement;
|
|
label.setAttribute('role', 'button');
|
|
label.setAttribute('tabindex', '0');
|
|
const toggle = () => group.classList.toggle('collapsed');
|
|
label.addEventListener('click', toggle);
|
|
label.addEventListener('keydown', (event) => {
|
|
if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); toggle(); }
|
|
});
|
|
});
|
|
|
|
// Remove the hardcoded explanatory footer from the supplied mockup.
|
|
document.querySelector('.sidebar-footer')?.remove();
|
|
|
|
// Replace hardcoded Grace/GR with the logged-in Frappe user.
|
|
const setIdentity = (fullName) => {
|
|
const name = fullName || (window.frappe && frappe.session && frappe.session.user) || 'User';
|
|
document.querySelectorAll('#dashboard-user').forEach((node) => { node.textContent = name; });
|
|
document.querySelectorAll('#dashboard-initials').forEach((node) => {
|
|
node.textContent = name.split(/\s+/).map((part) => part[0]).join('').slice(0, 2).toUpperCase();
|
|
});
|
|
document.querySelectorAll('.hero h1').forEach((heading) => {
|
|
if (!heading.querySelector('#dashboard-user')) heading.innerHTML = `Welcome back, <span id="dashboard-user">${name}</span> 👋`;
|
|
});
|
|
};
|
|
setIdentity();
|
|
if (window.frappe && frappe.session && frappe.session.user && frappe.call) {
|
|
frappe.call({ method: 'frappe.client.get_value', args: { doctype: 'User', filters: { name: frappe.session.user }, fieldname: 'full_name' }, callback: (r) => setIdentity(r.message && r.message.full_name) });
|
|
}
|
|
|
|
// Update the four cards from live MAKAP DocType data.
|
|
if (window.frappe && frappe.call) {
|
|
frappe.call({ method: 'makap_backend.makap_backend.portal_api.get_portal_dashboard', callback: (response) => {
|
|
const kpis = response.message && response.message.kpis;
|
|
if (!kpis) return;
|
|
const values = [kpis.onboarding_requests, kpis.packaging_specifications, kpis.approved_for_manufacture, kpis.critical_requirements_tracked];
|
|
document.querySelectorAll('.stat-card .stat-value').forEach((node, index) => { if (values[index] !== undefined) node.textContent = Number(values[index] || 0).toLocaleString(); });
|
|
}});
|
|
}
|
|
})();
|