Loading dashboard...

\n );\n }\n\n if (!isAuthenticated) {\n return ;\n }\n\n return (\n \n );\n};",[],[92,102],"793e1890-34ec-11f0-b0fd-9e149126039e","index.html","793e194e-34ec-11f0-b0fd-9e149126039e",["D",1747685069948],"\n\n\n \n \n Teacher Dashboard\n \n \n \n\n\n

\n \n \n \n\n",[],[92,110],"9056afce-34ec-11f0-ba9a-9e149126039e","components","24731548-9da5-4263-81b4-ee3e58ed7daa",7,["D",1747685108693],[123,124,125,126],[92,117],{"_36":150,"_13":151,"_39":152,"_41":118,"_43":44,"_45":153,"_47":48,"_49":154,"_17":51,"_52":53,"_54":155,"_56":57,"_58":-5,"_88":156,"_18":157},{"_36":143,"_13":144,"_39":145,"_41":118,"_43":44,"_45":119,"_47":48,"_49":146,"_17":51,"_52":53,"_54":147,"_56":57,"_58":-5,"_88":148,"_18":149},{"_36":135,"_13":136,"_39":137,"_41":118,"_43":44,"_45":138,"_47":48,"_49":139,"_17":51,"_52":53,"_54":140,"_56":57,"_58":-5,"_88":141,"_18":142},{"_36":127,"_13":128,"_39":129,"_41":118,"_43":44,"_45":130,"_47":48,"_49":131,"_17":51,"_52":53,"_54":132,"_56":57,"_58":-5,"_88":133,"_18":134},"d4219a84-34ec-11f0-b4c2-9e149126039e","SubmissionBreakdown.tsx","d4219b24-34ec-11f0-b4c2-9e149126039e",10,["D",1747685222435],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { QuizWithStats, QuizSubmission } from '../../backend/types';\n\ninterface SubmissionBreakdownProps {\n quiz: QuizWithStats;\n}\n\nexport const SubmissionBreakdown: React.FC = ({ quiz }) => {\n const [submissions, setSubmissions] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [error, setError] = useState(null);\n \n useEffect(() => {\n fetchSubmissions();\n }, [quiz.quiz_id]);\n \n const fetchSubmissions = async () => {\n setIsLoading(true);\n setError(null);\n \n try {\n const token = localStorage.getItem('teacherToken') || '';\n const response = await fetch(`/api/quiz/${quiz.quiz_id}/submissions`, {\n headers: {\n 'Authorization': `Bearer ${token}`\n }\n });\n \n const result = await response.json();\n \n if (result.success && result.data) {\n setSubmissions(result.data);\n } else {\n setError(result.error || 'Failed to load submissions');\n }\n } catch (err) {\n setError('Network error. Please try again later.');\n } finally {\n setIsLoading(false);\n }\n };\n \n // Format date for display\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return new Intl.DateTimeFormat('en-US', {\n day: 'numeric',\n month: 'short',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n }).format(date);\n };\n \n // Check if quiz is active\n const isActive = () => {\n return new Date(quiz.deadline) > new Date();\n };\n \n // Get unique students\n const uniqueStudents = [...new Set(submissions.map(s => s.student_id))];\n \n // Calculate stats\n const correctSubmissions = submissions.filter(s => s.is_correct).length;\n const incorrectSubmissions = submissions.length - correctSubmissions;\n const lateSubmissions = submissions.filter(s => s.is_late).length;\n \n // Get student's best attempt\n const getBestAttempt = (studentId: string) => {\n const studentSubmissions = submissions.filter(s => s.student_id === studentId);\n const correctSubmission = studentSubmissions.find(s => s.is_correct);\n \n if (correctSubmission) {\n return correctSubmission;\n }\n \n // If no correct submission, return the latest one\n return studentSubmissions.sort((a, b) => \n new Date(b.submitted_at).getTime() - new Date(a.submitted_at).getTime()\n )[0];\n };\n \n // Group submissions by student\n const studentSubmissions = uniqueStudents.map(studentId => {\n const bestAttempt = getBestAttempt(studentId);\n const attempts = submissions.filter(s => s.student_id === studentId).length;\n \n return {\n student: {\n id: studentId,\n name: bestAttempt.student_name,\n email: bestAttempt.student_email\n },\n bestAttempt,\n attempts\n };\n });\n \n if (isLoading) {\n return (\n

