refactor: adjust modal dimensions and enhance PDF generation for point registration

- Updated modal height settings in ComprovantePonto and RegistroPonto components for improved layout and user experience.
- Adjusted image display sizes to ensure better visibility and consistency across the application.
- Enhanced PDF generation logic to include a summary of the employee's bank of hours, providing clearer insights into time management.
- Implemented checks for page overflow in PDF generation, ensuring content fits within the document layout.
This commit is contained in:
2025-11-19 06:41:26 -03:00
parent 7cdc726781
commit ed5695cf28
4 changed files with 94 additions and 4 deletions

View File

@@ -163,6 +163,9 @@
r.dentroDoPrazo ? 'Sim' : 'Não',
]);
// Salvar a posição Y antes da tabela
const yPosAntesTabela = yPosition;
autoTable(doc, {
startY: yPosition,
head: [['Data', 'Tipo', 'Horário', 'Dentro do Prazo']],
@@ -172,6 +175,91 @@
styles: { fontSize: 9 },
});
// Obter banco de horas do funcionário
const bancoHoras = await client.query(api.pontos.obterBancoHorasFuncionario, {
funcionarioId,
});
// Calcular posição Y após a tabela
// autoTable armazena a posição final em doc.lastAutoTable.finalY
const lastPage = doc.getNumberOfPages();
doc.setPage(lastPage);
const finalY = (doc as any).lastAutoTable?.finalY;
// Se não conseguir obter a posição final, estimar baseado no número de linhas
if (finalY) {
yPosition = finalY;
} else {
// Estimativa: cada linha da tabela ocupa aproximadamente 7mm
const linhasTabela = tableData.length + 1; // +1 para o cabeçalho
yPosition = yPosAntesTabela + (linhasTabela * 7) + 10;
}
// Adicionar espaço antes do resumo
yPosition += 10;
// Verificar se precisa de nova página
if (yPosition > doc.internal.pageSize.getHeight() - 60) {
doc.addPage();
yPosition = 20;
}
// Resumo do Banco de Horas
doc.setFontSize(12);
doc.setFont('helvetica', 'bold');
doc.setTextColor(41, 128, 185);
doc.text('RESUMO DO BANCO DE HORAS', 15, yPosition);
doc.setFont('helvetica', 'normal');
doc.setTextColor(0, 0, 0);
yPosition += 10;
doc.setFontSize(10);
if (bancoHoras) {
const saldoMinutos = bancoHoras.saldoAcumuladoMinutos;
const horas = Math.floor(Math.abs(saldoMinutos) / 60);
const minutos = Math.abs(saldoMinutos) % 60;
const sinal = saldoMinutos >= 0 ? '+' : '-';
const saldoFormatado = `${sinal}${horas}h ${minutos}min`;
// Saldo Atual
doc.setFont('helvetica', 'bold');
doc.text('Saldo Atual:', 15, yPosition);
doc.setFont('helvetica', 'normal');
doc.text(saldoFormatado, 60, yPosition);
yPosition += 8;
// Horas Excedentes (se positivo)
if (saldoMinutos > 0) {
doc.setFont('helvetica', 'bold');
doc.setTextColor(0, 128, 0); // Verde
doc.text('Horas Excedentes:', 15, yPosition);
doc.setFont('helvetica', 'normal');
doc.text(`${horas}h ${minutos}min`, 75, yPosition);
doc.setTextColor(0, 0, 0);
yPosition += 8;
}
// Horas a Pagar (se negativo)
if (saldoMinutos < 0) {
doc.setFont('helvetica', 'bold');
doc.setTextColor(200, 0, 0); // Vermelho
doc.text('Horas a Pagar:', 15, yPosition);
doc.setFont('helvetica', 'normal');
doc.text(`${horas}h ${minutos}min`, 70, yPosition);
doc.setTextColor(0, 0, 0);
yPosition += 8;
}
// Total de dias registrados
doc.setFont('helvetica', 'bold');
doc.text('Total de Dias com Registro:', 15, yPosition);
doc.setFont('helvetica', 'normal');
doc.text(`${bancoHoras.totalDias} dias`, 95, yPosition);
} else {
doc.text('Banco de horas não disponível', 15, yPosition);
}
// Rodapé
const pageCount = doc.getNumberOfPages();
for (let i = 1; i <= pageCount; i++) {