diff --git a/src/renderer/pages/comandas.js b/src/renderer/pages/comandas.js index dd19e38..4e2751a 100644 --- a/src/renderer/pages/comandas.js +++ b/src/renderer/pages/comandas.js @@ -118,9 +118,11 @@ function renderComandasTable(data) {
${ativa ? `` : ''} - ${ativa && c.status !== 'PAYING' ? `` : ''} - ${ativa ? `` : ''} -
+ ${ativa && c.status === 'OPEN' ? `` : ''} + ${ativa && c.status === 'PAYING' ? `` : ''} + + + `; }).join('')} @@ -146,6 +148,15 @@ function renderComandasTable(data) { }); }); + // Listener para botão "Reabrir" (muda p/ OPEN) + wrap.querySelectorAll('.btn-reopen').forEach(btn => { + btn.addEventListener('click', async () => { + const r = await window.electronAPI.patch(`/comandas/${btn.dataset.id}/`, { status: 'OPEN' }); + if (r.ok) { showToast('Comanda reaberta!', 'info'); loadComandas(_mesasRef); } + else showToast(r.error, 'error'); + }); + }); + // Listener para ver itens da comanda wrap.querySelectorAll('.btn-itens').forEach(btn => { btn.addEventListener('click', () => { @@ -263,7 +274,7 @@ async function abrirItensComanda(comandaIdOrObj) { openModal({ full: true, - title: `🛒 PDV: Comanda #${comanda.id} — ${comanda.name || ''} (${comanda.mesa_name || ''})`, + title: `🛒 #${comanda.id} — ${comanda.name || ''} (${comanda.mesa_name || ''}) — ${formatDate(comanda.dt_open)}`, body: `
@@ -348,7 +359,7 @@ async function abrirItensComanda(comandaIdOrObj) {
-
+
` : ''} `; @@ -440,9 +451,9 @@ async function abrirItensComanda(comandaIdOrObj) { const filtrados = todosProdutos.filter(p => !filtro || p.name.toLowerCase().includes(filtro.toLowerCase())).slice(0, 20); - console.log('Produtos carregados no PDV:', todosProdutos); + // console.log('Produtos carregados no PDV:', todosProdutos); container.innerHTML = filtrados.map(p => { - const imgTarget = p.image ? `url('${p.image}')` : 'none'; + const imgTarget = p.image ? `url('${p.image}')` : `url('https://wallpapers.com/images/featured/fundo-abstrato-escuro-27kvn4ewpldsngbu.jpg')`; return `
diff --git a/src/renderer/style.css b/src/renderer/style.css index 3a8df5e..9186b11 100644 --- a/src/renderer/style.css +++ b/src/renderer/style.css @@ -755,7 +755,7 @@ select.form-control option { /* PDV Layout for Comanda Items */ .pdv-container { display: grid; - grid-template-columns: 380px 1fr; + grid-template-columns: 480px 1fr; height: 100%; gap: 1px; background: var(--border); @@ -783,7 +783,8 @@ select.form-control option { .pdv-products-grid { display: grid; - grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); + grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); + grid-auto-rows: max-content; gap: 12px; overflow-y: auto; padding-right: 8px;