Loading dashboard...

\n );\n }\n\n if (!isAuthenticated) {\n return ;\n }\n\n return (\n \n );\n};",[18,80],"793e1890-34ec-11f0-b0fd-9e149126039e",["D",1747685069948],"\n\n\n \n \n Teacher Dashboard\n \n \n \n\n\n

\n \n \n \n\n",[18,66],"9056afce-34ec-11f0-ba9a-9e149126039e",["D",1747685108693],[18,90],"pulls","branches",1,"forks","envVars",{"_192":26,"_194":26},"connections",{"_192":26,"_193":26},"count","unfilledCount","emptyCount",{"_35":284,"_13":268,"_64":262,"_45":-5,"_37":38,"_164":263,"_165":24,"_39":285,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_213":286,"_17":287},{"_35":276,"_13":277,"_64":278,"_45":262,"_37":38,"_164":279,"_165":24,"_39":280,"_41":26,"_67":81,"_167":281,"_68":30,"_168":-5,"_213":282,"_17":283},{"_35":269,"_13":270,"_64":104,"_45":262,"_37":38,"_164":128,"_165":24,"_39":271,"_41":186,"_67":272,"_167":273,"_68":30,"_168":-5,"_213":274,"_17":275},{"_35":259,"_13":260,"_64":261,"_45":262,"_37":38,"_164":263,"_165":24,"_39":264,"_41":26,"_67":81,"_167":265,"_68":30,"_168":-5,"_213":266,"_17":267},{"_35":163,"_13":18,"_64":92,"_45":-5,"_37":38,"_164":42,"_165":24,"_39":256,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_213":257,"_17":258},{"_35":181,"_13":90,"_64":89,"_45":92,"_37":38,"_164":84,"_165":24,"_39":253,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_213":254,"_17":255},{"_35":245,"_13":246,"_64":247,"_45":89,"_37":38,"_164":248,"_165":24,"_39":249,"_41":26,"_67":81,"_167":250,"_68":30,"_168":-5,"_213":251,"_17":252},{"_35":238,"_13":239,"_64":240,"_45":89,"_37":38,"_164":84,"_165":24,"_39":241,"_41":26,"_67":81,"_167":242,"_68":30,"_168":-5,"_213":243,"_17":244},{"_35":230,"_13":231,"_64":232,"_45":89,"_37":38,"_164":233,"_165":24,"_39":234,"_41":26,"_67":81,"_167":235,"_68":30,"_168":-5,"_213":236,"_17":237},{"_35":222,"_13":223,"_64":224,"_45":89,"_37":38,"_164":225,"_165":24,"_39":226,"_41":26,"_67":81,"_167":227,"_68":30,"_168":-5,"_213":228,"_17":229},{"_35":177,"_13":66,"_64":65,"_45":92,"_37":38,"_164":42,"_165":24,"_39":219,"_41":26,"_67":21,"_167":179,"_68":30,"_168":-5,"_213":220,"_17":221},{"_35":173,"_13":80,"_64":79,"_45":92,"_37":38,"_164":74,"_165":24,"_39":216,"_41":26,"_67":81,"_167":175,"_68":30,"_168":-5,"_213":217,"_17":218},{"_35":208,"_13":209,"_64":210,"_45":-5,"_37":38,"_164":186,"_165":24,"_39":211,"_41":26,"_67":21,"_167":212,"_68":30,"_168":-5,"_213":214,"_17":215},"4f57b27a-34ec-11f0-9fe8-9e149126039e","README.md","4f57b3ba-34ec-11f0-9fe8-9e149126039e",["D",1747684999651],"# Teacher Dashboard\n\nYeh project teachers ke liye ek dashboard provide karta hai jahan woh:\n\n1. Apne banaye huwe quizzes dekh sakte hain\n2. Student submissions ka breakdown dekh sakte hain\n3. Performance analytics access kar sakte hain\n\n## Project Structure\n\n- `backend/` - Server-side code aur API endpoints\n - `index.ts` - Main HTTP handler\n - `types.ts` - TypeScript types\n - `api.ts` - API functions\n- `frontend/` - Client-side code\n - `index.html` - Main HTML template\n - `index.tsx` - Main React component\n - `components/` - React components\n - `Dashboard.tsx` - Main dashboard component\n - `QuizList.tsx` - Quiz list component\n - `SubmissionBreakdown.tsx` - Submission analytics component\n\n## Features\n\n- Teacher authentication\n- Quiz list with filtering options\n- Submission statistics (attempts, correctness, timing)\n- Student performance visualization\n- Late submission tracking\n\n## Usage\n\nDashboard ko access karne ke liye teacher login karein aur apne quizzes aur student submissions ka data dekh sakte hain.","children",[],[209],["D",1747685082736],[],[18,80],["D",1747685069948],[],[18,66],"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};",[],[18,90,223],"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};",[],[18,90,231],"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};",[],[18,90,239],"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};",[],[18,90,246],["D",1747685108693],[201,202,203,204],[18,90],["D",1747685069948],[200,205,206],[18],"546c72be-34ec-11f0-9e83-9e149126039e","types.ts","546c746c-34ec-11f0-9e83-9e149126039e","99961186-f985-48c6-9c11-67b7c12e5275",2,["D",1747685008175],"// Backend types for Teacher Dashboard\n\nexport interface User {\n user_id: string;\n email: string;\n role: \"teacher\" | \"student\";\n name: string;\n}\n\nexport interface Quiz {\n quiz_id: string;\n teacher_id: string;\n teacher_email: string;\n title: string;\n question: string;\n correct_answer: string;\n deadline: string; // ISO date string\n late_submission_allowed: boolean;\n max_attempts: number;\n created_at: string; // ISO date string\n}\n\nexport interface QuizSubmission {\n submission_id: string;\n quiz_id: string;\n student_id: string;\n student_email: string;\n student_name: string;\n answer: string;\n is_correct: boolean;\n attempt_number: number;\n submitted_at: string; // ISO date string\n is_late: boolean;\n}\n\nexport interface SubmissionStats {\n total_submissions: number;\n correct_submissions: number;\n incorrect_submissions: number;\n late_submissions: number;\n average_attempts: number;\n students_completed: number;\n total_students: number;\n}\n\nexport interface QuizWithStats extends Quiz {\n stats: SubmissionStats;\n}\n\n// API Response types\nexport interface ApiResponse {\n success: boolean;\n data?: T;\n error?: string;\n}\n\nexport interface DashboardData {\n teacher: User;\n quizzes: QuizWithStats[];\n}",[],[268,260],"backend","d788b8ba-34ec-11f0-8c25-9e149126039e","index.ts",["D",1747685228141],"http","// Main backend entry point for Teacher Dashboard\nimport { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { cors } from \"https://esm.sh/hono@3.11.7/middleware\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { getDashboardData, getQuizSubmissions } from \"./api\";\nimport { ApiResponse, DashboardData, QuizSubmission } from \"./types\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Enable CORS\napp.use(\"*\", cors());\n\n// API Routes\napp.get(\"/api/dashboard\", async (c) => {\n try {\n // Get auth token from header\n const authHeader = c.req.header(\"Authorization\") || \"\";\n const token = authHeader.replace(\"Bearer \", \"\");\n \n if (!token) {\n return c.json>({\n success: false,\n error: \"Authentication required\"\n }, 401);\n }\n \n const dashboardData = await getDashboardData(token);\n \n if (!dashboardData) {\n return c.json>({\n success: false,\n error: \"Invalid authentication or teacher not found\"\n }, 401);\n }\n \n return c.json>({\n success: true,\n data: dashboardData\n });\n } catch (error) {\n console.error(\"Dashboard error:\", error);\n return c.json>({\n success: false,\n error: \"Server error fetching dashboard data\"\n }, 500);\n }\n});\n\napp.get(\"/api/quiz/:quizId/submissions\", async (c) => {\n try {\n const quizId = c.req.param(\"quizId\");\n const authHeader = c.req.header(\"Authorization\") || \"\";\n const token = authHeader.replace(\"Bearer \", \"\");\n \n if (!token) {\n return c.json>({\n success: false,\n error: \"Authentication required\"\n }, 401);\n }\n \n const submissions = await getQuizSubmissions(quizId);\n \n return c.json>({\n success: true,\n data: submissions\n });\n } catch (error) {\n console.error(\"Submissions error:\", error);\n return c.json>({\n success: false,\n error: \"Server error fetching submissions\"\n }, 500);\n }\n});\n\n// Serve frontend files\napp.get(\"/\", async (c) => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving index:\", error);\n return c.text(\"Error loading dashboard\", 500);\n }\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Export the Hono app for HTTP val\nexport default app.fetch;",[],[268,270],"6676bd52-34ec-11f0-b60c-9e149126039e","api.ts","6676be24-34ec-11f0-b60c-9e149126039e",3,["D",1747685038439],"// Mock API functions for teacher dashboard\n// In real implementation, these would connect to your actual backend API\n\nimport { User, Quiz, QuizSubmission, QuizWithStats, SubmissionStats, DashboardData } from './types';\n\n// Mock data - replace with actual API calls\nconst MOCK_TEACHER: User = {\n user_id: \"t123\",\n email: \"teacher@example.com\",\n role: \"teacher\",\n name: \"Ahmed Khan\"\n};\n\nconst MOCK_QUIZZES: Quiz[] = [\n {\n quiz_id: \"q1\",\n teacher_id: \"t123\",\n teacher_email: \"teacher@example.com\",\n title: \"Mathematics Quiz 1\",\n question: \"What is 2+2?\",\n correct_answer: \"4\",\n deadline: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(),\n late_submission_allowed: true,\n max_attempts: 3,\n created_at: new Date().toISOString()\n },\n {\n quiz_id: \"q2\",\n teacher_id: \"t123\",\n teacher_email: \"teacher@example.com\",\n title: \"Science Quiz\",\n question: \"What is H2O?\",\n correct_answer: \"Water\",\n deadline: new Date(Date.now() + 3 * 24 * 60 * 60 * 1000).toISOString(),\n late_submission_allowed: false,\n max_attempts: 2,\n created_at: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString()\n },\n {\n quiz_id: \"q3\",\n teacher_id: \"t123\",\n teacher_email: \"teacher@example.com\",\n title: \"History Quiz\",\n question: \"When was Pakistan founded?\",\n correct_answer: \"1947\",\n deadline: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000).toISOString(), // Past deadline\n late_submission_allowed: true,\n max_attempts: 1,\n created_at: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000).toISOString()\n }\n];\n\nconst MOCK_SUBMISSIONS: QuizSubmission[] = [\n // Quiz 1 submissions\n {\n submission_id: \"s1\",\n quiz_id: \"q1\",\n student_id: \"s1\",\n student_email: \"student1@example.com\",\n student_name: \"Ali Hassan\",\n answer: \"4\",\n is_correct: true,\n attempt_number: 1,\n submitted_at: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000).toISOString(),\n is_late: false\n },\n {\n submission_id: \"s2\",\n quiz_id: \"q1\",\n student_id: \"s2\",\n student_email: \"student2@example.com\",\n student_name: \"Fatima Khan\",\n answer: \"5\",\n is_correct: false,\n attempt_number: 1,\n submitted_at: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),\n is_late: false\n },\n {\n submission_id: \"s3\",\n quiz_id: \"q1\",\n student_id: \"s2\",\n student_email: \"student2@example.com\",\n student_name: \"Fatima Khan\",\n answer: \"4\",\n is_correct: true,\n attempt_number: 2,\n submitted_at: new Date(Date.now() - 1.5 * 24 * 60 * 60 * 1000).toISOString(),\n is_late: false\n },\n \n // Quiz 2 submissions\n {\n submission_id: \"s4\",\n quiz_id: \"q2\",\n student_id: \"s1\",\n student_email: \"student1@example.com\",\n student_name: \"Ali Hassan\",\n answer: \"Water\",\n is_correct: true,\n attempt_number: 1,\n submitted_at: new Date(Date.now() - 1 * 24 * 60 * 60 * 1000).toISOString(),\n is_late: false\n },\n \n // Quiz 3 submissions\n {\n submission_id: \"s5\",\n quiz_id: \"q3\",\n student_id: \"s1\",\n student_email: \"student1@example.com\",\n student_name: \"Ali Hassan\",\n answer: \"1947\",\n is_correct: true,\n attempt_number: 1,\n submitted_at: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),\n is_late: false\n },\n {\n submission_id: \"s6\",\n quiz_id: \"q3\",\n student_id: \"s3\",\n student_email: \"student3@example.com\",\n student_name: \"Zainab Ahmed\",\n answer: \"1948\",\n is_correct: false,\n attempt_number: 1,\n submitted_at: new Date().toISOString(),\n is_late: true\n }\n];\n\n// Calculate submission statistics for a quiz\nfunction calculateStats(quizId: string): SubmissionStats {\n const submissions = MOCK_SUBMISSIONS.filter(s => s.quiz_id === quizId);\n const uniqueStudents = new Set(submissions.map(s => s.student_id));\n const correctSubmissions = submissions.filter(s => s.is_correct);\n const lateSubmissions = submissions.filter(s => s.is_late);\n \n // Calculate average attempts\n const studentAttempts: Record = {};\n submissions.forEach(s => {\n if (studentAttempts[s.student_id] === undefined || s.attempt_number > studentAttempts[s.student_id]) {\n studentAttempts[s.student_id] = s.attempt_number;\n }\n });\n \n const totalAttempts = Object.values(studentAttempts).reduce((sum, attempts) => sum + attempts, 0);\n const avgAttempts = uniqueStudents.size > 0 ? totalAttempts / uniqueStudents.size : 0;\n \n return {\n total_submissions: submissions.length,\n correct_submissions: correctSubmissions.length,\n incorrect_submissions: submissions.length - correctSubmissions.length,\n late_submissions: lateSubmissions.length,\n average_attempts: parseFloat(avgAttempts.toFixed(2)),\n students_completed: uniqueStudents.size,\n total_students: 3 // Mock total students count\n };\n}\n\n// Get teacher data with authentication token\nexport async function getTeacherData(token: string): Promise {\n // In real implementation, validate token with your API\n // For mock, just return the teacher\n return MOCK_TEACHER;\n}\n\n// Get all quizzes for a teacher with stats\nexport async function getTeacherQuizzes(teacherId: string): Promise {\n // In real implementation, fetch from your API\n const teacherQuizzes = MOCK_QUIZZES.filter(q => q.teacher_id === teacherId);\n \n return teacherQuizzes.map(quiz => ({\n ...quiz,\n stats: calculateStats(quiz.quiz_id)\n }));\n}\n\n// Get submissions for a specific quiz\nexport async function getQuizSubmissions(quizId: string): Promise {\n // In real implementation, fetch from your API\n return MOCK_SUBMISSIONS.filter(s => s.quiz_id === quizId);\n}\n\n// Get complete dashboard data for a teacher\nexport async function getDashboardData(token: string): Promise {\n const teacher = await getTeacherData(token);\n if (!teacher) return null;\n \n const quizzes = await getTeacherQuizzes(teacher.user_id);\n \n return {\n teacher,\n quizzes\n };\n}",[],[268,277],"546c7e80-34ec-11f0-9e83-9e149126039e",["D",1747685008175],[196,197,198],[268],["D",1747684893049],{"_11":12,"_141":71},{"_11":12,"_137":-5,"_70":71,"_31":69,"_138":139,"_140":30},{"_41":128,"_13":16,"_35":38,"_129":94,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_54":-5,"_160":325,"_326":327,"_328":329,"_330":30,"_331":30,"_332":30,"_333":24,"_334":-5,"_335":-7,"_336":-7,"_337":26,"_338":30,"_339":30,"_340":-5,"_341":30,"_342":30,"_343":30,"_344":-5},"ENV",{"_296":297,"_298":299,"_300":16,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324},"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 · frontend