onOpen(item)} role="button" tabIndex={0}
onKeyDown={(e) => { if (e.key === 'Enter') onOpen(item); }}>
{item.dir === 'out' ? : }
{window.fpUpperLast(p.name)}
{p.role}
{p.org ? · {p.org} : null}
{item.video ? : }
{kindLabel}
{item.dur ? · {item.dur} : null}
· {item.when}
);
}
// ── Fiche appel · identité, actions, historique ──
function Cl2Sheet({ item, onClose, onVoice, onVideo, onOpenChat }) {
const p = FP_PEERS[item.pid];
const dirLabel = (h) => h.dir === 'missed'
? 'Appel manqué'
: (h.video ? 'Vidéo' : 'Vocal') + (h.dir === 'in' ? ' · entrant' : ' · sortant');
return (
{window.fpUpperLast(p.name)}
{p.role}{p.org ? ' · ' + p.org : ''}
Pass ID vérifié
Historique
{item.hist.map((h, i) => (
{h.dir === 'out' ? : }
{dirLabel(h)}
{h.when}
{h.dur || '-'}
))}
Appels chiffrés de bout en bout · identité vérifiée Pass ID
);
}
// ── Petite coche (créneau proposé) ──
const Cl2Check = ({ s = 9 }) => (
{t('calls')}
{showSearch ? (
setQ(e.target.value)} placeholder="Nom, rôle, club…" />
) : null}
{/* ── ZONE FIXE · reste en place, se resserre au scroll ── */}
{!showSearch ? (
{segs.map((s) => (
))}
) : null}
{seg === 'journal' || showSearch ? (
{chips.map((c) => (
))}
) : null}
{/* ── SALONS D'APPEL · groupes habituels, dépliables & actionnables ── */}
{seg === 'salons' && !showSearch ? (
{CL2_ROOMS.map((r) => (
setOpenRoom((cur) => (cur === r.id ? null : r.id))}
onVoice={onVoice} onVideo={onVideo} onRoomCall={onRoomCall} onOpenPassi={openPassi}
onSchedule={scheduleSlot} onUnschedule={unscheduleSlot} />
))}
) : null}
{/* ── À VENIR · appels planifiés (salons + vrai agenda) ── */}
{seg === 'upcoming' && !showSearch ? (
Appels planifiés
{todayRoom ? (
{ setSeg('salons'); setOpenRoom(todayRoom.id); }} role="button" tabIndex={0}
onKeyDown={(e) => { if (e.key === 'Enter') { setSeg('salons'); setOpenRoom(todayRoom.id); } }}>
Auj.{todayRoom.next.split(' · ')[1] || ''}
{todayRoom.video ? 'Visio · ' : 'Appel · '}{todayRoom.name}
{todayRoom.pids.map(cl2First).join(', ')}
) : null}
{agendaCalls.map((ev) => {
const pids = (ev.whos || [ev.who]).filter((x) => FP_PEERS[x]);
return (
onSheet({ kind: 'event', ev })} role="button" tabIndex={0}
onKeyDown={(e) => { if (e.key === 'Enter') onSheet({ kind: 'event', ev }); }}>
{ev.dow} {ev.d}{ev.m && ev.m !== 6 ? '/' + String(ev.m).padStart(2, '0') : ''}{ev.time}
{ev.title}
{pids.length ? : null}
{pids.length ? pids.map(cl2First).join(', ') : ev.who}
{ev.status === 'pending'
? À confirmer
: Confirmé}
);
})}
{!todayRoom && agendaCalls.length === 0 ? (
Aucun appel planifié.
) : null}
) : null}
{/* ── JOURNAL · l'historique d'appels, cœur de l'onglet ── */}
{seg === 'journal' || showSearch ? (
{CL2_SECTS.map(([key, label]) => {
const items = visible.filter((l) => l.sect === key);
if (!items.length) return null;
return (
{label}
{items.map((l) => )}
);
})}
{visible.length === 0 ? (
{q.trim() ? `Aucun appel pour « ${q.trim()} ».`
: flt === 'missed' ? 'Aucun appel manqué. Vous êtes à jour.'
: 'Aucun appel dans ce filtre.'}
) : null}
) : null}
Appels chiffrés de bout en bout · identités vérifiées Pass ID
{/* ── PROCHAIN APPEL · barre flottante en bas, Rejoindre en 1 tap ── */}
{todayRoom && !showSearch && seg !== 'upcoming' && !detail ? (
{ setSeg('salons'); setOpenRoom(todayRoom.id); }} role="button" tabIndex={0}
style={dockHidden
? { transform: 'translateY(calc(100% + 18px))', opacity: 0, pointerEvents: 'none', transition: 'transform 0.28s ease, opacity 0.22s ease' }
: { transition: 'transform 0.28s ease, opacity 0.22s ease' }}
aria-hidden={dockHidden}
onKeyDown={(e) => { if (e.key === 'Enter') { setSeg('salons'); setOpenRoom(todayRoom.id); } }}>
{todayRoom.next.split(' · ')[1] || ''}
Auj.
{todayRoom.video ? 'Visio' : 'Appel'} · {todayRoom.name}
{todayRoom.pids.map(cl2First).join(' · ')}
) : null}
{detail ? (
setDetail(null)}
onVoice={onVoice} onVideo={onVideo} onOpenChat={onOpenChat} />
) : null}
);
}
Object.assign(window, { HMCallsV2, CL2_ROOMS });