const {S,Head,I,P,PEOPLE,AV}=window.WFA; const {TODAY:SC_TODAY,WD_SHORT:SC_WDS,wdIndex:scWd,addDays:scAdd,weekStart:scWeek,fmtLong:scLong}=window.WFA_TODAY; const {UIButton,UIInput,UISelect,UICard,UIAvatar,UIAvatarGroup,UIPill,UITabs,UIModal,UIDataTable,UIStat,UIBanner,UIToggle,UIDrawer,UIEmptyState,UIProgress,UITextarea,UIToggleGroup}=window.XCOPEDesignSystem_bf80f1; const SC_WD=["Seg","Ter","Qua","Qui","Sex","Sáb","Dom"]; const sc2=n=>String(n).padStart(2,"0"); const scHM=m=>sc2(Math.floor(m/60))+":"+sc2(m%60); const scDur=m=>Math.floor(m/60)+"h"+(m%60?" "+sc2(m%60):""); // shift patterns the company defines once and assigns to people const SC_PADROES=[ {id:"std",name:"Padrão 40h",desc:"Segunda a sexta, 09:00–18:00 com 1h de almoço",dias:[1,1,1,1,1,0,0],in:9*60,out:18*60,pausa:60,total:2400}, {id:"cedo",name:"Turno da manhã",desc:"Segunda a sexta, 07:00–15:30",dias:[1,1,1,1,1,0,0],in:7*60,out:15*60+30,pausa:30,total:2400}, {id:"tarde",name:"Turno da tarde",desc:"Segunda a sexta, 14:00–22:30",dias:[1,1,1,1,1,0,0],in:14*60,out:22*60+30,pausa:30,total:2400}, {id:"p30",name:"Parcial 30h",desc:"Segunda a sexta, 09:00–15:00",dias:[1,1,1,1,1,0,0],in:9*60,out:15*60,pausa:0,total:1800}, {id:"fds",name:"Fim de semana",desc:"Sábado e domingo, 10:00–19:00",dias:[0,0,0,0,0,1,1],in:10*60,out:19*60,pausa:60,total:960}, ]; // who is on which pattern, plus this week's exceptions const SC_PESSOAS=[ {id:1,who:"Hugo Montenegro",dept:"Pessoas",pad:"std",excecao:null}, {id:2,who:"Rui Pinto",dept:"Engenharia",pad:"std",excecao:{dia:2,tipo:"remoto",label:"Remoto"}}, {id:3,who:"Ana Reis",dept:"Produto",pad:"p30",excecao:{dia:1,tipo:"ferias",label:"Férias"}}, {id:4,who:"Carla Dias",dept:"Pessoas",pad:"std",excecao:null}, {id:5,who:"Sofia Melo",dept:"Dados",pad:"cedo",excecao:null}, {id:6,who:"Zain Franci",dept:"Produto",pad:"std",excecao:{dia:4,tipo:"ferias",label:"Férias"}}, {id:7,who:"Tomás Jervell",dept:"Comercial",pad:"std",excecao:null}, {id:8,who:"João Alves",dept:"Dados",pad:"tarde",excecao:null}, {id:9,who:"Mira Mango",dept:"Comercial",pad:"fds",excecao:null}, ]; const SC_EXC={remoto:{tone:"info",label:"Remoto"},ferias:{tone:"warning",label:"Férias"},formacao:{tone:"success",label:"Formação"}}; S.schedules=()=>{ const [tab,setTab]=React.useState("semana"); const [pessoas,setPessoas]=React.useState(SC_PESSOAS); const [padroes,setPadroes]=React.useState(SC_PADROES); const [novo,setNovo]=React.useState(false); const [atribuir,setAtribuir]=React.useState(null); const [sel,setSel]=React.useState(null); const [aviso,setAviso]=React.useState(null); const [dept,setDept] =React.useState("all"); React.useEffect(()=>{if(!aviso)return;const t=setTimeout(()=>setAviso(null),3200);return ()=>clearTimeout(t);},[aviso]); const semana=Array.from({length:7},(_,i)=>scAdd(scWeek(SC_TODAY),i)); const hojeIdx=scWd(SC_TODAY); const depts=[...new Set(pessoas.map(p=>p.dept))]; const vis=pessoas.filter(p=>dept==="all"||p.dept===dept); const padrao=id=>padroes.find(x=>x.id===id); const cur=sel?pessoas.find(p=>p.id===sel):null; // cover: how many people are scheduled each day const cobertura=semana.map((_,i)=>vis.filter(p=>{ const pad=padrao(p.pad); if(!pad.dias[i])return false; if(p.excecao&&p.excecao.dia===i&&p.excecao.tipo==="ferias")return false; return true;}).length); const minCobertura=Math.min(...cobertura.slice(0,5)); const mudaPadrao=(pid,padId)=>{setPessoas(ps=>ps.map(p=>p.id===pid?{...p,pad:padId}:p)); setAviso(pessoas.find(p=>p.id===pid).who+" passou para "+padrao(padId).name+".");}; const cols="minmax(180px,1.4fr) repeat(7,minmax(72px,1fr))"; return setAtribuir({})}>Atribuir padrão } onClick={()=>setNovo(true)}>Novo padrão }/> {aviso&&{aviso}} {minCobertura<3&& Há dias úteis com apenas {minCobertura} pessoas escaladas. Verifica se cobre o serviço mínimo do departamento. }
Semana{semana[0].getDate()} a {semana[6].getDate()} de julho Escaladas hoje{cobertura[hojeIdx]} Horas previstas{scDur(vis.reduce((n,p)=>n+padrao(p.pad).total,0))}
Exceções esta semana{vis.filter(p=>p.excecao).length}
{tab==="semana"&&setDept(v||"all")} items={[["all","Todos"],...depts.map(d=>[d,d])].map(([value,label])=>({value,label}))}/>}
{tab==="semana"&&
Pessoa
{semana.map((dt,i)=>{const hoje=i===hojeIdx; return
{SC_WD[i]}
{dt.getDate()}
;})}
{vis.map(p=>{const pad=padrao(p.pad); return
setSel(p.id)}> {AV(p.who,"xs")}
{p.who}
{pad.name}
{semana.map((dt,i)=>{ const trabalha=pad.dias[i]; const exc=p.excecao&&p.excecao.dia===i?p.excecao:null; const hoje=i===hojeIdx; return
{exc ? {SC_EXC[exc.tipo].label} : trabalha ? {scHM(pad.in)} {scHM(pad.out)} : }
;})}
;})}
Cobertura
{cobertura.map((n,i)=>
{n}
)}
} {tab==="padroes"&&
{padroes.map(pad=>
{pad.name}
{pad.desc}
{pad.dias.map((d,i)=>{SC_WDS[i]})}
{scDur(pad.total)}/sem {pessoas.filter(p=>p.pad===pad.id).length} pessoas setAtribuir({pad:pad.id})}>Atribuir
)}
} {tab==="pessoas"&&
setSel(p.id)} searchPlaceholder="Pesquisar pessoas…" columns={[ {key:"who",label:"Pessoa",sortable:true,render:v=>{AV(v,"xs")}{v}}, {key:"dept",label:"Departamento",sortable:true}, {key:"pad",label:"Padrão",sortable:true,render:v=>{padrao(v).name}}, {key:"horas",label:"Horas/semana",align:"right",render:(v,r)=>{scDur(padrao(r.pad).total)}}, {key:"excecao",label:"Exceção",align:"right",render:v=>v?{v.label} · {SC_WD[v.dia]}:—}, ]}/>
} setSel(null)} header={cur&&{AV(cur.who,"sm")}{cur.who}{cur.dept}} footer={cur&&
setSel(null)}>Fechar{setSel(null);setAtribuir({pessoa:cur.id});}}>Mudar padrão}> {cur&&
{padrao(cur.pad).name}
{padrao(cur.pad).desc}
Entrada{scHM(padrao(cur.pad).in)} Saída{scHM(padrao(cur.pad).out)} Pausa{padrao(cur.pad).pausa?padrao(cur.pad).pausa+" min":"Sem pausa registada"} Semana{scDur(padrao(cur.pad).total)}
Dias de trabalho
{padrao(cur.pad).dias.map((d,i)=>{SC_WDS[i]})}
{cur.excecao&&{cur.excecao.label} em vez do horário normal.}
} setAtribuir(null)} title="Atribuir padrão de horário" width={480} footer={
Entra em vigor na próxima semana
setAtribuir(null)}>Cancelar {const a=atribuir||{};if(a.pessoa&&a.pad)mudaPadrao(a.pessoa,a.pad);else setAviso("Padrão atribuído às pessoas selecionadas.");setAtribuir(null);}}>Atribuir
}>
setAtribuir(a=>({...a,pad:e.target.value}))} options={padroes.map(p=>({value:p.id,label:p.name}))}/> setAtribuir(a=>({...a,pessoa:e.target.value==="todos"?null:Number(e.target.value)}))} options={[{value:"todos",label:"Departamento inteiro"},...pessoas.map(p=>({value:String(p.id),label:p.who}))]}/>
setNovo(false)} title="Novo padrão de horário" width={520} footer={
setNovo(false)}>Cancelar{setNovo(false);setAviso("Padrão criado. Já podes atribuí-lo a pessoas.");}}>Criar padrão
}>
Dias de trabalho
({value:String(i),label:SC_WD[i]}))}/>
; };