{/* Header */}
{/* Search Section - Made Sticky */}
)}
{searchTerm.trim() !== '' && filteredStudents.length === 0 && (
{/* Dashboard Content */}
ESG 20-21 Result Dashboard
Islamic University Bangladesh
setSearchTerm(e.target.value)}
/>
{/* Search Results / Suggestions */}
{searchTerm.trim() !== '' && filteredStudents.length > 0 && (
Matching Students:
-
{filteredStudents.map(student => (
- setSelectedStudent(student)} > {student.name} ({student.roll}) ))}
No students found matching "${searchTerm}". Please try a different name or roll.
)}
{/* Conditional rendering based on selectedStudent */}
{selectedStudent ? (
// Layout when a student is selected
<>
) : (
// Layout when no student is selected (Overall Dashboard)
<>
{/* Overall Statistics (inline) */}
{/* Overall Charts - Now 50/50 split */}
)}
Selected Student Details
{/* Student Image */}
{
e.target.onerror = null;
e.target.src="https://placehold.co/96x96/aabbcc/ffffff?text=No+Image"
}}
/>
{/* Print Result button moved here */}
Name: {selectedStudent.name}
Roll: {selectedStudent.roll}
CGPA: {selectedStudent.cgpa}
Semester-wise Grades:
- First Semester: {selectedStudent.gpa_1_1 !== undefined && selectedStudent.gpa_1_1 !== null ? `${selectedStudent.gpa_1_1.toFixed(3)} (${selectedStudent.grade_1_1 || 'N/A'})` : 'N/A'}
- Second Semester: {selectedStudent.gpa_1_2 !== undefined && selectedStudent.gpa_1_2 !== null ? `${selectedStudent.gpa_1_2.toFixed(3)} (${selectedStudent.grade_1_2 || 'N/A'})` : 'N/A'}
- Third Semester: {selectedStudent.gpa_2_1 !== undefined && selectedStudent.gpa_2_1 !== null ? `${selectedStudent.gpa_2_1.toFixed(3)} (${selectedStudent.grade_2_1 || 'N/A'})` : 'N/A'}
- Fourth Semester: {selectedStudent.gpa_2_2 !== undefined && selectedStudent.gpa_2_2 !== null ? `${selectedStudent.gpa_2_2.toFixed(3)} (${selectedStudent.grade_2_2 || 'N/A'})` : 'N/A'}
- Fifth Semester: {selectedStudent.gpa_3_1 !== undefined && selectedStudent.gpa_3_1 !== null ? `${selectedStudent.gpa_3_1.toFixed(3)} (${selectedStudent.grade_3_1 || 'N/A'})` : 'N/A'}
{selectedStudent.name ? `${selectedStudent.name}'s GPA Trend` : "Student's GPA Trend"}
{renderStudentGpaChart()} {selectedStudent && (Developed by MD. PARVEJ HOSSAIN
)}Overall Statistics:
Total Students: {studentData.length}
Highest CGPA: {overallStats.maxCGPA}
Lowest CGPA: {overallStats.minCGPA}
Average CGPA: {overallStats.averageCGPA}
{/* Overall Average GPA Trend by Semester */}
index === 0 ? '' : value.toFixed(2)}
tickCount={5} // Show only 5 ticks for cleaner UI
tickMargin={10}
tick={{ fontSize: 12, fill: '#666' }}
axisLine={{ stroke: '#ccc' }}
tickLine={{ stroke: '#ccc' }}
/>
{/* Cumulative CGPA Distribution */}
)}
{/* Total Students Result Table - Only show if no student selected */}
{!selectedStudent && (
Overall Average GPA Trend by Semester
Cumulative CGPA Distribution
All Student Results
| requestSort('name')} > Name {getSortIndicator('name')} | requestSort('roll')} > Roll {getSortIndicator('roll')} | requestSort('gpa_1_1')} > First Semester {getSortIndicator('gpa_1_1')} | requestSort('gpa_1_2')} > Second Semester {getSortIndicator('gpa_1_2')} | requestSort('gpa_2_1')} > Third Semester {getSortIndicator('gpa_2_1')} | requestSort('gpa_2_2')} > Fourth Semester {getSortIndicator('gpa_2_2')} | requestSort('gpa_3_1')} > Fifth Semester {getSortIndicator('gpa_3_1')} | requestSort('cgpa')} > CGPA {getSortIndicator('cgpa')} |
|---|---|---|---|---|---|---|---|
| {student.name} | {student.roll} | {student.gpa_1_1 !== undefined ? `${student.gpa_1_1.toFixed(3)} (${student.grade_1_1 || 'N/A'})` : 'N/A'} | {student.gpa_1_2 !== undefined ? `${student.gpa_1_2.toFixed(3)} (${student.grade_1_2 || 'N/A'})` : 'N/A'} | {student.gpa_2_1 !== undefined ? `${student.gpa_2_1.toFixed(3)} (${student.grade_2_1 || 'N/A'})` : 'N/A'} | {student.gpa_2_2 !== undefined ? `${student.gpa_2_2.toFixed(3)} (${student.grade_2_2 || 'N/A'})` : 'N/A'} | {student.gpa_3_1 !== undefined ? `${student.gpa_3_1.toFixed(3)} (${student.grade_3_1 || 'N/A'})` : 'N/A'} | {student.cgpa} |