Loading submissions...

\n );\n }\n \n if (error) {\n return (\n

\n \n

{error}

\n );\n }\n \n return (\n

\n {/* Quiz header */}\n

\n {quiz.title}\n

\n {isActive() ? 'Active Quiz' : 'Closed Quiz'}\n

\n \n {isActive() ? 'Active' : 'Closed'}\n \n

\n \n

Question

{quiz.question}

Correct Answer

{quiz.correct_answer}

\n \n

Deadline

{formatDate(quiz.deadline)}

Max Attempts

{quiz.max_attempts}

Late Submissions

{quiz.late_submission_allowed ? 'Allowed' : 'Not Allowed'}

Created

{formatDate(quiz.created_at)}

\n \n {/* Stats cards */}\n

\n Submission Statistics\n

\n \n

Correct Answers

{correctSubmissions}

\n \n

Incorrect Answers

{incorrectSubmissions}

\n \n

Late Submissions

{lateSubmissions}

\n \n

Avg. Attempts

{quiz.stats.average_attempts}

\n \n {/* Completion rate visualization */}\n

Completion Rate

\n {quiz.stats.students_completed} out of {quiz.stats.total_students} students completed ({Math.round((quiz.stats.students_completed / quiz.stats.total_students) * 100)}%)\n

\n \n {/* Correctness rate visualization */}\n

Correctness Rate

\n {correctSubmissions} out of {submissions.length} submissions correct ({Math.round((correctSubmissions / (submissions.length || 1)) * 100)}%)\n

\n \n {/* Student submissions */}\n

\n Student Submissions\n

\n \n {studentSubmissions.length === 0 ? (\n

No submissions yet.

\n ) : (\n

\n \n \n \n \n \n \n \n \n \n \n \n {studentSubmissions.map(({ student, bestAttempt, attempts }) => (\n \n \n \n \n \n \n \n ))}\n \n

\n Student\n	\n Answer\n	\n Status\n	\n Attempts\n	\n Submitted\n
\n \n \n \n {student.name}\n \n \n {student.email}\n \n \n \n	\n {bestAttempt.answer} \n	\n \n {bestAttempt.is_correct ? 'Correct' : 'Incorrect'}\n \n {bestAttempt.is_late && (\n \n Late\n \n )}\n	\n {attempts} / {quiz.max_attempts}\n	\n {formatDate(bestAttempt.submitted_at)}\n

\n )}\n

\n );\n};",[],[92,117,128],"b4065c08-34ec-11f0-8c25-9e149126039e","QuizList.tsx","b4065ca8-34ec-11f0-8c25-9e149126039e",9,["D",1747685168569],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from 'https://esm.sh/react@18.2.0';\nimport { QuizWithStats } from '../../backend/types';\n\ninterface QuizListProps {\n quizzes: QuizWithStats[];\n selectedQuizId: string | undefined;\n onSelectQuiz: (quiz: QuizWithStats) => void;\n}\n\nexport const QuizList: React.FC = ({ quizzes, selectedQuizId, onSelectQuiz }) => {\n // Format date for display\n const formatDate = (dateString: string) => {\n const date = new Date(dateString);\n return new Intl.DateTimeFormat('en-US', {\n day: 'numeric',\n month: 'short',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n }).format(date);\n };\n \n // Check if quiz is active\n const isActive = (deadline: string) => {\n return new Date(deadline) > new Date();\n };\n \n // Get status badge for quiz\n const getStatusBadge = (quiz: QuizWithStats) => {\n const active = isActive(quiz.deadline);\n \n if (active) {\n return (\n \n Active\n \n );\n } else {\n return (\n \n Closed\n \n );\n }\n };\n \n if (quizzes.length === 0) {\n return (\n

