fix(pos): remove hardcoded demo data from inventory, customers, invoicing, accounting pages

Demo/sample rows in HTML tables were visible on first render before JS
populated real data. Replaced all hardcoded tbody rows and finance cards
with empty containers that JS populates from API on load.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-04 23:20:06 +00:00
parent c1d0638b45
commit 04340f2f29
4 changed files with 42 additions and 1409 deletions

View File

@@ -1688,143 +1688,13 @@
</tr>
</thead>
<tbody>
<tr>
<td class="td--mono">NAP-001289</td>
<td class="td--primary">A</td>
<td class="td--primary">Taller Mecánico Ramírez</td>
<td class="td--mono">TMR8402156HJ</td>
<td class="td--amount">$3,450.00</td>
<td class="td--amount">$552.00</td>
<td class="td--amount">$4,002.00</td>
<td style="font-size:var(--text-caption);">G03 Gastos en general</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NAP-001288</td>
<td class="td--primary">A</td>
<td class="td--primary">Distribuidora Automotriz del Norte SA de CV</td>
<td class="td--mono">DAN950312AB7</td>
<td class="td--amount">$18,760.00</td>
<td class="td--amount">$3,001.60</td>
<td class="td--amount">$21,761.60</td>
<td style="font-size:var(--text-caption);">G01 Adquisición de mercancias</td>
<td><span class="badge badge--ppd">PPD</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NAP-001287</td>
<td class="td--primary">A</td>
<td class="td--primary">Flotillas Logísticas Monterrey</td>
<td class="td--mono">FLM8710234KL9</td>
<td class="td--amount">$7,890.00</td>
<td class="td--amount">$1,262.40</td>
<td class="td--amount">$9,152.40</td>
<td style="font-size:var(--text-caption);">G03 Gastos en general</td>
<td><span class="badge badge--pendiente">Pendiente</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NAP-001286</td>
<td class="td--primary">B</td>
<td class="td--primary">Servicio Exprés Autopartes</td>
<td class="td--mono">SEA020819PP3</td>
<td class="td--amount">$1,120.00</td>
<td class="td--amount">$179.20</td>
<td class="td--amount">$1,299.20</td>
<td style="font-size:var(--text-caption);">G03 Gastos en general</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NAP-001285</td>
<td class="td--primary">A</td>
<td class="td--primary">Refaccionaria El Piston SC</td>
<td class="td--mono">REP9305077HG5</td>
<td class="td--amount">$5,300.00</td>
<td class="td--amount">$848.00</td>
<td class="td--amount">$6,148.00</td>
<td style="font-size:var(--text-caption);">G01 Adquisición de mercancias</td>
<td><span class="badge badge--cancelada">Cancelada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NAP-001284</td>
<td class="td--primary">B</td>
<td class="td--primary">Grupo Automotriz Torres e Hijos</td>
<td class="td--mono">GAT7612098DF2</td>
<td class="td--amount">$32,450.00</td>
<td class="td--amount">$5,192.00</td>
<td class="td--amount">$37,642.00</td>
<td style="font-size:var(--text-caption);">G01 Adquisición de mercancias</td>
<td><span class="badge badge--ppd">PPD</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<!-- Populated by JS -->
</tbody>
</table>
<div class="table-footer">
<span>Mostrando 16 de 247 facturas</span>
<div class="pagination">
<button class="page-btn" aria-label="Página anterior">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="15 18 9 12 15 6"/>
</svg>
</button>
<button class="page-btn is-active">1</button>
<button class="page-btn">2</button>
<button class="page-btn">3</button>
<span style="color:var(--color-text-muted);padding:0 4px;"></span>
<button class="page-btn">42</button>
<button class="page-btn" aria-label="Página siguiente">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"/>
</svg>
</button>
</div>
<span></span>
<div class="pagination"></div>
</div>
</div>
@@ -1875,97 +1745,13 @@
</tr>
</thead>
<tbody>
<tr>
<td class="td--mono">NC-000041</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001240</td>
<td class="td--primary">Taller Mecánico Ramírez</td>
<td>Devolución de mercancía defectuosa</td>
<td class="td--amount">$1,160.00</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NC-000040</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001215</td>
<td class="td--primary">Flotillas Logísticas Monterrey</td>
<td>Descuento comercial por volumen</td>
<td class="td--amount">$3,450.00</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NC-000039</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001198</td>
<td class="td--primary">Distribuidora Automotriz del Norte SA de CV</td>
<td>Error en precio unitario</td>
<td class="td--amount">$870.40</td>
<td><span class="badge badge--pendiente">Pendiente</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NC-000038</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001172</td>
<td class="td--primary">Grupo Automotriz Torres e Hijos</td>
<td>Devolución parcial de pedido</td>
<td class="td--amount">$8,120.00</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">NC-000037</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001154</td>
<td class="td--primary">Servicio Exprés Autopartes</td>
<td>Producto no solicitado enviado por error</td>
<td class="td--amount">$580.00</td>
<td><span class="badge badge--cancelada">Cancelada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">PDF</button>
</div>
</td>
</tr>
<!-- Populated by JS -->
</tbody>
</table>
<div class="table-footer">
<span>Mostrando 15 de 8 notas de crédito</span>
<div class="pagination">
<button class="page-btn" aria-label="Anterior">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
</button>
<button class="page-btn is-active">1</button>
<button class="page-btn">2</button>
<button class="page-btn" aria-label="Siguiente">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 18 15 12 9 6"/></svg>
</button>
</div>
<span></span>
<div class="pagination"></div>
</div>
</div>
</div><!-- /panel-notas -->
@@ -2016,92 +1802,12 @@
</tr>
</thead>
<tbody>
<tr>
<td class="td--mono">CP-000072</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001271</td>
<td class="td--primary">Distribuidora Automotriz del Norte SA de CV</td>
<td class="td--amount">$21,761.60</td>
<td style="font-size:var(--text-caption);">03 Transferencia SPEI</td>
<td>28/03/2026</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">CP-000071</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001260, NAP-001261</td>
<td class="td--primary">Grupo Automotriz Torres e Hijos</td>
<td class="td--amount">$56,800.00</td>
<td style="font-size:var(--text-caption);">04 Tarjeta de crédito</td>
<td>26/03/2026</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">CP-000070</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001244</td>
<td class="td--primary">Flotillas Logísticas Monterrey</td>
<td class="td--amount">$9,152.40</td>
<td style="font-size:var(--text-caption);">03 Transferencia SPEI</td>
<td>24/03/2026</td>
<td><span class="badge badge--pendiente">Pendiente</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">CP-000069</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001230</td>
<td class="td--primary">Taller Mecánico Ramírez</td>
<td class="td--amount">$4,002.00</td>
<td style="font-size:var(--text-caption);">01 Efectivo</td>
<td>22/03/2026</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<tr>
<td class="td--mono">CP-000068</td>
<td class="td--mono" style="color:var(--color-text-accent);">NAP-001218, NAP-001225</td>
<td class="td--primary">Refaccionaria El Piston SC</td>
<td class="td--amount">$18,444.00</td>
<td style="font-size:var(--text-caption);">28 Tarjeta de débito</td>
<td>20/03/2026</td>
<td><span class="badge badge--timbrada">Timbrada</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Ver</button>
<button class="btn btn--ghost btn--sm">XML</button>
</div>
</td>
</tr>
<!-- Populated by JS -->
</tbody>
</table>
<div class="table-footer">
<span>Mostrando 15 de 12 complementos de pago</span>
<span></span>
<div class="pagination">
<button class="page-btn" aria-label="Anterior">
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 18 9 12 15 6"/></svg>
@@ -2489,79 +2195,7 @@
</tr>
</thead>
<tbody>
<tr>
<td style="font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-text-accent);padding-left:var(--space-5);">A</td>
<td class="td--primary">Factura estándar — Sucursal Centro</td>
<td class="td--mono">001290</td>
<td class="td--mono">001001</td>
<td><span class="badge badge--timbrada">I — Ingreso</span></td>
<td style="text-align:center;">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--color-success)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"/>
</svg>
</td>
<td><span class="badge badge--vigente">Activa</span></td>
<td>
<button class="btn btn--ghost btn--sm">Editar</button>
</td>
</tr>
<tr>
<td style="font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-text-accent);padding-left:var(--space-5);">B</td>
<td class="td--primary">Factura mayoreo — Clientes corporativos</td>
<td class="td--mono">000042</td>
<td class="td--mono">000001</td>
<td><span class="badge badge--timbrada">I — Ingreso</span></td>
<td style="text-align:center;color:var(--color-text-muted);"></td>
<td><span class="badge badge--vigente">Activa</span></td>
<td>
<button class="btn btn--ghost btn--sm">Editar</button>
</td>
</tr>
<tr>
<td style="font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-text-accent);padding-left:var(--space-5);">NC</td>
<td class="td--primary">Notas de crédito</td>
<td class="td--mono">000041</td>
<td class="td--mono">000001</td>
<td><span class="badge badge--pendiente">E — Egreso</span></td>
<td style="text-align:center;color:var(--color-text-muted);"></td>
<td><span class="badge badge--vigente">Activa</span></td>
<td>
<button class="btn btn--ghost btn--sm">Editar</button>
</td>
</tr>
<tr>
<td style="font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-text-accent);padding-left:var(--space-5);">CP</td>
<td class="td--primary">Complementos de pago</td>
<td class="td--mono">000072</td>
<td class="td--mono">000001</td>
<td><span class="badge badge--ppd">P — Pago</span></td>
<td style="text-align:center;color:var(--color-text-muted);"></td>
<td><span class="badge badge--vigente">Activa</span></td>
<td>
<button class="btn btn--ghost btn--sm">Editar</button>
</td>
</tr>
<tr>
<td style="font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--color-text-accent);padding-left:var(--space-5);">T</td>
<td class="td--primary">Traslados — Remisiones fiscales</td>
<td class="td--mono">000018</td>
<td class="td--mono">000001</td>
<td><span class="badge badge--cancelada">T — Traslado</span></td>
<td style="text-align:center;color:var(--color-text-muted);"></td>
<td><span class="badge badge--por-vencer">Inactiva</span></td>
<td>
<div style="display:flex;gap:4px;">
<button class="btn btn--ghost btn--sm">Editar</button>
<button class="btn btn--danger btn--sm">Activar</button>
</div>
</td>
</tr>
<!-- Populated by JS -->
</tbody>
</table>
</div>