import { Link } from '@inertiajs/react'; import { useState } from 'react'; import { AppLayout } from '@/Components/Layout/AppLayout'; type Session = { id: number; joinedAt: string; leftAt: string | null; durationSeconds: number; online: boolean; }; type Person = { userId: number | null; name: string; studentCode: string | null; roleLabel: string; sessionCount: number; totalSeconds: number; lastJoinedAt: string; lastLeftAt: string | null; online: boolean; sessions: Session[]; }; type Recording = { id: number; title: string; sizeBytes: number; durationSeconds: number; startedAt: string; endedAt: string | null; }; type Props = { classId: number; roomKey: string; classTitle: string; people: Person[]; recordings: Recording[]; }; function duration(seconds: number): string { const safe = Math.max(0, Math.floor(seconds)); const hours = Math.floor(safe / 3600); const minutes = Math.floor((safe % 3600) / 60); const remainder = safe % 60; return [hours > 0 ? `${hours} ساعت` : '', minutes > 0 ? `${minutes} دقیقه` : '', `${remainder} ثانیه`].filter(Boolean).join(' و '); } function size(bytes: number): string { if (bytes >= 1024 * 1024) return `${(bytes / 1024 / 1024).toFixed(1)} مگابایت`; return `${Math.max(1, Math.round(bytes / 1024))} کیلوبایت`; } export default function OnlineClassLogs({ classId, roomKey, classTitle, people, recordings }: Props) { const [openUser, setOpenUser] = useState(null); const totalSeconds = people.reduce((sum, person) => sum + person.totalSeconds, 0); const activeCount = people.filter((person) => person.online).length; return (

حضور، ورود و خروج کلاس

{classTitle} — هر ورود و خروج جداگانه تا سطح ثانیه ثبت می‌شود.

ورود به اتاق بازگشت
اعضای واردشده{people.length}
اکنون داخل کلاس{activeCount}
مجموع حضور{duration(totalSeconds)}
جلسه ضبط‌شده{recordings.length}

جزئیات حضور اعضا

روی هر ردیف بزنید تا تمام ورودها و خروج‌ها دیده شود.

{people.length === 0 ?

هنوز کسی وارد این کلاس نشده است.

: (
{people.map((person, index) => { const key = person.userId ? `user-${person.userId}` : `unknown-${index}`; const expanded = openUser === key; return [ setOpenUser(expanded ? null : key)} style={{ cursor: 'pointer' }}> , expanded && , ]; })}
نام و نقشآخرین ورودآخرین خروجدفعات ورودکل زمان حضور
{person.name}
{person.roleLabel}{person.studentCode ? ` · ${person.studentCode}` : ''} {person.online && آنلاین}
 {person.lastJoinedAt} {person.lastLeftAt ?? هنوز داخل کلاس} {person.sessionCount} {duration(person.totalSeconds)}
{person.sessions.map((session, sessionIndex) =>
ورود {person.sessions.length - sessionIndex} {session.joinedAt} {session.leftAt ?? 'هنوز خارج نشده'} {duration(session.durationSeconds)}
)}
)}

ضبط‌های کلاس

ویدئو همراه با گفتگوی عمومی همان زمان بازپخش می‌شود.

{recordings.length === 0 ?

هنوز ضبطی ذخیره نشده است. مدیر یا معلم از داخل اتاق می‌تواند ضبط را شروع کند.

: (
{recordings.map((recording) =>
{recording.title}{recording.startedAt}
{duration(recording.durationSeconds)} · {size(recording.sizeBytes)} مشاهده ضبط و گفتگو
)}
)}
); }