(mostrarBotaoCamera = true)} onmouseleave={() => (mostrarBotaoCamera = false)} > s

{currentUser.data?.nome}

{#if funcionario?.descricaoCargo}

{funcionario.descricaoCargo}

{/if}

{currentUser.data?.email}

{currentUser.data?.role?.nome || 'Usuário'}
{#if meuTime}
{meuTime.nome}
{/if} {#if funcionario?.statusFerias === 'em_ferias'}
🏖️ Em Férias
{:else}
✅ Ativo
{/if}
{#if ehGestor} {/if}
{#if abaAtiva === 'meu-perfil'}

Seu Perfil

{currentUser.data?.role?.nome || 'Usuário'}

Seu Time

{meuTime?.nome || 'Sem time'}

Status

{funcionario?.statusFerias === 'em_ferias' ? 'Em Férias' : 'Ativo'}

Matrícula

{funcionario?.matricula || '---'}

Informações Pessoais

Nome Completo

{currentUser.data?.nome}

E-mail Institucional

{currentUser.data?.email}

Perfil de Acesso
{currentUser.data?.role?.nome || 'Usuário'}
{#if funcionario}

Dados Funcionais

Matrícula

{funcionario.matricula || 'Não informada'}

CPF

{funcionario.cpf}

Time {#if meuTime}
{meuTime.nome}

Gestor: {meuTime.gestor?.nome}

{:else}

Não atribuído a um time

{/if}
Status Atual {#if funcionario.statusFerias === 'em_ferias'}
🏖️ Em Férias
{:else}
✅ Ativo
{/if}
{/if}
{#if ehGestor}

Times que Você Gerencia
{meusTimesGestor.length}

{#if meusTimesGestor.length === 0}
Você não gerencia nenhum time no momento.
{:else}
{#each meusTimesGestor as time (time._id)}

{time.nome}

{time.descricao || 'Sem descrição'}

{time.membros?.length || 0} membros
Gestor
{/each}
{/if}
{/if}
{:else if abaAtiva === 'minhas-ferias'}
Total
{statsMinhasFerias.total}
Solicitações
Aguardando
{statsMinhasFerias.aguardando}
Pendentes
Aprovadas
{statsMinhasFerias.aprovadas}
Deferidas
Reprovadas
{statsMinhasFerias.reprovadas}
Indeferidas
Em Férias
{statsMinhasFerias.emFerias}
Agora

Filtros

Minhas Solicitações ({solicitacoesFiltradas.length})

{#if solicitacoesFiltradas.length === 0}
Nenhuma solicitação encontrada com os filtros aplicados.
{:else}
{#each solicitacoesFiltradas as periodo (periodo._id)} {/each}
Ano Período Dias Status Solicitado em
{periodo.anoReferencia} {formatarDataString(periodo.dataInicio)} - {formatarDataString( periodo.dataFim )} {periodo.diasFerias} dias
{getStatusTexto(periodo.status)}
{new Date(periodo._creationTime).toLocaleDateString('pt-BR')}
{/if}
{:else if abaAtiva === 'minhas-ausencias'}
Total
{statsMinhasAusencias.total}
Solicitações
Aguardando
{statsMinhasAusencias.aguardando}
Pendentes
Aprovadas
{statsMinhasAusencias.aprovadas}
Deferidas
Reprovadas
{statsMinhasAusencias.reprovadas}
Indeferidas

Calendário de Ausências

Visualize todas as suas solicitações de ausência no calendário

{#if ausenciasParaCalendario.length > 0} {:else}
Você ainda não possui solicitações de ausência. Clique em "Solicitar Ausência" para criar uma nova.
{/if}

Filtros

Minhas Solicitações ({ausenciasFiltradas.length})

{#if ausenciasFiltradas.length === 0}
Nenhuma solicitação encontrada com os filtros aplicados.
{:else}
{#each ausenciasFiltradas as ausencia (ausencia._id)} {/each}
Período Dias Motivo Status Solicitado em
{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até {new Date( ausencia.dataFim ).toLocaleDateString('pt-BR')} {Math.ceil( (new Date(ausencia.dataFim).getTime() - new Date(ausencia.dataInicio).getTime()) / (1000 * 60 * 60 * 24) ) + 1} dias {ausencia.motivo}
{getStatusTexto(ausencia.status)}
{new Date(ausencia.criadoEm).toLocaleDateString('pt-BR')}
{/if}
{:else if abaAtiva === 'aprovar-ferias'}

Solicitações da Equipe
{solicitacoesSubordinados.length}

{#if solicitacoesSubordinados.length === 0}
Nenhuma solicitação pendente no momento.
{:else}
{#each solicitacoesSubordinados as periodo (periodo._id)} {/each}
Funcionário Time Ano Período Dias Status Ações
{periodo.funcionario?.nome}
{#if periodo.time}
{periodo.time.nome}
{/if} 		{periodo.anoReferencia} {formatarDataString(periodo.dataInicio)} - {formatarDataString( periodo.dataFim )} {periodo.diasFerias}
{getStatusTexto(periodo.status)}
{#if periodo.status === 'aguardando_aprovacao'} {:else} {/if}
{/if}
{:else if abaAtiva === 'aprovar-ausencias'}

Solicitações de Ausências da Equipe
{ausenciasSubordinados.length}

{#if ausenciasSubordinados.length === 0}
Nenhuma solicitação pendente no momento.
{:else}
{#each ausenciasSubordinados as ausencia (ausencia._id)} {/each}
Funcionário Time Período Dias Status Ações
{ausencia.funcionario?.nome || 'N/A'}
{#if ausencia.time}
{ausencia.time.nome}
{/if} 		{new Date(ausencia.dataInicio).toLocaleDateString('pt-BR')} até {new Date(ausencia.dataFim).toLocaleDateString('pt-BR')} {Math.ceil( (new Date(ausencia.dataFim).getTime() - new Date(ausencia.dataInicio).getTime()) / (1000 * 60 * 60 * 24) ) + 1} dias
{getStatusTexto(ausencia.status)}
{#if ausencia.status === 'aguardando_aprovacao'} {:else} {/if}
{/if}
{/if}
{#if periodoSelecionado && currentUser.data} {#await client.query( api.ferias.obterDetalhes, { feriasId: periodoSelecionado } ) then detalhes} {#if detalhes}
(periodoSelecionado = null)} />
{/if} {/await} {/if} {#if mostrarModalFoto}

Alterar Foto de Perfil

{#if currentUser.data?.fotoPerfilUrl} Foto atual {:else if currentUser.data?.avatar} Avatar atual {:else}
{currentUser.data?.nome.substring(0, 2).toUpperCase()}
{/if}
{#if modoFoto === 'avatar'}

Escolha um dos 30 avatares profissionais para seu perfil

{#each avatarGallery as avatar (avatar.id)} {/each}
Dica: Clique uma vez para selecionar, clique duas vezes para aplicar imediatamente!
{#if avatarSelecionado}
{/if} {:else}
Formatos aceitos: JPG, PNG, GIF. Tamanho máximo: 5MB
{/if} {#if erroUpload}
{erroUpload}
{/if} {#if uploadandoFoto && modoFoto === 'upload'}
Enviando foto...
{/if}
{/if}
{#if mostrarWizard && funcionarioIdDisponivel}

Nova Solicitação de Férias

{ mostrarWizard = false; }} onCancelar={() => (mostrarWizard = false)} />
(mostrarWizard = false)} onkeydown={(event) => { if (event.key === 'Enter' || event.key === ' ') { event.preventDefault(); mostrarWizard = false; } }} >
 {/if} {#if mostrarWizardAusencia && funcionarioIdDisponivel} e.target === e.currentTarget && (mostrarWizardAusencia = false)} >
e.stopPropagation()} >

Nova Solicitação de Ausência

{ mostrarWizardAusencia = false; // As queries do Convex são reativas e devem atualizar automaticamente // Mas garantimos que o componente será re-renderizado // Forçar recarregamento das queries mudando temporariamente o filtro const filtroAnterior = filtroStatusAusencias; if (filtroAnterior !== 'todos') { filtroStatusAusencias = 'todos'; await new Promise((resolve) => setTimeout(resolve, 200)); } filtroStatusAusencias = filtroAnterior; }} onCancelar={() => (mostrarWizardAusencia = false)} />
{/if} {#if solicitacaoAusenciaAprovar && currentUser.data} {#await client.query( api.ausencias.obterDetalhes, { solicitacaoId: solicitacaoAusenciaAprovar } ) then detalhes} {#if detalhes}
{ solicitacaoAusenciaAprovar = null; }} onCancelar={() => (solicitacaoAusenciaAprovar = null)} />
{/if} {/await} {/if}