+
-
- Recursos Humanos
- Funcionários @@ -75,7 +75,7 @@
+
-
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte
new file mode 100644
index 0000000..955a565
--- /dev/null
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/funcionarios/[funcionarioId]/enderecos-marcacao/+page.svelte
@@ -0,0 +1,497 @@
+
+
+
@@ -99,7 +99,7 @@
Gerencie os funcionários da secretaria
+
+
+
diff --git a/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte b/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte
index 754a497..04c223e 100644
--- a/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte
+++ b/apps/web/src/routes/(dashboard)/recursos-humanos/registro-pontos/+page.svelte
@@ -74,118 +74,126 @@
};
});
- // Inicializar gráfico
- $effect(() => {
+ // Função para criar/atualizar o gráfico
+ function criarGrafico() {
if (!chartCanvas || !estatisticas || !chartData) {
return;
}
+ const ctx = chartCanvas.getContext('2d');
+ if (!ctx) {
+ return;
+ }
+
// Destruir gráfico anterior se existir
if (chartInstance) {
chartInstance.destroy();
chartInstance = null;
}
- // Aguardar um pouco para garantir que o canvas está renderizado
- const timeoutId = setTimeout(() => {
- if (!chartCanvas || !estatisticas || !chartData) {
- return;
- }
-
- const ctx = chartCanvas.getContext('2d');
- if (!ctx) {
- return;
- }
-
- try {
- chartInstance = new Chart(ctx, {
- type: 'bar',
- data: chartData,
- options: {
- responsive: true,
- maintainAspectRatio: false,
- plugins: {
- legend: {
- display: true,
- position: 'top',
- labels: {
- color: 'hsl(var(--bc))',
- font: {
- size: 12,
- family: "'Inter', sans-serif",
- },
- usePointStyle: true,
- padding: 15,
- }
- },
- tooltip: {
- backgroundColor: 'rgba(0, 0, 0, 0.85)',
- titleColor: '#fff',
- bodyColor: '#fff',
- borderColor: 'hsl(var(--p))',
- borderWidth: 1,
- padding: 12,
- callbacks: {
- label: function(context) {
- const label = context.dataset.label || '';
- const value = context.parsed.y;
- const total = estatisticas.totalRegistros;
- const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : '0.0';
- return `${label}: ${value} (${percentage}%)`;
- }
- }
+ try {
+ chartInstance = new Chart(ctx, {
+ type: 'bar',
+ data: chartData,
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ plugins: {
+ legend: {
+ display: true,
+ position: 'top',
+ labels: {
+ color: 'hsl(var(--bc))',
+ font: {
+ size: 12,
+ family: "'Inter', sans-serif",
+ },
+ usePointStyle: true,
+ padding: 15,
}
},
- scales: {
- x: {
- stacked: true,
- grid: {
- display: false,
- },
- ticks: {
- color: 'hsl(var(--bc))',
- font: {
- size: 12,
- }
- }
- },
- y: {
- stacked: true,
- beginAtZero: true,
- grid: {
- color: 'rgba(0, 0, 0, 0.05)',
- },
- ticks: {
- color: 'hsl(var(--bc))',
- font: {
- size: 11,
- },
- stepSize: 1,
+ tooltip: {
+ backgroundColor: 'rgba(0, 0, 0, 0.85)',
+ titleColor: '#fff',
+ bodyColor: '#fff',
+ borderColor: 'hsl(var(--p))',
+ borderWidth: 1,
+ padding: 12,
+ callbacks: {
+ label: function(context) {
+ const label = context.dataset.label || '';
+ const value = context.parsed.y;
+ const total = estatisticas.totalRegistros;
+ const percentage = total > 0 ? ((value / total) * 100).toFixed(1) : '0.0';
+ return `${label}: ${value} (${percentage}%)`;
}
}
- },
- animation: {
- duration: 1000,
- easing: 'easeInOutQuart'
- },
- interaction: {
- mode: 'index',
- intersect: false,
}
+ },
+ scales: {
+ x: {
+ stacked: true,
+ grid: {
+ display: false,
+ },
+ ticks: {
+ color: 'hsl(var(--bc))',
+ font: {
+ size: 12,
+ }
+ }
+ },
+ y: {
+ stacked: true,
+ beginAtZero: true,
+ grid: {
+ color: 'rgba(0, 0, 0, 0.05)',
+ },
+ ticks: {
+ color: 'hsl(var(--bc))',
+ font: {
+ size: 11,
+ },
+ stepSize: 1,
+ }
+ }
+ },
+ animation: {
+ duration: 1000,
+ easing: 'easeInOutQuart'
+ },
+ interaction: {
+ mode: 'index',
+ intersect: false,
}
- });
- } catch (error) {
- console.error('Erro ao criar gráfico:', error);
- }
- }, 100);
+ }
+ });
+ } catch (error) {
+ console.error('Erro ao criar gráfico:', error);
+ }
+ }
- return () => {
- clearTimeout(timeoutId);
- if (chartInstance) {
- chartInstance.destroy();
- chartInstance = null;
- }
- };
+ // Inicializar gráfico quando canvas e dados estiverem disponíveis
+ $effect(() => {
+ if (chartCanvas && estatisticas && chartData) {
+ // Aguardar um pouco para garantir que o canvas está renderizado
+ const timeoutId = setTimeout(() => {
+ criarGrafico();
+ }, 100);
+
+ return () => {
+ clearTimeout(timeoutId);
+ };
+ }
+ });
+
+ // Também tentar criar quando o canvas for montado
+ onMount(() => {
+ if (chartCanvas && estatisticas && chartData) {
+ setTimeout(() => {
+ criarGrafico();
+ }, 200);
+ }
});
onDestroy(() => {
@@ -1016,6 +1024,357 @@
yPosition += 5;
}
+ // Validação de GPS e Anti-Spoofing
+ if (registro.latitude && registro.longitude) {
+ // Verificar se precisa de nova página
+ if (yPosition > 200) {
+ doc.addPage();
+ yPosition = 20;
+ }
+
+ doc.setFont('helvetica', 'bold');
+ doc.setFontSize(12);
+ doc.text('VALIDAÇÃO DE LOCALIZAÇÃO GPS', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ doc.setFontSize(10);
+ yPosition += 10;
+
+ // Informações detalhadas do GPS
+ doc.setFont('helvetica', 'bold');
+ doc.text('Dados do GPS:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ if (registro.precisao !== null && registro.precisao !== undefined) {
+ doc.text(` Precisão: ${registro.precisao.toFixed(2)} metros`, 20, yPosition);
+ yPosition += 6;
+ }
+
+ if (registro.altitude !== null && registro.altitude !== undefined) {
+ doc.text(` Altitude: ${registro.altitude.toFixed(2)} metros`, 20, yPosition);
+ yPosition += 6;
+ }
+
+ if (registro.altitudeAccuracy !== null && registro.altitudeAccuracy !== undefined) {
+ doc.text(` Precisão da Altitude: ${registro.altitudeAccuracy.toFixed(2)} metros`, 20, yPosition);
+ yPosition += 6;
+ }
+
+ if (registro.heading !== null && registro.heading !== undefined) {
+ doc.text(` Direção (Heading): ${registro.heading.toFixed(2)}°`, 20, yPosition);
+ yPosition += 6;
+ }
+
+ if (registro.speed !== null && registro.speed !== undefined) {
+ doc.text(` Velocidade: ${(registro.speed * 3.6).toFixed(2)} km/h`, 20, yPosition);
+ yPosition += 6;
+ }
+
+ yPosition += 3;
+
+ // Confiabilidade e Scores
+ doc.setFont('helvetica', 'bold');
+ doc.text('Confiabilidade:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ if (registro.confiabilidadeGPS !== null && registro.confiabilidadeGPS !== undefined) {
+ const confiabilidadePercent = (registro.confiabilidadeGPS * 100).toFixed(1);
+ const confiabilidadeCor = registro.confiabilidadeGPS >= 0.7 ? [0, 128, 0] : registro.confiabilidadeGPS >= 0.4 ? [255, 165, 0] : [255, 0, 0];
+ doc.setTextColor(confiabilidadeCor[0], confiabilidadeCor[1], confiabilidadeCor[2]);
+ doc.text(` Confiabilidade GPS (Frontend): ${confiabilidadePercent}%`, 20, yPosition);
+ doc.setTextColor(0, 0, 0);
+ yPosition += 6;
+ }
+
+ if (registro.scoreConfiancaBackend !== null && registro.scoreConfiancaBackend !== undefined) {
+ const scorePercent = (registro.scoreConfiancaBackend * 100).toFixed(1);
+ const scoreCor = registro.scoreConfiancaBackend >= 0.7 ? [0, 128, 0] : registro.scoreConfiancaBackend >= 0.4 ? [255, 165, 0] : [255, 0, 0];
+ doc.setTextColor(scoreCor[0], scoreCor[1], scoreCor[2]);
+ doc.text(` Score de Confiança (Backend): ${scorePercent}%`, 20, yPosition);
+ doc.setTextColor(0, 0, 0);
+ yPosition += 6;
+ }
+
+ yPosition += 3;
+
+ // Status de Validação
+ if (registro.suspeitaSpoofing !== null && registro.suspeitaSpoofing !== undefined) {
+ doc.setFont('helvetica', 'bold');
+ doc.text('Status de Validação:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ if (registro.suspeitaSpoofing) {
+ doc.setTextColor(255, 0, 0);
+ doc.setFont('helvetica', 'bold');
+ doc.text(' ⚠️ MARCAÇÃO SUSPEITA DETECTADA', 20, yPosition);
+ doc.setFont('helvetica', 'normal');
+ doc.setTextColor(0, 0, 0);
+ yPosition += 6;
+ } else {
+ doc.setTextColor(0, 128, 0);
+ doc.setFont('helvetica', 'bold');
+ doc.text(' ✓ Localização validada com sucesso', 20, yPosition);
+ doc.setFont('helvetica', 'normal');
+ doc.setTextColor(0, 0, 0);
+ yPosition += 6;
+ }
+
+ if (registro.motivoSuspeita) {
+ doc.setTextColor(255, 0, 0);
+ const motivoLines = doc.splitTextToSize(` Motivo: ${registro.motivoSuspeita}`, 170);
+ doc.text(motivoLines, 20, yPosition);
+ yPosition += motivoLines.length * 5;
+ doc.setTextColor(0, 0, 0);
+ }
+
+ yPosition += 3;
+ }
+
+ // Avisos de Validação
+ if (registro.avisosValidacao && registro.avisosValidacao.length > 0) {
+ doc.setFont('helvetica', 'bold');
+ doc.text('Avisos de Validação:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ registro.avisosValidacao.forEach((aviso: string) => {
+ const avisoLines = doc.splitTextToSize(` • ${aviso}`, 170);
+ doc.text(avisoLines, 20, yPosition);
+ yPosition += avisoLines.length * 5;
+ });
+
+ yPosition += 3;
+ }
+
+ // Análise de Propriedades GPS
+ doc.setFont('helvetica', 'bold');
+ doc.text('Análise de Propriedades GPS:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ let propriedadesGPS = 0;
+ let propriedadesTotais = 5;
+
+ if (registro.altitude !== null && registro.altitude !== undefined && registro.altitude !== 0) {
+ doc.text(' ✓ Altitude disponível', 20, yPosition);
+ propriedadesGPS++;
+ } else {
+ doc.text(' ✗ Altitude não disponível', 20, yPosition);
+ }
+ yPosition += 5;
+
+ if (registro.altitudeAccuracy !== null && registro.altitudeAccuracy !== undefined && registro.altitudeAccuracy > 0) {
+ doc.text(' ✓ Precisão de altitude disponível', 20, yPosition);
+ propriedadesGPS++;
+ } else {
+ doc.text(' ✗ Precisão de altitude não disponível', 20, yPosition);
+ }
+ yPosition += 5;
+
+ if (registro.heading !== null && registro.heading !== undefined && !isNaN(registro.heading)) {
+ doc.text(' ✓ Direção (heading) disponível', 20, yPosition);
+ propriedadesGPS++;
+ } else {
+ doc.text(' ✗ Direção (heading) não disponível', 20, yPosition);
+ }
+ yPosition += 5;
+
+ if (registro.speed !== null && registro.speed !== undefined && !isNaN(registro.speed)) {
+ doc.text(' ✓ Velocidade disponível', 20, yPosition);
+ propriedadesGPS++;
+ } else {
+ doc.text(' ✗ Velocidade não disponível', 20, yPosition);
+ }
+ yPosition += 5;
+
+ if (registro.precisao !== null && registro.precisao !== undefined && registro.precisao < 20) {
+ doc.text(' ✓ Alta precisão GPS (< 20m)', 20, yPosition);
+ propriedadesGPS++;
+ } else if (registro.precisao !== null && registro.precisao !== undefined && registro.precisao >= 20 && registro.precisao < 100) {
+ doc.text(' ⚠ Precisão média GPS (20-100m)', 20, yPosition);
+ propriedadesGPS += 0.5;
+ } else {
+ doc.text(' ✗ Baixa precisão GPS (> 100m)', 20, yPosition);
+ }
+ yPosition += 5;
+
+ // Indicador de qualidade GPS
+ const qualidadeGPS = (propriedadesGPS / propriedadesTotais) * 100;
+ const qualidadeTexto = qualidadeGPS >= 80 ? 'Alta qualidade (GPS real)' : qualidadeGPS >= 50 ? 'Qualidade média' : 'Baixa qualidade (possível spoofing)';
+ const qualidadeCor = qualidadeGPS >= 80 ? [0, 128, 0] : qualidadeGPS >= 50 ? [255, 165, 0] : [255, 0, 0];
+
+ doc.setFont('helvetica', 'bold');
+ doc.setTextColor(qualidadeCor[0], qualidadeCor[1], qualidadeCor[2]);
+ doc.text(`Qualidade GPS: ${qualidadeTexto} (${qualidadeGPS.toFixed(0)}% das propriedades)`, 20, yPosition);
+ doc.setFont('helvetica', 'normal');
+ doc.setTextColor(0, 0, 0);
+ yPosition += 8;
+ }
+
+ // Validação de Geofencing (Localização Permitida)
+ if (registro.latitude && registro.longitude) {
+ // Verificar se precisa de nova página
+ if (yPosition > 200) {
+ doc.addPage();
+ yPosition = 20;
+ }
+
+ doc.setFont('helvetica', 'bold');
+ doc.setFontSize(12);
+ doc.text('VALIDAÇÃO DE LOCALIZAÇÃO PERMITIDA', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ doc.setFontSize(10);
+ yPosition += 10;
+
+ if (registro.enderecoMarcacaoEsperado || registro.dentroRaioPermitido !== undefined) {
+ // Buscar dados do endereço esperado se houver ID
+ let enderecoEsperadoNome = 'Não configurado';
+ let enderecoEsperadoEndereco = 'Não configurado';
+ let enderecoEsperadoLatitude: number | null = null;
+ let enderecoEsperadoLongitude: number | null = null;
+
+ if (registro.enderecoMarcacaoEsperado) {
+ try {
+ const enderecoEsperado = await client.query(
+ api.enderecosMarcacao.obterEndereco,
+ { enderecoId: registro.enderecoMarcacaoEsperado }
+ );
+ if (enderecoEsperado) {
+ enderecoEsperadoNome = enderecoEsperado.nome;
+ enderecoEsperadoEndereco = `${enderecoEsperado.endereco}, ${enderecoEsperado.cidade}/${enderecoEsperado.estado}`;
+ enderecoEsperadoLatitude = enderecoEsperado.latitude;
+ enderecoEsperadoLongitude = enderecoEsperado.longitude;
+ }
+ } catch (error) {
+ console.warn('Erro ao buscar endereço esperado:', error);
+ }
+ }
+
+ doc.setFont('helvetica', 'bold');
+ doc.text('Endereço Esperado:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ doc.text(` Nome: ${enderecoEsperadoNome}`, 20, yPosition);
+ yPosition += 6;
+
+ const enderecoLines = doc.splitTextToSize(` Endereço: ${enderecoEsperadoEndereco}`, 170);
+ doc.text(enderecoLines, 20, yPosition);
+ yPosition += enderecoLines.length * 5 + 3;
+
+ if (enderecoEsperadoLatitude !== null && enderecoEsperadoLongitude !== null) {
+ doc.text(` Coordenadas: ${enderecoEsperadoLatitude.toFixed(6)}, ${enderecoEsperadoLongitude.toFixed(6)}`, 20, yPosition);
+ yPosition += 6;
+ }
+
+ yPosition += 3;
+
+ doc.setFont('helvetica', 'bold');
+ doc.text('Localização do Registro:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ doc.text(` Coordenadas: ${registro.latitude.toFixed(6)}, ${registro.longitude.toFixed(6)}`, 20, yPosition);
+ yPosition += 6;
+
+ if (registro.distanciaEnderecoEsperado !== null && registro.distanciaEnderecoEsperado !== undefined) {
+ const distanciaKm = (registro.distanciaEnderecoEsperado / 1000).toFixed(2);
+ const distanciaMetros = registro.distanciaEnderecoEsperado.toFixed(0);
+
+ if (registro.distanciaEnderecoEsperado >= 1000) {
+ doc.text(` Distância: ${distanciaKm} km (${distanciaMetros} metros)`, 20, yPosition);
+ } else {
+ doc.text(` Distância: ${distanciaMetros} metros`, 20, yPosition);
+ }
+ yPosition += 6;
+ }
+
+ yPosition += 3;
+
+ doc.setFont('helvetica', 'bold');
+ doc.text('Raio Permitido:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ if (registro.raioToleranciaUsado !== null && registro.raioToleranciaUsado !== undefined) {
+ const raioKm = (registro.raioToleranciaUsado / 1000).toFixed(2);
+ const raioMetros = registro.raioToleranciaUsado.toFixed(0);
+
+ if (registro.raioToleranciaUsado >= 1000) {
+ doc.text(` ${raioKm} km (${raioMetros} metros)`, 20, yPosition);
+ } else {
+ doc.text(` ${raioMetros} metros`, 20, yPosition);
+ }
+ yPosition += 6;
+ } else {
+ doc.text(' Não configurado', 20, yPosition);
+ yPosition += 6;
+ }
+
+ yPosition += 3;
+
+ // Status da validação
+ doc.setFont('helvetica', 'bold');
+ doc.text('Status:', 15, yPosition);
+ doc.setFont('helvetica', 'normal');
+ yPosition += 6;
+
+ if (registro.dentroRaioPermitido === true) {
+ doc.setTextColor(0, 128, 0);
+ doc.setFont('helvetica', 'bold');
+ doc.text(' ✓ DENTRO DO RAIO PERMITIDO', 20, yPosition);
+ doc.setFont('helvetica', 'normal');
+ doc.setTextColor(0, 0, 0);
+ } else if (registro.dentroRaioPermitido === false) {
+ doc.setTextColor(255, 0, 0);
+ doc.setFont('helvetica', 'bold');
+ doc.text(' ⚠️ FORA DO RAIO PERMITIDO', 20, yPosition);
+ doc.setFont('helvetica', 'normal');
+ doc.setTextColor(0, 0, 0);
+ yPosition += 6;
+
+ if (
+ registro.distanciaEnderecoEsperado !== null &&
+ registro.distanciaEnderecoEsperado !== undefined &&
+ registro.raioToleranciaUsado !== null &&
+ registro.raioToleranciaUsado !== undefined
+ ) {
+ const distanciaExcedente = registro.distanciaEnderecoEsperado - registro.raioToleranciaUsado;
+ const distanciaExcedenteKm = (distanciaExcedente / 1000).toFixed(2);
+ const distanciaExcedenteMetros = distanciaExcedente.toFixed(0);
+
+ if (distanciaExcedente >= 1000) {
+ doc.text(` ${distanciaExcedenteKm} km além do permitido`, 20, yPosition);
+ } else {
+ doc.text(` ${distanciaExcedenteMetros} metros além do permitido`, 20, yPosition);
+ }
+ }
+
+ yPosition += 6;
+
+ doc.setFont('helvetica', 'normal');
+ doc.setTextColor(0, 0, 0);
+ doc.setFontSize(9);
+ const observacaoLines = doc.splitTextToSize(
+ 'O registro foi realizado fora da área permitida de marcação de ponto. Verifique se o funcionário possui autorização para trabalho remoto ou deslocamento.',
+ 170
+ );
+ doc.text(observacaoLines, 20, yPosition);
+ yPosition += observacaoLines.length * 4;
+ doc.setFontSize(10);
+ } else {
+ doc.text(' Não validado', 20, yPosition);
+ }
+
+ yPosition += 8;
+ } else {
+ doc.text('Validação de localização permitida não configurada para este registro.', 15, yPosition);
+ yPosition += 8;
+ }
+ }
+
// Dados Técnicos
// Verificar se precisa de nova página
if (yPosition > 200) {
@@ -1267,65 +1626,122 @@
}
-
+
+
+
+ -
+
- + + Recursos Humanos + + +
- + + Funcionários + + + {#if funcionario} +
- + + {funcionario.nome} + + + {/if} +
- Endereços de Marcação +
+
+
+
+ {#if mostrarModalAssociacao}
+
+
+ {#if enderecosParaAssociar.length > 0}
+
+ {/if}
+
+
+
+
+ Endereços de Marcação
++ {#if funcionario} + Gerenciar locais permitidos para registro de ponto de {funcionario.nome} + {:else} + Carregando... + {/if} +
+
+
+ {/if}
+
+
+
+
+
+
+
+ + {editandoAssociacao ? 'Editar Associação' : 'Associar Endereço'} +
+ +
+
+
+
+
+
+
+
+
+
+
+
+ {#if editandoAssociacao}
+ Não é possível alterar o endereço. Crie uma nova associação se necessário.
+ {:else}
+ Selecione um endereço que ainda não está associado a este funcionário
+ {/if}
+
+
+
+
+
+
+
+
+
+
+ Opcional. Se informado, sobrescreve o raio padrão do endereço para este
+ funcionário.
+
+
+ Período de Validade (opcional)
+
+
+
+
+
+
+
+
+
+ Para deslocamentos temporários
+
+
+
+
+
+
+ Para deslocamentos temporários
+
+
+
+
+
+
+
+
+
+ {#if associacoes.length === 0}
+
+
+
+
+
+
+
+
+
+ Este funcionário não possui endereços específicos associados. O sistema usará
+ automaticamente os endereços tipo "Sede Principal" configurados globalmente.
+
+
+ {/if}
+
+
+
+ {#if associacoesFiltradas.length === 0}
+
+
+
+ {:else}
+ {#each associacoesFiltradas as associacao (associacao._id)}
+ {@const raioUsado = associacao.raioMetros}
+
+
+ + {termoBusca + ? 'Nenhuma associação encontrada' + : 'Nenhum endereço associado'} +
+
+
+ {/each}
+ {/if}
+
+
+
+
+
+
+
+
+
+ {associacao.endereco.nome}
+ + {associacao.ativo ? 'Ativa' : 'Inativa'} + + + {tiposLabel[associacao.endereco.tipo] || associacao.endereco.tipo} + +
+
+ + Endereço: {associacao.endereco.endereco} +
++ Cidade: {associacao.endereco.cidade}/ + {associacao.endereco.estado} +
++ Raio Permitido: + {#if raioUsado >= 1000} + {@const raioKm = (raioUsado / 1000).toFixed(2)} + {raioKm} km + {:else} + {raioUsado} metros + {/if} + {#if associacao.raioMetrosPersonalizado !== null && + associacao.raioMetrosPersonalizado !== undefined} + + Personalizado + + {:else} + + Padrão ({associacao.endereco.raioMetros}m) + + {/if} +
+ {#if associacao.dataInicio || associacao.dataFim} ++ Período: + {#if associacao.dataInicio} + {@const dataInicioFormatada = new Date(associacao.dataInicio + 'T00:00:00').toLocaleDateString('pt-BR')} + {dataInicioFormatada} + {:else} + ... + {/if} + até + {#if associacao.dataFim} + {@const dataFimFormatada = new Date(associacao.dataFim + 'T00:00:00').toLocaleDateString('pt-BR')} + {dataFimFormatada} + {:else} + ... + {/if} +
+ {/if} +
+
+
+
+
+
-
-
-
-
-
-
+
+
+
+
-
+
{#if estatisticas}
- Registro de Pontos
-Gerencie e visualize os registros de ponto dos funcionários
+
+
-
+
+ {#if estatisticas}
+
+
+
+
+ Registro de Pontos +
++ Gerencie e visualize os registros de ponto dos funcionários com informações detalhadas e relatórios +
+
+
+ {/if}
+
+ Total de Registros
+{estatisticas.totalRegistros}
+
+
+
+ Funcionários
+{estatisticas.totalFuncionarios}
+
+
+ {estatisticas.totalRegistros > 0
+ ? ((estatisticas.dentroDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
+ : 0}% dentro do prazo
+
+ Ativo
+
+
-
-
-
-
-
- Total de Registros
- {estatisticas.totalRegistros}
-
-
-
- Dentro do Prazo
- {estatisticas.dentroDoPrazo}
-
- {estatisticas.totalRegistros > 0
- ? ((estatisticas.dentroDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
- : 0}%
+
+
+
+
-
+
+
+
+ Total de Registros
+{estatisticas.totalRegistros}
+
+
+
-
-
- Fora do Prazo
- {estatisticas.foraDoPrazo}
-
- {estatisticas.totalRegistros > 0
- ? ((estatisticas.foraDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
- : 0}%
+
+
+
-
+
+
+
+ Dentro do Prazo
+{estatisticas.dentroDoPrazo}
++ {estatisticas.totalRegistros > 0 + ? ((estatisticas.dentroDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1) + : 0}% do total +
+
+
+
-
-
+
@@ -1333,13 +1749,17 @@
{#if estatisticas}
-
+
-
+
+
+ Fora do Prazo
+{estatisticas.foraDoPrazo}
++ {estatisticas.totalRegistros > 0 + ? ((estatisticas.foraDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1) + : 0}% do total +
+
+
+ Funcionários
- {estatisticas.totalFuncionarios}
-
- {estatisticas.funcionariosDentroPrazo} dentro do prazo, {estatisticas.funcionariosForaPrazo} fora
+
+
+
+
+
+
+
+
+ Funcionários
+{estatisticas.totalFuncionarios}
++ {estatisticas.funcionariosDentroPrazo} dentro, {estatisticas.funcionariosForaPrazo} fora +
+
+
+
+
-
-
-
{/if}
-
-
-
+
+
+
+
+
+
+
+
{#if !chartInstance && estatisticas}
-
@@ -1347,83 +1767,54 @@
{/if}
-
-
- Total
- {estatisticas.totalRegistros}
-
-
- Dentro do Prazo
- {estatisticas.dentroDoPrazo}
-
- {estatisticas.totalRegistros > 0
- ? ((estatisticas.dentroDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
- : 0}%
-
-
-
- Fora do Prazo
- {estatisticas.foraDoPrazo}
-
- {estatisticas.totalRegistros > 0
- ? ((estatisticas.foraDoPrazo / estatisticas.totalRegistros) * 100).toFixed(1)
- : 0}%
-
-
-
- Funcionários
- {estatisticas.totalFuncionarios}
-
- {estatisticas.funcionariosDentroPrazo} dentro, {estatisticas.funcionariosForaPrazo} fora
-
-
+
-
-
-
-
-
+
-
+
+
+
+ Filtros de Busca
+
+
-
-
Registros
+
+
+
{#if funcionarioIdFiltro || dataInicio || dataFim}
+
+ Registros de Ponto
+
{#if funcionarioIdFiltro && funcionarioSelecionadoNome}
-
-
+
{/if}
{#if dataInicio}
-
-
+
{/if}
{#if dataFim}
-
-
{#if registrosQuery?.status === 'Loading'}
-
+
{/if}
@@ -1465,101 +1861,127 @@
-
- Carregando registros...
+
+
+ Carregando registros...
+ Aguarde um momento
{:else if registrosQuery?.error}
-
- Erro ao carregar registros: {registrosQuery.error.message || 'Erro desconhecido'}
+
+
{:else if !registrosQuery?.data}
-
+
Erro ao carregar registros
+{registrosQuery.error.message || 'Erro desconhecido'}
+
- Aguardando dados da consulta...
+
+
{:else if registros.length === 0}
-
- Nenhum registro encontrado para o período selecionado
-
- Período: {formatarData(dataInicio)} até {formatarData(dataFim)}
- {#if funcionarioIdFiltro && funcionarioSelecionadoNome}
-
- Funcionário: {funcionarioSelecionadoNome} - {/if} +
- Funcionário: {funcionarioSelecionadoNome} - {/if} +
+
{:else if registrosAgrupados.length === 0}
-
+
Nenhum registro encontrado
+
+
Período: {formatarData(dataInicio)} até {formatarData(dataFim)}
+ {#if funcionarioIdFiltro && funcionarioSelecionadoNome} +Funcionário: {funcionarioSelecionadoNome}
+ {/if} +Tente ajustar os filtros para encontrar registros.
+
- Registros encontrados, mas não foi possível agrupá-los
-
- Total de registros: {registros.length}
+
+
{:else}
-
+
Registros encontrados, mas não foi possível agrupá-los
+
+ Total de registros: {registros.length}
+
+
{#each registrosAgrupados as grupo}
-
-
-
+
+
+
-
-
- {#key grupo.funcionarioId}
- {@const bancoHorasQuery = useQuery(
- api.pontos.obterBancoHorasFuncionario,
- { funcionarioId: grupo.funcionarioId }
- )}
- {@const bancoHoras = bancoHorasQuery?.data}
- {@const saldoAcumulado = bancoHoras?.saldoAcumuladoMinutos ?? 0}
- {@const saldoPositivo = saldoAcumulado >= 0}
-
- {#if bancoHoras}
- - {grupo.funcionario?.nome || 'Funcionário não encontrado'} -
+
+
{#if grupo.funcionario?.matricula}
-
+
+ + {grupo.funcionario?.nome || 'Funcionário não encontrado'} +
+- Matrícula: {grupo.funcionario.matricula} +
+ Matrícula: {grupo.funcionario.matricula} +
+ {/if} + {#if grupo.funcionario?.descricaoCargo} ++ {grupo.funcionario.descricaoCargo}
{/if}
-
- {#if saldoPositivo}
-
-
-
Banco de Horas
-- {formatarSaldoHoras(saldoAcumulado)} -
+
+
+ {#key grupo.funcionarioId}
+ {@const bancoHorasQuery = useQuery(
+ api.pontos.obterBancoHorasFuncionario,
+ { funcionarioId: grupo.funcionarioId }
+ )}
+ {@const bancoHoras = bancoHorasQuery?.data}
+ {@const saldoAcumulado = bancoHoras?.saldoAcumuladoMinutos ?? 0}
+ {@const saldoPositivo = saldoAcumulado >= 0}
+
+ {#if bancoHoras}
+
- {/if}
- {/key}
-
-
+ {/if}
+ {/key}
+
+
+
+
-
+
+ {#if saldoPositivo}
+
+
+
Banco de Horas
++ {formatarSaldoHoras(saldoAcumulado)} +
+
+
-
+
| Data | -Tipo | -Horário | -Saldo Diário | -Status | -Ações | +Data | +Tipo | +Horário | +Saldo Diário | +Status | +Ações | {#if grupoData.saldoDiario} {formatarSaldoDiario(grupoData.saldoDiario)} {:else} - - + - {/if} | {/if}- {registro.dentroDoPrazo ? 'Dentro do Prazo' : 'Fora do Prazo'} + {registro.dentroDoPrazo ? '✓ Dentro do Prazo' : '✗ Fora do Prazo'} | diff --git a/apps/web/src/routes/(dashboard)/ti/configuracoes-ponto/+page.svelte b/apps/web/src/routes/(dashboard)/ti/configuracoes-ponto/+page.svelte index 31f0f15..c8e1ad7 100644 --- a/apps/web/src/routes/(dashboard)/ti/configuracoes-ponto/+page.svelte +++ b/apps/web/src/routes/(dashboard)/ti/configuracoes-ponto/+page.svelte @@ -1,7 +1,8 @@ + + |
|---|