\n \n

Add Test Score

\n\n \n

Average Score

{{ averageScore }}%

Across all tests

\n \n

Best Score

{{ bestScore }}%

Personal best

\n \n

Total Tests

Tests completed

\n\n \n

Recent Test Scores

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Test Name	Subject	Score	Percentage	Date	Time
{{ score.testName }}	{{ score.subject }}	{{ score.scoredMarks }}/{{ score.totalMarks }}	\n \n {{ score.percentage }}%\n \n	{{ formatDate(score.testDate) }}	{{ score.timeSpent }}m

\n \n

No test scores recorded yet

Add your first test score above

\n\n \n

0\" class=\"bg-white rounded-lg p-6 shadow-sm border\">\n

Subject-wise Performance

\n {{ subject.name }}\n {{ subject.average }}%\n

\n {{ subject.count }} tests\n

\n `\n})\nexport class TrackerComponent implements OnInit {\n @Input() user: User | null = null;\n @Input() selectedExam: ExamType | null = null;\n\n testScores: TestScore[] = [];\n subjects: string[] = [];\n averageScore = 0;\n bestScore = 0;\n totalTests = 0;\n subjectPerformance: Array<{ name: string; average: number; count: number }> = [];\n isSubmitting = false;\n\n newScore = {\n testName: '',\n subject: '',\n totalMarks: 0,\n scoredMarks: 0,\n timeSpent: 0,\n testDate: new Date().toISOString().split('T')[0],\n notes: ''\n };\n\n constructor(\n private progressService: ProgressService,\n private examService: ExamService\n ) {}\n\n ngOnInit(): void {\n this.loadData();\n this.subscribeToProgress();\n }\n\n private loadData(): void {\n if (this.selectedExam) {\n this.examService.getExamSubjects(this.selectedExam).subscribe(subjects => {\n this.subjects = subjects;\n });\n }\n\n if (this.user) {\n this.progressService.loadTestScores(this.user.id, this.selectedExam).subscribe(scores => {\n this.testScores = scores;\n this.calculateSubjectPerformance();\n });\n }\n }\n\n private subscribeToProgress(): void {\n this.progressService.scores$.subscribe(scores => {\n this.testScores = this.selectedExam \n ? scores.filter(score => score.examType === this.selectedExam)\n : scores;\n this.averageScore = this.progressService.getAverageScore(this.selectedExam);\n this.bestScore = this.progressService.getBestScore(this.selectedExam);\n this.totalTests = this.testScores.length;\n this.calculateSubjectPerformance();\n });\n }\n\n private calculateSubjectPerformance(): void {\n const subjectMap = new Map();\n \n this.testScores.forEach(score => {\n const existing = subjectMap.get(score.subject) || { total: 0, count: 0 };\n existing.total += score.percentage;\n existing.count += 1;\n subjectMap.set(score.subject, existing);\n });\n\n this.subjectPerformance = Array.from(subjectMap.entries()).map(([name, data]) => ({\n name,\n average: Math.round(data.total / data.count),\n count: data.count\n }));\n }\n\n addTestScore(): void {\n if (!this.user || !this.selectedExam) return;\n\n this.isSubmitting = true;\n \n const scoreData = {\n ...this.newScore,\n examType: this.selectedExam\n };\n\n this.progressService.addTestScore(this.user.id, scoreData).subscribe({\n next: (score) => {\n if (score) {\n this.resetForm();\n }\n this.isSubmitting = false;\n },\n error: (error) => {\n console.error('Failed to add test score:', error);\n this.isSubmitting = false;\n }\n });\n }\n\n private resetForm(): void {\n this.newScore = {\n testName: '',\n subject: '',\n totalMarks: 0,\n scoredMarks: 0,\n timeSpent: 0,\n testDate: new Date().toISOString().split('T')[0],\n notes: ''\n };\n }\n\n getScoreColor(percentage: number): string {\n if (percentage >= 80) return 'text-green-600 font-semibold';\n if (percentage >= 60) return 'text-yellow-600 font-semibold';\n return 'text-red-600 font-semibold';\n }\n\n formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', { \n month: 'short', \n day: 'numeric',\n year: 'numeric'\n });\n }\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/angayarb/StudyPlanner/code/frontend/components/tracker.component.ts","extension","actionData","errors"]