/**
* workshop.js — Taller / Service Orders Kanban for Nexus POS
*/
var Workshop = (function() {
'use strict';
var API = '/pos/api/service-orders';
var token = localStorage.getItem('pos_token');
var orders = [];
var catalog = [];
var customers = [];
var vehicles = [];
var employees = [];
var currentOrderId = null;
var COLUMNS = [
{key: 'received', label: 'Recibido'},
{key: 'diagnosis', label: 'Diagnóstico'},
{key: 'waiting_parts', label: 'Espera refacciones'},
{key: 'repair', label: 'En reparación'},
{key: 'quality_check', label: 'Control calidad'},
{key: 'ready', label: 'Listo'},
{key: 'delivered', label: 'Entregado'},
];
function headers() {
return {
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + token
};
}
function fmt(n) {
if (n == null) return '0';
return parseFloat(n).toLocaleString('es-MX');
}
function fmtMoney(n) {
if (n == null) return '$0.00';
return '$' + parseFloat(n).toLocaleString('es-MX', {minimumFractionDigits: 2, maximumFractionDigits: 2});
}
function fmtDate(d) {
if (!d) return '—';
var dt = new Date(d);
return dt.toLocaleDateString('es-MX', {day: '2-digit', month: 'short', year: 'numeric', hour: '2-digit', minute: '2-digit'});
}
function esc(s) {
if (!s) return '';
var el = document.createElement('div');
el.textContent = s;
return el.innerHTML;
}
function api(method, url, body) {
var opts = {method: method, headers: headers()};
if (body) opts.body = JSON.stringify(body);
return fetch(API + url, opts).then(function(r) {
return r.json().then(function(data) {
if (!r.ok) throw new Error(data.error || r.statusText);
return data;
});
});
}
// ─── Init ───
function init() {
loadSummary();
loadOrders();
loadCatalog();
loadReferenceData();
}
// ─── Summary / Kanban ───
function loadSummary() {
fetch(API + '/kanban/summary', {headers: headers()})
.then(function(r) { return r.json(); })
.then(function(d) {
document.getElementById('statReceived').textContent = fmt(d.received || 0);
document.getElementById('statRepair').textContent = fmt((d.repair || 0) + (d.diagnosis || 0) + (d.waiting_parts || 0) + (d.quality_check || 0));
document.getElementById('statReady').textContent = fmt(d.ready || 0);
document.getElementById('statOverdue').textContent = fmt(d.overdue || 0);
})
.catch(function() {});
}
function loadOrders() {
fetch(API + '?per_page=200', {headers: headers()})
.then(function(r) { return r.json(); })
.then(function(d) {
orders = d.data || [];
renderKanban();
})
.catch(function(e) {
console.error(e);
document.getElementById('kanbanBoard').innerHTML = 'Error cargando órdenes
No se pudieron cargar las órdenes de servicio.
' +
' ' + esc(col.label) + '' +
' ' + colOrders.length + '' +
'
' +
'';
board.appendChild(colEl);
var body = colEl.querySelector('.kanban-column__body');
if (!colOrders.length) {
body.innerHTML = '';
} else {
colOrders.forEach(function(o) {
body.appendChild(renderCard(o));
});
}
});
}
function priorityLabel(p) {
var map = {normal: 'Normal', high: 'Alta', urgent: 'Urgente'};
return map[p] || p;
}
function statusBadgeClass(status) {
var map = {
pending: 'badge--pending',
reserved: 'badge--reserved',
installed: 'badge--installed',
cancelled: 'badge--cancelled',
complete: 'badge--complete'
};
return map[status] || 'badge--pending';
}
function statusLabel(status) {
var map = {
pending: 'Pendiente',
reserved: 'Reservado',
installed: 'Instalado',
cancelled: 'Cancelado',
complete: 'Completado'
};
return map[status] || status;
}
function renderCard(o) {
var card = document.createElement('div');
card.className = 'kanban-card';
card.onclick = function() { openDetail(o.id); };
card.innerHTML =
'' +
'' + esc(o.customer_name || 'Cliente general') + '
' +
'' + esc(o.vehicle_plate || 'Sin vehículo') + '
' +
'' +
' 🔧 ' + esc(o.employee_name || 'Sin asignar') + '' +
' ' + fmtMoney(o.estimated_cost) + '' +
'
';
return card;
}
// ─── Detail modal ───
function openDetail(id) {
currentOrderId = id;
fetch(API + '/' + id, {headers: headers()})
.then(function(r) { return r.json(); })
.then(function(o) {
document.getElementById('detailTitle').textContent = 'Orden ' + esc(o.order_number);
renderDetailBody(o);
document.getElementById('detailModal').classList.add('is-open');
})
.catch(function(e) { alert('Error: ' + e.message); });
}
function renderDetailBody(o) {
var html =
'' +
'
' +
'
Información general
' +
'
' +
'
Cliente' + esc(o.customer_name || '—') + '
' +
'
Vehículo' + esc((o.vehicle_plate || '—') + ' ' + (o.vehicle_make || '') + ' ' + (o.vehicle_model || '')) + '
' +
'
Mecánico' + esc(o.employee_name || 'Sin asignar') + '
' +
'
Estado' + esc(o.status) + '
' +
'
Entrega estimada' + fmtDate(o.estimated_completion) + '
' +
'
Kilometraje entrada' + fmt(o.mileage_in) + '
' +
'
' +
'
Notas recepción' + esc(o.reception_notes || '—') + '
' +
'
' +
'
' +
'
Refacciones
' +
'
| Concepto | Cant. | Precio | Estado | |
|---|
' +
(o.items || []).map(function(it) {
var itemStatus = it.reserved_quantity >= it.quantity ? 'reserved' : it.status;
return '' +
'' + esc(it.name) + '
' + esc(it.part_number || '') + ' | ' +
'' + fmt(it.quantity) + ' | ' +
'' + fmtMoney(it.unit_price) + ' | ' +
'' + statusLabel(itemStatus) + ' | ' +
'' + (it.reserved_quantity < it.quantity && it.status !== 'cancelled' ? '' : '') + ' | ' +
'
';
}).join('') +
'
' +
'
' +
' ' +
' ' +
'
' +
'
' +
'
' +
'
' +
'
Cambiar estado
' +
'
' +
' ' +
' ' +
'
' +
'
' +
'
| Sin conceptos |
';
return;
}
body.innerHTML = catalog.map(function(c) {
return '' +
'' + esc(c.name) + (c.description ? '
' + esc(c.description) + '' : '') + ' | ' +
'' + fmt(c.suggested_hours) + ' | ' +
'' + fmtMoney(c.suggested_rate) + ' | ' +
'' + fmtMoney(c.suggested_hours * c.suggested_rate) + ' | ' +
' | ' +
'
';
}).join('');
}
function addCatalogItem() {
var name = document.getElementById('catName').value.trim();
if (!name) return alert('Escribe un nombre');
api('POST', '/service-catalog', {
name: name,
description: document.getElementById('catDesc').value,
suggested_hours: parseFloat(document.getElementById('catHours').value) || 0,
suggested_rate: parseFloat(document.getElementById('catRate').value) || 0
}).then(function() {
document.getElementById('catName').value = '';
document.getElementById('catDesc').value = '';
document.getElementById('catHours').value = '';
document.getElementById('catRate').value = '';
loadCatalog();
setTimeout(renderCatalog, 200);
}).catch(function(e) { alert('Error: ' + e.message); });
}
function deleteCatalogItem(id) {
if (!confirm('¿Desactivar este concepto?')) return;
api('DELETE', '/service-catalog/' + id, {})
.then(function() {
loadCatalog();
setTimeout(renderCatalog, 200);
})
.catch(function(e) { alert('Error: ' + e.message); });
}
// ─── Reference data ───
function loadReferenceData() {
// Customers
fetch('/pos/api/customers?per_page=500', {headers: headers()})
.then(function(r) { return r.json(); })
.then(function(d) { customers = (d.data || d.customers || []); })
.catch(function() {});
// Vehicles
fetch('/pos/api/fleet/vehicles?per_page=500', {headers: headers()})
.then(function(r) { return r.json(); })
.then(function(d) { vehicles = (d.data || []); })
.catch(function() { vehicles = []; });
// Employees
fetch('/pos/api/config/employees?per_page=500', {headers: headers()})
.then(function(r) { return r.json(); })
.then(function(d) { employees = (d.data || d.employees || []); })
.catch(function() { employees = []; });
}
function populateSelect(id, items, mapper) {
var sel = document.getElementById(id);
if (!sel) return;
sel.innerHTML = id === 'noCustomer' ? '' : '';
items.forEach(function(it) {
var opt = mapper(it);
var el = document.createElement('option');
el.value = opt.value;
el.textContent = opt.text;
sel.appendChild(el);
});
}
// ─── Public API ───
return {
init: init,
openDetail: openDetail,
closeDetailModal: closeDetailModal,
changeStatus: changeStatus,
reserveItem: reserveItem,
addItemPlaceholder: addItemPlaceholder,
addLabor: addLabor,
convertToSale: convertToSale,
printOrder: printOrder,
openNewOrderModal: openNewOrderModal,
closeNewOrderModal: closeNewOrderModal,
submitNewOrder: submitNewOrder,
openCatalogModal: openCatalogModal,
closeCatalogModal: closeCatalogModal,
addCatalogItem: addCatalogItem,
deleteCatalogItem: deleteCatalogItem,
};
})();
document.addEventListener('DOMContentLoaded', Workshop.init);