import { Head, Link, router, usePage } from '@inertiajs/react'; import { Fragment, useState } from 'react'; import { ClassroomStatusBadge, MeetingStatusBadge, ParticipantRoleBadge, } from '@/components/classrooms/badges'; import ConfirmActionDialog from '@/components/classrooms/confirm-action-dialog'; import { formatDateTime, formatSeconds } from '@/components/classrooms/format'; import MeetingReportCard from '@/components/classrooms/meeting-report-card'; import type { Attendance, Classroom, Meeting, MeetingEvent, Participant, } from '@/components/classrooms/types'; import { Button } from '@/components/ui/button'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/components/ui/table'; import { Tooltip, TooltipContent, TooltipTrigger, } from '@/components/ui/tooltip'; import classrooms, { index as classroomsIndex } from '@/routes/classrooms'; import meetings from '@/routes/meetings'; type ParticipantAttendanceRow = Participant & { seconds: number; intervals: Attendance[]; }; type Props = { meeting: Meeting & { scheduled_end_at: string }; classroom: Classroom; participants: ParticipantAttendanceRow[]; events: MeetingEvent[]; formatempConfigured: boolean; }; export default function MeetingsShow({ meeting, classroom, participants, events, formatempConfigured, }: Props) { const { errors } = usePage<{ errors: { formatemp?: string } }>().props; const [expanded, setExpanded] = useState(null); function endMeeting() { router.post( meetings.end({ meeting: meeting.uuid }).url, {}, { preserveScroll: true }, ); } function refreshMeeting() { router.post( meetings.refresh({ meeting: meeting.uuid }).url, {}, { preserveScroll: true }, ); } function syncFormatemp() { router.post( meetings.formatemp.sync({ meeting: meeting.uuid }).url, {}, { preserveScroll: true }, ); } // Consolidating closes the register on Forma.Temp for good, so the confirmation // travels with the request: the endpoint rejects it without `confirm`. function consolidateFormatemp() { router.post( meetings.formatemp.consolidate({ meeting: meeting.uuid }).url, { confirm: 1 }, { preserveScroll: true }, ); } const recentEvents = events.slice(0, 200); return ( <>

{meeting.title}

{classroom.name} {' '}

Previsto: {formatDateTime(meeting.scheduled_at)} -{' '} {formatDateTime(meeting.scheduled_end_at) .split(', ') .pop()}

Effettivo:{' '} {meeting.started_at ? formatDateTime(meeting.started_at) : '—'}{' '} -{' '} {meeting.ended_at ? formatDateTime(meeting.ended_at) : '—'}

{meeting.bbb_internal_id && (

{meeting.bbb_internal_id}

)}
{meeting.status !== 'ended' && (meeting.status === 'running' ? ( ) : ( ))} {meeting.status !== 'ended' && ( )} {meeting.status === 'running' && ( Termina } title="Terminare la lezione?" description="I partecipanti verranno disconnessi e la lezione risulterà terminata." confirmLabel="Termina" destructive onConfirm={endMeeting} /> )} {meeting.status === 'ended' && (formatempConfigured ? ( <> {!meeting.formatemp_consolidated_at && !!meeting.formatemp_sent_at && ( Consolida fascia } title="Consolidare la fascia su Forma.Temp?" description="Il consolidamento è irreversibile: dopo averlo fatto il registro presenze di questa fascia non accetta altri invii." confirmLabel="Consolida" destructive onConfirm={consolidateFormatemp} /> )} ) : ( Configura Forma.Temp nelle impostazioni azienda. ))}
{errors.formatemp && (

{errors.formatemp}

)} {meeting.status === 'ended' && formatempConfigured && (

Forma.Temp:{' '} {meeting.formatemp_consolidated_at ? `fascia consolidata il ${formatDateTime(meeting.formatemp_consolidated_at)}` : meeting.formatemp_sent_at ? `presenze inviate il ${formatDateTime(meeting.formatemp_sent_at)}, da consolidare` : meeting.formatemp_fascia_id ? 'lezione collegata a una fascia oraria, presenze non ancora inviate' : 'lezione non ancora collegata a una fascia oraria'}

)} {meeting.status === 'ended' && ( )}

Registro presenze

Nome Cod. fiscale Ruolo Presenza totale {participants.length === 0 && ( Nessuna presenza rilevata. )} {participants.map((participant) => ( {participant.full_name} {participant.fiscal_code ?? '—'} {formatSeconds( participant.seconds, )} {participant.intervals.length > 0 && ( )} {expanded === participant.id && (
{participant.intervals.map( (interval) => (

{formatDateTime( interval.joined_at, )}{' '} →{' '} {interval.left_at ? formatDateTime( interval.left_at, ) : 'in corso'}{' '} ( {formatSeconds( interval.seconds, )} )

), )}
)} ))}

Eventi BigBlueButton

Orario Evento Utente {recentEvents.length === 0 && ( Nessun evento registrato. )} {recentEvents.map((event) => ( {formatDateTime(event.occurred_at)} {event.event} {event.bbb_user_id ?? '—'} ))}
); } MeetingsShow.layout = ({ classroom, meeting }: Props) => ({ breadcrumbs: [ { title: 'Aule', href: classroomsIndex() }, { title: classroom.name, href: classrooms.show(classroom.uuid) }, { title: meeting.title, href: meetings.show({ meeting: meeting.uuid }), }, ], });