const {S,Head,I,P,PEOPLE,AV}=window.WFA; const {UIButton,UIInput,UISelect,UICard,UIAvatar,UIAvatarGroup,UIPill,UITabs,UIModal,UITable,UIDataTable,UIStat,UIBanner,UIToggle,UIDrawer,UIEmptyState,UIToggleGroup,UIProgress,UIMenu,UIChart}=window.XCOPEDesignSystem_bf80f1; /* ============ RELATÓRIOS DE TEMPO ============ */ const TR_ROWS=[ {id:1,who:"Hugo Montenegro",dept:"Pessoas",normais:160,extra:4,banco:2,faltas:0,util:98}, {id:2,who:"Rui Pinto",dept:"Engenharia",normais:168,extra:12,banco:-3,faltas:1,util:96}, {id:3,who:"Ana Reis",dept:"Produto",normais:144,extra:0,banco:0,faltas:2,util:88}, {id:4,who:"Carla Dias",dept:"Pessoas",normais:160,extra:2,banco:1,faltas:0,util:97}, {id:5,who:"Sofia Melo",dept:"Dados",normais:152,extra:8,banco:-1,faltas:1,util:94}, {id:6,who:"Zain Franci",dept:"Produto",normais:160,extra:0,banco:4,faltas:0,util:99}, {id:7,who:"Tomás Jervell",dept:"Comercial",normais:168,extra:16,banco:-6,faltas:0,util:92}, {id:8,who:"João Alves",dept:"Dados",normais:156,extra:6,banco:0,faltas:1,util:95}, ]; const TR_MESES=[["Fev",9420],["Mar",9880],["Abr",9640],["Mai",10120],["Jun",9960],["Jul",9984]]; S["time-reports"]=()=>{ const [tab,setTab]=React.useState("pessoas"); const [per,setPer]=React.useState("julho"); const [sel,setSel]=React.useState(null); const tot=TR_ROWS.reduce((n,r)=>n+r.normais,0); const extra=TR_ROWS.reduce((n,r)=>n+r.extra,0); const banco=TR_ROWS.reduce((n,r)=>n+r.banco,0); return }>Exportar}/>
0?"+":"")+banco+" h"} sublabel="saldo do período"/>
setPer(e.target.value)} options={[{value:"julho",label:"Julho 2026"},{value:"junho",label:"Junho 2026"},{value:"tri",label:"Último trimestre"}]}/>
{tab==="pessoas"&&
setSel(r)} columns={[ {key:"who",label:"Pessoa",sortable:true,render:(v,r)=>{AV(v,"xs")} {v} {r.dept}}, {key:"normais",label:"Normais",sortable:true,align:"right",render:v=>{v} h}, {key:"extra",label:"Extra",sortable:true,align:"right",render:v=>10?"var(--ui-warning)":"var(--ui-text)"}}>{v} h}, {key:"banco",label:"Banco",sortable:true,align:"right",render:v=>0?"var(--ui-success)":"var(--ui-text-3)"}}>{v>0?"+":""}{v} h}, {key:"faltas",label:"Faltas",sortable:true,align:"right",render:v=>v?{v}:—}, {key:"util",label:"Utilização",sortable:true,render:v=>95?"success":v>90?"accent":"warning"} style={{flex:1,minWidth:70}}/>{v}%}, ]}/>
} {tab==="evolucao"&&
Horas registadas por mês
Total da empresa, em horas
({x,v}))} xKey="x" series={[{key:"v",label:"Horas"}]} height={200}/>
Distribuição
{[["Trabalho normal","9 984 h","94%"],["Horas extra","212 h","2%"],["Ausências","384 h","4%"]].map(([l,v,p])=>
{l} {v} {p}
)}
Por departamento
{[["Engenharia",1680],["Comercial",1344],["Produto",1216],["Dados",1088],["Pessoas",960]].map(([d,h])=>
{d} {h} h
)}
} {tab==="extras"&&
O limite legal é de 150 horas extra por ano. Tomás Jervell e Rui Pinto estão em ritmo de o ultrapassar. r.extra>0)} rowKey="id" pageSize={10} onRowClick={r=>setSel(r)} emptyState={} columns={[ {key:"who",label:"Pessoa",sortable:true,render:v=>{AV(v,"xs")}{v}}, {key:"dept",label:"Departamento",sortable:true}, {key:"extra",label:"Este mês",sortable:true,align:"right",render:v=>{v} h}, {key:"acum",label:"Acumulado no ano",align:"right",render:(v,r)=>{r.extra*7} h}, {key:"lim",label:"Do limite anual",render:(v,r)=>100?"warning":"accent"} style={{flex:1,minWidth:70}}/>{Math.round(r.extra*7/150*100)}%}, ]}/>
} setSel(null)} header={sel&&{AV(sel.who)}{sel.who}{sel.dept}} footer={sel&&
setSel(null)}>Fechar}> {sel&&
Julho 2026 · dados até 24 jul
{[["Horas normais",sel.normais+" h"],["Horas extra",sel.extra+" h"],["Banco de horas",(sel.banco>0?"+":"")+sel.banco+" h"],["Faltas",sel.faltas||"nenhuma"]].map(([l,v])=>
{l}
{v}
)}
Utilização
{sel.util}%
95?"success":sel.util>90?"accent":"warning"}/>
{sel.extra>0&&
Extra acumulado no ano
{sel.extra*7} h de 150 h
100?"warning":"accent"}/>
} {sel.extra*7>100&&Ao ritmo atual, ultrapassa as 150 horas extra anuais antes do fim do ano.}
} ; }; /* ============ UTILIZADORES ============ */ const AUD_ROWS=[ {id:1,who:"Hugo Montenegro",acao:"Aprovou pedido de férias",alvo:"Rui Pinto · 12-14 ago",quando:"hoje 11:42",ip:"188.83.4.21",antes:"Pendente",depois:"Aprovado"}, {id:2,who:"Carla Dias",acao:"Editou ficha de colaborador",alvo:"Ana Reis · morada",quando:"hoje 10:18",ip:"188.83.4.21",antes:"Rua das Flores 12",depois:"Av. da Boavista 900"}, {id:3,who:"Hugo Montenegro",acao:"Alterou função de acesso",alvo:"Tomás Machado",quando:"ontem 17:03",ip:"188.83.4.21",antes:"Diretor intermédio",depois:"Administrador"}, {id:4,who:"Tomás Machado",acao:"Exportou relatório de tempo",alvo:"Julho 2026 · empresa",quando:"ontem 09:55",ip:"94.61.112.7",antes:"—",depois:"Exportação registada"}, {id:5,who:"Carla Dias",acao:"Suspendeu utilizador",alvo:"Bruno Costa",quando:"há 3 dias",ip:"188.83.4.21",antes:"Ativo",depois:"Suspenso"}, {id:6,who:"Hugo Montenegro",acao:"Publicou comunicado",alvo:"Nova política de teletrabalho",quando:"há 2 dias",ip:"188.83.4.21",antes:"Rascunho",depois:"Publicado"}, ]; const AU_ROWS=[ {id:1,who:"Hugo Montenegro",email:"hugo@xcope.ai",role:"CEO",state:"Ativo",mfa:true,last:"há 5 min"}, {id:2,who:"Rui Pinto",email:"rui.pinto@xcope.ai",role:"Diretor intermédio",state:"Ativo",mfa:true,last:"há 2 h"}, {id:3,who:"Ana Reis",email:"ana.reis@xcope.ai",role:"Trabalhador",state:"Ativo",mfa:false,last:"ontem"}, {id:4,who:"Carla Dias",email:"carla.dias@xcope.ai",role:"Trabalhador",state:"Ativo",mfa:true,last:"há 3 h"}, {id:5,who:"Sofia Melo",email:"sofia.melo@xcope.ai",role:"Trabalhador",state:"Convite pendente",mfa:false,last:"—"}, {id:6,who:"Tomás Machado",email:"tomas.machado@xcope.ai",role:"Administrador",state:"Ativo",mfa:true,last:"há 1 h"}, {id:7,who:"João Alves",email:"joao.alves@xcope.ai",role:"Trabalhador",state:"Suspenso",mfa:false,last:"há 2 meses"}, ]; const AU_TONE={"Ativo":"success","Convite pendente":"warning","Suspenso":"danger"}; S["admin-users"]=()=>{ const [rows,setRows]=React.useState(AU_ROWS); const [tab,setTab]=React.useState("todos"); const [convidar,setConvidar]=React.useState(false); const [f,setF]=React.useState({email:"",role:"Trabalhador"}); const [sel,setSel]=React.useState(null); const [selA,setSelA]=React.useState(null); const [avisoU,setAvisoU]=React.useState(null); React.useEffect(()=>{if(!avisoU)return;const t=setTimeout(()=>setAvisoU(null),3000);return ()=>clearTimeout(t);},[avisoU]); const cur=sel?rows.find(r=>r.id===sel):null; const list=rows.filter(r=>tab==="todos"?true:tab==="pendentes"?r.state==="Convite pendente":tab==="suspensos"?r.state==="Suspenso":r.mfa===false); const convida=()=>{if(!f.email.trim())return;setRows(rs=>[{id:Date.now(),who:f.email.split("@")[0].replace(/\./g," ").replace(/\b\w/g,c=>c.toUpperCase()),email:f.email.trim(),role:f.role,state:"Convite pendente",mfa:false,last:"—"},...rs]);setF({email:"",role:"Trabalhador"});setConvidar(false);}; const setState=(r,state)=>setRows(rs=>rs.map(x=>x.id===r.id?{...x,state}:x)); return r.state==="Ativo").length+" ativos · "+rows.filter(r=>r.state==="Convite pendente").length+" convites por aceitar"} actions={} onClick={()=>setConvidar(true)}>Convidar}/> {avisoU&&{avisoU}} {rows.some(r=>!r.mfa&&r.state==="Ativo")&&setTab("mfa")}>Ver contas}> {rows.filter(r=>!r.mfa&&r.state==="Ativo").length} pessoas com acesso a dados de colaboradores ainda não ativaram o segundo fator. }
r.state==="Convite pendente").length}, {value:"suspensos",label:"Suspensos"}, {value:"mfa",label:"Sem 2FA"}, {value:"auditoria",label:"Auditoria"}]}/>
{tab==="auditoria"&&
setSelA(r)} searchPlaceholder="Pesquisar por pessoa ou ação…" columns={[ {key:"who",label:"Quem",sortable:true,render:v=>{AV(v,"xs")} {v}}, {key:"acao",label:"Ação",render:v=>{v}}, {key:"alvo",label:"Alvo",render:v=>{v}}, {key:"quando",label:"Quando",sortable:true,align:"right",render:v=>{v}}, ]}/>
O registo de auditoria é imutável e conservado durante 2 anos. Todas as ações sobre dados pessoais ficam registadas.
} {tab!=="auditoria"&&
setSel(r.id)} searchPlaceholder="Pesquisar por nome ou email…" emptyState={} bulkActions={setAvisoU("Convites reenviados aos utilizadores selecionados.")}>Reenviar convitesetAvisoU("Utilizadores selecionados suspensos.")}>Suspender} columns={[ {key:"who",label:"Utilizador",sortable:true,render:(v,r)=>{AV(v,"xs")} {v} {r.email}}, {key:"role",label:"Função",sortable:true,render:v=>{v}}, {key:"state",label:"Estado",sortable:true,render:v=>{v}}, {key:"mfa",label:"2fa",align:"center",render:v=>v?:—}, {key:"last",label:"Último acesso",align:"right",render:v=>{v}}, ]}/>
} setSelA(null)} header={selA&&{AV(selA.who,"sm")}{selA.acao}{selA.who} · {selA.quando}} footer={selA&&
setSelA(null)}>Fechar}> {selA&&
{[["Alvo",selA.alvo],["Quando",selA.quando],["Endereço IP",selA.ip],["Origem","Aplicação web"]].map(([l,v])=>
{l}
{v}
)}
Alteração
{selA.antes} {selA.depois}
Registo imutável. Para contestar uma entrada, contacta o administrador do grupo.
} setSel(null)} header={cur&&{AV(cur.who,"sm")}{cur.who}{cur.email}} footer={cur&&
setSel(null)}>Fechar {cur.state==="Suspenso" ? {setState(cur,"Ativo");setSel(null);}}>Reativar : {setState(cur,"Suspenso");setSel(null);}}>Suspender}}> {cur&&
{cur.state} {cur.role} {!cur.mfa&&Sem 2FA}
Função{cur.role} Último acesso{cur.last} 2FA{cur.mfa?"Ativa":"Por ativar"}
Ações
{setAvisoU("Email de reposição enviado a "+cur.who+".");setSel(null);}}>Repor palavra-passe {setAvisoU("Sessões de "+cur.who+" terminadas em todos os dispositivos.");setSel(null);}}>Terminar sessões {cur.state==="Convite pendente"&&{setAvisoU("Convite reenviado para "+cur.email+".");setSel(null);}}>Reenviar convite}
Atividade recente
{[["Iniciou sessão",cur.last],["Alterou a palavra-passe","há 3 meses"],["Conta criada","jan 2024"]].map(([w,t])=>
{w}{t}
)}
} setConvidar(false)} title="Convidar utilizador" width={480} footer={
Envia um email com o link de acesso
setConvidar(false)}>CancelarEnviar convite
}>
setF({...f,email:e.target.value})}/> setF({...f,role:e.target.value})} options={["Trabalhador","Diretor intermédio","CEO","Administrador"]}/>
; };