// /home/Autopartes/pos/static/js/catalog.js
// Catalog UI: TecDoc vehicle navigation with local stock enrichment, cart, detail panel.
(function () {
'use strict';
var API = '/pos/api/catalog';
var token = localStorage.getItem('pos_token');
if (!token) { window.location.href = '/pos/login'; return; }
var headers = { 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' };
// ─── DOM refs ───
var breadcrumb = document.getElementById('breadcrumb');
var searchInput = document.getElementById('searchInput');
var searchDropdown = document.getElementById('searchDropdown');
var levelTitle = document.getElementById('levelTitle');
var levelFilter = document.getElementById('levelFilter');
var loading = document.getElementById('loading');
var emptyState = document.getElementById('emptyState');
var emptyTitle = document.getElementById('emptyTitle');
var emptySubtitle = document.getElementById('emptySubtitle');
var navGrid = document.getElementById('navGrid');
var partsGrid = document.getElementById('partsGrid');
var paginationNav = document.getElementById('pagination');
var pageBody = document.getElementById('pageBody');
// Detail panel
var detailPanel = document.getElementById('detailPanel');
var detailOverlay = document.getElementById('detailOverlay');
var detailBody = document.getElementById('detailBody');
var detailFooter = document.getElementById('detailFooter');
var detailClose = document.getElementById('detailClose');
var qtyMinus = document.getElementById('qtyMinus');
var qtyPlus = document.getElementById('qtyPlus');
var qtyDisplay = document.getElementById('qtyDisplay');
var addToCartBtn = document.getElementById('addToCartBtn');
// Cart
var cartSidebar = document.getElementById('cartSidebar');
var cartOverlay = document.getElementById('cartOverlay');
var cartItemsEl = document.getElementById('cartItems');
var cartEmptyEl = document.getElementById('cartEmpty');
var cartSubtotalEl= document.getElementById('cartSubtotal');
var cartTaxEl = document.getElementById('cartTax');
var cartTotalEl = document.getElementById('cartTotal');
var cartBadge = document.getElementById('cartBadge');
var checkoutBtn = document.getElementById('checkoutBtn');
var cartFab = document.getElementById('cartFab');
var cartCloseBtn = document.getElementById('cartCloseBtn');
// Supplier prices upload
var uploadPricesBtn = document.getElementById('uploadPricesBtn');
var uploadPricesModal= document.getElementById('uploadPricesModal');
var uploadPricesFile = document.getElementById('uploadPricesFile');
var uploadPricesStatus=document.getElementById('uploadPricesStatus');
// ─── Navigation State ───
var nav = {
level: 'brands', // brands|models|years|engines|categories|groups|part_types|parts
brand: null, // {id, name}
model: null, // {id, name}
year: null, // {id, year}
engine: null, // {id_mye, name}
// OEM mode (TecDoc) navigation state — integer IDs
category: null, // {id, name}
group: null, // {id, name}
partType: null, // {slug, name} ← 3rd-level subcategory (Nexpart-style)
// Local mode (Nexpart) navigation state — string slugs.
// These live in parallel with category/group/partType so transitioning
// between modes doesn't trash the other branch's state.
nxGroup: null, // {slug, name} ← top-level Nexpart group (14 total)
nxSubgroup: null, // {slug, name} ← Nexpart subgroup
nxPartType: null, // {slug, name} ← Nexpart part type (3rd level)
};
// ─── Catalog mode (OEM / Local) ───
// OEM catalog is disabled until fully completed — force local mode
var catalogMode = 'local';
localStorage.setItem('catalog_mode', 'local');
function updateModeToggleUI() {
var btns = document.querySelectorAll('#modeToggle button');
btns.forEach(function (b) {
if (b.getAttribute('data-mode') === catalogMode) {
b.classList.add('is-active');
} else {
b.classList.remove('is-active');
}
});
}
function setCatalogMode(mode) {
if (mode !== 'oem' && mode !== 'local' && mode !== 'supplies') return;
if (mode === 'oem') {
// OEM catalog is disabled until fully completed
alert('Catálogo OEM próximamente. Por favor usa el modo Local o Shop Supplies.');
return;
}
if (mode === catalogMode) return;
catalogMode = mode;
localStorage.setItem('catalog_mode', mode);
updateModeToggleUI();
// Clear category-and-below state regardless of mode
nav.category = nav.group = nav.partType = null;
nav.nxGroup = nav.nxSubgroup = nav.nxPartType = null;
currentPage = 1;
if (mode === 'supplies') {
// Supplies mode skips the vehicle chain entirely.
// Clear the vehicle state for visual clarity and go directly
// to the Shop Supplies top-level group list.
try { vsClearAll(); } catch (e) {}
nav.brand = nav.model = nav.year = nav.engine = null;
nav.level = 'categories';
loadShopSuppliesGroups();
return;
}
// OEM/Local: smart reset — if the user already picked a vehicle,
// stay at the categories level. Otherwise reset to brand selection.
var hasVehicle = !!(nav.engine && nav.engine.id_mye);
if (hasVehicle) {
nav.level = 'categories';
loadCategoriesForMode();
return;
}
try { vsClearAll(); } catch (e) {}
nav.level = 'brands';
nav.brand = nav.model = nav.year = nav.engine = null;
loadBrands();
}
var currentPage = 1;
var currentDetailPart = null;
var detailQty = 1;
var isOffline = false;
var skipPush = false; // flag to avoid pushing state on popstate
// ─── Browser History Management ───
function pushNavState() {
if (skipPush) return;
var s = JSON.parse(JSON.stringify(nav));
s.page = currentPage;
history.pushState(s, '', '/pos/catalog');
}
window.addEventListener('popstate', function (e) {
if (e.state) {
skipPush = true;
nav.level = e.state.level || 'brands';
nav.brand = e.state.brand;
nav.model = e.state.model;
nav.year = e.state.year;
nav.engine = e.state.engine;
nav.category = e.state.category;
nav.group = e.state.group;
nav.partType = e.state.partType || null;
nav.nxGroup = e.state.nxGroup || null;
nav.nxSubgroup = e.state.nxSubgroup || null;
nav.nxPartType = e.state.nxPartType || null;
currentPage = e.state.page || 1;
// Reload the correct level
if (nav.level === 'brands') loadBrands();
else if (nav.level === 'models') loadModels();
else if (nav.level === 'years') loadYears();
else if (nav.level === 'engines') loadEngines();
// When restoring from history, dispatch between OEM and Nexpart
// based on which branch of state is populated — this survives
// toggle changes made mid-session.
else if (nav.level === 'categories') loadCategoriesForMode();
else if (nav.level === 'groups') {
if (nav.nxGroup) loadNexpartSubgroups(); else loadGroups();
}
else if (nav.level === 'part_types') {
if (nav.nxSubgroup) loadNexpartPartTypes(); else loadPartTypes();
}
else if (nav.level === 'parts') loadParts(currentPage);
else loadBrands();
skipPush = false;
}
});
// Push initial state
history.replaceState(JSON.parse(JSON.stringify(nav)), '', '/pos/catalog');
// ─── Cart State ───
var cartItems = JSON.parse(localStorage.getItem('pos_cart') || '[]');
// ─── API helper ───
var currentAbort = null;
function apiFetch(url) {
// Cancel previous navigation/search GETs to avoid race conditions
if (currentAbort) {
currentAbort.abort();
currentAbort = null;
}
var opts = { headers: headers };
var isCatalogNav = url.indexOf('/pos/api/') === 0 && (
url.indexOf('mode=') !== -1 ||
url.indexOf('/years') !== -1 ||
url.indexOf('/brands') !== -1 ||
url.indexOf('/models') !== -1 ||
url.indexOf('/engines') !== -1 ||
url.indexOf('/categories') !== -1 ||
url.indexOf('/groups') !== -1 ||
url.indexOf('/part-types') !== -1 ||
url.indexOf('/parts') !== -1 ||
url.indexOf('/search') !== -1
);
if (isCatalogNav) {
currentAbort = new AbortController();
opts.signal = currentAbort.signal;
}
return fetch(url, opts)
.then(function (resp) {
if (resp.status === 401) {
localStorage.removeItem('pos_token');
window.location.href = '/pos/login';
return null;
}
return resp.json();
})
.catch(function (e) {
if (e.name === 'AbortError') return null;
console.error('API error:', e);
return null;
});
}
// ─── UI helpers ───
function showLoading() { loading.classList.add('is-visible'); navGrid.innerHTML = ''; partsGrid.style.display = 'none'; partsGrid.innerHTML = ''; emptyState.classList.remove('is-visible'); paginationNav.innerHTML = ''; var dl = document.getElementById('diagLink'); if (dl && nav.level !== 'categories') dl.style.display = 'none'; }
function hideLoading() { loading.classList.remove('is-visible'); }
function showEmpty(title, subtitle) {
emptyTitle.textContent = title;
emptySubtitle.textContent = subtitle || '';
emptyState.classList.add('is-visible');
navGrid.innerHTML = '';
partsGrid.style.display = 'none';
}
function fmt(n) { return (parseFloat(n) || 0).toFixed(2); }
function esc(s) {
if (!s) return '';
var d = document.createElement('div');
d.textContent = s;
return d.innerHTML.replace(/"/g, '"');
}
// ─── Breadcrumb ───
function updateBreadcrumb() {
var parts = [];
parts.push({ label: 'Catalogo', action: 'loadBrands' });
if (nav.brand) parts.push({ label: nav.brand.name, action: 'loadModels' });
if (nav.model) parts.push({ label: nav.model.name, action: 'loadYears' });
if (nav.year) parts.push({ label: String(nav.year.year), action: 'loadEngines' });
if (nav.engine) parts.push({ label: nav.engine.name, action: 'loadCategories' });
// The category/group/part_type trio is rendered from EITHER the Nexpart
// branch (nxGroup/nxSubgroup/nxPartType) or the OEM branch (category/
// group/partType), depending on which is populated. Only one branch
// should be active at a time after a navigation reset.
if (nav.nxGroup) parts.push({ label: nav.nxGroup.name, action: 'loadNxSubgroups' });
else if (nav.category) parts.push({ label: nav.category.name, action: 'loadGroups' });
if (nav.nxSubgroup) parts.push({ label: nav.nxSubgroup.name, action: 'loadNxPartTypes' });
else if (nav.group) parts.push({ label: nav.group.name, action: 'loadPartTypes' });
if (nav.nxPartType) parts.push({ label: nav.nxPartType.name, action: null });
else if (nav.partType) parts.push({ label: nav.partType.name, action: null });
var html = '';
for (var i = 0; i < parts.length; i++) {
if (i > 0) html += '/ ';
if (i < parts.length - 1 && parts[i].action) {
html += '' + esc(parts[i].label) + ' ';
} else {
html += '' + esc(parts[i].label) + ' ';
}
}
breadcrumb.innerHTML = html;
// Wire breadcrumb clicks
breadcrumb.querySelectorAll('[data-bc-action]').forEach(function (el) {
el.addEventListener('click', function () {
var action = this.dataset.bcAction;
if (action === 'loadBrands') { resetNav(); loadBrands(); }
else if (action === 'loadModels') { resetNavFrom('models'); loadModels(); }
else if (action === 'loadYears') { resetNavFrom('years'); loadYears(); }
else if (action === 'loadEngines') { resetNavFrom('engines'); loadEngines(); }
else if (action === 'loadCategories') { resetNavFrom('categories'); loadCategoriesForMode(); }
else if (action === 'loadGroups') { resetNavFrom('groups'); loadGroups(); }
else if (action === 'loadPartTypes') { resetNavFrom('part_types'); loadPartTypes(); }
// Nexpart-branch breadcrumb actions
else if (action === 'loadNxSubgroups') { resetNavFrom('groups'); loadNexpartSubgroups(); }
else if (action === 'loadNxPartTypes') { resetNavFrom('part_types'); loadNexpartPartTypes(); }
});
});
}
function resetNav() {
nav.level = 'brands';
nav.brand = nav.model = nav.year = nav.engine = nav.category = nav.group = nav.partType = null;
nav.nxGroup = nav.nxSubgroup = nav.nxPartType = null;
pushNavState();
}
function resetNavFrom(level) {
var levels = ['brands', 'models', 'years', 'engines', 'categories', 'groups', 'part_types', 'parts'];
var idx = levels.indexOf(level);
if (idx <= 0) { resetNav(); return; }
nav.level = level;
// For each level, the corresponding state key(s) to clear.
// In Local mode, 'categories' clears nxGroup, 'groups' clears nxSubgroup, etc.
// We clear BOTH mode-specific keys at each level so a mode switch mid-navigation
// is always clean.
var keys = [
null, // brands (nothing to clear above)
['model'], // models
['year'], // years
['engine'], // engines
['category', 'nxGroup'], // categories ← both OEM + Nexpart
['group', 'nxSubgroup'], // groups ← both OEM + Nexpart
['partType', 'nxPartType'], // part_types ← both OEM + Nexpart
null, // parts
];
for (var i = idx; i < keys.length; i++) {
if (!keys[i]) continue;
var ks = keys[i];
for (var j = 0; j < ks.length; j++) nav[ks[j]] = null;
}
}
// ─── Level filter ───
function setupLevelFilter(show) {
if (!show) { levelFilter.style.display = 'none'; levelFilter.value = ''; return; }
levelFilter.style.display = '';
levelFilter.value = '';
levelFilter.oninput = function () {
var q = this.value.toLowerCase();
var cards = navGrid.querySelectorAll('.nav-card');
cards.forEach(function (card) {
var text = card.textContent.toLowerCase();
card.style.display = text.indexOf(q) >= 0 ? '' : 'none';
});
};
}
// ─── LEVEL LOADERS ───
function loadBrands() {
nav.level = 'brands';
pushNavState();
updateBreadcrumb();
levelTitle.textContent = 'Selecciona una marca';
setupLevelFilter(true);
showLoading();
var cacheKey = 'nexus:brands:' + catalogMode;
var cached = sessionStorage.getItem(cacheKey);
if (cached) {
try {
hideLoading();
var data = JSON.parse(cached);
renderBrands(data);
return;
} catch (e) {
sessionStorage.removeItem(cacheKey);
}
}
apiFetch(API + '/brands?mode=' + catalogMode).then(function (data) {
hideLoading();
if (data && data.data) sessionStorage.setItem(cacheKey, JSON.stringify(data));
if (!data || !data.data || !data.data.length) {
if (!data) {
enterOfflineMode();
return;
}
showEmpty('Sin marcas', 'El catalogo no tiene marcas con partes disponibles.');
return;
}
navGrid.className = 'nav-grid';
navGrid.innerHTML = data.data.map(function (b) {
return '' +
'
' + esc(b.name_brand) + '
' +
'
' +
'
' + esc(b.name_brand) + '
' +
'
' +
'
' + esc(m.display_name || m.name_model) + '
' +
'
' +
'
' + y.year_car + '
' +
'
' +
'
' + esc(e.name_engine) + '
' +
(e.trim_level ? '
' + esc(e.trim_level) + '
' : '') +
'
' +
'
' + esc(c.name) + '
' +
'
' + c.part_count + ' partes
' +
'
' +
'
' + esc(g.name) + '
' +
'
' + g.part_count + ' partes
' +
'
' +
'
' + img + esc(pt.name) + '
' +
'
' + pt.variant_count + ' variante' + (pt.variant_count > 1 ? 's' : '') + '
' +
'
' +
'
' + esc(c.name) + '
' +
'
' + c.part_count + ' partes
' +
'
' +
'
' + esc(s.name) + '
' +
'
' + s.part_count + ' partes
' +
'
' +
'
' + img + esc(pt.name) + '
' +
'
' + pt.variant_count + ' variante' + (pt.variant_count > 1 ? 's' : '') + '
' +
'
' +
'
' + esc(g.name) + '
' +
'
' + g.subgroup_count + ' subgrupos
' +
'
' +
'
' + esc(s.name) + '
' +
'
' + s.part_count + ' partes
' +
'
' +
'
' + img + esc(pt.name) + '
' +
'
' + pt.variant_count + ' variante' + (pt.variant_count > 1 ? 's' : '') + '
' +
'
' + p.bodega_count + ' bodega' + (p.bodega_count > 1 ? 's' : '') + ' ';
} else {
stockBadge = 'Sin stock ';
}
var imgHtml = p.image_url
? '★ ' : '';
manuBadge = '' + esc(p.manufacturer) + ' ' + tierStar + '
';
}
var skuLine = p.part_number
? esc(p.part_number) + ' · OEM: ' + esc(p.oem_part_number || '') + ' '
: esc(p.oem_part_number || '');
return '' +
'' + imgHtml + '
' +
'' +
manuBadge +
'
' + skuLine + '
' +
'
' + esc(p.name) + '
' +
'
';
}).join('');
partsGrid.querySelectorAll('.part-card').forEach(function (card) {
card.addEventListener('click', function () {
var pid = this.dataset.partId;
var src = this.dataset.source || '';
if (typeof pid === 'string' && pid.indexOf('inv:') === 0) {
return;
}
if (src === 'supplier_catalog' || (typeof pid === 'string' && pid.indexOf('sc:') === 0)) {
openSupplierDetail(pid.replace('sc:', ''));
return;
}
openPartDetail(parseInt(pid));
});
});
if (data.pagination) renderPagination(data.pagination);
});
}
function loadParts(page) {
nav.level = 'parts';
pushNavState();
currentPage = page || 1;
updateBreadcrumb();
// Title: Nexpart part type > TecDoc part type > TecDoc group
if (nav.nxPartType) {
levelTitle.textContent = nav.nxPartType.name;
} else if (nav.partType) {
levelTitle.textContent = nav.partType.name;
} else if (nav.group) {
levelTitle.textContent = nav.group.name;
} else {
levelTitle.textContent = 'Partes';
}
setupLevelFilter(false);
showLoading();
navGrid.innerHTML = '';
// Build the URL based on which navigation branch the user took.
// Nexpart branch uses slug-based params; OEM branch uses integer ids.
var url;
if (nav.nxGroup && nav.nxSubgroup && nav.nxPartType) {
url = API + '/parts?mode=local'
+ '&mye_id=' + nav.engine.id_mye
+ '&page=' + currentPage + '&per_page=30'
+ '&nexpart_group=' + encodeURIComponent(nav.nxGroup.slug)
+ '&nexpart_subgroup=' + encodeURIComponent(nav.nxSubgroup.slug)
+ '&nexpart_part_type=' + encodeURIComponent(nav.nxPartType.slug);
} else {
var ptParam = nav.partType ? '&part_type=' + encodeURIComponent(nav.partType.slug) : '';
url = API + '/parts?mye_id=' + nav.engine.id_mye
+ '&group_id=' + nav.group.id
+ '&page=' + currentPage + '&per_page=30'
+ '&mode=' + catalogMode
+ ptParam;
}
apiFetch(url).then(function (data) {
hideLoading();
if (!data || !data.data || !data.data.length) { showEmpty('Sin partes', 'No hay partes en este grupo.'); return; }
var isLocal = (catalogMode === 'local');
partsGrid.style.display = '';
partsGrid.innerHTML = data.data.map(function (p) {
// Stock badge — prefer tenant stock, then warehouse network, else fallback
var stockBadge;
var isSupplier = p.source === 'supplier_catalog' || (typeof p.id_part === 'string' && p.id_part.indexOf('sc:') === 0);
if (isSupplier) {
stockBadge = 'Cat. Proveedor ';
} else if (p.local_stock > 0) {
stockBadge = 'En stock: ' + p.local_stock + ' ';
} else if (p.in_stock_network || p.bodega_count > 0) {
stockBadge = '' + p.bodega_count + ' bodega' + (p.bodega_count > 1 ? 's' : '') + ' ';
} else {
stockBadge = 'Sin stock ';
}
// Source badge for local inventory or supplier catalog
var sourceBadge = '';
if (p.source === 'local_inventory') {
sourceBadge = 'Stock Local ';
} else if (isSupplier) {
sourceBadge = 'Cat. Proveedor ';
}
var imgHtml = p.image_url
? '' + esc(p.manufacturer) + ' ' +
(tierLabel ? '' + tierLabel + ' ' : '') + '
';
}
// SKU to show: aftermarket part_number in local mode, OEM number otherwise
var skuLine = isLocal && p.part_number
? esc(p.part_number) + ' · OEM: ' + esc(p.oem_part_number) + ' '
: esc(p.oem_part_number);
return '' +
'' + imgHtml + '
' +
'' +
manuBadge +
sourceBadge +
'
' + skuLine + '
' +
'
' + esc(p.name) + '
' +
'
';
}).join('');
// Wire part card clicks → open detail panel (skip local-inventory items)
partsGrid.querySelectorAll('.part-card').forEach(function (card) {
card.addEventListener('click', function () {
var pid = this.dataset.partId;
var src = this.dataset.source || '';
if (typeof pid === 'string' && pid.indexOf('inv:') === 0) {
// local-inventory item: info already visible on card
return;
}
if (src === 'supplier_catalog' || (typeof pid === 'string' && pid.indexOf('sc:') === 0)) {
openSupplierDetail(pid.replace('sc:', ''));
return;
}
openPartDetail(parseInt(pid));
});
});
// Pagination
if (data.pagination) renderPagination(data.pagination);
});
}
// ─── PAGINATION ───
function renderPagination(pg) {
if (!pg || pg.total_pages <= 1) { paginationNav.innerHTML = ''; return; }
var html = '';
if (pg.page <= 1) {
html += 'Anterior ';
} else {
html += 'Anterior ';
}
var pages = buildPageNumbers(pg.page, pg.total_pages);
pages.forEach(function (p) {
if (p === '...') {
html += '... ';
} else if (p === pg.page) {
html += '' + p + ' ';
} else {
html += '' + p + ' ';
}
});
if (pg.page >= pg.total_pages) {
html += 'Siguiente ';
} else {
html += 'Siguiente ';
}
paginationNav.innerHTML = html;
paginationNav.querySelectorAll('[data-page]').forEach(function (btn) {
btn.addEventListener('click', function () {
pageBody.scrollTo({ top: 0, behavior: 'smooth' });
loadParts(parseInt(this.dataset.page));
});
});
}
function buildPageNumbers(current, total) {
if (total <= 7) { var a = []; for (var i = 1; i <= total; i++) a.push(i); return a; }
var p = [1];
if (current > 3) p.push('...');
for (var j = Math.max(2, current - 1); j <= Math.min(total - 1, current + 1); j++) p.push(j);
if (current < total - 2) p.push('...');
p.push(total);
return p;
}
// ─── DETAIL PANEL ───
function openPartDetail(partId) {
detailBody.innerHTML = '';
detailFooter.style.display = 'none';
detailPanel.classList.add('is-open');
detailOverlay.classList.add('is-visible');
detailQty = 1;
qtyDisplay.textContent = '1';
apiFetch(API + '/part/' + partId).then(function (data) {
if (!data || data.error) {
detailBody.innerHTML = 'Error al cargar detalle.
';
return;
}
currentDetailPart = data;
var p = data.part;
var local = data.local;
var bodegas = data.bodegas || [];
var alts = data.alternatives || [];
var html = '';
// Part info
html += '';
if (p.category_name) html += '
' + esc(p.category_name) + ' > ' + esc(p.group_name) + '
';
html += '
' + esc(p.oem_part_number) + '
';
html += '
' + esc(p.name) + '
';
if (p.description) html += '
' + esc(p.description) + '
';
if (p.image_url) html += '
';
html += '
';
html += '
Mi stock
';
if (local && local.stock > 0) {
html += '
Cantidad ' + local.stock + ' ' + (local.unit || 'PZA') + '
';
html += '
Precio publico $' + fmt(local.price_1) + '
';
if (local.price_2) html += '
Precio mayoreo $' + fmt(local.price_2) + '
';
if (local.price_3) html += '
Precio taller $' + fmt(local.price_3) + '
';
if (local.location) html += '
Ubicacion ' + esc(local.location) + '
';
} else {
html += '
No tienes esta parte en inventario.
';
}
html += '
';
html += '
Disponible en bodegas
';
html += '
Bodega Precio Stock ';
bodegas.forEach(function (b) {
html += '' + esc(b.business_name) + ' ' + (b.price ? '$' + fmt(b.price) : '--') + ' ' + b.stock + '
';
html += '
Alternativas / Cross-references
';
alts.forEach(function (a) {
var stockLabel = a.local_stock > 0
? '
Stock: ' + a.local_stock + ' '
: (a.bodega_count > 0 ? '
' + a.bodega_count + ' bod. ' : '');
html += '
' +
'
' + esc(a.part_number) + '
' +
'
' + esc(a.manufacturer) + (a.name ? ' — ' + esc(a.name) : '') + '
' +
'
' + stockLabel + '
' +
'
';
});
html += '
Error al cargar detalle.
';
return;
}
var p = data;
var html = '';
html += '';
html += '
' + esc(p.supplier_name) + ' > ' + esc(p.category || '') + '
';
html += '
' + esc(p.sku) + '
';
html += '
' + esc((p.name || '').replace(/\\n/g, ' ')) + '
';
if (p.description) html += '
' + esc(p.description) + '
';
if (p.image_url) html += '
';
html += '
';
html += '
Intercambios OEM
';
var seen = {};
p.interchanges.forEach(function(ix) {
var key = (ix.brand || '') + '|' + (ix.interchange_number || '');
if (seen[key]) return;
seen[key] = true;
html += '
' +
'' + esc(ix.brand || '') + ' ' +
'' + esc(ix.interchange_number || '') + ' ' +
'
';
});
html += '
';
html += '
Vehiculos compatibles
';
var seenCompat = {};
var uniqCompat = [];
p.compatibilities.forEach(function(c) {
var key = (c.make || '') + '|' + (c.model || '') + '|' + (c.year || '') + '|' + (c.engine || '');
if (seenCompat[key]) return;
seenCompat[key] = true;
uniqCompat.push(c);
});
var currentMake = '';
uniqCompat.forEach(function(c) {
if (c.make !== currentMake) {
currentMake = c.make;
html += '
' + esc(c.make) + '
';
}
html += '
' +
esc(c.model) + ' ' + c.year + ' ' + esc(c.engine || '') + '
';
});
html += '
Sin resultados para "' + esc(q) + '"
';
searchDropdown.classList.add('is-visible');
return;
}
searchDropdown.innerHTML = data.data.map(function (r) {
var isLocal = r.source === 'local_inventory' || (typeof r.id_part === 'string' && r.id_part.indexOf('inv:') === 0);
var isSupplier = r.source === 'supplier_catalog' || (typeof r.id_part === 'string' && r.id_part.indexOf('sc:') === 0);
var stockLabel = r.local_stock > 0
? 'Stock: ' + r.local_stock + ' '
: '';
var sourceBadge = '';
if (isLocal) {
sourceBadge = 'Stock Local ';
} else if (isSupplier) {
sourceBadge = 'Cat. Proveedor ';
}
var oemNum = isLocal ? (r.oem_part_number || r.part_number || '') : (r.oem_part_number || '');
var cleanName = (r.name || '').replace(/\\n/g, ' ');
return '' +
'
' +
'
' + sourceBadge + esc(oemNum) + '
' +
'
' + esc(cleanName) + '
' +
(r.vehicle_info ? '
' + esc(r.vehicle_info) + '
' : '') +
'
' +
stockLabel +
'
' +
'
' +
'
' + esc(c.name) + '
' +
'
' + esc(c.part_number) + '
' +
'
' +
'- ' +
'' + c.quantity + ' ' +
'+ ' +
'
' +
'
' +
'
$' + fmt(lineTotal) + '
' +
'
Quitar ' +
'
Modo offline — Mostrando solo tu inventario local.';
levelTitle.textContent = 'Inventario local';
setupLevelFilter(false);
// TODO: load local inventory via legacy /pos/api/catalog/search endpoint
showEmpty('Sin conexion al catalogo', 'Verifica tu conexion. El catalogo TecDoc requiere acceso al servidor central.');
}
// ─── BARCODE SCANNER ───
var barcodeBuffer = '';
var barcodeTimeout = null;
document.addEventListener('keydown', function (e) {
// F1 → focus search
if (e.key === 'F1') { e.preventDefault(); searchInput.focus(); return; }
// Escape → close panels
if (e.key === 'Escape') {
closeDetail();
if (cartSidebar.classList.contains('open')) toggleCart();
return;
}
// Barcode scanner detection
if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') return;
if (e.key === 'Enter' && barcodeBuffer.length >= 4) {
var code = barcodeBuffer.trim();
barcodeBuffer = '';
// Search for the barcode
searchInput.value = code;
runSearch(code);
return;
}
if (e.key.length === 1) {
barcodeBuffer += e.key;
clearTimeout(barcodeTimeout);
barcodeTimeout = setTimeout(function () { barcodeBuffer = ''; }, 200);
}
});
// ─── THEME SWITCHER ───
document.querySelectorAll('[data-theme-switch]').forEach(function (btn) {
btn.addEventListener('click', function () {
var theme = this.dataset.themeSwitch;
document.documentElement.setAttribute('data-theme', theme);
localStorage.setItem('pos_theme', theme);
document.querySelectorAll('[data-theme-switch]').forEach(function (b) {
b.classList.remove('is-active');
b.setAttribute('aria-pressed', 'false');
});
this.classList.add('is-active');
this.setAttribute('aria-pressed', 'true');
});
// Set initial active state
var current = localStorage.getItem('pos_theme') || 'industrial';
if (btn.dataset.themeSwitch === current) {
btn.classList.add('is-active');
btn.setAttribute('aria-pressed', 'true');
} else {
btn.classList.remove('is-active');
btn.setAttribute('aria-pressed', 'false');
}
});
// ─── VEHICLE SELECTOR (dropdown bar) ───
var vsYear = document.getElementById('vsYear');
var vsBrand = document.getElementById('vsBrand');
var vsModel = document.getElementById('vsModel');
var vsEngine = document.getElementById('vsEngine');
var vsClear = document.getElementById('vsClear');
// Load years on init
function vsLoadYears() {
var cacheKey = 'nexus:years-all';
var cached = sessionStorage.getItem(cacheKey);
if (cached) {
try {
var data = JSON.parse(cached);
var years = data.data || data || [];
} catch (e) {
sessionStorage.removeItem(cacheKey);
var years = [];
}
if (!years.length) {
years = [];
for (var y = 2026; y >= 1990; y--) years.push({ id_year: y, year_car: y });
}
vsYear.innerHTML = 'Año... ' +
years.map(function (y) {
return '' + y.year_car + ' ';
}).join('');
return;
}
apiFetch(API + '/years-all').then(function (data) {
if (!data) return;
var years = data.data || data;
// If endpoint doesn't exist, generate from 1990-2026
if (!years || !years.length) {
years = [];
for (var y = 2026; y >= 1990; y--) years.push({ id_year: y, year_car: y });
}
sessionStorage.setItem(cacheKey, JSON.stringify(data));
vsYear.innerHTML = 'Año... ' +
years.map(function (y) {
return '' + y.year_car + ' ';
}).join('');
}).catch(function () {
// Fallback: generate years statically
var fallbackYears = [];
for (var y = 2026; y >= 1990; y--) fallbackYears.push(y);
vsYear.innerHTML = 'Año... ' +
fallbackYears.map(function (y) {
return '' + y + ' ';
}).join('');
});
}
function vsYearChanged() {
var yearId = vsYear.value;
vsBrand.innerHTML = 'Marca... ';
vsModel.innerHTML = 'Modelo... ';
vsEngine.innerHTML = 'Motor... ';
vsBrand.disabled = true;
vsModel.disabled = true;
vsEngine.disabled = true;
vsClear.style.display = yearId ? '' : 'none';
if (!yearId) return;
// Load brands filtered by year
vsBrand.disabled = false;
apiFetch(API + '/brands?year_id=' + yearId + '&mode=' + catalogMode).then(function (data) {
var brands = data.data || data;
if (!brands) return;
vsBrand.innerHTML = 'Marca... ' +
brands.map(function (b) {
return '' + esc(b.name_brand) + ' ';
}).join('');
});
}
function vsBrandChanged() {
var brandId = vsBrand.value;
var yearId = vsYear.value;
vsModel.innerHTML = 'Modelo... ';
vsEngine.innerHTML = 'Motor... ';
vsModel.disabled = true;
vsEngine.disabled = true;
if (!brandId) return;
// Load models filtered by brand AND year
vsModel.disabled = false;
apiFetch(API + '/models?brand_id=' + brandId + (yearId ? '&year_id=' + yearId : '')).then(function (data) {
var models = data.data || data;
if (!models) return;
vsModel.innerHTML = 'Modelo... ' +
models.map(function (m) {
return '' + esc(m.display_name || m.name_model) + ' ';
}).join('');
});
}
function vsModelChanged() {
var modelId = vsModel.value;
var yearVal = vsYear.value;
vsEngine.innerHTML = 'Motor... ';
vsEngine.disabled = true;
if (!modelId || !yearVal) return;
vsEngine.disabled = false;
apiFetch(API + '/engines?model_id=' + modelId + '&year_id=' + yearVal).then(function (data) {
var engines = data.data || data;
if (!engines) return;
vsEngine.innerHTML = 'Motor... ' +
engines.map(function (e) {
var label = e.name_engine + (e.trim_level ? ' (' + e.trim_level + ')' : '');
return '' + esc(label) + ' ';
}).join('');
// If only 1 engine, auto-select
if (engines.length === 1) {
vsEngine.value = engines[0].id_mye;
vsEngineChanged();
}
});
}
function vsEngineChanged() {
var myeId = vsEngine.value;
if (!myeId) return;
// Update state and load categories
var yearText = vsYear.options[vsYear.selectedIndex].text;
var brandText = vsBrand.options[vsBrand.selectedIndex].text;
var modelText = vsModel.options[vsModel.selectedIndex].text;
var engineText = vsEngine.options[vsEngine.selectedIndex].text;
nav.brand = { id: parseInt(vsBrand.value), name: brandText };
nav.model = { id: parseInt(vsModel.value), name: modelText };
nav.year = { id: parseInt(vsYear.value), year: yearText };
nav.engine = { id_mye: parseInt(myeId), name: engineText };
nav.level = 'categories';
pushNavState();
loadCategoriesForMode();
// Scroll to catalog content
setTimeout(function () {
var body = document.getElementById('pageBody');
if (body) body.scrollIntoView({ behavior: 'smooth', block: 'start' });
}, 300);
}
function vsClearAll() {
vsYear.value = '';
vsBrand.innerHTML = 'Marca... ';
vsModel.innerHTML = 'Modelo... ';
vsEngine.innerHTML = 'Motor... ';
vsBrand.disabled = true;
vsModel.disabled = true;
vsEngine.disabled = true;
vsClear.style.display = 'none';
nav.level = 'brands'; nav.brand = null; nav.model = null; nav.year = null; nav.engine = null; nav.category = null; nav.group = null; nav.partType = null;
nav.nxGroup = null; nav.nxSubgroup = null; nav.nxPartType = null;
currentPage = 1;
pushNavState();
loadBrands();
}
// ─── EXPOSE GLOBALS (for backward compat) ───
// ─── BARCODE CAMERA SCAN ───
function startBarcodeScan() {
if (!window.NexusNative) {
alert('El modulo de escaneo no esta cargado.');
return;
}
window.NexusNative.scanBarcode().then(function (code) {
if (code) {
searchInput.value = code;
runSearch(code);
}
});
}
// ─── PLATE LOOKUP ───
var plateInputWrap = document.getElementById('plateInputWrap');
var plateInput = document.getElementById('plateInput');
var plateStatus = document.getElementById('plateStatus');
var plateToggle = document.getElementById('plateToggle');
function togglePlate() {
var isVisible = plateInputWrap.style.display !== 'none';
plateInputWrap.style.display = isVisible ? 'none' : '';
plateToggle.textContent = isVisible ? 'Tienes las placas?' : 'Ocultar placas';
if (!isVisible && plateInput) plateInput.focus();
}
function showPlateStatus(msg, isError) {
plateStatus.style.display = msg ? '' : 'none';
plateStatus.textContent = msg;
plateStatus.style.color = isError ? 'var(--color-error)' : 'var(--color-text-muted)';
}
function lookupPlate() {
var plate = (plateInput.value || '').trim().toUpperCase();
if (!plate || plate.length < 5) {
showPlateStatus('Ingresa una placa valida (Ej: ABC-1234).', true);
return;
}
showPlateStatus('Buscando placa...', false);
apiFetch(API + '/plate/' + encodeURIComponent(plate)).then(function (data) {
if (!data) {
showPlateStatus('Error de conexion al buscar placa.', true);
return;
}
if (data.error) {
showPlateStatus(data.error, true);
return;
}
if (!data.found) {
plateStatus.style.display = '';
plateStatus.innerHTML = 'Placa no registrada. Registrar vehiculo ';
plateStatus.style.color = 'var(--color-warning, #e6a700)';
return;
}
var parts = [];
if (data.year) parts.push(data.year);
if (data.make) parts.push(data.make);
if (data.model) parts.push(data.model);
var label = parts.join(' ') || 'Vehiculo encontrado';
// If we got a catalog match, auto-fill the dropdowns
var match = data.catalog_match;
if (match && match.brand_id) {
showPlateStatus(label + ' — Cargando catalogo...', false);
_autoFillFromVin(match, data);
} else {
showPlateStatus(label + ' — No encontrado en el catalogo TecDoc.', false);
}
});
}
if (plateInput) {
plateInput.addEventListener('keydown', function (e) {
if (e.key === 'Enter') {
e.preventDefault();
lookupPlate();
}
});
}
// ─── VIN DECODER ───
var vinInputWrap = document.getElementById('vinInputWrap');
var vinInput = document.getElementById('vinInput');
var vinStatus = document.getElementById('vinStatus');
var vinToggle = document.getElementById('vinToggle');
function toggleVin() {
var isVisible = vinInputWrap.style.display !== 'none';
vinInputWrap.style.display = isVisible ? 'none' : '';
vinToggle.textContent = isVisible ? 'Tienes el VIN?' : 'Ocultar VIN';
if (!isVisible && vinInput) vinInput.focus();
}
function decodeVin() {
var vin = (vinInput.value || '').trim().toUpperCase();
if (vin.length !== 17) {
showVinStatus('El VIN debe tener exactamente 17 caracteres.', true);
return;
}
showVinStatus('Decodificando VIN...', false);
apiFetch(API + '/vin/' + encodeURIComponent(vin)).then(function (data) {
if (!data) {
showVinStatus('Error de conexion al decodificar VIN.', true);
return;
}
if (data.error && !data.make) {
showVinStatus(data.error, true);
return;
}
var parts = [];
if (data.year) parts.push(data.year);
if (data.make) parts.push(data.make);
if (data.model) parts.push(data.model);
if (data.engine) parts.push(data.engine);
var label = parts.join(' ') || 'Vehiculo no reconocido';
// If we got a catalog match, auto-fill the dropdowns
var match = data.catalog_match;
if (match && match.brand_id) {
showVinStatus(label + ' — Encontrado en catalogo, cargando...', false);
_autoFillFromVin(match, data);
} else {
showVinStatus(label + ' — No encontrado en el catalogo TecDoc.', false);
}
});
}
function _autoFillFromVin(match, vinData) {
// Set year dropdown
if (match.year_id) {
vsYear.value = String(match.year_id);
// Trigger brand load
apiFetch(API + '/brands?year_id=' + match.year_id).then(function (brandData) {
var brands = brandData && (brandData.data || brandData);
if (!brands) return;
vsBrand.innerHTML = 'Marca... ' +
brands.map(function (b) {
return '' + esc(b.name_brand) + ' ';
}).join('');
vsBrand.disabled = false;
vsClear.style.display = '';
if (match.brand_id) {
vsBrand.value = String(match.brand_id);
// Load models
apiFetch(API + '/models?brand_id=' + match.brand_id + '&year_id=' + match.year_id).then(function (modelData) {
var models = modelData && (modelData.data || modelData);
if (!models) return;
vsModel.innerHTML = 'Modelo... ' +
models.map(function (m) {
return '' + esc(m.display_name || m.name_model) + ' ';
}).join('');
vsModel.disabled = false;
if (match.model_id) {
vsModel.value = String(match.model_id);
// Load engines
apiFetch(API + '/engines?model_id=' + match.model_id + '&year_id=' + match.year_id).then(function (engData) {
var engines = engData && (engData.data || engData);
if (!engines) return;
vsEngine.innerHTML = 'Motor... ' +
engines.map(function (e) {
var elabel = e.name_engine + (e.trim_level ? ' (' + e.trim_level + ')' : '');
return '' + esc(elabel) + ' ';
}).join('');
vsEngine.disabled = false;
// Auto-select engine if only one or if match specifies it
if (match.id_mye) {
vsEngine.value = String(match.id_mye);
vsEngineChanged();
showVinStatus('Vehiculo cargado desde VIN.', false);
} else if (engines.length === 1) {
vsEngine.value = engines[0].id_mye;
vsEngineChanged();
showVinStatus('Vehiculo cargado desde VIN.', false);
} else {
showVinStatus('Selecciona el motor para continuar.', false);
}
});
}
});
}
});
}
}
function showVinStatus(msg, isError) {
vinStatus.style.display = msg ? '' : 'none';
vinStatus.textContent = msg;
vinStatus.style.color = isError ? 'var(--color-error)' : 'var(--color-text-muted)';
}
// Allow Enter key in VIN input to trigger decode
if (vinInput) {
vinInput.addEventListener('keydown', function (e) {
if (e.key === 'Enter') {
e.preventDefault();
decodeVin();
}
});
}
// ─── Supplier prices upload ─────────────────────────────────────────────
function openUploadPricesModal() {
if (uploadPricesModal) uploadPricesModal.style.display = 'flex';
if (uploadPricesStatus) uploadPricesStatus.innerHTML = '';
if (uploadPricesFile) uploadPricesFile.value = '';
}
function closeUploadPricesModal() {
if (uploadPricesModal) uploadPricesModal.style.display = 'none';
}
async function submitUploadPrices() {
if (!uploadPricesFile || !uploadPricesFile.files || !uploadPricesFile.files[0]) {
if (uploadPricesStatus) uploadPricesStatus.innerHTML = 'Selecciona un archivo primero. ';
return;
}
var form = new FormData();
form.append('file', uploadPricesFile.files[0]);
if (uploadPricesStatus) uploadPricesStatus.innerHTML = 'Subiendo...';
try {
var res = await fetch('/pos/api/supplier-catalog/prices/upload', {
method: 'POST',
headers: { 'Authorization': 'Bearer ' + token },
body: form
});
var data = await res.json();
if (res.ok && data.success) {
if (uploadPricesStatus) uploadPricesStatus.innerHTML = '✓ Precios actualizados: ' + data.processed + ' (insertados: ' + data.inserted + ', actualizados: ' + data.updated + ') ';
uploadPricesFile.value = '';
} else {
var msg = data.error || 'Error al subir precios';
var details = (data.details || []).join('' + esc(msg) + ' ' + (details ? '' + details + '
' : '');
}
} catch (e) {
if (uploadPricesStatus) uploadPricesStatus.innerHTML = 'Error de red: ' + esc(e.message) + ' ';
}
}
function shouldShowUploadPricesButton() {
try {
var user = JSON.parse(localStorage.getItem('pos_employee') || '{}');
return user.role === 'owner' || user.role === 'admin';
} catch (e) { return false; }
}
if (uploadPricesBtn && shouldShowUploadPricesButton()) {
uploadPricesBtn.style.display = 'inline-flex';
}
window.CatalogApp = {
toggleCart: toggleCart,
goToCheckout: goToCheckout,
addToCart: addToCart,
removeFromCart: removeFromCart,
updateQty: updateQuantity,
clearCart: clearCart,
loadPage: function (p) { loadParts(p); },
vsYearChanged: vsYearChanged,
vsBrandChanged: vsBrandChanged,
vsModelChanged: vsModelChanged,
vsEngineChanged: vsEngineChanged,
vsClear: vsClearAll,
startBarcodeScan: startBarcodeScan,
toggleVin: toggleVin,
decodeVin: decodeVin,
togglePlate: togglePlate,
lookupPlate: lookupPlate,
setMode: setCatalogMode,
openUploadPricesModal: openUploadPricesModal,
closeUploadPricesModal: closeUploadPricesModal,
submitUploadPrices: submitUploadPrices,
};
// ─── INIT ───
renderCart();
updateModeToggleUI();
vsLoadYears();
loadBrands();
})();