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

Consolidated-csv

Browse Source
This commit is contained in:
Harshitha Shetty
2025-01-23 11:08:30 +05:30
parent 5b08ff3cd7
commit a28272400e
3 changed files with 162 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
client/package-lock.json generated
View File

@@ -17,6 +17,7 @@
"mongoose": "^8.3.1", "mongoose": "^8.3.1",
"react": "^18.2.0", "react": "^18.2.0",
"react-bootstrap": "^2.10.2", "react-bootstrap": "^2.10.2",
"react-csv": "^2.2.2",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-icons": "^5.4.0", "react-icons": "^5.4.0",
"react-router-dom": "^6.28.0", "react-router-dom": "^6.28.0",
@@ -15339,6 +15340,11 @@
} }
} }
}, },
"node_modules/react-csv": {
"version": "2.2.2",
"resolved": "https://registry.npmjs.org/react-csv/-/react-csv-2.2.2.tgz",
"integrity": "sha512-RG5hOcZKZFigIGE8LxIEV/OgS1vigFQT4EkaHeKgyuCbUAu9Nbd/1RYq++bJcJJ9VOqO/n9TZRADsXNDR4VEpw=="
},
"node_modules/react-dev-utils": { "node_modules/react-dev-utils": {
"version": "12.0.1", "version": "12.0.1",
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz", "resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-12.0.1.tgz",

1
client/package.json
View File

@@ -12,6 +12,7 @@
"mongoose": "^8.3.1", "mongoose": "^8.3.1",
"react": "^18.2.0", "react": "^18.2.0",
"react-bootstrap": "^2.10.2", "react-bootstrap": "^2.10.2",
"react-csv": "^2.2.2",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-icons": "^5.4.0", "react-icons": "^5.4.0",
"react-router-dom": "^6.28.0", "react-router-dom": "^6.28.0",

200
client/src/Pages/ConsolidatedTable.jsx
View File

@@ -1,5 +1,87 @@
// import React, { useState, useEffect } from "react";
// import axios from "axios";
// const ConsolidatedTable = () => {
// const [data, setData] = useState([]);
// const [loading, setLoading] = useState(true);
// useEffect(() => {
// const fetchData = async () => {
// try {
// const response = await axios.get("http://localhost:8080/api/table/consolidated-table");
// setData(response.data);
// setLoading(false);
// } catch (error) {
// console.error("Error fetching table data:", error);
// setLoading(false);
// }
// };
// fetchData();
// }, []);
// if (loading) {
// return <div>Loading...</div>;
// }
// return (
// <div>
// <h1>Consolidated Table</h1>
// <table border="1" style={{ width: "100%", textAlign: "left" }}>
// <thead>
// <tr>
// <th>Semester</th>
// <th>Course Code</th>
// <th>Course Name</th>
// <th>Exam Type</th>
// <th>Year</th>
// <th>Marks</th>
// <th>Name</th>
// <th>Affiliation/College</th>
// <th>Highest Qualification</th>
// <th>Career Experience</th>
// <th>Oral/Practical</th>
// <th>Assessment</th>
// <th>Reassessment</th>
// <th>Paper Setting</th>
// <th>Moderation</th>
// <th>PwD Paper Setting</th>
// </tr>
// </thead>
// <tbody>
// {data.map((row, index) => (
// <tr key={index}>
// <td>{row.semester}</td>
// <td>{row.courseCode}</td>
// <td>{row.courseName}</td>
// <td>{row.examType}</td>
// <td>{row.year}</td>
// <td>{row.marks}</td>
// <td>{row.Name}</td>
// <td>{row.affiliation}</td>
// <td>{row.qualification}</td>
// <td>{row.experience}</td>
// <td>{row.oralPractical}</td>
// <td>{row.assessment}</td>
// <td>{row.reassessment}</td>
// <td>{row.paperSetting}</td>
// <td>{row.moderation}</td>
// <td>{row.pwdPaperSetting}</td>
// </tr>
// ))}
// </tbody>
// </table>
// </div>
// );
// };
// export default ConsolidatedTable;
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import axios from "axios"; import axios from "axios";
import { CSVLink } from "react-csv";
const ConsolidatedTable = () => { const ConsolidatedTable = () => {
const [data, setData] = useState([]); const [data, setData] = useState([]);
@@ -24,53 +106,81 @@ const ConsolidatedTable = () => {
return <div>Loading...</div>; return <div>Loading...</div>;
} }
// Extract unique faculty names
const uniqueTeachers = [...new Set(data.map((row) => row.Name))];
return ( return (
<div> <div>
<h1>Consolidated Table</h1> <h1>Faculty Tables with Download Option</h1>
<table border="1" style={{ width: "100%", textAlign: "left" }}> {uniqueTeachers.map((teacher, index) => {
<thead> // Filter rows for the current teacher
<tr> const teacherData = data.filter((row) => row.Name === teacher);
<th>Semester</th>
<th>Course Code</th> return (
<th>Course Name</th> <div key={index} style={{ marginBottom: "20px" }}>
<th>Exam Type</th> <h2>{teacher}'s Table</h2>
<th>Year</th> <table border="1" style={{ width: "100%", textAlign: "left", marginBottom: "10px" }}>
<th>Marks</th> <thead>
<th>Name</th> <tr>
<th>Affiliation/College</th> <th>Semester</th>
<th>Highest Qualification</th> <th>Course Code</th>
<th>Career Experience</th> <th>Course Name</th>
<th>Oral/Practical</th> <th>Exam Type</th>
<th>Assessment</th> <th>Year</th>
<th>Reassessment</th> <th>Marks</th>
<th>Paper Setting</th> <th>Name</th>
<th>Moderation</th> <th>Affiliation/College</th>
<th>PwD Paper Setting</th> <th>Highest Qualification</th>
</tr> <th>Career Experience</th>
</thead> <th>Oral/Practical</th>
<tbody> <th>Assessment</th>
{data.map((row, index) => ( <th>Reassessment</th>
<tr key={index}> <th>Paper Setting</th>
<td>{row.semester}</td> <th>Moderation</th>
<td>{row.courseCode}</td> <th>PwD Paper Setting</th>
<td>{row.courseName}</td> </tr>
<td>{row.examType}</td> </thead>
<td>{row.year}</td> <tbody>
<td>{row.marks}</td> {teacherData.map((row, idx) => (
<td>{row.Name}</td> <tr key={idx}>
<td>{row.affiliation}</td> <td>{row.semester}</td>
<td>{row.qualification}</td> <td>{row.courseCode}</td>
<td>{row.experience}</td> <td>{row.courseName}</td>
<td>{row.oralPractical}</td> <td>{row.examType}</td>
<td>{row.assessment}</td> <td>{row.year}</td>
<td>{row.reassessment}</td> <td>{row.marks}</td>
<td>{row.paperSetting}</td> <td>{row.Name}</td>
<td>{row.moderation}</td> <td>{row.affiliation}</td>
<td>{row.pwdPaperSetting}</td> <td>{row.qualification}</td>
</tr> <td>{row.experience}</td>
))} <td>{row.oralPractical}</td>
</tbody> <td>{row.assessment}</td>
</table> <td>{row.reassessment}</td>
<td>{row.paperSetting}</td>
<td>{row.moderation}</td>
<td>{row.pwdPaperSetting}</td>
</tr>
))}
</tbody>
</table>
{/* CSV Download Button */}
<CSVLink
data={teacherData}
filename={`${teacher.replace(/\s+/g, "_")}_table.csv`}
className="btn btn-primary"
style={{
padding: "10px 15px",
backgroundColor: "#007bff",
color: "white",
textDecoration: "none",
borderRadius: "5px",
}}
>
Download CSV
</CSVLink>
</div>
);
})}
</div> </div>
); );
}; };