No quizzes found matching your criteria.

\n );\n }\n \n return (\n

onSelectQuiz(quiz)}\n >\n
\n
\n
\n {quiz.title}\n
\n
\n {quiz.question}\n
\n
\n
\n {getStatusBadge(quiz)}\n
\n
\n \n
\n
\n
\n \n Deadline: {formatDate(quiz.deadline)}\n
\n
\n
\n \n \n {quiz.stats.students_completed} / {quiz.stats.total_students} students completed\n \n
\n
\n \n {/* Quick stats */}\n
\n
\n Submissions\n
{quiz.stats.total_submissions}
\n
\n
\n Correct\n
\n {quiz.stats.total_submissions > 0 \n ? `${Math.round(quiz.stats.correct_submissions / quiz.stats.total_submissions * 100)}%` \n : '0%'}\n
\n
\n
\n

\n );\n};",[],[92,117,136],"90568850-34ec-11f0-ba9a-9e149126039e","LoginForm.tsx","90568922-34ec-11f0-ba9a-9e149126039e",["D",1747685108693],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\n\ninterface LoginFormProps {\n onLogin: (token: string) => void;\n error: string | null;\n}\n\nexport const LoginForm: React.FC = ({ onLogin, error }) => {\n const [email, setEmail] = useState('');\n const [password, setPassword] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setIsLoading(true);\n \n // For demo purposes, we're using a mock token\n // In a real app, you would authenticate with your API\n setTimeout(() => {\n // Mock successful login for teacher@example.com/password\n if (email === 'teacher@example.com' && password === 'password') {\n onLogin('mock-token-123');\n } else {\n // Show error for other credentials\n alert('Invalid credentials. Try teacher@example.com/password');\n }\n setIsLoading(false);\n }, 1000);\n };\n\n return (\n

\n Teacher Dashboard Login\n

\n Sign in to access your quiz dashboard\n

\n \n {error && (\n

\n \n

{error}

\n )}\n \n \n

\n );\n};",[],[92,117,144],"a5cf6a3a-34ec-11f0-8138-9e149126039e","Dashboard.tsx","a5cf6b8e-34ec-11f0-8138-9e149126039e",8,["D",1747685144718],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\nimport { DashboardData, QuizWithStats } from '../../backend/types';\nimport { QuizList } from './QuizList';\nimport { SubmissionBreakdown } from './SubmissionBreakdown';\n\ninterface DashboardProps {\n data: DashboardData;\n onLogout: () => void;\n}\n\nexport const Dashboard: React.FC = ({ data, onLogout }) => {\n const [selectedQuiz, setSelectedQuiz] = useState(null);\n const [activeTab, setActiveTab] = useState<'all' | 'active' | 'past'>('all');\n const [searchTerm, setSearchTerm] = useState('');\n \n const { teacher, quizzes } = data;\n \n // Filter quizzes based on active tab and search term\n const filteredQuizzes = quizzes.filter(quiz => {\n const matchesSearch = quiz.title.toLowerCase().includes(searchTerm.toLowerCase());\n const quizDeadline = new Date(quiz.deadline);\n const now = new Date();\n \n if (activeTab === 'all') {\n return matchesSearch;\n } else if (activeTab === 'active') {\n return matchesSearch && quizDeadline > now;\n } else if (activeTab === 'past') {\n return matchesSearch && quizDeadline <= now;\n }\n \n return false;\n });\n \n // Calculate overall stats\n const totalQuizzes = quizzes.length;\n const activeQuizzes = quizzes.filter(q => new Date(q.deadline) > new Date()).length;\n const totalSubmissions = quizzes.reduce((sum, quiz) => sum + quiz.stats.total_submissions, 0);\n const correctRate = quizzes.reduce((sum, quiz) => sum + quiz.stats.correct_submissions, 0) / \n (totalSubmissions || 1) * 100;\n \n return (\n

