arav/appointment_to_examiner
1
0
Fork 0
forked from CSI-KJSCE/appointment_to_examiner
Code Pull Requests Activity

semester-wise sort

Browse Source
This commit is contained in:
Harshitha Shetty
2025-03-14 17:52:21 +05:30
parent ba76b81890
commit 7304efa069
1 changed files with 56 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
client/src/Pages/PanelConsolidated.jsx
View File

@@ -26,9 +26,15 @@ const PanelConsolidated = () => {
});
}, []);
const filteredCourses = courses.filter((course) =>
course.name.toLowerCase().includes(search.toLowerCase())
);
const groupedCourses = {};
courses.forEach((course) => {
if (!groupedCourses[course.semester]) {
groupedCourses[course.semester] = [];
}
groupedCourses[course.semester].push(course);
});
const sortedSemesters = Object.keys(groupedCourses).sort((a, b) => a - b);
const courseFacultyMap = {};
faculty.forEach((fac) => {
@@ -64,46 +70,55 @@ const PanelConsolidated = () => {
/>
<div>
{filteredCourses.map((course) => (
<div key={course.courseId}>
<div
onClick={() => toggleCourse(course.courseId)}
style={{
cursor: "pointer",
padding: "12px",
backgroundColor: "#fff",
marginBottom: "8px",
border: "1px solid #ccc",
borderRadius: "4px",
fontWeight: "bold"
}}
{sortedSemesters.map((semester) => (
<div key={semester}>
<h3
onClick={() => toggleCourse(courses.courseId)}
style={{ marginTop: "20px", fontSize: "20px", color: "#800000" }}
>
{course.name}
</div>
{expandedCourse === course.courseId && (
<table style={{ width: "100%", borderCollapse: "collapse", backgroundColor: "#fff", border: "1px solid #ccc", marginBottom: "16px" }}>
<thead>
<tr style={{ backgroundColor: "#e5e5e5" }}>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Faculty ID</th>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Name</th>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Email</th>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Department</th>
</tr>
</thead>
<tbody>
{courseFacultyMap[course.courseId]?.map((faculty, index) => (
<tr key={index}>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.facultyId}</td>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.name}</td>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.email}</td>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.department}</td>
</tr>
))}
</tbody>
</table>
)}
Semester {semester}
</h3>
{groupedCourses[semester].filter((course) => course.name.toLowerCase().includes(search.toLowerCase())).map((course) => (
<div key={course.courseId}>
<div
onClick={() => toggleCourse(course.courseId)}
style={{
cursor: "pointer",
padding: "12px",
backgroundColor: "#fff",
marginBottom: "8px",
border: "1px solid #ccc",
borderRadius: "4px",
fontWeight: "bold"
}}
>
{course.name}
</div>
{expandedCourse === course.courseId && (
<table style={{ width: "100%", borderCollapse: "collapse", backgroundColor: "#fff", border: "1px solid #ccc", marginBottom: "16px" }}>
<thead>
<tr style={{ backgroundColor: "#e5e5e5" }}>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Faculty ID</th>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Name</th>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Email</th>
<th style={{ border: "1px solid #ccc", padding: "8px" }}>Department</th>
</tr>
</thead>
<tbody>
{courseFacultyMap[course.courseId]?.map((faculty, index) => (
<tr key={index}>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.facultyId}</td>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.name}</td>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.email}</td>
<td style={{ border: "1px solid #ccc", padding: "8px" }}>{faculty.department}</td>
</tr>
))}
</tbody>
</table>
)}
</div>
))}
</div>
))}
</div>
</div>