{[["Férias usadas",selS.usados+" de "+selS.total+" dias"],["Disponíveis",(selS.total-selS.usados)+" dias"],["Pedidos pendentes",selS.pend||"nenhum"],["Política","22 dias · ano civil"]].map(([l,v])=>
{l}
{v}
)}
Usados este ano{Math.round(selS.usados/selS.total*100)}%
0.8?"var(--ui-warning)":"var(--ui-accent)"}}/>
{selS.pend>0&&
{selS.pend===1?"1 pedido está":selS.pend+" pedidos estão"} na fila de aprovação.
}
}
;
};
// ---------- Definições: todas as secções abrem ----------
const HR_SETTINGS=[
{id:"aparencia",label:"Aparência",desc:"Tema da interface e densidade",icon:"cog"},
{id:"conta",label:"Conta",desc:"Perfil, palavra-passe, idioma",icon:"badge"},
{id:"notificacoes",label:"Notificações",desc:"Email, push, resumos",icon:"bell"},
{id:"organizacao",label:"Organização",desc:"Empresa, marca, domínios",icon:"building"},
{id:"integracoes",label:"Integrações",desc:"Calendário, email, SSO",icon:"share"},
{id:"faturacao",label:"Faturação",desc:"Plano e recibos",icon:"doc"},
];
S.settings=({dark,setDark})=>{
const [sec,setSec]=React.useState("aparencia");
const [acao,setAcao]=React.useState(null);
const [sessoes,setSessoes]=React.useState(false);
const ok=t=>{setAcao(t);setTimeout(()=>setAcao(null),3200);};
const [dens,setDens]=React.useState(()=>document.getElementById("app").getAttribute("data-density")||"confortavel");
const applyDens=v=>{setDens(v);document.getElementById("app").setAttribute("data-density",v==="compacta"?"compact":"");};
const row=(title,desc,ctrl)=>
)}
{row("Menu condensado por omissão","Começa com a barra lateral em ícones",)}
}
{sec==="conta"&&
{row("Palavra-passe","Alterada há 3 meses",ok("Enviámos um link de alteração para o teu email.")}>Alterar)}
{row("Autenticação em dois passos","Recomendado para contas com acesso a dados de pessoas",)}
{row("Sessões ativas","2 dispositivos",setSessoes(true)}>Ver sessões)}
ok("Alterações da conta guardadas.")}>Guardar alterações
}
{sec==="notificacoes"&&
{["Email","Push"].map(h=>{h})}
{[["Pedidos a aguardar a minha aprovação",true,true],["Menções no chat",true,true],["Respostas a mensagens",true,false],["Documentos por assinar",true,true],["Inquéritos e avaliações",true,false],["Resumo diário",false,false]].map(([l,e,p])=>
{l}
)}
{row("Horário sem notificações","Fora do horário de trabalho",)}
}
{sec==="organizacao"&&
{row("Logótipo","PNG ou SVG, fundo transparente",ok("Escolhe o ficheiro do logótipo no teu computador.")}>Carregar)}
{row("Cor de marca","Usada nos acentos da interface",ok("Seletor de cor de marca aberto.")}>Alterar)}
{row("Semana de trabalho","Dias considerados úteis",)}
ok("Dados da empresa guardados.")}>Guardar
}
{sec==="integracoes"&&
{[["Google Workspace","Calendário e email sincronizados","Ligado","success"],["Microsoft 365","Calendário, Teams e SSO","Ligado","success"],["SSO / SAML","Autenticação única com o teu IdP","Configurar","neutral"],["Processamento salarial","Exportação para o software de salários","Não ligado","neutral"],["Contabilidade","Envio de despesas aprovadas","Não ligado","neutral"]].map(([n,d,s,tone])=>
{n}
{d}
{s==="Ligado"?{s}:ok(n+": ligação iniciada. Segue os passos na janela do fornecedor.")}>{s==="Configurar"?"Configurar":"Ligar"}}
)}
}
{sec==="faturacao"&&
Plano Empresa
62 colaboradores ativos · renova a 1 de agosto
ok("Comparação de planos aberta.")}>Mudar de plano
{row("Método de pagamento","Débito direto · IBAN terminado em 4471",ok("Alteração de método de pagamento iniciada.")}>Alterar)}
{row("Email de faturação","financeiro@xcope.ai",ok("Email de faturação atualizado.")}>Alterar)}
;
};
const HR_ROLES=[
{id:"trab",r:"Trabalhador",u:227,p:"Self-service"},
{id:"dint",r:"Diretor intermédio",u:12,p:"Equipa própria"},
{id:"drh",r:"CEO",u:5,p:"Pessoas, ausências, docs"},
{id:"admin",r:"Administrador",u:3,p:"Acesso total",locked:true},
];
const HR_PERM_GROUPS=[
{g:"Próprio",items:[
["ver-proprio","Ver a própria informação",["trab","dint","drh","admin"]],
["pedir-aus","Pedir ausências",["trab","dint","drh","admin"]],
["submeter-desp","Submeter despesas",["trab","dint","drh","admin"]],
]},
{g:"Equipa",items:[
["aprovar-aus","Aprovar ausências da equipa",["dint","drh","admin"]],
["aprovar-desp","Aprovar despesas da equipa",["dint","drh","admin"]],
["ver-ponto","Ver registos de ponto da equipa",["dint","drh","admin"]],
["avaliar","Conduzir avaliações",["dint","drh","admin"]],
]},
{g:"Empresa",items:[
["ver-todos","Ver dados de toda a empresa",["drh","admin"]],
["editar-contratos","Editar contratos e salários",["drh","admin"]],
["publicar-docs","Publicar documentos da empresa",["drh","admin"]],
["recrutar","Gerir recrutamento",["drh","admin"]],
]},
{g:"Administração",items:[
["gerir-acessos","Gerir funções e acessos",["admin"]],
["config-org","Configurar a organização",["admin"]],
["gerir-empresas","Gerir empresas do grupo",["admin"]],
["ver-auditoria","Ver registo de auditoria",["admin"]],
]},
];
S["admin-roles"]=()=>{
const [roles,setRoles]=React.useState(HR_ROLES);
const [perms,setPerms]=React.useState(()=>{const m={};HR_PERM_GROUPS.forEach(g=>g.items.forEach(([id,,rs])=>rs.forEach(r=>{m[id+":"+r]=true;})));return m;});
const [novo,setNovo]=React.useState(false);const [nome,setNome]=React.useState("");const [base,setBase]=React.useState("trab");
const [tab,setTab]=React.useState("matriz");
const [edit,setEdit]=React.useState(false);
const [guardado,setGuardado]=React.useState(false);
const [sel,setSel]=React.useState(null);
const on=(pid,rid)=>!!perms[pid+":"+rid];
const toggle=(pid,rid)=>{if(!edit)return;const role=roles.find(r=>r.id===rid);if(role&&role.locked)return;
setPerms(p=>({...p,[pid+":"+rid]:!p[pid+":"+rid]}));};
const countFor=rid=>HR_PERM_GROUPS.reduce((n,g)=>n+g.items.filter(([id])=>on(id,rid)).length,0);
const totalPerms=HR_PERM_GROUPS.reduce((n,g)=>n+g.items.length,0);
const criar=()=>{if(!nome.trim())return;const id="r"+Date.now();
setRoles(r=>[...r,{id,r:nome.trim(),u:0,p:"Copiada de "+roles.find(x=>x.id===base).r}]);
setPerms(p=>{const next={...p};HR_PERM_GROUPS.forEach(g=>g.items.forEach(([pid])=>{if(p[pid+":"+base])next[pid+":"+id]=true;}));return next;});
setNome("");setNovo(false);};
const cur=sel?roles.find(r=>r.id===sel):null;
const cols="minmax(220px,1.6fr) repeat("+roles.length+",minmax(96px,1fr))";
const Chk=({yes,locked,onClick})=>
{yes&&}
;
return {if(edit){setGuardado(true);setTimeout(()=>setGuardado(false),3200);}setEdit(!edit);}}>{edit?"Guardar matriz":"Editar matriz"}} onClick={()=>setNovo(true)}>Nova função
}/>
{guardado&&As alterações de acesso entram em vigor no próximo início de sessão de cada pessoa.}
{edit&&!guardado&&Clica nas células para dar ou retirar permissões. O Administrador não pode ser alterado, para não te trancares fora.}