Checklists – Consórcio VIAS GUAJARÁ <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/> <meta http-equiv="Pragma" content="no-cache"/> <meta http-equiv="Expires" content="0"/> <style> :root{ --bg:#f6f7fb; --tx:#0f172a; --mut:#64748b; --br:#e5e7eb; --blue:#005c91; --green:#159447; --dark:#111827; --red:#b91c1c; --whats:#25d366; } *{box-sizing:border-box} html{-webkit-text-size-adjust:100%} body{ margin:0; background:var(--bg); color:var(--tx); font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif; } .container{ max-width:1180px; margin:0 auto; padding:0 16px; } header{ background:#fff; border-bottom:1px solid #e5e7eb; box-shadow:0 4px 18px rgba(15,23,42,.08); position:sticky; top:0; z-index:50; } header .row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0; } .brand{ display:flex; align-items:center; gap:12px; min-width:260px; } .brand-logo{ width:74px; height:74px; border-radius:16px; border:1px solid #e5e7eb; background:#fff; display:grid; place-items:center; overflow:hidden; box-shadow:0 4px 14px rgba(15,23,42,.08); } .brand-logo img{ width:100%; height:100%; object-fit:contain; padding:4px; } .brand-title{ font-size:23px; font-weight:950; letter-spacing:.2px; color:#005c91; line-height:1.08; } .nav-actions{ display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; } .btn{ border:0; border-radius:12px; padding:12px 16px; font-weight:900; font-size:14px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:8px; line-height:1; white-space:nowrap; } .btn:hover{ filter:brightness(.97); transform:translateY(-1px); } .btn:disabled{ opacity:.65; cursor:not-allowed; transform:none; } .btn.blue{background:var(--blue);color:#fff} .btn.green{background:var(--green);color:#fff} .btn.dark{background:var(--dark);color:#fff} .btn.light{background:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0} .btn.red{background:var(--red);color:#fff} .btn.whats{background:var(--whats);color:#0b2f18} main{padding-bottom:30px} .card{ background:#fff; border:1px solid var(--br); border-radius:18px; box-shadow:0 8px 28px rgba(15,23,42,.07); margin:18px 0; overflow:hidden; } .card-h{ padding:15px 18px; color:#fff; font-weight:950; display:flex; align-items:center; justify-content:space-between; gap:10px; } .card-h.blue{background:linear-gradient(90deg,var(--blue),#0476b8)} .card-h.green{background:linear-gradient(90deg,var(--green),#16a34a)} .card-h.dark{background:linear-gradient(90deg,#0f172a,#334155)} .card-b{padding:18px} .grid2{ display:grid; grid-template-columns:1fr 1fr; gap:12px; } .grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } .grid4{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; } label.block{ display:block; margin:0 0 6px 2px; font-weight:800; color:#334155; } input, select, textarea{ width:100%; padding:11px 12px; border:1px solid var(--br); border-radius:11px; background:#fff; outline:none; font:inherit; font-size:16px; } input:focus, select:focus, textarea:focus{ border-color:#0ea5e9; box-shadow:0 0 0 3px rgba(14,165,233,.15); } textarea{ min-height:110px; resize:vertical; } .hidden{display:none !important} .legend{ background:#f8fafc; border:1px dashed var(--br); border-radius:13px; padding:11px; margin:12px 0; color:#334155; } .section-title{ font-weight:950; margin:18px 0 8px; color:#0f172a; display:flex; align-items:center; gap:8px; } .section-title:before{ content:""; width:7px; height:22px; border-radius:99px; background:#005c91; display:inline-block; } table{ width:100%; border-collapse:collapse; border:1px solid var(--br); background:#fff; table-layout:fixed; } thead th{ background:#f8fafc; text-align:left; color:#334155; font-weight:950; } th,td{ padding:9px 10px; border-top:1px solid var(--br); vertical-align:top; word-wrap:break-word; overflow-wrap:anywhere; } td > input, td > select{ width:100%; min-width:0; } .table-wrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; } .sig-box{ border:1px dashed #94a3b8; border-radius:13px; background:#f8fafc; padding:10px; } canvas.signature{ width:100%; height:140px; display:block; touch-action:none; background:#fff; border-radius:10px; } .actions{ display:flex; gap:10px; justify-content:flex-end; margin-top:14px; flex-wrap:wrap; } .pill{ display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px; background:#f1f5f9; border:1px solid #e2e8f0; font-weight:800; font-size:12px; } .wm{ position:fixed; inset:0; z-index:-1; pointer-events:none; display:flex; align-items:center; justify-content:center; opacity:.04; filter:grayscale(100%); } .wm img{ max-width:42%; height:auto; } @media(max-width:900px){ header .row{ flex-direction:column; align-items:flex-start; } .nav-actions{ width:100%; justify-content:flex-start; } .grid2, .grid3, .grid4{ grid-template-columns:1fr; } } @media(max-width:650px){ .brand-logo{ width:62px; height:62px; } .brand-title{ font-size:19px; } .nav-actions .btn{ flex:1 1 calc(33.33% - 8px); padding:12px 10px; font-size:13px; } .actions .btn{ width:100%; } th,td{ font-size:13px; padding:8px; } } /* ===== DASHBOARD GERENCIAL - VIAS GUAJARÁ ===== */ .dash-hero{ background:linear-gradient(135deg,#0f172a 0%,#005c91 52%,#159447 100%); color:#fff; border-radius:18px; padding:18px; display:flex; align-items:flex-start; justify-content:space-between; gap:14px; box-shadow:0 14px 36px rgba(15,23,42,.18); margin-bottom:14px; } .dash-hero h2{ margin:0 0 6px; font-size:24px; line-height:1.1; font-weight:950; } .dash-hero p{ margin:0; color:rgba(255,255,255,.82); font-weight:650; } .dash-stamp{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.24); border-radius:14px; padding:10px 12px; font-size:12px; font-weight:900; text-align:right; min-width:170px; } .kpi-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:12px 0; } .kpi-card{ background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:15px; box-shadow:0 8px 24px rgba(15,23,42,.06); position:relative; overflow:hidden; } .kpi-card:after{ content:""; position:absolute; right:-20px; top:-24px; width:88px; height:88px; background:rgba(0,92,145,.08); border-radius:999px; } .kpi-label{ color:#64748b; font-weight:900; font-size:12px; text-transform:uppercase; letter-spacing:.4px; } .kpi-value{ font-size:30px; font-weight:950; margin-top:6px; color:#0f172a; line-height:1; } .kpi-sub{ color:#64748b; font-size:12px; font-weight:750; margin-top:8px; } .dash-panels{ display:grid; grid-template-columns:1.15fr .85fr; gap:12px; margin-top:12px; } .dash-panel{ background:#fff; border:1px solid #e2e8f0; border-radius:18px; padding:14px; box-shadow:0 8px 24px rgba(15,23,42,.06); overflow:hidden; } .dash-panel h3{ margin:0 0 12px; font-size:16px; color:#0f172a; } .dash-bar-row{ display:grid; grid-template-columns:minmax(95px,180px) 1fr 56px; align-items:center; gap:10px; margin:10px 0; font-size:13px; font-weight:800; } .dash-bar-label{ color:#334155; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .dash-bar-track{ height:12px; background:#eef2f7; border-radius:999px; overflow:hidden; } .dash-bar-fill{ height:100%; border-radius:999px; background:linear-gradient(90deg,#005c91,#159447); min-width:4px; } .dash-empty{ color:#64748b; text-align:center; padding:24px; background:#f8fafc; border:1px dashed #cbd5e1; border-radius:14px; font-weight:800; } .dash-alert-list{ display:grid; gap:8px; } .dash-alert{ border:1px solid #e2e8f0; border-left:5px solid #b91c1c; border-radius:12px; padding:10px; background:#fff7f7; } .dash-alert strong{display:block;color:#0f172a;margin-bottom:3px} .dash-alert span{display:block;color:#64748b;font-size:12px;font-weight:700} .status-chip{ display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:7px 10px; font-weight:950; font-size:12px; } .status-chip.good{background:#dcfce7;color:#166534} .status-chip.warn{background:#fef9c3;color:#854d0e} .status-chip.bad{background:#fee2e2;color:#991b1b} @media(max-width:900px){ .kpi-grid, .dash-panels{ grid-template-columns:1fr; } .dash-hero{ flex-direction:column; } .dash-stamp{ width:100%; text-align:left; } } </style> </head> <body> <div class="wm" aria-hidden="true"> <img src="VIASGUAJARA.png" alt="Logo VIAS GUAJARA"> </div> <header> <div class="container"> <div class="row"> <div class="brand"> <div class="brand-logo"> <img src="VIASGUAJARA.png" alt="Logo VIAS GUAJARÁ"> </div> <div> <div class="brand-title">Consórcio VIAS GUAJARÁ</div> </div> </div> <div class="nav-actions"> <button id="openTruck" class="btn blue" type="button">Veículo</button> <button id="openMachine" class="btn green" type="button">Máquina</button> <button id="openDashboard" class="btn blue" type="button">Dashboard</button> <button id="openHist" class="btn dark" type="button">Histórico</button> </div> </div> </div> </header> <main class="container"> <section id="truckCard" class="card"> <div class="card-h blue"> <span>Checklist – Veículo</span> <button class="btn light" type="button" onclick="toggle('truckCard',false)">Fechar</button> </div> <div class="card-b"> <form id="truckForm" novalidate> <div class="grid2"> <div> <label class="block">Atividade</label> <select name="Atividade" required> <option></option> <option>Vistoria Equipamento</option> <option>Mobilização</option> <option>Desmobilização</option> </select> </div> <div> <label class="block">Local de inspeção</label> <input name="LocalInspecao" required> </div> </div> <div class="grid2" style="margin-top:8px"> <div> <label class="block">Nome do Verificador</label> <input name="NomeVerificador" required autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> <div> <label class="block">Nome do Motorista</label> <input name="NomeMotorista" required autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> </div> <div class="grid3" style="margin-top:8px"> <div> <label class="block">Data</label> <input type="date" name="Data" required> </div> <div> <label class="block">Hora</label> <input type="time" name="Hora" required> </div> <div> <label class="block">Placa</label> <input name="Placa" required> </div> <div> <label class="block">Placa Bi-Trem</label> <input name="PlacaBiTrem" placeholder="Se aplicável"> </div> <div> <label class="block">Marca</label> <input name="Marca"> </div> <div> <label class="block">Modelo</label> <input name="Modelo"> </div> <div> <label class="block">Tipo</label> <input name="TipoVeiculo" value="VEÍCULO"> </div> <div> <label class="block">Veículo</label> <input name="Veiculo"> </div> <div> <label class="block">Prefixo / Tag</label> <input name="PrefixoTag"> </div> <div> <label class="block">KM / Hodômetro</label> <input name="KM" type="number" step="1" min="0"> </div> <div> <label class="block">Obra de Origem</label> <input name="ObraOrigem"> </div> <div> <label class="block">Obra Destino</label> <input name="ObraDestino"> </div> </div> <div class="grid2" style="margin-top:8px"> <div> <label class="block">Nível de Combustível (%)</label> <input id="CombustivelPct" name="CombustivelPct" type="number" min="0" max="100" value="0"> <input id="CombustivelPctRange" type="range" min="0" max="100" value="0"> </div> <div> <label class="block">Nível de ARLA (%)</label> <input id="ArlaPct" name="ArlaPct" type="number" min="0" max="100" value="0"> <input id="ArlaPctRange" type="range" min="0" max="100" value="0"> </div> </div> <div class="legend"> <b>Legenda:</b> <b>C</b> = Conforme • <b>NC</b> = Não Conforme • <b>N/A</b> = Não se Aplica </div> <div id="truckTables"></div> <div class="grid2" style="margin-top:10px"> <div class="sig-box"> <span><strong>Assinatura do Verificador</strong></span> <canvas id="sigTruckVer" class="signature"></canvas> <div class="actions" style="justify-content:flex-start;margin-top:6px"> <button type="button" class="btn light" onclick="pads.truckVer.clear()">Limpar assinatura</button> </div> <input name="NomeAssinaturaVerificadorCaminhao" placeholder="Nome legível" style="margin-top:6px" autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> <div class="sig-box"> <span><strong>Assinatura do Motorista</strong></span> <canvas id="sigTruckMot" class="signature"></canvas> <div class="actions" style="justify-content:flex-start;margin-top:6px"> <button type="button" class="btn light" onclick="pads.truckMot.clear()">Limpar assinatura</button> </div> <input name="NomeAssinaturaMotoristaCaminhao" placeholder="Nome legível" style="margin-top:6px" autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> </div> <div style="margin-top:10px"> <label class="block"><strong>Fotos da Vistoria</strong></label> <input id="FotosTruck" type="file" accept="image/*" multiple> </div> <div style="margin-top:10px"> <label class="block"><strong>Observação</strong></label> <textarea name="Observacao" placeholder="Observações adicionais..."></textarea> </div> <div class="actions"> <button id="saveTruck" type="button" class="btn light">Salvar</button> <button id="sendTruckWhats" type="button" class="btn whats">Enviar pelo WhatsApp</button> <a id="dlTruck" class="btn light hidden" download>Baixar PDF</a> </div> </form> </div> </section> <section id="machineCard" class="card hidden"> <div class="card-h green"> <span>Checklist – Máquina</span> <button class="btn light" type="button" onclick="toggle('machineCard',false)">Fechar</button> </div> <div class="card-b"> <form id="machineForm" novalidate> <div class="grid2"> <div> <label class="block">Atividade</label> <select name="Atividade" required> <option></option> <option>Vistoria Equipamento</option> <option>Mobilização</option> <option>Desmobilização</option> </select> </div> <div> <label class="block">Nome do Verificador</label> <input name="NomeVerificador" required autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> </div> <div class="grid3" style="margin-top:8px"> <div> <label class="block">Data</label> <input name="Data" type="date" required> </div> <div> <label class="block">Hora</label> <input name="Hora" type="time" required> </div> <div> <label class="block">Tipo de Equipamento</label> <select name="TipoEquipamento" id="TipoEquipamento" required> <option></option> <option>Rolo compactador</option> <option>Retroescavadeira</option> <option>Escavadeira hidráulica</option> <option>Pá carregadeira</option> <option>Minicarregadeira</option> <option>Motoniveladora</option> <option>Trator de esteira</option> <option>Trator de pneu</option> <option>Usina de asfalto</option> <option>Tanque</option> <option>Grade Aradora</option> <option>Motor bomba</option> <option>Vibroacabadora</option> </select> </div> <div> <label class="block">Prefixo / Tag</label> <input name="PrefixoTag"> </div> <div> <label class="block">Modelo</label> <input name="Modelo"> </div> <div> <label class="block">Horímetro</label> <input name="Horimetro" type="number" step="0.1"> </div> <div> <label class="block">Nome do Operador</label> <input name="NomeOperador" autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> <div> <label class="block">Local de Inspeção</label> <input name="LocalInspecaoMac"> </div> <div> <label class="block">Obra de Origem</label> <input name="ObraOrigem"> </div> <div> <label class="block">Obra Destino</label> <input name="ObraDestino"> </div> </div> <div class="grid2" style="margin-top:8px"> <div> <label class="block">Nível de Combustível (%)</label> <input id="CombustivelMacPct" name="CombustivelMacPct" type="number" min="0" max="100" value="0"> <input id="CombustivelMacPctRange" type="range" min="0" max="100" value="0"> </div> </div> <div class="legend"> <b>Legenda:</b> <b>C</b> = Conforme • <b>NC</b> = Não Conforme • <b>N/A</b> = Não se Aplica </div> <div id="machineTable"></div> <div class="grid2" style="margin-top:10px"> <div class="sig-box"> <span><strong>Assinatura do Verificador</strong></span> <canvas id="sigMacVer" class="signature"></canvas> <div class="actions" style="justify-content:flex-start;margin-top:6px"> <button type="button" class="btn light" onclick="pads.macVer.clear()">Limpar assinatura</button> </div> <input name="NomeAssinaturaVerificadorMaquina" placeholder="Nome legível" style="margin-top:6px" autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> <div class="sig-box"> <span><strong>Assinatura do Operador</strong></span> <canvas id="sigMacOp" class="signature"></canvas> <div class="actions" style="justify-content:flex-start;margin-top:6px"> <button type="button" class="btn light" onclick="pads.macOp.clear()">Limpar assinatura</button> </div> <input name="NomeAssinaturaOperadorMaquina" placeholder="Nome legível" style="margin-top:6px" autocomplete="name" autocapitalize="words" autocorrect="off" spellcheck="false"> </div> </div> <div style="margin-top:10px"> <label class="block"><strong>Fotos da Vistoria</strong></label> <input id="FotosMachine" type="file" accept="image/*" multiple> </div> <div style="margin-top:10px"> <label class="block"><strong>Observação</strong></label> <textarea name="Observacao" placeholder="Observações adicionais..."></textarea> </div> <div class="actions"> <button id="saveMachine" type="button" class="btn light">Salvar</button> <button id="sendMachineWhats" type="button" class="btn whats">Enviar pelo WhatsApp</button> <a id="dlMachine" class="btn light hidden" download>Baixar PDF</a> </div> </form> </div> </section> <section id="dashboardCard" class="card hidden"> <div class="card-h blue"> <span>Dashboard Gerencial</span> <button class="btn light" type="button" onclick="toggle('dashboardCard',false)">Fechar</button> </div> <div class="card-b"> <div class="dash-hero"> <div> <h2>Gestão de Checklists Operacionais</h2> <p>Visão executiva baseada no histórico salvo: produtividade, não conformidades, equipamentos e usuários.</p> </div> <div class="dash-stamp" id="dashUpdated">Aguardando atualização</div> </div> <div class="actions" style="justify-content:flex-start;margin-top:0"> <button class="btn blue" type="button" id="dashRefresh">Atualizar dashboard</button> <button class="btn dark" type="button" onclick="toggle('histCard',true); loadHistory();">Ver histórico completo</button> <span class="pill" id="dashBase">Base: 0 registros</span> </div> <div class="kpi-grid"> <div class="kpi-card"> <div class="kpi-label">Total de checklists</div> <div class="kpi-value" id="kpiTotal">0</div> <div class="kpi-sub">Registros salvos na nuvem</div> </div> <div class="kpi-card"> <div class="kpi-label">Veículos</div> <div class="kpi-value" id="kpiTruck">0</div> <div class="kpi-sub">Checklists de frota</div> </div> <div class="kpi-card"> <div class="kpi-label">Máquinas</div> <div class="kpi-value" id="kpiMachine">0</div> <div class="kpi-sub">Checklists de equipamentos</div> </div> <div class="kpi-card"> <div class="kpi-label">Não conformidades</div> <div class="kpi-value" id="kpiNC">0</div> <div class="kpi-sub" id="kpiNCSub">0% dos itens avaliados</div> </div> </div> <div class="kpi-grid"> <div class="kpi-card"> <div class="kpi-label">Conformidade</div> <div class="kpi-value" id="kpiConformidade">0%</div> <div class="kpi-sub">Itens C sobre itens avaliados</div> </div> <div class="kpi-card"> <div class="kpi-label">Com observação</div> <div class="kpi-value" id="kpiObs">0</div> <div class="kpi-sub">Registros com observação geral</div> </div> <div class="kpi-card"> <div class="kpi-label">Usuário mais ativo</div> <div class="kpi-value" id="kpiTopUser" style="font-size:20px">—</div> <div class="kpi-sub" id="kpiTopUserSub">0 registros</div> </div> <div class="kpi-card"> <div class="kpi-label">Semáforo operacional</div> <div class="kpi-value" id="kpiSemaforo" style="font-size:18px">—</div> <div class="kpi-sub" id="kpiSemaforoSub">Base insuficiente</div> </div> </div> <div class="dash-panels"> <div class="dash-panel"> <h3>Checklists por dia</h3> <div id="chartDia"></div> </div> <div class="dash-panel"> <h3>Distribuição por tipo</h3> <div id="chartTipo"></div> </div> </div> <div class="dash-panels"> <div class="dash-panel"> <h3>Ranking por usuário</h3> <div id="chartUsuario"></div> </div> <div class="dash-panel"> <h3>Máquinas por tipo de equipamento</h3> <div id="chartEquipamento"></div> </div> </div> <div class="dash-panels"> <div class="dash-panel"> <h3>Top identificações vistoriadas</h3> <div id="chartIdentificacao"></div> </div> <div class="dash-panel"> <h3>Últimos registros com NC</h3> <div id="dashNcList"></div> </div> </div> </div> </section> <section id="histCard" class="card hidden"> <div class="card-h dark"> <span>Histórico</span> <button class="btn light" type="button" onclick="toggle('histCard',false)">Fechar</button> </div> <div class="card-b"> <div class="grid4"> <div> <label class="block">Buscar</label> <input id="histQuery" placeholder="Placa, prefixo, usuário, equipamento..."> </div> <div> <label class="block">Tipo</label> <select id="histTipo"> <option value="">Todos</option> <option value="truck">Veículo</option> <option value="machine">Máquina</option> </select> </div> <div> <label class="block">Data inicial</label> <input id="histStart" type="date"> </div> <div> <label class="block">Data final</label> <input id="histEnd" type="date"> </div> </div> <div class="actions" style="justify-content:flex-start"> <button class="btn blue" type="button" id="histRefresh">Atualizar</button> <button class="btn light" type="button" id="histClearFilters">Limpar filtros</button> <span class="pill" id="histCount">0 itens</span> </div> <div class="table-wrap" style="margin-top:12px"> <table> <thead> <tr> <th style="width:90px">ID</th> <th style="width:110px">Tipo</th> <th>Identificação</th> <th>Usuário</th> <th style="width:160px">Data/Hora</th> <th style="width:240px">Ações</th> </tr> </thead> <tbody id="histBody"></tbody> </table> </div> </div> </section> </main> <script> const APP_NAME = 'Consórcio VIAS GUAJARÁ'; const LOGO_SRC = 'VIAS GUAJARÁ.png'; const openTruckBtn = document.getElementById('openTruck'); const openMachineBtn = document.getElementById('openMachine'); const openHistBtn = document.getElementById('openHist'); const openDashboardBtn = document.getElementById('openDashboard'); function toggle(id, show = true){ ['truckCard','machineCard','dashboardCard','histCard'].forEach(cid=>{ const el = document.getElementById(cid); if(el) el.classList.add('hidden'); }); if(show){ const target = document.getElementById(id); if(target) target.classList.remove('hidden'); } window.scrollTo({top:0, behavior:'smooth'}); } if(openTruckBtn){ openTruckBtn.onclick = ()=>{ toggle('truckCard', true); }; } if(openMachineBtn){ openMachineBtn.onclick = ()=>{ toggle('machineCard', true); updateMachineTable(); }; } if(openHistBtn){ openHistBtn.onclick = async ()=>{ toggle('histCard', true); await loadHistory(); }; } if(openDashboardBtn){ openDashboardBtn.onclick = async ()=>{ toggle('dashboardCard', true); await loadHistory(); renderDashboard(); }; } function todayISO(){ const d = new Date(); const yyyy = d.getFullYear(); const mm = String(d.getMonth() + 1).padStart(2,'0'); const dd = String(d.getDate()).padStart(2,'0'); return `${yyyy}-${mm}-${dd}`; } function nowTime(){ const d = new Date(); return String(d.getHours()).padStart(2,'0') + ':' + String(d.getMinutes()).padStart(2,'0'); } function fillCurrentDateTime(formId){ const form = document.getElementById(formId); if(!form) return; const dateInput = form.querySelector('input[type="date"][name="Data"]'); const timeInput = form.querySelector('input[type="time"][name="Hora"]'); if(dateInput && !dateInput.value) dateInput.value = todayISO(); if(timeInput && !timeInput.value) timeInput.value = nowTime(); } fillCurrentDateTime('truckForm'); fillCurrentDateTime('machineForm'); const gruposTruck = { 'Sistemas de Iluminação':[ 'Faróis alto e baixo, e lanternas traseiras' ], 'Sinalização':[ 'Faixa refletiva do para-choque traseiro e dianteiro', 'Freio de estacionamento', 'Triângulo de segurança refletivo', 'Cinto de segurança', 'Luzes de freio e marcha à ré', 'Setas dianteiras, laterais e traseiras', 'Luzes do implemento', 'Placa veicular afixada na dianteira e traseira', 'Faixa refletiva lateral' ], 'Cabine / Estrutura':[ 'Bancos', 'Capas de banco', 'Assoalho', 'Tapetes', 'Ar condicionado', 'Para-brisa', 'Espelhos retrovisores', 'Limpador de para-brisa', 'Tacógrafo', 'Macaco hidráulico', 'Chave de rodas' ], 'Sistemas de Freio / Suspensão':[ 'Lonas de freio', 'Molas dianteiras e traseiras', 'Pedal de freio', 'Luzes e indicadores do painel de instrumentos' ], 'Material Rodante':[ 'Pneus', 'Rodas', 'Parafusos de roda', 'Corrente e cadeado do estepe', 'Step' ], 'Implemento':[ 'Lona', 'Tampa da báscula', 'Cilindro de elevação da báscula', 'Escada de acesso da báscula' ], 'Documentos':[ 'Seguro', 'CRLV', 'Certificado do tacógrafo', 'CIV para espargidores e comboios', 'CIPP para espargidores e comboios' ] }; const machineGroups = { "Rolo compactador":[ "Sirene de ré", "Buzina", "Pressão dos pneus / rodas lisas", "Raspadores / vibradores", "Níveis de óleo", "Vazamentos hidráulicos", "Iluminação", "Painel de instrumentos", "Cinto de segurança", "Capô / travas", "Material de desgaste / facas", "Giroflex" ], "Retroescavadeira":[ "Sirene de ré", "Buzina", "Condições dos pneus", "Níveis de óleo", "Vazamentos hidráulicos", "Sapata estabilizadora", "Braço retro – folgas", "Caçamba – dentes / pinos", "Iluminação", "Painel / console", "Cinto de segurança", "Extintor" ], "Escavadeira hidráulica":[ "Alarme de ré", "Buzina", "Esteiras / roletes", "FPS / material de desgaste", "Nível de óleo motor", "Sistema hidráulico – vazamentos", "Pinos / embuchamentos", "Rotação e giro", "Iluminação", "Painel / indicadores", "Cinto de segurança" ], "Pá carregadeira":[ "Alarme de ré", "Buzina", "Pneus", "Caçamba – lâmina / dentes", "Articulação central – folgas", "Níveis de óleo", "Sistema hidráulico – vazamentos", "Freios", "Iluminação", "Painel", "Cinto de segurança" ], "Minicarregadeira":[ "Comandos elétricos", "Comandos hidráulicos", "Iluminação", "Buzina", "Sirene ré", "Capa banco", "Cadeado tanque", "Acompanha chave ignição?", "Níveis de óleo", "Extintor", "Condição do pneu?", "Condição do implemento?" ], "Motoniveladora":[ "Alarme de ré", "Buzina", "Pneus", "Lâmina – desgaste", "Articulações / folgas", "Nível de óleo motor", "Vazamentos hidráulicos", "Freios", "Iluminação", "Painel", "Cinto de segurança" ], "Trator de esteira":[ "Alarme de ré", "Buzina", "Esteiras / roletes", "Lâmina / ripper", "Nível de óleo motor", "Hidráulico – vazamentos", "Transmissão / diferencial", "Painel / indicadores", "Iluminação", "Cinto de segurança" ], "Trator de pneu":[ "Alarme de ré", "Buzina", "Pneus", "Arco / estrutura de proteção", "Nível de óleo motor", "Hidráulico – vazamentos", "Transmissão / diferencial", "Painel / indicadores", "Iluminação", "Cinto de segurança" ], "Usina de asfalto":[ "Painéis elétricos", "Queimadores", "Bombas de asfalto", "Transportadores", "Filtros / coifas", "Vazamentos – óleo / combustível / asfalto", "Extintores", "Iluminação da área", "Proteções NR-10 / NR-12", "Sinalização de segurança" ], "Tanque":[ "Integridade do casco", "Válvulas / registro", "Mangotes", "Bomba", "Vazamentos", "Indicadores de nível", "Iluminação", "Sinalização", "Aterramento" ], "Grade Aradora":[ "Discos de arado", "Parafusos de fixação", "Raspadores", "Mancais", "Mangueiras hidráulicas", "Pneus", "Cilindros hidráulicos" ], "Motor bomba":[ "Motor em funcionamento", "Mangueiras sem vazamento", "Filtros limpos", "Vibrações anormais", "Fixação / conjunto", "Partida / afogador", "Consumo anormal", "Nível de óleo", "Combustível", "Gaiola / proteções" ], "Vibroacabadora":[ "Comandos elétricos", "Iluminação", "Buzina", "Sirene ré", "Níveis de óleo", "Extintor", "Gabarito espessura massa", "Condições caracóis", "Condições chapa desgaste", "Acompanha controle mesa", "Botijão gás", "Acompanha chave ignição", "Capa banco", "Capa painel" ] }; const machineItemsFallback = [ "Sirene de ré", "Buzina", "Condição pneus / esteiras", "Níveis de óleo", "Vazamentos hidráulicos", "Iluminação", "Painel / indicadores", "Cinto de segurança", "Material de desgaste", "Giroflex" ]; function slug(t){ return String(t || '') .toLowerCase() .replaceAll(' / ','_') .replaceAll('/','_') .replaceAll(' ','_') .normalize('NFD') .replace(/[\u0300-\u036f]/g,'') .replace(/[^a-z0-9_]/g,''); } function escAttr(value){ return String(value ?? '').replace(/"/g,'"'); } function escHtml(value){ return String(value ?? "").replace(/[&<>"']/g, char => ({ '&':'&', '<':'<', '>':'>', '"':'"', "'":''' }[char])); } function buildChecklistTable(items, groupName){ return ` <table> <thead> <tr> <th>Item</th> <th style="width:120px;text-align:center">C/NC/N/A</th> <th>Observações</th> </tr> </thead> <tbody> ${items.map(item=>{ const name = groupName ? `${slug(groupName)}__${slug(item)}` : slug(item); const itemAttr = escAttr(item); const groupAttr = escAttr(groupName || ''); return ` <tr> <td>${item}</td> <td style="text-align:center"> <select name="${name}" data-check-item="${itemAttr}" data-check-group="${groupAttr}" required> <option value=""></option> <option>C</option> <option>NC</option> <option>N/A</option> </select> </td> <td> <input name="${name}__obs" data-check-obs="${itemAttr}" data-check-group="${groupAttr}" placeholder="Observações"> </td> </tr> `; }).join('')} </tbody> </table> `; } function buildTruckTables(){ let html = ''; for(const [title, items] of Object.entries(gruposTruck)){ html += ` <div class="section-title">${title}</div> ${buildChecklistTable(items, title)} `; } const truckTables = document.getElementById('truckTables'); if(truckTables) truckTables.innerHTML = html; } function updateMachineTable(){ const tipo = (document.getElementById('TipoEquipamento')?.value || '').trim(); const items = machineGroups[tipo] || machineItemsFallback; const machineTable = document.getElementById('machineTable'); if(machineTable){ machineTable.innerHTML = ` <div class="section-title">${tipo || 'Itens de inspeção da máquina'}</div> ${buildChecklistTable(items, tipo || 'Máquina')} `; } } buildTruckTables(); updateMachineTable(); document.getElementById('TipoEquipamento')?.addEventListener('change', updateMachineTable); function syncRange(numId, rangeId){ const n = document.getElementById(numId); const r = document.getElementById(rangeId); if(!n || !r) return; const clamp = value => Math.max(0, Math.min(100, Number(value) || 0)); n.addEventListener('input', ()=>{ n.value = clamp(n.value); r.value = n.value; }); r.addEventListener('input', ()=>{ n.value = clamp(r.value); }); } syncRange('CombustivelPct','CombustivelPctRange'); syncRange('ArlaPct','ArlaPctRange'); syncRange('CombustivelMacPct','CombustivelMacPctRange'); function setupPad(sel){ const c = document.querySelector(sel); if(!c){ return { toDataURL:()=> '', clear:()=>{} }; } const ctx = c.getContext('2d'); let drawing = false; let prev = {x:0,y:0}; let lastData = null; function DPR(){ return Math.max(2, window.devicePixelRatio || 1); } function drawBg(){ ctx.fillStyle = "#ffffff"; ctx.fillRect(0,0,c.width,c.height); } function style(){ ctx.lineWidth = 2.2; ctx.lineJoin = 'round'; ctx.lineCap = 'round'; ctx.strokeStyle = '#111827'; } function getDataURLSafe(){ try{ return c.toDataURL('image/png'); }catch(e){ return ''; } } function restore(url){ if(!url) return; const img = new Image(); img.onload = ()=>{ ctx.setTransform(1,0,0,1,0,0); ctx.scale(DPR(),DPR()); drawBg(); ctx.drawImage(img,0,0,c.clientWidth,c.clientHeight); }; img.src = url; } function resize(){ lastData = lastData || getDataURLSafe(); const d = DPR(); const rect = c.getBoundingClientRect(); const cssW = Math.max(300, rect.width || c.clientWidth || 300); const cssH = 140; c.width = cssW * d; c.height = cssH * d; c.style.height = cssH + 'px'; ctx.setTransform(1,0,0,1,0,0); ctx.scale(d,d); drawBg(); style(); restore(lastData); } function point(e){ const rect = c.getBoundingClientRect(); const touch = e.touches && e.touches[0] ? e.touches[0] : e; return { x: touch.clientX - rect.left, y: touch.clientY - rect.top }; } function start(e){ e.preventDefault(); drawing = true; prev = point(e); } function move(e){ if(!drawing) return; e.preventDefault(); const p = point(e); ctx.beginPath(); ctx.moveTo(prev.x, prev.y); ctx.lineTo(p.x, p.y); ctx.stroke(); prev = p; lastData = getDataURLSafe(); } function end(e){ if(e) e.preventDefault(); drawing = false; lastData = getDataURLSafe(); } function clear(){ lastData = null; drawBg(); style(); } c.addEventListener('mousedown', start); c.addEventListener('mousemove', move); window.addEventListener('mouseup', end); c.addEventListener('touchstart', start, {passive:false}); c.addEventListener('touchmove', move, {passive:false}); c.addEventListener('touchend', end, {passive:false}); window.addEventListener('resize', resize); resize(); return { clear, toDataURL:()=> getDataURLSafe() }; } const pads = { truckVer: setupPad('#sigTruckVer'), truckMot: setupPad('#sigTruckMot'), macVer: setupPad('#sigMacVer'), macOp: setupPad('#sigMacOp') }; function readAsArrayBuffer(file){ return new Promise((resolve,reject)=>{ const reader = new FileReader(); reader.onload = ()=> resolve(reader.result); reader.onerror = reject; reader.readAsArrayBuffer(file); }); } function readAsDataURL(file){ return new Promise((resolve,reject)=>{ const reader = new FileReader(); reader.onload = ()=> resolve(reader.result); reader.onerror = reject; reader.readAsDataURL(file); }); } function getExifOrientation(arrayBuffer){ try{ const view = new DataView(arrayBuffer); if(view.getUint16(0, false) !== 0xFFD8) return 1; let offset = 2; while(offset < view.byteLength){ const marker = view.getUint16(offset, false); offset += 2; if(marker === 0xFFE1){ offset += 2; const exif = view.getUint32(offset, false); if(exif !== 0x45786966) return 1; const tiff = offset + 6; const little = view.getUint16(tiff, false) === 0x4949; const firstIFD = view.getUint32(tiff + 4, little); let dir = tiff + firstIFD; const entries = view.getUint16(dir, little); dir += 2; for(let i = 0; i < entries; i++){ const entryOffset = dir + i * 12; const tag = view.getUint16(entryOffset, little); if(tag === 0x0112){ return view.getUint16(entryOffset + 8, little) || 1; } } return 1; } if((marker & 0xFFF0) !== 0xFFE0) break; offset += view.getUint16(offset, false); } }catch(e){} return 1; } async function fixPhotoToJpeg(file, maxDim = 2200, quality = .88){ try{ const arrayBuffer = await readAsArrayBuffer(file); const src = await readAsDataURL(file); const orientation = getExifOrientation(arrayBuffer); const img = await new Promise((resolve,reject)=>{ const image = new Image(); image.onload = ()=> resolve(image); image.onerror = reject; image.src = src; }); const rotated = orientation >= 5 && orientation <= 8; const baseW = rotated ? img.naturalHeight : img.naturalWidth; const baseH = rotated ? img.naturalWidth : img.naturalHeight; const scale = Math.min(1, maxDim / Math.max(baseW, baseH)); const w = Math.round(baseW * scale); const h = Math.round(baseH * scale); const canvas = document.createElement('canvas'); const ctx = canvas.getContext('2d'); canvas.width = w; canvas.height = h; ctx.save(); switch(orientation){ case 2: ctx.translate(w, 0); ctx.scale(-1, 1); break; case 3: ctx.translate(w, h); ctx.rotate(Math.PI); break; case 4: ctx.translate(0, h); ctx.scale(1, -1); break; case 5: ctx.rotate(.5 * Math.PI); ctx.scale(1, -1); ctx.translate(0, -w); break; case 6: ctx.rotate(.5 * Math.PI); ctx.translate(0, -w); break; case 7: ctx.rotate(.5 * Math.PI); ctx.scale(-1, 1); ctx.translate(-h, -w); break; case 8: ctx.rotate(-.5 * Math.PI); ctx.translate(-h, 0); break; } ctx.drawImage(img, 0, 0, rotated ? h : w, rotated ? w : h); ctx.restore(); return canvas.toDataURL('image/jpeg', quality); }catch(e){ return await readAsDataURL(file); } } async function filesToCorrectedJpegs(files){ const out = []; for(const file of Array.from(files || [])){ out.push(await fixPhotoToJpeg(file)); } return out; } function filesOf(id){ const el = document.getElementById(id); return el ? el.files : null; } function loadImage(src){ return new Promise((resolve,reject)=>{ const img = new Image(); img.onload = ()=> resolve(img); img.onerror = reject; img.src = src; }); } async function ensureJsPDF(){ if(window.jspdf && window.jspdf.jsPDF) return true; await new Promise((resolve,reject)=>{ const script = document.createElement('script'); script.src = "https://cdn.jsdelivr.net/npm/jspdf@2.5.1/dist/jspdf.umd.min.js"; script.onload = resolve; script.onerror = reject; document.head.appendChild(script); }); return true; } function payload(form){ const data = {}; new FormData(form).forEach((value,key)=> data[key] = value); return data; } function normalizePhone(phone){ return phone ? String(phone).replace(/\D+/g,'') : ''; } function formatDateBR(value){ if(!value) return ''; const txt = String(value); if(/^\d{4}-\d{2}-\d{2}$/.test(txt)){ const p = txt.split('-'); return p[2] + '/' + p[1] + '/' + p[0]; } return txt; } function getMainId(type, data){ data = data || {}; if(type === 'truck'){ return data.Placa || data.PrefixoTag || data.Veiculo || data.Modelo || 'Veículo sem identificação'; } return data.PrefixoTag || data.TipoEquipamento || data.Modelo || 'Máquina sem identificação'; } function collectChecklistRows(form){ const rows = []; const selects = form.querySelectorAll('select[data-check-item]'); selects.forEach(select=>{ const item = select.dataset.checkItem || ''; const group = select.dataset.checkGroup || ''; let obsInput = null; try{ obsInput = form.querySelector( 'input[data-check-obs="' + CSS.escape(item) + '"][data-check-group="' + CSS.escape(group) + '"]' ); }catch(e){} rows.push({ group:group, item:item, status:select.value || '', obs:obsInput ? obsInput.value || '' : '' }); }); return rows; } function collectTruckGroups(){ const form = document.getElementById('truckForm'); const rows = collectChecklistRows(form); const grouped = {}; rows.forEach(row=>{ const groupName = row.group || 'Checklist'; if(!grouped[groupName]) grouped[groupName] = []; grouped[groupName].push(row); }); return grouped; } function collectMachineRows(){ return collectChecklistRows(document.getElementById('machineForm')); } function validateRequired(form){ const required = form.querySelectorAll('[required]'); let first = null; required.forEach(el=>{ if(!String(el.value || '').trim()){ el.style.borderColor = '#b91c1c'; if(!first) first = el; }else{ el.style.borderColor = ''; } }); if(first){ first.focus(); alert('Preencha os campos obrigatórios antes de continuar.'); return false; } return true; } function createFileFromDoc(doc, filename){ const blob = doc.output('blob'); return new File([blob], filename, {type:'application/pdf'}); } function setDownloadLink(anchor, file){ if(!anchor) return; const url = URL.createObjectURL(file); anchor.classList.remove('hidden'); anchor.href = url; anchor.download = file.name; setTimeout(()=> URL.revokeObjectURL(url), 120000); } async function uploadPDF(file){ const fd = new FormData(); fd.append('pdf', file); const response = await fetch('api/upload.php', { method:'POST', body:fd }); const json = await response.json().catch(()=>null); if(!response.ok || !json || !json.ok || !json.url){ throw new Error((json && json.error) ? json.error : 'Falha ao enviar PDF para a nuvem.'); } return json.url; } async function saveToCloud(tipo, payloadObj, pdfFileName, pdfUrl, usuario){ const body = { tipo: tipo, usuario: usuario || '', telefone: '', identificacao: getMainId(tipo, payloadObj || {}), pdf_nome: pdfFileName || '', pdf_url: pdfUrl || '', payload: payloadObj || {} }; const response = await fetch('api/save.php', { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify(body) }); const json = await response.json().catch(()=>null); if(!response.ok || !json || !json.ok){ throw new Error((json && json.error) ? json.error : 'Falha ao salvar histórico na nuvem.'); } return json.row || null; } async function listCloudHistory(){ const response = await fetch('api/list.php', {cache:'no-store'}); const json = await response.json().catch(()=>null); if(!response.ok || !json || !json.ok || !Array.isArray(json.rows)){ throw new Error((json && json.error) ? json.error : 'Falha ao carregar histórico.'); } return json.rows; } async function deleteCloudHistory(id){ const response = await fetch('api/delete.php', { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({id:id}) }); const json = await response.json().catch(()=>null); if(!response.ok || !json || !json.ok){ throw new Error((json && json.error) ? json.error : 'Falha ao excluir.'); } return true; } function fileUrlFromRow(row){ return String((row && (row.pdf_url || row.url || row.file_url)) || '').trim(); } async function abrirRegistro(id, url){ const u = String(url || '').trim(); if(!u){ alert('PDF não encontrado para este registro.'); return; } window.open(u, '_blank', 'noopener'); } async function excluirRegistro(id){ if(!confirm('Deseja excluir este checklist do histórico?')) return; try{ await deleteCloudHistory(id); await loadHistory(); }catch(e){ console.error(e); alert('Erro ao excluir o registro.'); } } const histBody = document.getElementById('histBody'); const histQuery = document.getElementById('histQuery'); const histTipo = document.getElementById('histTipo'); const histStart = document.getElementById('histStart'); const histEnd = document.getElementById('histEnd'); const histCount = document.getElementById('histCount'); let _histRows = []; function getHistDate(row){ const created = String((row && row.created_at) || ''); const br = created.match(/(\d{2})\/(\d{2})\/(\d{4})/); if(br) return br[3] + '-' + br[2] + '-' + br[1]; const iso = created.match(/(\d{4})-(\d{2})-(\d{2})/); if(iso) return iso[1] + '-' + iso[2] + '-' + iso[3]; return ''; } function typeLabel(type){ if(type === 'truck') return 'Veículo'; if(type === 'machine') return 'Máquina'; return type || '—'; } function renderHistory(){ if(!histBody) return; const q = String((histQuery && histQuery.value) || '').trim().toLowerCase(); const tipo = String((histTipo && histTipo.value) || '').trim(); const start = String((histStart && histStart.value) || '').trim(); const end = String((histEnd && histEnd.value) || '').trim(); let rows = [].concat(_histRows); rows = rows.filter(row=>{ row = row || {}; const p = row.payload || {}; if(tipo && String(row.tipo || '') !== tipo) return false; const rowDate = getHistDate(row); if(start && rowDate && rowDate < start) return false; if(end && rowDate && rowDate > end) return false; if(q){ const haystack = [ row.id,row.tipo,row.usuario,row.identificacao,row.pdf_nome,row.created_at, p.Placa,p.PrefixoTag,p.TipoEquipamento,p.Modelo,p.Veiculo ].join(' ').toLowerCase(); if(!haystack.includes(q)) return false; } return true; }); if(histCount){ histCount.textContent = rows.length + ' ' + (rows.length === 1 ? 'item' : 'itens'); } if(!rows.length){ histBody.innerHTML = '<tr><td colspan="6" style="text-align:center;color:#64748b;padding:20px">Nenhum checklist encontrado.</td></tr>'; return; } histBody.innerHTML = rows.map(row=>{ row = row || {}; const p = row.payload || {}; const rawId = String(row.id || '').replace(/'/g, "\\'"); const rawUrl = String(fileUrlFromRow(row) || '').replace(/'/g, "%27"); const identificacao = row.identificacao || p.Placa || p.PrefixoTag || row.pdf_nome || '—'; const usuario = row.usuario || p.ResponsavelEnvio || p.NomeVerificador || '—'; return '' + '<tr>' + '<td>' + escHtml(row.id || '') + '</td>' + '<td><strong>' + escHtml(typeLabel(row.tipo)) + '</strong></td>' + '<td>' + escHtml(identificacao) + '</td>' + '<td>' + escHtml(usuario) + '</td>' + '<td>' + escHtml(row.created_at || '—') + '</td>' + '<td>' + '<div class="actions" style="justify-content:flex-start;margin-top:0">' + '<button class="btn blue" type="button" onclick="abrirRegistro(\'' + rawId + '\',\'' + rawUrl + '\')">Abrir</button>' + '<button class="btn red" type="button" onclick="excluirRegistro(\'' + rawId + '\')">Excluir</button>' + '</div>' + '</td>' + '</tr>'; }).join(''); } async function loadHistory(){ try{ _histRows = await listCloudHistory(); _histRows.sort((a,b)=>{ const ad = String((a && (a.created_at || a.id)) || ''); const bd = String((b && (b.created_at || b.id)) || ''); return bd.localeCompare(ad); }); renderHistory(); renderDashboard(); }catch(e){ console.error(e); if(histBody){ histBody.innerHTML = '<tr><td colspan="6" style="text-align:center;color:#b91c1c;padding:20px">Não foi possível carregar o histórico.</td></tr>'; } } } /* ===== DASHBOARD GERENCIAL ===== */ const dashRefreshBtn = document.getElementById('dashRefresh'); function pct(part,total){ return total ? Math.round((part / total) * 100) : 0; } function onlyDateFromRow(row){ const d = getHistDate(row); return d || 'Sem data'; } function brShortDate(iso){ if(!iso || iso === 'Sem data') return iso || 'Sem data'; const p = String(iso).split('-'); if(p.length === 3) return p[2] + '/' + p[1]; return iso; } function inc(map,key,amount){ key = String(key || 'Não informado').trim() || 'Não informado'; map[key] = (map[key] || 0) + (amount || 1); } function topEntries(map,limit){ return Object.entries(map || {}) .sort((a,b)=> b[1] - a[1] || String(a[0]).localeCompare(String(b[0]))) .slice(0,limit || 8); } function getPayload(row){ return (row && row.payload && typeof row.payload === 'object') ? row.payload : {}; } function getUsuario(row){ const p = getPayload(row); return row.usuario || p.ResponsavelEnvio || p.NomeVerificador || 'Não informado'; } function getIdentificacao(row){ const p = getPayload(row); return row.identificacao || p.Placa || p.PrefixoTag || p.Veiculo || p.TipoEquipamento || p.Modelo || 'Não informado'; } function getEquipamento(row){ const p = getPayload(row); if(row && row.tipo === 'truck') return p.TipoVeiculo || p.Veiculo || 'Veículo'; return p.TipoEquipamento || p.Modelo || 'Máquina não informada'; } function countStatusPayload(payloadObj){ const out = {C:0,NC:0,NA:0,total:0}; Object.keys(payloadObj || {}).forEach(key=>{ const value = String(payloadObj[key] || '').trim().toUpperCase(); if(key.endsWith('__obs')) return; if(value === 'C') out.C++; if(value === 'NC') out.NC++; if(value === 'N/A' || value === 'NA') out.NA++; }); out.total = out.C + out.NC + out.NA; return out; } function renderBarChart(elId, entries, options){ const el = document.getElementById(elId); if(!el) return; options = options || {}; if(!entries || !entries.length){ el.innerHTML = '<div class="dash-empty">Ainda não há dados suficientes para este indicador.</div>'; return; } const max = Math.max(...entries.map(e=>Number(e[1]) || 0),1); el.innerHTML = entries.map(entry=>{ const label = options.labelFormatter ? options.labelFormatter(entry[0]) : entry[0]; const value = Number(entry[1]) || 0; const width = Math.max(4, pct(value,max)); return ''+ '<div class="dash-bar-row">'+ '<div class="dash-bar-label" title="'+escAttr(label)+'">'+escHtml(label)+'</div>'+ '<div class="dash-bar-track"><div class="dash-bar-fill" style="width:'+width+'%"></div></div>'+ '<div style="text-align:right;color:#0f172a">'+value+'</div>'+ '</div>'; }).join(''); } function setText(id,value){ const el = document.getElementById(id); if(el) el.textContent = value; } function renderDashboard(){ const rows = Array.isArray(_histRows) ? _histRows : []; const total = rows.length; const totalTruck = rows.filter(r=>r && r.tipo === 'truck').length; const totalMachine = rows.filter(r=>r && r.tipo === 'machine').length; const byDate = {}; const byTipo = {}; const byUser = {}; const byEquip = {}; const byId = {}; let statusC = 0; let statusNC = 0; let statusNA = 0; let withObs = 0; const ncRows = []; rows.forEach(row=>{ const p = getPayload(row); inc(byDate, onlyDateFromRow(row)); inc(byTipo, typeLabel(row.tipo)); inc(byUser, getUsuario(row)); inc(byEquip, getEquipamento(row)); inc(byId, getIdentificacao(row)); const st = countStatusPayload(p); statusC += st.C; statusNC += st.NC; statusNA += st.NA; if(String(p.Observacao || '').trim()) withObs++; if(st.NC > 0) ncRows.push({row:row,nc:st.NC}); }); const totalStatus = statusC + statusNC + statusNA; const conformidade = pct(statusC,totalStatus); const ncPct = pct(statusNC,totalStatus); const topUser = topEntries(byUser,1)[0]; setText('kpiTotal', total); setText('kpiTruck', totalTruck); setText('kpiMachine', totalMachine); setText('kpiNC', statusNC); setText('kpiNCSub', ncPct + '% dos itens avaliados'); setText('kpiConformidade', conformidade + '%'); setText('kpiObs', withObs); setText('kpiTopUser', topUser ? topUser[0] : '—'); setText('kpiTopUserSub', topUser ? topUser[1] + ' registros' : '0 registros'); setText('dashBase', 'Base: ' + total + ' ' + (total === 1 ? 'registro' : 'registros')); setText('dashUpdated', 'Atualizado em\n' + new Date().toLocaleString('pt-BR')); const sem = document.getElementById('kpiSemaforo'); if(sem){ if(!totalStatus){ sem.innerHTML = '<span class="status-chip warn">Sem dados</span>'; setText('kpiSemaforoSub','Preencha checklists para calcular'); }else if(ncPct <= 5){ sem.innerHTML = '<span class="status-chip good">Verde</span>'; setText('kpiSemaforoSub','Baixo índice de NC'); }else if(ncPct <= 15){ sem.innerHTML = '<span class="status-chip warn">Amarelo</span>'; setText('kpiSemaforoSub','Atenção para as NC'); }else{ sem.innerHTML = '<span class="status-chip bad">Vermelho</span>'; setText('kpiSemaforoSub','Alto índice de NC'); } } const dateEntries = Object.entries(byDate) .sort((a,b)=> String(a[0]).localeCompare(String(b[0]))) .slice(-10); renderBarChart('chartDia', dateEntries, {labelFormatter:brShortDate}); renderBarChart('chartTipo', topEntries(byTipo,6)); renderBarChart('chartUsuario', topEntries(byUser,8)); renderBarChart('chartEquipamento', topEntries(byEquip,8)); renderBarChart('chartIdentificacao', topEntries(byId,8)); const ncList = document.getElementById('dashNcList'); if(ncList){ const latestNc = ncRows.slice(-8).reverse(); if(!latestNc.length){ ncList.innerHTML = '<div class="dash-empty">Nenhum registro com NC encontrado.</div>'; }else{ ncList.innerHTML = '<div class="dash-alert-list">' + latestNc.map(item=>{ const row = item.row || {}; return ''+ '<div class="dash-alert">'+ '<strong>'+escHtml(getIdentificacao(row))+' • '+item.nc+' NC</strong>'+ '<span>'+escHtml(typeLabel(row.tipo))+' | '+escHtml(getUsuario(row))+' | '+escHtml(row.created_at || 'Sem data')+'</span>'+ '</div>'; }).join('') + '</div>'; } } } if(dashRefreshBtn){ dashRefreshBtn.addEventListener('click', async ()=>{ await loadHistory(); renderDashboard(); }); } if(histQuery) histQuery.addEventListener('input', renderHistory); if(histTipo) histTipo.addEventListener('change', renderHistory); if(histStart) histStart.addEventListener('change', renderHistory); if(histEnd) histEnd.addEventListener('change', renderHistory); const histRefreshBtn = document.getElementById('histRefresh'); if(histRefreshBtn) histRefreshBtn.addEventListener('click', ()=> loadHistory()); const histClearFiltersBtn = document.getElementById('histClearFilters'); if(histClearFiltersBtn){ histClearFiltersBtn.addEventListener('click', ()=>{ if(histQuery) histQuery.value = ''; if(histTipo) histTipo.value = ''; if(histStart) histStart.value = ''; if(histEnd) histEnd.value = ''; renderHistory(); }); } function setBtnLoading(btn, text){ if(!btn) return; if(!btn.dataset.oldText) btn.dataset.oldText = btn.textContent; btn.disabled = true; btn.textContent = text || 'Processando...'; } function resetBtn(btn){ if(!btn) return; btn.disabled = false; btn.textContent = btn.dataset.oldText || btn.textContent || 'OK'; } async function addLogoPDF(doc, x, y, w, h){ try{ const img = await loadImage(LOGO_SRC); doc.addImage(img, 'PNG', x, y, w, h); return true; }catch(e){ return false; } } async function headerPDF(doc, title, subtitle){ const pageW = doc.internal.pageSize.getWidth(); doc.setFillColor(255,255,255); doc.rect(0,0,pageW,86,'F'); doc.setDrawColor(220,225,235); doc.line(36,82,pageW - 36,82); await addLogoPDF(doc,36,18,86,48); doc.setTextColor(0,92,145); doc.setFont('helvetica','bold'); doc.setFontSize(15); doc.text(APP_NAME,136,36); doc.setTextColor(15,23,42); doc.setFontSize(13); doc.text(title,136,55); doc.setFont('helvetica','normal'); doc.setFontSize(9); doc.setTextColor(100,116,139); doc.text(subtitle || 'Relatório de Checklist Operacional',136,70); doc.setFontSize(8); doc.text('Gerado em ' + new Date().toLocaleString('pt-BR'),pageW - 36,36,{align:'right'}); return 104; } async function footerPDF(doc){ const pageCount = doc.internal.getNumberOfPages(); const pageW = doc.internal.pageSize.getWidth(); const pageH = doc.internal.pageSize.getHeight(); for(let i = 1; i <= pageCount; i++){ doc.setPage(i); doc.setDrawColor(220,225,235); doc.line(36,pageH - 42,pageW - 36,pageH - 42); doc.setFont('helvetica','normal'); doc.setFontSize(8); doc.setTextColor(100,116,139); doc.text(APP_NAME,36,pageH - 24); doc.text('Página ' + i + ' de ' + pageCount,pageW - 36,pageH - 24,{align:'right'}); } } function ensurePage(doc, y, needed){ needed = needed || 60; const pageH = doc.internal.pageSize.getHeight(); if(y + needed > pageH - 62){ doc.addPage(); return 60; } return y; } function addSectionBar(doc, title, x, y, w, color){ color = color || [0,92,145]; y = ensurePage(doc,y,34); doc.setFillColor(color[0],color[1],color[2]); doc.roundedRect(x,y,w,24,4,4,'F'); doc.setFont('helvetica','bold'); doc.setFontSize(10); doc.setTextColor(255,255,255); doc.text(String(title || '').toUpperCase(),x + 10,y + 16); return y + 34; } function addInfoGrid(doc, data, fields, x, y, w){ const gap = 8; const colW = (w - gap) / 2; fields.forEach((field, index)=>{ const col = index % 2; const row = Math.floor(index / 2); const bx = x + col * (colW + gap); const by = y + row * 45; doc.setDrawColor(226,232,240); doc.setFillColor(248,250,252); doc.roundedRect(bx,by,colW,36,4,4,'FD'); doc.setFont('helvetica','bold'); doc.setFontSize(7.5); doc.setTextColor(71,85,105); doc.text(String(field.label || '').toUpperCase(),bx + 8,by + 12); doc.setFont('helvetica','normal'); doc.setFontSize(9); doc.setTextColor(15,23,42); let value = data[field.key] || '—'; if(field.type === 'date') value = formatDateBR(value); const lines = doc.splitTextToSize(String(value), colW - 16); doc.text(lines.slice(0,2),bx + 8,by + 25); }); return y + Math.ceil(fields.length / 2) * 45 + 4; } function statusColor(status){ if(status === 'C') return [22,163,74]; if(status === 'NC') return [185,28,28]; if(status === 'N/A') return [100,116,139]; return [15,23,42]; } function addChecklistRowsPDF(doc, rows, x, y, w){ const colStatus = 56; const colObs = 170; const colItem = w - colStatus - colObs; y = ensurePage(doc,y,34); doc.setFillColor(241,245,249); doc.setDrawColor(226,232,240); doc.rect(x,y,w,24,'FD'); doc.setFont('helvetica','bold'); doc.setFontSize(8); doc.setTextColor(51,65,85); doc.text('ITEM',x + 8,y + 15); doc.text('STATUS',x + colItem + 8,y + 15); doc.text('OBSERVAÇÕES',x + colItem + colStatus + 8,y + 15); y += 24; rows.forEach(row=>{ const itemLines = doc.splitTextToSize(String(row.item || ''), colItem - 14); const obsLines = doc.splitTextToSize(String(row.obs || '—'), colObs - 14); const linesCount = Math.max(itemLines.length, obsLines.length, 1); const rowH = Math.max(28, linesCount * 11 + 14); y = ensurePage(doc,y,rowH + 8); doc.setDrawColor(226,232,240); doc.rect(x,y,w,rowH); doc.setFont('helvetica','normal'); doc.setFontSize(8.5); doc.setTextColor(15,23,42); doc.text(itemLines,x + 8,y + 14); const c = statusColor(row.status); doc.setFont('helvetica','bold'); doc.setTextColor(c[0],c[1],c[2]); doc.text(row.status || '—',x + colItem + 8,y + 14); doc.setFont('helvetica','normal'); doc.setTextColor(15,23,42); doc.text(obsLines,x + colItem + colStatus + 8,y + 14); y += rowH; }); return y + 8; } function addObservationPDF(doc, title, text, x, y, w){ const value = String(text || '').trim(); if(!value) return y; y = addSectionBar(doc,title,x,y,w,[15,23,42]); const lines = doc.splitTextToSize(value,w - 20); const boxH = Math.max(44, lines.length * 12 + 20); y = ensurePage(doc,y,boxH + 8); doc.setDrawColor(226,232,240); doc.setFillColor(248,250,252); doc.roundedRect(x,y,w,boxH,4,4,'FD'); doc.setFont('helvetica','normal'); doc.setFontSize(9); doc.setTextColor(15,23,42); doc.text(lines,x + 10,y + 18); return y + boxH + 10; } function addSignaturePDF(doc, label, name, dataUrl, x, y, w){ const h = 86; y = ensurePage(doc,y,h + 8); doc.setDrawColor(203,213,225); doc.setFillColor(248,250,252); doc.roundedRect(x,y,w,h,5,5,'FD'); doc.setFont('helvetica','bold'); doc.setFontSize(8); doc.setTextColor(51,65,85); doc.text(label,x + 8,y + 12); if(dataUrl){ try{ doc.addImage(dataUrl,'PNG',x + 12,y + 18,w - 24,42); }catch(e){} } doc.setDrawColor(148,163,184); doc.line(x + 14,y + 62,x + w - 14,y + 62); doc.setFont('helvetica','normal'); doc.setFontSize(8); doc.setTextColor(15,23,42); doc.text(name || 'Nome legível não informado',x + 14,y + 76); return y + h + 8; } async function addPhotosPDF(doc, photos, x, y, w){ if(!photos || !photos.length) return y; y = addSectionBar(doc,'Relatório Fotográfico',x,y,w,[15,23,42]); const gap = 10; const imgW = (w - gap) / 2; const imgH = 155; for(let i = 0; i < photos.length; i++){ const col = i % 2; if(col === 0) y = ensurePage(doc,y,imgH + 42); const px = x + col * (imgW + gap); const py = y; doc.setDrawColor(226,232,240); doc.setFillColor(248,250,252); doc.roundedRect(px,py,imgW,imgH + 22,5,5,'FD'); try{ const img = await loadImage(photos[i]); const ratio = Math.min((imgW - 12) / img.naturalWidth, imgH / img.naturalHeight); const dw = img.naturalWidth * ratio; const dh = img.naturalHeight * ratio; const ix = px + (imgW - dw) / 2; const iy = py + 8 + (imgH - dh) / 2; doc.addImage(photos[i],'JPEG',ix,iy,dw,dh); }catch(e){} doc.setFont('helvetica','bold'); doc.setFontSize(8); doc.setTextColor(51,65,85); doc.text('Foto ' + (i + 1),px + 8,py + imgH + 16); if(col === 1 || i === photos.length - 1) y += imgH + 34; } return y + 6; } function legendPDF(doc, x, y){ y = ensurePage(doc,y,42); doc.setFillColor(248,250,252); doc.setDrawColor(226,232,240); doc.roundedRect(x,y,520,34,5,5,'FD'); doc.setFont('helvetica','bold'); doc.setFontSize(9); doc.setTextColor(15,23,42); doc.text('Legenda:',x + 10,y + 14); doc.setTextColor(22,163,74); doc.text('C = Conforme',x + 75,y + 14); doc.setTextColor(185,28,28); doc.text('NC = Não Conforme',x + 180,y + 14); doc.setTextColor(100,116,139); doc.text('N/A = Não se Aplica',x + 315,y + 14); return y + 46; } async function buildTruckPDF(){ await ensureJsPDF(); const jsPDF = window.jspdf.jsPDF; const doc = new jsPDF({orientation:'p',unit:'pt',format:'a4',compress:true}); const form = document.getElementById('truckForm'); const data = payload(form); const photos = await filesToCorrectedJpegs(filesOf('FotosTruck')); const pageW = doc.internal.pageSize.getWidth(); const M = 36; const W = pageW - M * 2; let y = await headerPDF(doc,'CHECKLIST DE VEÍCULO',(data.Atividade || 'Vistoria') + ' • ' + (data.Placa || data.PrefixoTag || '')); y = addInfoGrid(doc,data,[ {label:'Atividade',key:'Atividade'}, {label:'Local de inspeção',key:'LocalInspecao'}, {label:'Nome do verificador',key:'NomeVerificador'}, {label:'Nome do motorista',key:'NomeMotorista'}, {label:'Data',key:'Data',type:'date'}, {label:'Hora',key:'Hora'}, {label:'Placa',key:'Placa'}, {label:'Placa Bi-Trem',key:'PlacaBiTrem'}, {label:'Marca',key:'Marca'}, {label:'Modelo',key:'Modelo'}, {label:'Tipo',key:'TipoVeiculo'}, {label:'Veículo',key:'Veiculo'}, {label:'Prefixo / Tag',key:'PrefixoTag'}, {label:'KM / Hodômetro',key:'KM'}, {label:'Obra de Origem',key:'ObraOrigem'}, {label:'Obra Destino',key:'ObraDestino'}, {label:'Combustível (%)',key:'CombustivelPct'}, {label:'ARLA (%)',key:'ArlaPct'} ],M,y,W); y = legendPDF(doc,M,y); const grouped = collectTruckGroups(); Object.entries(grouped).forEach(([group, rows])=>{ y = addSectionBar(doc,group,M,y,W,[0,92,145]); y = addChecklistRowsPDF(doc,rows,M,y,W); }); y = addObservationPDF(doc,'Observação',data.Observacao,M,y,W); y = addSectionBar(doc,'Assinaturas',M,y,W,[15,23,42]); const sigW = (W - 12) / 2; const sigY = y; addSignaturePDF(doc,'Assinatura do Verificador',data.NomeAssinaturaVerificadorCaminhao || data.NomeVerificador,pads.truckVer.toDataURL(),M,sigY,sigW); y = addSignaturePDF(doc,'Assinatura do Motorista',data.NomeAssinaturaMotoristaCaminhao || data.NomeMotorista,pads.truckMot.toDataURL(),M + sigW + 12,sigY,sigW); y = await addPhotosPDF(doc,photos,M,y,W); await footerPDF(doc); const safeId = slug(data.Placa || data.PrefixoTag || data.Veiculo || 'veiculo'); const filename = 'Checklist_Veiculo_VIAS GUAJARÁ_' + safeId + '_' + todayISO() + '.pdf'; return {doc:doc, filename:filename, data:data}; } async function buildMachinePDF(){ await ensureJsPDF(); const jsPDF = window.jspdf.jsPDF; const doc = new jsPDF({orientation:'p',unit:'pt',format:'a4',compress:true}); const form = document.getElementById('machineForm'); const data = payload(form); const photos = await filesToCorrectedJpegs(filesOf('FotosMachine')); const pageW = doc.internal.pageSize.getWidth(); const M = 36; const W = pageW - M * 2; let y = await headerPDF(doc,'CHECKLIST DE MÁQUINA',(data.Atividade || 'Vistoria') + ' • ' + (data.TipoEquipamento || data.PrefixoTag || '')); y = addInfoGrid(doc,data,[ {label:'Atividade',key:'Atividade'}, {label:'Nome do verificador',key:'NomeVerificador'}, {label:'Data',key:'Data',type:'date'}, {label:'Hora',key:'Hora'}, {label:'Tipo de equipamento',key:'TipoEquipamento'}, {label:'Prefixo / Tag',key:'PrefixoTag'}, {label:'Modelo',key:'Modelo'}, {label:'Horímetro',key:'Horimetro'}, {label:'Nome do operador',key:'NomeOperador'}, {label:'Local de inspeção',key:'LocalInspecaoMac'}, {label:'Obra de origem',key:'ObraOrigem'}, {label:'Obra destino',key:'ObraDestino'}, {label:'Combustível (%)',key:'CombustivelMacPct'}, ],M,y,W); y = legendPDF(doc,M,y); const rows = collectMachineRows(); y = addSectionBar(doc,data.TipoEquipamento || 'Itens de inspeção da máquina',M,y,W,[21,148,71]); y = addChecklistRowsPDF(doc,rows,M,y,W); y = addObservationPDF(doc,'Observação',data.Observacao,M,y,W); y = addSectionBar(doc,'Assinaturas',M,y,W,[15,23,42]); const sigW = (W - 12) / 2; const sigY = y; addSignaturePDF(doc,'Assinatura do Verificador',data.NomeAssinaturaVerificadorMaquina || data.NomeVerificador,pads.macVer.toDataURL(),M,sigY,sigW); y = addSignaturePDF(doc,'Assinatura do Operador',data.NomeAssinaturaOperadorMaquina || data.NomeOperador,pads.macOp.toDataURL(),M + sigW + 12,sigY,sigW); y = await addPhotosPDF(doc,photos,M,y,W); await footerPDF(doc); const safeId = slug(data.PrefixoTag || data.TipoEquipamento || data.Modelo || 'maquina'); const filename = 'Checklist_Maquina_VIAS GUAJARÁ_' + safeId + '_' + todayISO() + '.pdf'; return {doc:doc, filename:filename, data:data}; } async function saveChecklistCloud(tipo, result, file){ const usuario = result.data.NomeVerificador || ''; const pdfUrl = await uploadPDF(file); await saveToCloud( tipo, result.data, result.filename, pdfUrl, usuario ); await loadHistory(); return { usuario: usuario, pdfUrl: pdfUrl }; } function buildTruckMessage(data, pdfUrl){ return ( 'Checklist de Veículo - ' + APP_NAME + '\nPlaca/Prefixo: ' + getMainId('truck',data) + '\nAtividade: ' + (data.Atividade || '—') + '\nData: ' + formatDateBR(data.Data) + ' ' + (data.Hora || '') + '\nVerificador: ' + (data.NomeVerificador || '—') + '\n\nAbrir PDF: ' + pdfUrl ); } function buildMachineMessage(data, pdfUrl){ return ( 'Checklist de Máquina - ' + APP_NAME + '\nEquipamento/Prefixo: ' + getMainId('machine',data) + '\nAtividade: ' + (data.Atividade || '—') + '\nTipo: ' + (data.TipoEquipamento || '—') + '\nData: ' + formatDateBR(data.Data) + ' ' + (data.Hora || '') + '\nVerificador: ' + (data.NomeVerificador || '—') + '\n\nAbrir PDF: ' + pdfUrl ); } async function saveTruckOnly(){ const btn = document.getElementById('saveTruck'); const form = document.getElementById('truckForm'); if(!form) return; if(!validateRequired(form)) return; setBtnLoading(btn,'Salvando...'); try{ const result = await buildTruckPDF(); const file = createFileFromDoc(result.doc,result.filename); setDownloadLink(document.getElementById('dlTruck'),file); await saveChecklistCloud('truck',result,file); alert('Checklist de veículo salvo no histórico.'); }catch(e){ console.error(e); alert('Erro ao salvar checklist de veículo.'); }finally{ resetBtn(btn); } } async function saveMachineOnly(){ const btn = document.getElementById('saveMachine'); const form = document.getElementById('machineForm'); if(!form) return; if(!validateRequired(form)) return; setBtnLoading(btn,'Salvando...'); try{ const result = await buildMachinePDF(); const file = createFileFromDoc(result.doc,result.filename); setDownloadLink(document.getElementById('dlMachine'),file); await saveChecklistCloud('machine',result,file); alert('Checklist de máquina salvo no histórico.'); }catch(e){ console.error(e); alert('Erro ao salvar checklist de máquina.'); }finally{ resetBtn(btn); } } function isMobile(){ return /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); } function isSecure(){ return location.protocol === 'https:' || location.hostname === 'localhost'; } function normalizePhone(p){ return p ? String(p).replace(/\D+/g,'') : ''; } async function tryNativeShare(file,msg){ if(!(isMobile() && isSecure())) return false; if(navigator.canShare && navigator.canShare({files:[file]})){ try{ await navigator.share({ files:[file], text:msg, title:file.name }); return true; }catch(e){} } return false; } function openWhatsAppChooser(msg,phone){ try{ navigator.clipboard.writeText(msg).catch(()=>{}); }catch(e){} const phoneClean = normalizePhone(phone); const query = 'text=' + encodeURIComponent(msg); const deep = phoneClean ? `whatsapp://send?phone=${phoneClean}&${query}` : `whatsapp://send?${query}`; const waMe = phoneClean ? `https://wa.me/${phoneClean}?${query}` : `https://wa.me/?${query}`; const webURL = phoneClean ? `https://web.whatsapp.com/send?phone=${phoneClean}&${query}` : `https://web.whatsapp.com/send?${query}`; if(isMobile()){ setTimeout(()=>{ window.open(waMe,'_blank','noopener'); },600); try{ location.href = deep; }catch(e){ window.open(waMe,'_blank','noopener'); } }else{ window.open(webURL,'_blank','noopener'); } } async function shareFile(file,msg,dlAnchor,phone){ setDownloadLink(dlAnchor,file); const shared = await tryNativeShare(file,msg); if(shared) return; openWhatsAppChooser( msg + `\n\n📎 O PDF foi salvo como: "${file.name}". Toque no clipe e anexe esse arquivo.`, phone ); try{ const url = URL.createObjectURL(file); const tmp = document.createElement('a'); tmp.href = url; tmp.download = file.name; document.body.appendChild(tmp); tmp.click(); tmp.remove(); setTimeout(()=>URL.revokeObjectURL(url),120000); }catch(e){} } async function sendTruckWhatsApp(){ const btn = document.getElementById('sendTruckWhats'); const form = document.getElementById('truckForm'); if(!form) return; if(!validateRequired(form)) return; setBtnLoading(btn,'Enviando...'); try{ const result = await buildTruckPDF(); const file = createFileFromDoc(result.doc,result.filename); setDownloadLink(document.getElementById('dlTruck'),file); const saved = await saveChecklistCloud('truck',result,file); const msg = buildTruckMessage(result.data,saved.pdfUrl); await shareFile( file, msg, document.getElementById('dlTruck'), '' ); alert('Checklist salvo. O WhatsApp foi aberto com o link do PDF.'); }catch(e){ console.error(e); alert('Erro real: ' + (e.message || e)); }finally{ resetBtn(btn); } } async function sendMachineWhatsApp(){ const btn = document.getElementById('sendMachineWhats'); const form = document.getElementById('machineForm'); if(!form) return; if(!validateRequired(form)) return; setBtnLoading(btn,'Enviando...'); try{ const result = await buildMachinePDF(); const file = createFileFromDoc(result.doc,result.filename); setDownloadLink(document.getElementById('dlMachine'),file); const saved = await saveChecklistCloud('machine',result,file); const msg = buildMachineMessage(result.data,saved.pdfUrl); await shareFile( file, msg, document.getElementById('dlMachine'), '' ); alert('Checklist salvo. O WhatsApp foi aberto com o link do PDF.'); }catch(e){ console.error(e); alert('Erro real: ' + (e.message || e)); }finally{ resetBtn(btn); } } document.getElementById('saveTruck')?.addEventListener('click', saveTruckOnly); document.getElementById('saveMachine')?.addEventListener('click', saveMachineOnly); document.getElementById('sendTruckWhats')?.addEventListener('click', sendTruckWhatsApp); document.getElementById('sendMachineWhats')?.addEventListener('click', sendMachineWhatsApp); document.querySelectorAll('input, select, textarea').forEach(el=>{ el.addEventListener('input',()=>{ if(String(el.value || '').trim()) el.style.borderColor = ''; }); el.addEventListener('change',()=>{ if(String(el.value || '').trim()) el.style.borderColor = ''; }); }); function restoreBasicState(){ fillCurrentDateTime('truckForm'); fillCurrentDateTime('machineForm'); buildTruckTables(); updateMachineTable(); } restoreBasicState(); window.abrirRegistro = abrirRegistro; window.excluirRegistro = excluirRegistro; window.toggle = toggle; window.pads = pads; </script> </body> </html>