Loading dashboard...

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

\n \n \n \n\n",[],[234,236],"d4219a84-34ec-11f0-b4c2-9e149126039e","SubmissionBreakdown.tsx","d4219b24-34ec-11f0-b4c2-9e149126039e","24731548-9da5-4263-81b4-ee3e58ed7daa",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};",[],[234,252,244],"components","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};",[],[234,252,254],"90568850-34ec-11f0-ba9a-9e149126039e","LoginForm.tsx","90568922-34ec-11f0-ba9a-9e149126039e",7,["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};",[],[234,252,262],"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};",[],[234,252,270],"9056afce-34ec-11f0-ba9a-9e149126039e",["D",1747685108693],[210,211,212,213],[234,252],"793e6b2e-34ec-11f0-b0fd-9e149126039e",["D",1747685069948],[209,214,215],[234],["D",1747685008175],[],[18,67],["D",1747685228141],[],[18,91],["D",1747685038439],[],[18,82],["D",1747685008175],[205,206,207],[18],["D",1747684893049],{"_11":12,"_149":73},{"_11":12,"_145":-5,"_72":73,"_31":71,"_146":147,"_148":30},{"_42":94,"_13":16,"_36":39,"_137":104,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":14,"_144":12},"ctx",{"_55":-5,"_168":334,"_335":336,"_337":338,"_339":30,"_340":30,"_341":30,"_342":24,"_343":-5,"_344":-7,"_345":-7,"_346":26,"_347":30,"_348":30,"_349":-5,"_350":30,"_351":30,"_352":30,"_353":-5},"ENV",{"_305":306,"_307":308,"_309":16,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333},"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"]

History · backend