@@ -28,45 +29,62 @@ export async function renderPagamentos(container) {
`;
- await loadPagamentos(tiposPag, comandas);
+ await loadPagamentos(tiposPag, comandas, clientes);
document.getElementById('btn-novo-pag').addEventListener('click', () => abrirModalPagamento(tiposPag, comandas));
- document.getElementById('search-pag').addEventListener('input', () => filtrarPagamentos(tiposPag));
- document.getElementById('filter-tipo').addEventListener('change', () => filtrarPagamentos(tiposPag));
+ document.getElementById('search-pag').addEventListener('input', () => filtrarPagamentos());
+ document.getElementById('filter-tipo').addEventListener('change', () => filtrarPagamentos());
}
let _pagsData = [];
+let _cmdMap = {};
+let _tiposPag = [];
+let _clientesMap = {};
-async function loadPagamentos(tiposPag, comandas) {
+async function loadPagamentos(tiposPag, comandas, clientes) {
const wrap = document.getElementById('pagamentos-table');
if (!wrap) return;
wrap.innerHTML = ``;
+
+ _tiposPag = tiposPag;
+
const res = await window.electronAPI.get('/payments');
if (!res.ok) { wrap.innerHTML = `
Erro ao carregar pagamentos.
`; return; }
- // Ordena decrescente (mais novos primeiro)
_pagsData = (res.data || []).sort((a, b) => b.id - a.id);
- // Cria mapa de comandas para consulta rápida
- const cmdMap = (comandas || []).reduce((acc, c) => {
- acc[String(c.id)] = `${c.name || 'Sem nome'} (${c.mesa_name || `Mesa ${c.mesa}`})`;
+ _cmdMap = (comandas || []).reduce((acc, c) => {
+ acc[String(c.id)] = {
+ name: c.name || 'Sem nome',
+ mesa: c.mesa_name || `Mesa ${c.mesa}`,
+ mesa_name: c.mesa_name || '',
+ status: c.status,
+ dt_open: c.dt_open,
+ client: c.client
+ };
return acc;
}, {});
- renderPagsTable(_pagsData, cmdMap);
+ if (clientes) {
+ _clientesMap = (clientes || []).reduce((acc, c) => {
+ acc[String(c.id)] = c.name || '–';
+ return acc;
+ }, {});
+ }
+
+ renderPagsTable();
}
-function renderPagsTable(data, cmdMap = {}) {
+function renderPagsTable() {
const wrap = document.getElementById('pagamentos-table');
if (!wrap) return;
- if (!data.length) {
+ if (!_pagsData.length) {
wrap.innerHTML = `Nenhum pagamento registrado.
`;
return;
}
- // Soma total dos pagamentos exibidos
- const total = data.reduce((acc, p) => acc + parseFloat(p.value || 0), 0);
+ const total = _pagsData.reduce((acc, p) => acc + parseFloat(p.value || 0), 0);
wrap.innerHTML = `
| Ações | - ${data.map(p => { - const cDesc = cmdMap[String(p.comanda)] || p.comanda_name || '–'; + ${_pagsData.map(p => { + const cInfo = _cmdMap[String(p.comanda)]; + const clienteNome = _clientesMap[String(p.client)] || p.client_name || '–'; + const cDesc = cInfo ? `${cInfo.name} (${cInfo.mesa})` : (p.comanda_name || '–'); return `|||||||
|---|---|---|---|---|---|---|---|
| #${p.id} | -${p.client_name || '–'} | +${clienteNome} | ${p.comanda ? ` #${p.comanda} @@ -100,7 +120,7 @@ function renderPagsTable(data, cmdMap = {}) { | ${formatDate(p.datetime)} | - + |
| # | +Cliente | +Comanda | +Tipo | +Valor | +Descrição | +Data | +Ações | +
|---|---|---|---|---|---|---|---|
| #${p.id} | +${clienteNome} | ++ ${p.comanda ? ` + #${p.comanda} + ${cDesc} + ` : '–'} + | +${p.type_pay_name || '–'} | +R$ ${parseFloat(p.value || 0).toFixed(2)} | + +${formatDate(p.datetime)} | ++ + | +
+ Total exibido:
+ R$ ${total.toFixed(2)}
+
`;
+
+ wrap.querySelectorAll('.btn-view-pag').forEach(btn =>
+ btn.addEventListener('click', () => {
+ const pag = _pagsData.find(p => String(p.id) === String(btn.dataset.id));
+ if (pag) abrirDetalhesPagamento(pag);
+ })
+ );
}
function abrirModalPagamento(tiposPag, comandas) {
@@ -185,7 +337,7 @@ function abrirModalPagamento(tiposPag, comandas) {
};
const r = await window.electronAPI.post('/payments', data);
- if (r.ok) { showToast('Pagamento registrado!', 'success'); closeModal(); loadPagamentos(tiposPag, comandas); }
+ if (r.ok) { showToast('Pagamento registrado!', 'success'); closeModal(); loadPagamentos(_tiposPag, [], null); }
else showToast(r.error, 'error');
});
}
diff --git a/src/renderer/pages/pedidos.js b/src/renderer/pages/pedidos.js
index 239a996..331d56d 100644
--- a/src/renderer/pages/pedidos.js
+++ b/src/renderer/pages/pedidos.js
@@ -54,6 +54,7 @@ let _ordersData = [];
let _productsMap = {};
let _comandasMap = {};
let _mesasMap = {};
+let _productsFullMap = {};
async function loadOrders() {
const wrap = document.getElementById('orders-table');
@@ -70,13 +71,17 @@ async function loadOrders() {
if (!res.ok) { wrap.innerHTML = `Erro ao carregar pedidos.
`; return; }
- // Constrói mapas para consulta rápida (IDs como string para segurança)
- if (pRes.ok) _productsMap = pRes.data.reduce((acc, p) => { acc[String(p.id)] = p.name; return acc; }, {});
+ if (pRes.ok) {
+ _productsMap = pRes.data.reduce((acc, p) => { acc[String(p.id)] = p.name; return acc; }, {});
+ _productsFullMap = pRes.data.reduce((acc, p) => { acc[String(p.id)] = p; return acc; }, {});
+ }
if (mRes.ok) _mesasMap = mRes.data.reduce((acc, m) => { acc[String(m.id)] = m.name; return acc; }, {});
if (cRes.ok) _comandasMap = cRes.data.reduce((acc, c) => {
acc[String(c.id)] = {
+ id: c.id,
name: c.name || '–',
- mesa: _mesasMap[String(c.mesa)] || `Mesa ${c.mesa}` || '–'
+ mesa: _mesasMap[String(c.mesa)] || `Mesa ${c.mesa}` || '–',
+ mesa_name: c.mesa_name || _mesasMap[String(c.mesa)] || '–'
};
return acc;
}, {});
@@ -132,6 +137,7 @@ function renderOrdersTable(data) {
+
${cfg.next ? `` : ''}
${o.status !== 'Cancelado' && o.status !== 'Entregue'
? ``
@@ -169,6 +175,92 @@ function renderOrdersTable(data) {
})
);
+ // Reimprimir ticket de cozinha
+ wrap.querySelectorAll('.btn-reprint').forEach(btn =>
+ btn.addEventListener('click', async () => {
+ const orderId = btn.dataset.id;
+ const order = _ordersData.find(o => String(o.id) === String(orderId));
+ if (!order) return showToast('Pedido não encontrado.', 'error');
+
+ const comanda = _comandasMap[String(order.id_comanda)];
+ const product = _productsFullMap[String(order.id_product)];
+
+ const dataAtual = new Date().toLocaleString('pt-BR');
+ const nomeEstabelecimento = 'RRBEC - Bar & Restaurante';
+ const nomeProduto = product?.name || order.product_name || `Produto #${order.id_product}`;
+ const obs = order.obs || '';
+ const usuario = order.applicant || 'Sistema';
+ const nomeComanda = comanda?.name || `Comanda #${comanda?.id || order.id_comanda}`;
+ const nomeMesa = comanda?.mesa_name || comanda?.mesa || '–';
+
+ const htmlTicket = `
+
+
+
+
+ Ticket Cozinha - ${nomeComanda}
+
+
+
+ 
`;
+ };
+ reader.readAsDataURL(file);
+ });
+
+ const btnRemoveImg = document.getElementById('btn-remove-img');
+ if (btnRemoveImg) {
+ btnRemoveImg.addEventListener('click', () => {
+ imgInput.value = '';
+ previewEl.innerHTML = '📷';
+ });
+ }
+
document.getElementById('btn-salvar-prod').addEventListener('click', async () => {
const btn = document.getElementById('btn-salvar-prod');
btn.disabled = true;
@@ -212,7 +250,6 @@ function abrirModalProduto(produto, categorias, unidades) {
const catVal = parseInt(document.getElementById('prod-cat').value);
const unitVal = parseInt(document.getElementById('prod-unit').value);
- // Constrói o payload enviando apenas o que é necessário/preenchido
const data = {
name: document.getElementById('prod-nome').value.trim(),
description: document.getElementById('prod-desc').value.trim(),
@@ -220,9 +257,11 @@ function abrirModalProduto(produto, categorias, unidades) {
quantity: parseInt(document.getElementById('prod-qty').value) || 0,
active: document.getElementById('prod-ativo').value === 'true',
cuisine: document.getElementById('prod-cuisine').value === 'true',
- image: document.getElementById('prod-img').value.trim(),
};
+ const imgValue = document.getElementById('prod-img').value.trim();
+ if (imgValue) data.image = imgValue;
+
if (catVal) data.category = catVal;
if (unitVal) data.unit_of_measure = unitVal;
+
+
+
+ `;
+
+ window.electronAPI.printDirect(htmlTicket).then(r => {
+ if (r.ok) {
+ showToast('Ticket reimpresso!', 'success');
+ } else if (r.error === 'NO_PRINTER') {
+ showToast('⚠️ Nenhuma impressora configurada. Configure uma impressora nas configurações do sistema.', 'warning', 5000);
+ const printWindow = window.open('', '', 'width=300,height=400');
+ printWindow.document.write(htmlTicket);
+ printWindow.document.close();
+ setTimeout(() => printWindow.print(), 300);
+ } else {
+ const printWindow = window.open('', '', 'width=300,height=400');
+ printWindow.document.write(htmlTicket);
+ printWindow.document.close();
+ setTimeout(() => printWindow.print(), 300);
+ }
+ });
+ })
+ );
+
// Editar observação
wrap.querySelectorAll('.btn-edit-obs').forEach(btn =>
btn.addEventListener('click', () => {
diff --git a/src/renderer/pages/produtos.js b/src/renderer/pages/produtos.js
index 85435ae..e58b3da 100644
--- a/src/renderer/pages/produtos.js
+++ b/src/renderer/pages/produtos.js
@@ -146,10 +146,21 @@ function filtrarProdutos(categorias, unidades) {
function abrirModalProduto(produto, categorias, unidades) {
const isEdit = !!produto;
+ const imagemAtual = produto?.image || '';
+
openModal({
title: isEdit ? `Editar: ${produto.name}` : 'Novo Produto',
body: `
+
+
+ 🍳 COZINHA - REIMPRESSÃO
+ ${nomeEstabelecimento}
+
+ ${nomeComanda}
+
+
+ Mesa: ${nomeMesa}
+ ${dataAtual}
+
+
+ ${nomeProduto}
+
+ ${obs ? `OBS: ${obs}
` : ''}
+
+
+
+
`,
footer: `
`,
});
+ const previewEl = document.getElementById('prod-img-preview');
+ const fileInput = document.getElementById('prod-img-file');
+ const imgInput = document.getElementById('prod-img');
+
+ previewEl.addEventListener('click', () => fileInput.click());
+ document.getElementById('btn-select-img').addEventListener('click', () => fileInput.click());
+
+ fileInput.addEventListener('change', () => {
+ const file = fileInput.files[0];
+ if (!file) return;
+ if (file.size > 5 * 1024 * 1024) {
+ showToast('Imagem muito grande. Máximo 5MB.', 'warning');
+ return;
+ }
+ const reader = new FileReader();
+ reader.onload = (e) => {
+ const base64 = e.target.result;
+ imgInput.value = base64;
+ previewEl.innerHTML = `
+
+ ${imagemAtual ? `
` : '📷'}
+
+
+
+ ${imagemAtual ? '' : ''}
+
+
@@ -194,16 +205,43 @@ function abrirModalProduto(produto, categorias, unidades) {
-
-
-
-