Uganda Curriculum Marks Tracker

:root { --primary-color: #0d6efd; --secondary-color: #6c757d; --success-color: #198754; --danger-color: #dc3545; --warning-color: #ffc107; --info-color: #0dcaf0; --light-color: #f8f9fa; --dark-color: #212529; } body { background-color: #f8f9fa; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .navbar { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .card { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); margin-bottom: 20px; } .card-header { background-color: var(--primary-color); color: white; } .btn-primary { background-color: var(--primary-color); border-color: var(--primary-color); } .btn-success { background-color: var(--success-color); border-color: var(--success-color); } .subject-entry { padding: 15px; background-color: var(--light-color); border-radius: 5px; border: 1px solid #dee2e6; } .table th { background-color: var(--light-color); } .offcanvas { width: 350px; } .notification-item { padding: 10px; border-bottom: 1px solid #eee; } .notification-item.unread { background-color: #f8f9fa; } .chart-container { position: relative; height: 300px; margin-bottom: 20px; } .role-badge { font-size: 0.8rem; padding: 0.35em 0.65em; } .badge-admin { background-color: var(--danger-color); } .badge-teacher { background-color: var(--info-color); } .competency-level { display: inline-block; padding: 0.25em 0.4em; border-radius: 0.25rem; } .competency-advanced { background-color: #d4edda; color: #155724; } .competency-proficient { background-color: #cce5ff; color: #004085; } .competency-developing { background-color: #fff3cd; color: #856404; } .competency-beginning { background-color: #f8d7da; color: #721c24; } @media (max-width: 768px) { .offcanvas { width: 100%; } } class Auth { static currentUser = null; static users = [ { id: 1, username: 'admin', password: 'admin123', name: 'School Administrator', role: 'admin', email: 'admin@school.edu', lastLogin: null }, { id: 2, username: 'teacher1', password: 'teacher123', name: 'Mathematics Teacher', role: 'teacher', subject: 'Mathematics', email: 'math@school.edu', lastLogin: null }, { id: 3, username: 'teacher2', password: 'teacher123', name: 'English Teacher', role: 'teacher', subject: 'English', email: 'english@school.edu', lastLogin: null } ]; static login(username, password) { const user = this.users.find(u => u.username === username && u.password === password); if (user) { this.currentUser = user; user.lastLogin = new Date(); localStorage.setItem('currentUser', JSON.stringify(user)); return true; } return false; } static logout() { this.currentUser = null; localStorage.removeItem('currentUser'); } static getCurrentUser() { if (!this.currentUser && localStorage.getItem('currentUser')) { this.currentUser = JSON.parse(localStorage.getItem('currentUser')); } return this.currentUser; } static isAdmin() { const user = this.getCurrentUser(); return user && user.role === 'admin'; } static isTeacher() { const user = this.getCurrentUser(); return user && user.role === 'teacher'; } static getTeacherSubject() { const user = this.getCurrentUser(); return user && user.role === 'teacher' ? user.subject : null; } } class Dashboard { static init() { this.loadDashboard(); this.setupEventListeners(); } static loadDashboard() { const user = Auth.getCurrentUser(); if (!user) { window.location.hash = '#login'; return; } let html = `

Welcome, ${user.name}

${user.role === 'admin' ? 'Administrator' : 'Teacher'}

`; if (user.role === 'admin') { html += `

Total Students

0

Total Teachers

0

Pending Tasks

0

`; } else { html += `

My Subject

${user.subject}

Students in My Class

0

`; } html += `

Recent Activity

Date	Activity	Details

Performance Overview

`; document.getElementById('mainContent').innerHTML = html; this.loadDashboardData(); } static loadDashboardData() { // Simulate loading data setTimeout(() => { if (Auth.isAdmin()) { document.getElementById('totalStudents').textContent = '245'; document.getElementById('totalTeachers').textContent = '15'; document.getElementById('pendingTasks').textContent = '7'; } else { document.getElementById('myStudents').textContent = '45'; } this.loadRecentActivity(); this.renderPerformanceChart(); }, 500); } static loadRecentActivity() { const activities = [ { date: '2023-05-15', activity: 'Marks Entry', details: 'Entered S4 Mathematics marks for Term 1' }, { date: '2023-05-14', activity: 'Report Generated', details: 'Generated S3 English report for Term 1' }, { date: '2023-05-12', activity: 'System Update', details: 'Updated grading criteria for Physics' }, { date: '2023-05-10', activity: 'New Student', details: 'Registered new student: John Doe' } ]; let html = ''; activities.forEach(activity => { html += ` ${activity.date} ${activity.activity} ${activity.details} `; }); document.getElementById('recentActivity').innerHTML = html; } static renderPerformanceChart() { const ctx = document.getElementById('performanceChart').getContext('2d'); const user = Auth.getCurrentUser(); let labels, data; if (user.role === 'admin') { labels = ['Mathematics', 'English', 'Physics', 'Chemistry', 'Biology']; data = [75, 68, 82, 79, 85]; } else { labels = ['Term 1', 'Term 2', 'Term 3']; data = [72, 78, 85]; } new Chart(ctx, { type: 'bar', data: { labels: labels, datasets: [{ label: user.role === 'admin' ? 'Average Scores' : 'Class Average', data: data, backgroundColor: 'rgba(13, 110, 253, 0.7)', borderColor: 'rgba(13, 110, 253, 1)', borderWidth: 1 }] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, max: 100 } } } }); } static setupEventListeners() { // Add any dashboard-specific event listeners here } } class Marks { static init() { this.loadMarksPage(); this.setupEventListeners(); } static loadMarksPage() { const user = Auth.getCurrentUser(); if (!user) { window.location.hash = '#login'; return; } let html = `

Enter Marks

Class

Term

Subject

Student Name	Registration No.	Marks (0-100)	Competency Level	Remarks

`; document.getElementById('mainContent').innerHTML = html; if (user.role === 'teacher') { document.getElementById('marksSubject').value = user.subject; } this.loadSampleStudents(); } static loadSampleStudents() { const students = [ { id: 1, name: 'John Doe', regNo: 'S4/1234' }, { id: 2, name: 'Jane Smith', regNo: 'S4/1235' }, { id: 3, name: 'Michael Johnson', regNo: 'S4/1236' }, { id: 4, name: 'Sarah Williams', regNo: 'S4/1237' }, { id: 5, name: 'David Brown', regNo: 'S4/1238' } ]; let html = ''; students.forEach(student => { html += ` ${student.name} ${student.regNo} `; }); document.getElementById('marksTableBody').innerHTML = html; } static setupEventListeners() { document.getElementById('saveDraft').addEventListener('click', () => { this.saveMarks(false); }); document.getElementById('submitMarks').addEventListener('click', () => { this.saveMarks(true); }); document.getElementById('marksClass').addEventListener('change', () => { this.loadSampleStudents(); // In a real app, this would load students for the selected class }); } static saveMarks(submit = false) { const user = Auth.getCurrentUser(); const classVal = document.getElementById('marksClass').value; const term = document.getElementById('marksTerm').value; const subject = document.getElementById('marksSubject').value; if (!classVal || !term || !subject) { alert('Please select class, term and subject'); return; } const marks = []; const markInputs = document.querySelectorAll('.student-mark'); const competencySelects = document.querySelectorAll('.competency-level'); const remarkTextareas = document.querySelectorAll('.remarks'); markInputs.forEach(input => { const studentId = input.getAttribute('data-student-id'); const markValue = input.value; const competency = document.querySelector(`.competency-level[data-student-id="${studentId}"]`).value; const remark = document.querySelector(`.remarks[data-student-id="${studentId}"]`).value; if (markValue) { marks.push({ studentId, mark: parseInt(markValue), competency, remark }); } }); if (marks.length === 0) { alert('Please enter marks for at least one student'); return; } // Save to localStorage const marksData = { class: classVal, term, subject, teacher: user.name, date: new Date().toISOString(), submitted: submit, marks }; let allMarks = JSON.parse(localStorage.getItem('marksData')) || []; allMarks.push(marksData); localStorage.setItem('marksData', JSON.stringify(allMarks)); alert(`Marks ${submit ? 'submitted' : 'saved as draft'} successfully!`); } } class Reports { static init() { this.loadReportsPage(); this.setupEventListeners(); } static loadReportsPage() { const user = Auth.getCurrentUser(); if (!user) { window.location.hash = '#login'; return; } let html = `

Generate Reports

Report Type

Class

Term

`; document.getElementById('mainContent').innerHTML = html; this.setupReportTypeChange(); } static setupReportTypeChange() { document.getElementById('reportType').addEventListener('change', function() { const type = this.value; const studentRow = document.getElementById('studentSelectionRow'); const subjectRow = document.getElementById('subjectSelectionRow'); studentRow.style.display = type === 'student' ? 'block' : 'none'; subjectRow.style.display = type === 'subject' ? 'block' : 'none'; if (type === 'student') { // Load students for selected class Reports.loadStudentsForClass(); } }); document.getElementById('reportClass').addEventListener('change', function() { if (document.getElementById('reportType').value === 'student') { Reports.loadStudentsForClass(); } }); } static loadStudentsForClass() { const classVal = document.getElementById('reportClass').value; if (!classVal) return; // Simulate loading students const students = [ { id: 1, name: 'John Doe', regNo: `${classVal}/1234` }, { id: 2, name: 'Jane Smith', regNo: `${classVal}/1235` }, { id: 3, name: 'Michael Johnson', regNo: `${classVal}/1236` }, { id: 4, name: 'Sarah Williams', regNo: `${classVal}/1237` }, { id: 5, name: 'David Brown', regNo: `${classVal}/1238` } ]; const select = document.getElementById('reportStudent'); select.innerHTML = ''; students.forEach(student => { const option = document.createElement('option'); option.value = student.id; option.textContent = `${student.name} (${student.regNo})`; select.appendChild(option); }); } static setupEventListeners() { document.getElementById('generateReport').addEventListener('click', () => { this.generateReport(); }); document.getElementById('exportReport').addEventListener('click', () => { this.exportReport(); }); document.getElementById('printReport').addEventListener('click', () => { window.print(); }); } static generateReport() { const type = document.getElementById('reportType').value; const classVal = document.getElementById('reportClass').value; const term = document.getElementById('reportTerm').value; if (!classVal) { alert('Please select a class'); return; } if (type === 'student' && !document.getElementById('reportStudent').value) { alert('Please select a student'); return; } if (type === 'subject' && !document.getElementById('reportSubject').value) { alert('Please select a subject'); return; } // Simulate report generation let reportContent = ''; let reportTitle = ''; if (type === 'student') { const studentId = document.getElementById('reportStudent').value; const studentSelect = document.getElementById('reportStudent'); const studentName = studentSelect.options[studentSelect.selectedIndex].text.split(' (')[0]; reportTitle = `${studentName} - ${classVal} Report`; reportContent = this.generateStudentReport(studentName, classVal, term); } else if (type === 'class') { reportTitle = `${classVal} Class Report`; reportContent = this.generateClassReport(classVal, term); } else if (type === 'subject') { const subject = document.getElementById('reportSubject').value; reportTitle = `${subject} - ${classVal} Report`; reportContent = this.generateSubjectReport(subject, classVal, term); } else if (type === 'school') { reportTitle = `School Report`; reportContent = this.generateSchoolReport(term); } document.getElementById('reportTitle').textContent = reportTitle; document.getElementById('reportResultContent').innerHTML = reportContent; document.getElementById('reportResultCard').style.display = 'block'; } static generateStudentReport(studentName, classVal, term) { // Simulate report data const subjects = ['Mathematics', 'English', 'Physics', 'Chemistry', 'Biology']; const marks = [85, 78, 92, 88, 90]; const competencies = ['Advanced', 'Proficient', 'Advanced', 'Advanced', 'Proficient']; const remarks = [ 'Excellent performance. Shows great understanding of concepts.', 'Good performance. Needs to work on essay writing.', 'Outstanding performance in practicals.', 'Very good understanding of chemical reactions.', 'Excellent in practical work, needs to improve theory.' ]; let html = `

${studentName} - ${classVal}

Report generated on ${new Date().toLocaleDateString()}

`; subjects.forEach((subject, index) => { const grade = this.calculateGrade(marks[index]); html += ` `; }); html += `

Subject	Marks	Grade	Competency Level	Remarks
${subject}	${marks[index]}	${grade}	${competencies[index]}	${remarks[index]}

Summary

${studentName} has shown ${this.getRandomPerformance()} performance this term. The student's strongest subject is ${subjects[marks.indexOf(Math.max(...marks))]} and needs to focus more on ${subjects[marks.indexOf(Math.min(...marks))]}.

Attendance

Attendance rate: 94%

`; return html; } static calculateGrade(mark) { if (mark >= 90) return 'A'; if (mark >= 80) return 'B'; if (mark >= 70) return 'C'; if (mark >= 60) return 'D'; if (mark >= 50) return 'E'; return 'F'; } static getRandomPerformance() { const performances = ['excellent', 'very good', 'good', 'satisfactory', 'needs improvement']; return performances[Math.floor(Math.random() * performances.length)]; } static generateClassReport(classVal, term) { // Simulate class report data const subjects = ['Mathematics', 'English', 'Physics', 'Chemistry', 'Biology']; const averages = [72, 68, 75, 70, 78]; const topStudents = ['John Doe', 'Jane Smith', 'Michael Johnson']; let html = `

${classVal} Class Report - Term ${term}

Report generated on ${new Date().toLocaleDateString()}

Class Statistics

Total Students 45
Class Average 72.6
Pass Rate 89%

Top Students

${student}
Average: ${85 - i * 2}%
Rank ${i + 1}

Subject Performance

${subjects.map((subject, i) => ` `).join('')}

Subject	Average Score	Top Student	Pass Rate
${subject}	${averages[i]}	${topStudents[i % topStudents.length]} (${averages[i] + 15}%)	${85 + i}%

`; // Render chart after HTML is inserted setTimeout(() => { const ctx = document.getElementById('classPerformanceChart').getContext('2d'); new Chart(ctx, { type: 'bar', data: { labels: subjects, datasets: [{ label: 'Average Scores', data: averages, backgroundColor: 'rgba(13, 110, 253, 0.7)', borderColor: 'rgba(13, 110, 253, 1)', borderWidth: 1 }] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: true, max: 100 } } } }); }, 100); return html; } static generateSubjectReport(subject, classVal, term) { // Simulate subject report data const students = [ { name: 'John Doe', mark: 85, competency: 'Advanced' }, { name: 'Jane Smith', mark: 78, competency: 'Proficient' }, { name: 'Michael Johnson', mark: 92, competency: 'Advanced' }, { name: 'Sarah Williams', mark: 65, competency: 'Developing' }, { name: 'David Brown', mark: 90, competency: 'Advanced' } ]; let html = `

${subject} - ${classVal} Report - Term ${term}

Report generated on ${new Date().toLocaleDateString()}

Subject Statistics

Class Average 82
Highest Score 92 (Michael Johnson)
Lowest Score 65 (Sarah Williams)
Pass Rate 100%

Student Performance

${students.map(student => ` `).join('')}

Student Name	Marks	Grade	Competency Level
${student.name}	${student.mark}	${this.calculateGrade(student.mark)}	${student.competency}

Teacher Remarks

Overall, the class has performed well in ${subject}. Most students have demonstrated a good understanding of the key concepts. Areas that need improvement include ${this.getRandomTopic()} and ${this.getRandomTopic()}.

Recommended actions: ${this.getRandomAction()} and ${this.getRandomAction()}.

`; // Render chart after HTML is inserted setTimeout(() => { const ctx = document.getElementById('subjectDistributionChart').getContext('2d'); new Chart(ctx, { type: 'pie', data: { labels: ['Advanced', 'Proficient', 'Developing', 'Beginning'], datasets: [{ data: [3, 1, 1, 0], backgroundColor: [ 'rgba(40, 167, 69, 0.7)', 'rgba(23, 162, 184, 0.7)', 'rgba(255, 193, 7, 0.7)', 'rgba(220, 53, 69, 0.7)' ], borderColor: [ 'rgba(40, 167, 69, 1)', 'rgba(23, 162, 184, 1)', 'rgba(255, 193, 7, 1)', 'rgba(220, 53, 69, 1)' ], borderWidth: 1 }] }, options: { responsive: true, maintainAspectRatio: false } }); }, 100); return html; } static getRandomTopic() { const topics = [ 'algebraic expressions', 'chemical equations', 'grammar rules', 'biological processes', 'physical laws', 'historical events', 'geographical concepts' ]; return topics[Math.floor(Math.random() * topics.length)]; } static getRandomAction() { const actions = [ 'more practice exercises', 'additional revision sessions', 'one-on-one tutoring for struggling students', 'practical demonstrations', 'group discussions', 'extra reading assignments' ]; return actions[Math.floor(Math.random() * actions.length)]; } static generateSchoolReport(term) { // Simulate school report data const classes = ['S1', 'S2', 'S3', 'S4', 'S5', 'S6']; const averages = [75, 78, 72, 80, 85, 88]; const passRates = [85, 88, 82, 90, 95, 98]; const topStudents = [ { name: 'John Doe', class: 'S4', average: 92 }, { name: 'Jane Smith', class: 'S5', average: 95 }, { name: 'Michael Johnson', class: 'S6', average: 97 } ]; let html = `

School Report - Term ${term}

Report generated on ${new Date().toLocaleDateString()}

School Statistics

Total Students 450
School Average 80.2
Overall Pass Rate 91%

Top Performing Classes

Senior 6
Average: 88%
1st
Senior 5
Average: 85%
2nd
Senior 4
Average: 80%
3rd

Top Students

${topStudents.map((student, i) => ` `).join('')}

Rank	Student Name	Class	Average
${i + 1}	${student.name}	${student.class}	${student.average}%

Class Performance

${classes.map((cls, i) => ` `).join('')}

Class	Average Score	Pass Rate	Top Student
${cls}	${averages[i]}	${passRates[i]}%	Student ${i + 1} (${averages[i] + 10}%)

Principal's Remarks

The school has performed ${this.getRandomPerformance()} this term. We are pleased with the overall performance, especially in ${this.getRandomSubject()} and ${this.getRandomSubject()}. Areas that need attention include ${this.getRandomSubject()} and ${this.getRandomSubject()}.

We commend the teachers and students for their hard work and encourage everyone to maintain the momentum in the coming term.

`; // Render chart after HTML is inserted setTimeout(() => { const ctx = document.getElementById('schoolPerformanceChart').getContext('2d'); new Chart(ctx, { type: 'line', data: { labels: classes, datasets: [{ label: 'Class Averages', data: averages, backgroundColor: 'rgba(13, 110, 253, 0.2)', borderColor: 'rgba(13, 110, 253, 1)', borderWidth: 2, tension: 0.1, fill: true }] }, options: { responsive: true, maintainAspectRatio: false, scales: { y: { beginAtZero: false, min: 70, max: 100 } } } }); }, 100); return html; } static getRandomSubject() { const subjects = [ 'Mathematics', 'English', 'Physics', 'Chemistry', 'Biology', 'History', 'Geography' ]; return subjects[Math.floor(Math.random() * subjects.length)]; } static exportReport() { const type = document.getElementById('reportType').value; const classVal = document.getElementById('reportClass').value; const term = document.getElementById('reportTerm').value; let fileName = 'report'; if (type === 'student') { const studentSelect = document.getElementById('reportStudent'); const studentName = studentSelect.options[studentSelect.selectedIndex].text.split(' (')[0]; fileName = `${studentName}_${classVal}_Term${term}_Report`; } else if (type === 'class') { fileName = `${classVal}_Term${term}_Class_Report`; } else if (type === 'subject') { const subject = document.getElementById('reportSubject').value; fileName = `${subject}_${classVal}_Term${term}_Report`; } else if (type === 'school') { fileName = `School_Term${term}_Report`; } // Create a workbook const wb = XLSX.utils.book_new(); // Create a worksheet from the report content const reportContent = document.getElementById('reportResultContent').textContent; const ws = XLSX.utils.aoa_to_sheet([[reportContent]]); // Add the worksheet to the workbook XLSX.utils.book_append_sheet(wb, ws, "Report"); // Export the workbook XLSX.writeFile(wb, `${fileName}.xlsx`); } } class Admin { static init() { if (!Auth.isAdmin()) { window.location.hash = '#dashboard'; return; } this.loadAdminPage(); this.setupEventListeners(); } static loadAdminPage() { let html = `

Administration Panel

User Management

Name	Username	Role	Subject	Last Login	Actions

Grading Criteria

Configure how marks are converted to grades and competency levels

Grade Boundaries

Grade	Minimum Marks	Maximum Marks
A
B
C
D
E
F

Competency Levels

Level	Minimum Marks	Maximum Marks
Advanced
Proficient
Developing
Beginning

Subject Management

Subject Code	Subject Name	Category	Compulsory	Actions

Class Management

Class Name	Class Teacher	Number of Students	Actions

`; document.getElementById('mainContent').innerHTML = html; this.loadUsers(); this.loadSubjects(); this.loadClasses(); } static loadUsers() { const users = Auth.users; let html = ''; users.forEach(user => { html += ` ${user.name} ${user.username} ${user.role === 'admin' ? 'Administrator' : 'Teacher'} ${user.subject || '-'} ${user.lastLogin ? new Date(user.lastLogin).toLocaleString() : 'Never'} `; }); document.getElementById('usersTableBody').innerHTML = html; } static loadSubjects() { const subjects = [ { code: 'MATH', name: 'Mathematics', category: 'Sciences', compulsory: true }, { code: 'ENG', name: 'English', category: 'Languages', compulsory: true }, { code: 'PHY', name: 'Physics', category: 'Sciences', compulsory: false }, { code: 'CHEM', name: 'Chemistry', category: 'Sciences', compulsory: false }, { code: 'BIO', name: 'Biology', category: 'Sciences', compulsory: false } ]; let html = ''; subjects.forEach(subject => { html += ` ${subject.code} ${subject.name} ${subject.category}

`; }); document.getElementById('subjectsTableBody').innerHTML = html; } static loadClasses() { const classes = [ { name: 'S1', teacher: 'Mathematics Teacher', students: 45 }, { name: 'S2', teacher: 'English Teacher', students: 42 }, { name: 'S3', teacher: 'Physics Teacher', students: 38 }, { name: 'S4', teacher: 'Chemistry Teacher', students: 40 }, { name: 'S5', teacher: 'Biology Teacher', students: 35 }, { name: 'S6', teacher: 'History Teacher', students: 30 } ]; let html = ''; classes.forEach(cls => { html += ` ${cls.name} ${cls.teacher} ${cls.students} `; }); document.getElementById('classesTableBody').innerHTML = html; } static setupEventListeners() { // Add User document.getElementById('addUserBtn').addEventListener('click', () => { const modal = new bootstrap.Modal(document.getElementById('addUserModal')); modal.show(); }); document.getElementById('userRole').addEventListener('change', function() { document.getElementById('subjectField').style.display = this.value === 'teacher' ? 'block' : 'none'; }); document.getElementById('saveUserBtn').addEventListener('click', () => { const name = document.getElementById('userName').value; const username = document.getElementById('userUsername').value; const email = document.getElementById('userEmail').value; const password = document.getElementById('userPassword').value; const role = document.getElementById('userRole').value; const subject = role === 'teacher' ? document.getElementById('userSubject').value : null; if (!name || !username || !email || !password || !role || (role === 'teacher' && !subject)) { alert('Please fill in all required fields'); return; } // In a real app, this would save to a database alert(`User ${name} added successfully!`); const modal = bootstrap.Modal.getInstance(document.getElementById('addUserModal')); modal.hide(); this.loadUsers(); }); // Add Subject document.getElementById('addSubjectBtn').addEventListener('click', () => { const modal = new bootstrap.Modal(document.getElementById('addSubjectModal')); modal.show(); }); document.getElementById('saveSubjectBtn').addEventListener('click', () => { const code = document.getElementById('subjectCode').value; const name = document.getElementById('subjectName').value; const category = document.getElementById('subjectCategory').value; const compulsory = document.getElementById('subjectCompulsory').checked; if (!code || !name || !category) { alert('Please fill in all required fields'); return; } // In a real app, this would save to a database alert(`Subject ${name} added successfully!`); const modal = bootstrap.Modal.getInstance(document.getElementById('addSubjectModal')); modal.hide(); this.loadSubjects(); }); // Add Class document.getElementById('addClassBtn').addEventListener('click', () => { const modal = new bootstrap.Modal(document.getElementById('addClassModal')); modal.show(); }); document.getElementById('saveClassBtn').addEventListener('click', () => { const name = document.getElementById('className').value; const teacher = document.getElementById('classTeacher').value; if (!name || !teacher) { alert('Please fill in all required fields'); return; } // In a real app, this would save to a database alert(`Class ${name} added successfully!`); const modal = bootstrap.Modal.getInstance(document.getElementById('addClassModal')); modal.hide(); this.loadClasses(); }); // Grading Criteria document.getElementById('resetGrading').addEventListener('click', () => { if (confirm('Are you sure you want to reset grading criteria to default values?')) { document.querySelector('input[name="gradeAmin"]').value = 90; document.querySelector('input[name="gradeBmin"]').value = 80; document.querySelector('input[name="gradeCmin"]').value = 70; document.querySelector('input[name="gradeDmin"]').value = 60; document.querySelector('input[name="gradeEmin"]').value = 50; document.querySelector('input[name="compAdvancedMin"]').value = 85; document.querySelector('input[name="compProficientMin"]').value = 70; document.querySelector('input[name="compDevelopingMin"]').value = 50; } }); document.getElementById('gradingCriteriaForm').addEventListener('submit', (e) => { e.preventDefault(); alert('Grading criteria updated successfully!'); }); } } document.addEventListener('DOMContentLoaded', function() { // Check authentication status const currentUser = Auth.getCurrentUser(); if (!currentUser) { window.location.hash = '#login'; } else { // Update UI based on user role if (!Auth.isAdmin()) { document.getElementById('adminLink').style.display = 'none'; } // Set username in dropdown document.getElementById('userDropdown').textContent = currentUser.name; // Load default page based on hash or default to dashboard const hash = window.location.hash.substring(1); if (hash === 'marks') { Marks.init(); } else if (hash === 'reports') { Reports.init(); } else if (hash === 'admin') { Admin.init(); } else { Dashboard.init(); } } // Setup navigation event listeners document.getElementById('dashboardLink').addEventListener('click', function(e) { e.preventDefault(); window.location.hash = '#dashboard'; Dashboard.init(); }); document.getElementById('marksLink').addEventListener('click', function(e) { e.preventDefault(); window.location.hash = '#marks'; Marks.init(); }); document.getElementById('reportsLink').addEventListener('click', function(e) { e.preventDefault(); window.location.hash = '#reports'; Reports.init(); }); document.getElementById('adminLink').addEventListener('click', function(e) { e.preventDefault(); window.location.hash = '#admin'; Admin.init(); }); document.getElementById('logoutLink').addEventListener('click', function(e) { e.preventDefault(); Auth.logout(); window.location.hash = '#login'; window.location.reload(); }); // Handle hash changes window.addEventListener('hashchange', function() { const hash = window.location.hash.substring(1); if (hash === 'marks') { Marks.init(); } else if (hash === 'reports') { Reports.init(); } else if (hash === 'admin') { Admin.init(); } else if (hash === 'dashboard') { Dashboard.init(); } }); });

Notifications

Welcome, ${user.name}

Total Students

0

Total Teachers

0

Pending Tasks

0

My Subject

${user.subject}

Students in My Class

0

Recent Activity

Performance Overview

Enter Marks

Generate Reports

Report

${studentName} - ${classVal}

Summary

Attendance

${classVal} Class Report - Term ${term}

Class Statistics

Top Students

Subject Performance

${subject} - ${classVal} Report - Term ${term}

Subject Statistics

Student Performance

Teacher Remarks

School Report - Term ${term}

School Statistics

Top Performing Classes

Top Students

Class Performance

Principal's Remarks

Administration Panel

User Management

Grading Criteria

Grade Boundaries

Competency Levels

Subject Management

Class Management