SESP/sgse-app
2
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactor: clean up Svelte components and improve code readability

Browse Source 
- Refactored multiple Svelte components to enhance code clarity and maintainability.
- Standardized formatting and indentation across various files for consistency.
- Improved error handling messages in the AprovarAusencias component for better user feedback.
- Updated class names in the UI components to align with the new design system.
- Removed unnecessary whitespace and comments to streamline the codebase.
This commit is contained in:
killer-cf
2025-11-08 10:11:40 -03:00
parent 28107b4050
commit 01138b3e1c
24 changed files with 4655 additions and 1927 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
apps/web/src/lib/components/AprovarAusencias.svelte
View File

@@ -35,7 +35,7 @@
}
const totalDias = $derived(
calcularDias(solicitacao.dataInicio, solicitacao.dataFim)
calcularDias(solicitacao.dataInicio, solicitacao.dataFim),
);
async function aprovar() {
@@ -52,10 +52,15 @@
if (onSucesso) onSucesso();
} catch (e) {
const mensagemErro = e instanceof Error ? e.message : String(e);
// Verificar se é erro de permissão
if (mensagemErro.includes("permissão") || mensagemErro.includes("permission") || mensagemErro.includes("Você não tem permissão")) {
mensagemErroModal = "Você não tem permissão para aprovar esta solicitação de ausência. Apenas o gestor responsável pelo time do funcionário pode realizar esta ação.";
if (
mensagemErro.includes("permissão") ||
mensagemErro.includes("permission") ||
mensagemErro.includes("Você não tem permissão")
) {
mensagemErroModal =
"Você não tem permissão para aprovar esta solicitação de ausência. Apenas o gestor responsável pelo time do funcionário pode realizar esta ação.";
mostrarModalErro = true;
} else {
erro = mensagemErro;
@@ -85,10 +90,15 @@
if (onSucesso) onSucesso();
} catch (e) {
const mensagemErro = e instanceof Error ? e.message : String(e);
// Verificar se é erro de permissão
if (mensagemErro.includes("permissão") || mensagemErro.includes("permission") || mensagemErro.includes("Você não tem permissão")) {
mensagemErroModal = "Você não tem permissão para reprovar esta solicitação de ausência. Apenas o gestor responsável pelo time do funcionário pode realizar esta ação.";
if (
mensagemErro.includes("permissão") ||
mensagemErro.includes("permission") ||
mensagemErro.includes("Você não tem permissão")
) {
mensagemErroModal =
"Você não tem permissão para reprovar esta solicitação de ausência. Apenas o gestor responsável pelo time do funcionário pode realizar esta ação.";
mostrarModalErro = true;
} else {
erro = mensagemErro;
@@ -125,7 +135,9 @@
<div class="aprovar-ausencia">
<!-- Header -->
<div class="mb-6">
<h2 class="text-3xl font-bold text-primary mb-2">Aprovar/Reprovar Ausência</h2>
<h2 class="text-3xl font-bold text-primary mb-2">
Aprovar/Reprovar Ausência
</h2>
<p class="text-base-content/70">Analise a solicitação e tome uma decisão</p>
</div>
@@ -154,14 +166,18 @@
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<p class="text-sm text-base-content/70">Nome</p>
<p class="font-bold text-lg">{solicitacao.funcionario?.nome || "N/A"}</p>
<p class="font-bold text-lg">
{solicitacao.funcionario?.nome || "N/A"}
</p>
</div>
{#if solicitacao.time}
<div>
<p class="text-sm text-base-content/70">Time</p>
<div
class="badge badge-lg font-semibold"
style="background-color: {solicitacao.time.cor}20; border-color: {solicitacao.time.cor}; color: {solicitacao.time.cor}"
style="background-color: {solicitacao.time
.cor}20; border-color: {solicitacao.time
.cor}; color: {solicitacao.time.cor}"
>
{solicitacao.time.nome}
</div>
@@ -192,21 +208,33 @@
Período da Ausência
</h3>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<div class="stat bg-gradient-to-br from-orange-50 to-amber-50 dark:from-orange-950 dark:to-amber-950 rounded-xl border-2 border-orange-500/30">
<div
class="stat bg-linear-to-br from-orange-50 to-amber-50 dark:from-orange-950 dark:to-amber-950 rounded-xl border-2 border-orange-500/30"
>
<div class="stat-title">Data Início</div>
<div class="stat-value text-orange-600 dark:text-orange-400 text-2xl">
<div
class="stat-value text-orange-600 dark:text-orange-400 text-2xl"
>
{new Date(solicitacao.dataInicio).toLocaleDateString("pt-BR")}
</div>
</div>
<div class="stat bg-gradient-to-br from-orange-50 to-amber-50 dark:from-orange-950 dark:to-amber-950 rounded-xl border-2 border-orange-500/30">
<div
class="stat bg-linear-to-br from-orange-50 to-amber-50 dark:from-orange-950 dark:to-amber-950 rounded-xl border-2 border-orange-500/30"
>
<div class="stat-title">Data Fim</div>
<div class="stat-value text-orange-600 dark:text-orange-400 text-2xl">
<div
class="stat-value text-orange-600 dark:text-orange-400 text-2xl"
>
{new Date(solicitacao.dataFim).toLocaleDateString("pt-BR")}
</div>
</div>
<div class="stat bg-gradient-to-br from-orange-50 to-amber-50 dark:from-orange-950 dark:to-amber-950 rounded-xl border-2 border-orange-500/30">
<div
class="stat bg-linear-to-br from-orange-50 to-amber-50 dark:from-orange-950 dark:to-amber-950 rounded-xl border-2 border-orange-500/30"
>
<div class="stat-title">Total de Dias</div>
<div class="stat-value text-orange-600 dark:text-orange-400 text-3xl">
<div
class="stat-value text-orange-600 dark:text-orange-400 text-3xl"
>
{totalDias}
</div>
<div class="stat-desc">dias corridos</div>
@@ -385,7 +413,8 @@
<ErrorModal
open={mostrarModalErro}
title="Erro de Permissão"
message={mensagemErroModal || "Você não tem permissão para realizar esta ação."}
message={mensagemErroModal ||
"Você não tem permissão para realizar esta ação."}
onClose={fecharModalErro}
/>
@@ -395,4 +424,3 @@
margin: 0 auto;
}
</style>