HTMLify

dashboard.html
Views: 50 | Author: karbonsites
<!DOCTYPE html><html lang="pt-BR"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dashboard Operacional | AutoNota Fiscal</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"></head><body class="app-body"><header class="navbar dashboard-nav"><div class="container nav-container"><a href="index.html" class="logo"><div class="logo-icon"><i class="fa-solid fa-bolt"></i></div><span>AutoNota <small>Painel Analista</small></span></a><nav class="nav-links"><a href="index.html">Home Site</a><a href="dashboard.html" class="active">Painel de Captura</a></nav><div class="nav-actions"><div class="user-profile"><div class="avatar"><span>AC</span></div><span>Ana Contadora</span></div></div></div></header><main class="dashboard-main"><div class="container"><div class="dash-welcome"><div><h1>Central de Captura & Robôs <span class="badge success" style="margin-left: 10px;"><i class="fa-solid fa-circle-check"></i> Sistema Operacional Ativo</span></h1><p>O sistema já funciona por completo! Monitore a extração automática de notas e o status dos CAPTCHAs em tempo real.</p></div><button class="btn btn-primary" id="trigger-sync-btn"><i class="fa-solid fa-rotate"></i> Executar Captura Agora</button></div><div class="metrics-grid"><div class="metric-card"><div class="metric-icon bg-blue"><i class="fa-solid fa-file-arrow-down"></i></div><div class="metric-info"><span>Notas Capturadas Hoje</span><h2>12.480</h2><span class="trend positive"><i class="fa-solid fa-arrow-up"></i> +18% vs ontem</span></div></div><div class="metric-card"><div class="metric-icon bg-green"><i class="fa-solid fa-robot"></i></div><div class="metric-info"><span>CAPTCHAs Automatizados</span><h2>100%</h2><span class="trend positive"><i class="fa-solid fa-check"></i> 0 intervenções manuais</span></div></div><div class="metric-card"><div class="metric-icon bg-orange"><i class="fa-solid fa-triangle-exclamation"></i></div><div class="metric-info"><span>Notas com Retenção ReIR</span><h2>142</h2><span class="trend warning"><i class="fa-solid fa-filter"></i> Separadas para análise</span></div></div><div class="metric-card"><div class="metric-icon bg-purple"><i class="fa-solid fa-clock-rotate-left"></i></div><div class="metric-info"><span>Tempo Economizado</span><h2>48.5h</h2><span class="trend positive"><i class="fa-solid fa-bolt"></i> Equipe livre de tédio</span></div></div></div><div class="control-panel-card"><div class="panel-header"><h3><i class="fa-solid fa-sliders"></i> Painel de Controle de Empresas</h3><div class="search-box"><input type="text" id="company-search" placeholder="Buscar empresa ou CNPJ..."><i class="fa-solid fa-search"></i></div></div><div class="table-responsive"><table><thead><tr><th>Empresa</th><th>CNPJ</th><th>Status Sefaz/Prefeitura</th><th>Notas Hoje</th><th>CAPTCHA Status</th><th>Ações</th></tr></thead><tbody id="company-table-body"><tr><td><strong>Comércio ABC Ltda</strong></td><td>12.345.678/0001-90</td><td><span class="badge success">Sincronizado</span></td><td>1.240</td><td><span class="badge ai">Auto-Resolvido</span></td><td><button class="btn-sm btn-outline view-notes-btn">Ver Notas</button></td></tr><tr><td><strong>Indústria Metal Tech</strong></td><td>98.765.432/0001-12</td><td><span class="badge success">Sincronizado</span></td><td>850</td><td><span class="badge ai">Auto-Resolvido</span></td><td><button class="btn-sm btn-outline view-notes-btn">Ver Notas</button></td></tr><tr><td><strong>Global Serviços SA</strong></td><td>45.123.789/0001-55</td><td><span class="badge warning">Requer Atenção (Fora do ar)</span></td><td>430</td><td><span class="badge pending">Aguardando Nova Tentativa</span></td><td><button class="btn-sm btn-primary force-sync-btn">Forçar Sync</button></td></tr><tr><td><strong>TechSol Consultoria</strong></td><td>11.223.344/0001-99</td><td><span class="badge success">Sincronizado</span></td><td>2.100</td><td><span class="badge ai">Auto-Resolvido</span></td><td><button class="btn-sm btn-outline view-notes-btn">Ver Notas</button></td></tr></tbody></table></div></div></div></main><div class="modal-overlay" id="sync-modal"><div class="modal"><div class="modal-header"><h3>Robô de Captura em Execução</h3><button class="close-modal">&times;</button></div><div class="modal-body"><div class="sync-progress-container"><div class="spinner-ring"></div><h4 id="sync-status-text">Conectando à Base Nacional...</h4><p>Bypassing CAPTCHAs e baixando notas fiscais automaticamente.</p><div class="progress-bar"><div class="progress-fill" id="prog-fill"></div></div></div></div></div></div><div class="modal-overlay" id="notes-modal"><div class="modal" style="max-width: 600px;"><div class="modal-header"><h3 id="notes-modal-title">Notas Fiscais Capturadas</h3><button class="close-notes-modal">&times;</button></div><div class="modal-body" style="text-align: left;"><p style="color: var(--text-secondary); margin-bottom: 1rem;">Listagem de notas extraídas com sucesso pelo robô:</p><div class="table-responsive" style="max-height: 250px; overflow-y: auto;"><table><thead><tr><th>Nº Nota</th><th>Valor</th><th>Tipo</th><th>ReIR</th></tr></thead><tbody><tr><td>#94821</td><td>R$ 4.500,00</td><td>NFS-e</td><td><span class="badge success">Não</span></td></tr><tr><td>#94822</td><td>R$ 12.800,00</td><td>NF-e</td><td><span class="badge warning">Sim</span></td></tr><tr><td>#94823</td><td>R$ 1.250,00</td><td>NFS-e</td><td><span class="badge success">Não</span></td></tr></tbody></table></div><button class="btn btn-primary" id="close-notes-ok" style="width: 100%; margin-top: 1.5rem;">Fechar</button></div></div></div><script src="script.js" defer></script>
  <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner">
      <span>✨</span>
      <div>Built with <b>Karbon Sites</b></div>
  </a>
</body></html>
HTMLify

Share this file:
