FecharonToggle(r)}>{r.g==="done"?"Reabrir":"Concluir"}}>

{r.t}

{r.d||"Sem descrição."}

Prazo{tkFmt(r.due)} Módulo{r.mod} Prioridade{TK_PRIO[r.prio].label} Responsáveis

{r.who.map(n=>{n})}

Subtarefas

{r.sub.filter(s=>s[1]).length}/{r.sub.length}

{r.sub.length?

{r.sub.map(([label,ok],i)=>

onSub(r,i)}> {ok&&} {label}

)}

:
Sem subtarefas.
}

Atividade

{r.act.map(([who,what,when],i)=>

{who} {what}
{when}

)}

Mover para

{states.filter(s=>s.id!==r.g).map(s=>onMove(r,s.id)}>{s.label})}

; } S.tasks=()=>{ const [rows,setRows]=React.useState(TK_ROWS); const [states,setStates]=React.useState(TK_DEF_STATES); const [view,setView]=React.useState("lista"); const [q,setQ]=React.useState(""); const [prio,setPrio]=React.useState("all"); const [openId,setOpenId]=React.useState(null); const [fold,setFold]=React.useState([]); const [nova,setNova]=React.useState(false); const [novoEstado,setNovoEstado]=React.useState(false); const [estadoNome,setEstadoNome]=React.useState(""); const [drag,setDrag]=React.useState(null); const [sel,setSel]=React.useState([]); const [over,setOver]=React.useState(null); const wrap=React.useRef(null);const ww=useWidth(wrap); const tier=!ww?"lg":ww<700?"xs":ww<880?"sm":"lg"; const match=r=>(q===""||(r.t+" "+r.d+" "+r.mod).toLowerCase().includes(q.toLowerCase()))&&(prio==="all"||r.prio===prio); const list=rows.filter(match); const byG=id=>list.filter(r=>r.g===id); const open=rows.find(r=>r.id===openId)||null; const toggle=r=>setRows(rs=>rs.map(x=>x.id===r.id?{...x,g:x.g==="done"?"todo":"done"}:x)); const move=(r,g)=>setRows(rs=>rs.map(x=>x.id===r.id?{...x,g}:x)); const subToggle=(r,i)=>setRows(rs=>rs.map(x=>x.id===r.id?{...x,sub:x.sub.map((s,j)=>j===i?[s[0],!s[1]]:s)}:x)); const addState=()=>{const n=estadoNome.trim();if(!n)return;setStates(s=>[...s,{id:"st"+Date.now(),label:n,tone:"neutral"}]);setEstadoNome("");setNovoEstado(false);}; const pick=r=>setSel(s=>s.includes(r.id)?s.filter(x=>x!==r.id):[...s,r.id]); const bulk=g=>{setRows(rs=>rs.map(x=>sel.includes(x.id)?{...x,g}:x));setSel([]);}; const filters=

} placeholder="Pesquisar tarefas…" value={q} onChange={e=>setQ(e.target.value)}/>
setPrio(v||"all")} items={[["all","Todas"],["alta","Alta"],["media","Média"],["baixa","Baixa"]].map(([value,label])=>({value,label}))}/>
; // month grid: same language as Calendário (no second calendar idiom) const cells=Array.from({length:35},(_,i)=>i-2); const tasksOn=day=>list.filter(r=>r.due.m===7&&r.due.day===day); const later=list.filter(r=>r.due.m>7); return r.g!=="done").length+" por concluir"} actions={} onClick={()=>setNova(true)}>Nova tarefa}/>

{sel.length>0 ?
{sel.length} selecionada{sel.length>1?"s":""} {states.map(s=>bulk(s.id)}>{s.label})} setSel([])}>Limpar
: filters}
{view==="lista"&&
{states.map(g=>{const items=byG(g.id);const shut=fold.includes(g.id); return

setFold(f=>shut?f.filter(x=>x!==g.id):[...f,g.id])}> {g.label} {items.length}
{!shut&&(items.length?{items.map(r=>setOpenId(x.id)}/>)} :
setNova(true)}>Nova tarefa}/>
)}
;})}
} {view==="quadro"&&
({id:g.id,name:g.label,color:g.tone==="success"?"var(--ui-success)":g.tone==="warning"?"var(--ui-warning)":g.tone==="info"?"var(--ui-info)":undefined}))} items={list.map(r=>({...r,column:r.g}))} onItemsChange={next=>setRows(rs=>rs.map(x=>{const n=next.find(y=>y.id===x.id);return n?{...x,g:n.column}:x;}))} onItemClick={r=>setOpenId(r.id)} onAddItem={()=>setNova(true)} onAddColumn={()=>setNovoEstado(true)} style={{flex:1,minWidth:0}} renderCard={r=>
{r.t}
{r.d&&
{r.d}
}
{r.mod}{TK_PRIO[r.prio].label}

{r.sub.length>0&&{r.sub.filter(s=>s[1]).length}/{r.sub.length}} {tkFmt(r.due)}

}/> {novoEstado&&
setEstadoNome(e.target.value)} onKeyDown={e=>{if(e.key==="Enter")addState();if(e.key==="Escape")setNovoEstado(false);}}/>
CriarsetNovoEstado(false)}>Cancelar

}
} {view==="timeline"&&

{TK_MONTH}
Prazos das tarefas

{["S","T","Q","Q","S","S","D"].map((d,i)=>
{d}
)} {cells.map((d,i)=>{const valid=d>=1&&d<=31;const items=valid?tasksOn(d):[]; return
{valid&& {d} {items.slice(0,2).map(r=>
setOpenId(r.id)} title={r.t} style={{cursor:"pointer",fontSize:"var(--ui-fs-xs)",fontWeight:500,padding:"4px 8px",borderRadius:6,background:"var(--ui-surface-2)",borderLeft:"3px solid var(--ui-"+TK_PRIO[r.prio].tone+")",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}>{r.t}
)} {items.length>2&&+{items.length-2}} }
;})}
{later.length>0&&

Depois de julho

{later.map(r=>
setOpenId(r.id)}> {r.t} {r.mod} {tkFmt(r.due)}
)}

}
}
setOpenId(null)} onMove={(r,g)=>move(r,g)} onSub={subToggle} onToggle={r=>{toggle(r);setOpenId(null);}}/> setNova(false)} title="Nova tarefa" width={520} footer={
setNova(false)}>CancelarsetNova(false)}>Criar tarefa
}>

; };