\n {/* Header */}\n

Teacher Dashboard

{teacher.name}

{teacher.email}

\n \n Logout\n \n

\n \n {/* Main content */}\n

\n {/* Stats overview */}\n

Total Quizzes

{totalQuizzes}

\n \n

Active Quizzes

{activeQuizzes}

\n \n

Total Submissions

{totalSubmissions}

\n \n

Correct Answer Rate

{correctRate.toFixed(1)}%

\n \n {/* Quiz list and details */}\n

\n {/* Quiz list */}\n

\n Your Quizzes\n

\n setSearchTerm(e.target.value)}\n />\n

\n \n

\n setActiveTab('all')}\n >\n All Quizzes\n \n setActiveTab('active')}\n >\n Active\n \n setActiveTab('past')}\n >\n Past\n \n

\n \n setSelectedQuiz(quiz)} \n />\n

\n \n {/* Quiz details */}\n

\n {selectedQuiz ? (\n \n ) : (\n

\n \n

No quiz selected

\n Select a quiz from the list to view detailed submission breakdown.\n

\n )}\n

\n );\n};",[],[92,117,151],["D",1747685008175],[161,162,163],[19],{"_36":69,"_13":70,"_39":71,"_41":42,"_43":44,"_45":72,"_47":48,"_49":170,"_17":51,"_52":53,"_54":74,"_56":57,"_58":-5,"_88":171,"_18":172},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":167,"_17":65,"_52":66,"_54":67,"_56":57,"_58":-5,"_88":168,"_18":169},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":164,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_88":165,"_18":166},["D",1747685008175],[],[19,38],["D",1747685228141],[],[19,61],["D",1747685038439],[],[19,70],"0fcd11f4-34ec-11f0-b726-9e149126039e",["D",1747684893049],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","ed974c80-34eb-11f0-abc5-f521a2cb6758","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","3ad296fa-d376-4351-a051-d688c485f962","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_225":221},"org",{"_11":12,"_219":-5,"_220":221,"_182":183,"_222":223,"_224":57},"branch",{"_17":63,"_13":16,"_36":44,"_211":173,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":-5,"_217":14,"_218":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yeEtSWE5nQ0N5NFQ4OGQ3VVpmbHV3elpMa3MifQ","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":173,"_13":14,"_49":300,"_175":-5,"_176":57,"_177":178,"_179":178,"_180":-5,"_181":-5,"_182":183,"_184":62,"_185":48,"_186":48,"_187":-5,"_188":51,"_189":190,"_191":-5,"_192":-5,"_193":-5,"_194":-5,"_195":196,"_197":196,"_198":199,"_200":199,"_201":199,"_202":196,"_203":196,"_204":301,"_206":302,"_208":303,"_210":57},[261,265,273],"files",[261,262,263,264,265,266,267,268,269,270,271,272,273],"counts",{"_252":51,"_253":65,"_254":51,"_32":255,"_256":257},[246,247,248],{"_36":76,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":77,"_17":51,"_52":78,"_54":-5,"_56":57,"_58":-5,"_18":245},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],{"_36":69,"_13":70,"_39":71,"_41":42,"_43":44,"_45":72,"_47":48,"_49":73,"_17":51,"_52":53,"_54":74,"_56":57,"_58":-5,"_18":251},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":64,"_17":65,"_52":66,"_54":67,"_56":57,"_58":-5,"_18":250},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_18":249},[19,38],[19,61],[19,70],"pulls","branches","forks",{"_258":51,"_260":51},"connections",{"_258":51,"_259":51},"count","unfilledCount","emptyCount",{"_36":76,"_13":19,"_39":42,"_41":-5,"_43":44,"_45":46,"_47":48,"_49":158,"_17":51,"_52":78,"_54":-5,"_56":57,"_58":-5,"_88":298,"_18":299},{"_36":69,"_13":70,"_39":71,"_41":42,"_43":44,"_45":72,"_47":48,"_49":170,"_17":51,"_52":53,"_54":74,"_56":57,"_58":-5,"_88":296,"_18":297},{"_36":60,"_13":61,"_39":62,"_41":42,"_43":44,"_45":63,"_47":48,"_49":167,"_17":65,"_52":66,"_54":67,"_56":57,"_58":-5,"_88":294,"_18":295},{"_36":37,"_13":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":164,"_17":51,"_52":53,"_54":55,"_56":57,"_58":-5,"_88":292,"_18":293},{"_36":91,"_13":92,"_39":93,"_41":-5,"_43":44,"_45":94,"_47":48,"_49":95,"_17":51,"_52":78,"_54":-5,"_56":57,"_58":-5,"_88":290,"_18":291},{"_36":116,"_13":117,"_39":118,"_41":93,"_43":44,"_45":119,"_47":48,"_49":120,"_17":51,"_52":78,"_54":-5,"_56":57,"_58":-5,"_88":288,"_18":289},{"_36":150,"_13":151,"_39":152,"_41":118,"_43":44,"_45":153,"_47":48,"_49":154,"_17":51,"_52":53,"_54":155,"_56":57,"_58":-5,"_88":286,"_18":287},{"_36":143,"_13":144,"_39":145,"_41":118,"_43":44,"_45":119,"_47":48,"_49":146,"_17":51,"_52":53,"_54":147,"_56":57,"_58":-5,"_88":284,"_18":285},{"_36":135,"_13":136,"_39":137,"_41":118,"_43":44,"_45":138,"_47":48,"_49":139,"_17":51,"_52":53,"_54":140,"_56":57,"_58":-5,"_88":282,"_18":283},{"_36":127,"_13":128,"_39":129,"_41":118,"_43":44,"_45":130,"_47":48,"_49":131,"_17":51,"_52":53,"_54":132,"_56":57,"_58":-5,"_88":280,"_18":281},{"_36":109,"_13":110,"_39":111,"_41":93,"_43":44,"_45":94,"_47":48,"_49":112,"_17":51,"_52":24,"_54":113,"_56":57,"_58":-5,"_88":278,"_18":279},{"_36":101,"_13":102,"_39":103,"_41":93,"_43":44,"_45":104,"_47":48,"_49":105,"_17":51,"_52":53,"_54":106,"_56":57,"_58":-5,"_88":276,"_18":277},{"_36":83,"_13":84,"_39":85,"_41":-5,"_43":44,"_45":65,"_47":48,"_49":86,"_17":51,"_52":24,"_54":87,"_56":57,"_58":-5,"_88":274,"_18":275},[],[84],[],[92,102],[],[92,110],[],[92,117,128],[],[92,117,136],[],[92,117,144],[],[92,117,151],[267,268,269,270],[92,117],[266,271,272],[92],[],[19,38],[],[19,61],[],[19,70],[262,263,264],[19],["D",1747684893049],{"_11":12,"_225":221},{"_11":12,"_219":-5,"_220":221,"_182":183,"_222":223,"_224":57},{"_17":63,"_13":16,"_36":44,"_211":173,"_212":-5,"_213":-5,"_214":-5,"_215":-5,"_216":-5,"_217":14,"_218":12},"ctx",{"_204":-5,"_242":337,"_338":339,"_340":341,"_342":57,"_343":57,"_344":57,"_345":48,"_346":-5,"_347":-7,"_348":-7,"_349":51,"_350":57,"_351":57,"_352":-5,"_353":57,"_354":57,"_355":57,"_356":-5},"ENV",{"_308":309,"_310":311,"_312":16,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]