xlsx-css for mail and optimized

This commit is contained in:
Harshitha Shetty
2025-01-24 13:05:06 +05:30
parent 4646d701a4
commit 675d5735b0
5 changed files with 148 additions and 352 deletions

View File

@@ -2,6 +2,7 @@ import React, { useState, useEffect } from "react";
import axios from "axios"; import axios from "axios";
import * as XLSX from "xlsx-js-style"; import * as XLSX from "xlsx-js-style";
import { sendEmail } from "../api"; import { sendEmail } from "../api";
import { createExcelBook } from "../api";
const ConsolidatedTable = () => { const ConsolidatedTable = () => {
const [data, setData] = useState([]); const [data, setData] = useState([]);
@@ -32,143 +33,7 @@ const ConsolidatedTable = () => {
const uniqueTeachers = [...new Set(data.map((row) => row.Name))]; const uniqueTeachers = [...new Set(data.map((row) => row.Name))];
const createExcelFile = (teacherData, teacherName) => { const createExcelFile = (teacherData, teacherName) => {
const workbook = XLSX.utils.book_new(); const workbook = createExcelBook(teacherData, teacherName);
// Define header information
const headerInfo = [
["Somaiya Vidyavihar University"],
["K. J. SOMAIYA COLLEGE OF ENGINEERING"],
[
"Appointment of Internal Examiners for Paper Setting / OR/PR/Assessment/Reassessment",
],
["Class: B Tech/M Tech/Honour/Minor"],
["Department - Computer Engineering"],
[],
];
const tableHeaders = [
[
"Sr No",
"Semester",
"Course Code",
"Course Name",
"Exam Type",
"Year",
"Marks",
"Name",
"Affiliation/College",
"Highest Qualification",
"Career Experience",
"Oral/Practical",
"Assessment",
"Reassessment",
"Paper Setting",
"Moderation",
"PwD Paper Setting",
],
];
const dataRows = teacherData.map((row, index) => [
index + 1,
row.semester,
row.courseCode,
row.courseName,
row.examType,
row.year,
row.marks,
row.Name,
row.affiliation,
row.qualification,
row.experience,
row.oralPractical,
row.assessment,
row.reassessment,
row.paperSetting,
row.moderation,
row.pwdPaperSetting,
]);
const sheetData = [...headerInfo, ...tableHeaders, ...dataRows];
const worksheet = XLSX.utils.aoa_to_sheet(sheetData);
// Add merged cells
worksheet["!merges"] = [
{ s: { r: 0, c: 0 }, e: { r: 0, c: 18 } },
{ s: { r: 1, c: 0 }, e: { r: 1, c: 18 } },
{ s: { r: 2, c: 0 }, e: { r: 2, c: 18 } },
{ s: { r: 3, c: 0 }, e: { r: 3, c: 18 } },
{ s: { r: 4, c: 0 }, e: { r: 4, c: 18 } },
];
// Define styles
const boldStyle = {
font: { bold: true, name: "Times New Roman", sz: 14 },
alignment: { horizontal: "center", vertical: "center" },
};
const redStyle = {
font: {
bold: true,
color: { rgb: "FF0000" },
name: "Times New Roman",
sz: 14,
},
alignment: { horizontal: "center", vertical: "center" },
};
const normalStyle = {
font: { name: "Times New Roman", sz: 12 },
};
// Apply styles to headers
const headerRanges = [
{ row: 0, style: boldStyle },
{ row: 1, style: boldStyle },
{ row: 2, style: boldStyle },
{ row: 3, style: boldStyle },
{ row: 4, style: redStyle },
];
headerRanges.forEach(({ row, style }) => {
for (let col = 0; col <= 18; col++) {
const cellAddress = XLSX.utils.encode_cell({ r: row, c: col });
if (!worksheet[cellAddress]) continue; // Skip empty cells
worksheet[cellAddress].s = style;
}
});
// Set column widths for better readability
worksheet["!cols"] = [
{ wch: 10 }, // Sr No
{ wch: 12 }, // Semester
{ wch: 15 }, // Course Code
{ wch: 25 }, // Course Name
{ wch: 15 }, // Exam Type
{ wch: 10 }, // Year
{ wch: 10 }, // Marks
{ wch: 15 }, // Surname
{ wch: 15 }, // First Name
{ wch: 15 }, // Middle Name
{ wch: 20 }, // Affiliation
{ wch: 20 }, // Qualification
{ wch: 15 }, // Career Experience
{ wch: 15 }, // Oral/Practical
{ wch: 15 }, // Assessment
{ wch: 15 }, // Reassessment
{ wch: 15 }, // Paper Setting
{ wch: 15 }, // Moderation
{ wch: 15 }, // PwD Paper Setting
];
// Apply normal font style to all cells
Object.keys(worksheet).forEach((key) => {
if (worksheet[key] && key[0] !== "!") {
worksheet[key].s = worksheet[key].s || normalStyle;
}
});
// Add worksheet to workbook and save file
XLSX.utils.book_append_sheet(workbook, worksheet, teacherName);
XLSX.writeFile(workbook, `${teacherName.replace(/\s+/g, "_")}_Table.xlsx`); XLSX.writeFile(workbook, `${teacherName.replace(/\s+/g, "_")}_Table.xlsx`);
}; };
@@ -181,72 +46,13 @@ const ConsolidatedTable = () => {
const handleSendEmail = async (teacher, teacherData) => { const handleSendEmail = async (teacher, teacherData) => {
const facultyId = teacherData[0].facultyId; // This assumes all rows for a teacher have the same facultyId const facultyId = teacherData[0].facultyId; // This assumes all rows for a teacher have the same facultyId
console.log(facultyId);
try { try {
// Fetch email from the backend // Fetch email from the backend
const response = await axios.get( const response = await axios.get(
`http://localhost:8080/api/faculty/${facultyId}` `http://localhost:8080/api/faculty/${facultyId}`
); );
const facultyEmail = response.data.email; const facultyEmail = response.data.email;
const workbook = XLSX.utils.book_new(); const workbook = createExcelBook(teacherData, teacher);
const headerInfo = [
["Somaiya Vidyavihar University"],
["K. J. SOMAIYA COLLEGE OF ENGINEERING"],
[
"Appointment of Internal Examiners for Paper Setting / OR/PR/Assessment/Reassessment",
],
["Class: B Tech/M Tech/Honour/Minor"],
["Department - Computer Engineering"],
[],
];
const tableHeaders = [
[
"Sr No",
"Semester",
"Course Code",
"Course Name",
"Exam Type",
"Year",
"Marks",
"Name",
"Affiliation/College",
"Highest Qualification",
"Career Experience",
"Oral/Practical",
"Assessment",
"Reassessment",
"Paper Setting",
"Moderation",
"PwD Paper Setting",
],
];
const dataRows = teacherData.map((row, index) => [
index + 1,
row.semester,
row.courseCode,
row.courseName,
row.examType,
row.year,
row.marks,
row.Name,
row.affiliation,
row.qualification,
row.experience,
row.oralPractical,
row.assessment,
row.reassessment,
row.paperSetting,
row.moderation,
row.pwdPaperSetting,
]);
const sheetData = [...headerInfo, ...tableHeaders, ...dataRows];
const worksheet = XLSX.utils.aoa_to_sheet(sheetData);
XLSX.utils.book_append_sheet(workbook, worksheet, teacher);
const fileName = `${teacher.replace(/\s+/g, "_")}_table.xlsx`; const fileName = `${teacher.replace(/\s+/g, "_")}_table.xlsx`;
const excelBlob = XLSX.write(workbook, { const excelBlob = XLSX.write(workbook, {
bookType: "xlsx", bookType: "xlsx",
@@ -272,8 +78,8 @@ const ConsolidatedTable = () => {
alert("Failed to send email."); alert("Failed to send email.");
} }
} catch (error) { } catch (error) {
console.error("Error sending email:", error); console.error("Error fetching Faculty data:", error);
alert("Failed to send email."); alert("Failed to fetch faculty data.");
} }
}; };

View File

@@ -26,23 +26,6 @@ const CourseTable = () => {
fetchAllCourses(); fetchAllCourses();
}, [state?.courses]); }, [state?.courses]);
// useEffect(() => {
// if (state?.updatedCourse) {
// setCourses((prevCourses) => {
// // Filter only the updated course
// const filteredCourses = prevCourses.filter((course) =>
// course.courseId === state.updatedCourse.courseId
// );
// return filteredCourses.map((course) =>
// course.courseId === state.updatedCourse.courseId
// ? { ...course, status: "Submitted" } // Update status
// : course
// );
// });
// }
// }, [state?.updatedCourse]);
useEffect(() => { useEffect(() => {
if (state?.updatedCourse) { if (state?.updatedCourse) {
setCourses((prevCourses) => setCourses((prevCourses) =>

View File

@@ -23,26 +23,6 @@ const FilterPage = () => {
} }
}; };
// const handleApplyFilter = async () => {
// if (!formData.scheme || !formData.semester || !formData.department || !formData.program) {
// alert("Please fill all the fields before applying the filter.");
// return;
// }
// try {
// const filteredCourses = await fetchCourses(formData);
// console.log(formData);
// if (filteredCourses.length > 0) {
// navigate("/courses", { state: { courses: filteredCourses } });
// } else {
// alert("No courses found for the selected filters.");
// }
// } catch (error) {
// console.error("Error fetching courses:", error);
// alert("Failed to fetch courses. Please try again later.");
// }
// };
const handleApplyFilter = async () => { const handleApplyFilter = async () => {
if (!formData.scheme || !formData.semester || !formData.department || !formData.program) { if (!formData.scheme || !formData.semester || !formData.department || !formData.program) {
alert("Please fill all the fields before applying the filter."); alert("Please fill all the fields before applying the filter.");

View File

@@ -138,99 +138,6 @@ export const updateCourseStatus = async (courseId) => {
}); });
}; };
// Send email
const handleSendEmail = async (teacher, teacherData) => {
const workbook = XLSX.utils.book_new();
const headerInfo = [
["Somaiya Vidyavihar University"],
["K. J. SOMAIYA COLLEGE OF ENGINEERING"],
[
"Appointment of Internal Examiners for Paper Setting / OR/PR/Assessment/Reassessment",
],
["Class: B Tech/M Tech/Honour/Minor"],
["Department - Computer Engineering"],
[],
];
const tableHeaders = [
[
"Sr No",
"Semester",
"Course Code",
"Course Name",
"Exam Type",
"Year",
"Marks",
"Surname",
"First Name",
"Middle Name",
"Affiliation/College",
"Highest Qualification",
"Career Experience",
"Oral/Practical",
"Assessment",
"Reassessment",
"Paper Setting",
"Moderation",
"PwD Paper Setting",
],
];
const dataRows = teacherData.map((row, index) => [
index + 1,
row.semester,
row.courseCode,
row.courseName,
row.examType,
row.year,
row.marks,
row.surname,
row.firstName,
row.middleName,
row.affiliation,
row.qualification,
row.experience,
row.oralPractical,
row.assessment,
row.reassessment,
row.paperSetting,
row.moderation,
row.pwdPaperSetting,
]);
const sheetData = [...headerInfo, ...tableHeaders, ...dataRows];
const worksheet = XLSX.utils.aoa_to_sheet(sheetData);
XLSX.utils.book_append_sheet(workbook, worksheet, teacher);
const fileName = `${teacher.replace(/\s+/g, "_")}_table.xlsx`;
const excelBlob = XLSX.write(workbook, {
bookType: "xlsx",
type: "array",
});
const file = new File([excelBlob], fileName, {
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
});
const formData = new FormData();
formData.append("teacher", teacher);
formData.append("fileName", fileName);
const recipientEmail = prompt(`Enter recipient email for ${teacher}:`);
formData.append("recipientEmail", recipientEmail);
formData.append("file", file);
try {
const response = await sendEmail(formData);
alert(`Email sent successfully to ${recipientEmail}`);
console.log("Response from server:", response);
} catch (error) {
console.error("Error sending email:", error);
alert("Failed to send email.");
}
};
export const sendEmail = async (formData) => { export const sendEmail = async (formData) => {
try { try {
const url = `${BASE_URL}/send-email`; const url = `${BASE_URL}/send-email`;
@@ -259,3 +166,144 @@ export const sendEmail = async (formData) => {
throw error; throw error;
} }
}; };
export const createExcelBook = (teacherData, teacher) => {
const workbook = XLSX.utils.book_new();
// Define header information
const headerInfo = [
["Somaiya Vidyavihar University"],
["K. J. SOMAIYA COLLEGE OF ENGINEERING"],
[
"Appointment of Internal Examiners for Paper Setting / OR/PR/Assessment/Reassessment",
],
["Class: B Tech/M Tech/Honour/Minor"],
["Department - Computer Engineering"],
[],
];
const tableHeaders = [
[
"Sr No",
"Semester",
"Course Code",
"Course Name",
"Exam Type",
"Year",
"Marks",
"Name",
"Affiliation/College",
"Highest Qualification",
"Career Experience",
"Oral/Practical",
"Assessment",
"Reassessment",
"Paper Setting",
"Moderation",
"PwD Paper Setting",
],
];
const dataRows = teacherData.map((row, index) => [
index + 1,
row.semester,
row.courseCode,
row.courseName,
row.examType,
row.year,
row.marks,
row.Name,
row.affiliation,
row.qualification,
row.experience,
row.oralPractical,
row.assessment,
row.reassessment,
row.paperSetting,
row.moderation,
row.pwdPaperSetting,
]);
const sheetData = [...headerInfo, ...tableHeaders, ...dataRows];
const worksheet = XLSX.utils.aoa_to_sheet(sheetData);
// Add merged cells
worksheet["!merges"] = [
{ s: { r: 0, c: 0 }, e: { r: 0, c: 18 } },
{ s: { r: 1, c: 0 }, e: { r: 1, c: 18 } },
{ s: { r: 2, c: 0 }, e: { r: 2, c: 18 } },
{ s: { r: 3, c: 0 }, e: { r: 3, c: 18 } },
{ s: { r: 4, c: 0 }, e: { r: 4, c: 18 } },
];
// Define styles
const boldStyle = {
font: { bold: true, name: "Times New Roman", sz: 14 },
alignment: { horizontal: "center", vertical: "center" },
};
const redStyle = {
font: {
bold: true,
color: { rgb: "FF0000" },
name: "Times New Roman",
sz: 14,
},
alignment: { horizontal: "center", vertical: "center" },
};
const normalStyle = {
font: { name: "Times New Roman", sz: 12 },
};
// Apply styles to headers
const headerRanges = [
{ row: 0, style: boldStyle },
{ row: 1, style: boldStyle },
{ row: 2, style: boldStyle },
{ row: 3, style: boldStyle },
{ row: 4, style: redStyle },
];
headerRanges.forEach(({ row, style }) => {
for (let col = 0; col <= 18; col++) {
const cellAddress = XLSX.utils.encode_cell({ r: row, c: col });
if (!worksheet[cellAddress]) continue; // Skip empty cells
worksheet[cellAddress].s = style;
}
});
// Set column widths for better readability
worksheet["!cols"] = [
{ wch: 10 }, // Sr No
{ wch: 12 }, // Semester
{ wch: 15 }, // Course Code
{ wch: 25 }, // Course Name
{ wch: 15 }, // Exam Type
{ wch: 10 }, // Year
{ wch: 10 }, // Marks
{ wch: 15 }, // Surname
{ wch: 15 }, // First Name
{ wch: 15 }, // Middle Name
{ wch: 20 }, // Affiliation
{ wch: 20 }, // Qualification
{ wch: 15 }, // Career Experience
{ wch: 15 }, // Oral/Practical
{ wch: 15 }, // Assessment
{ wch: 15 }, // Reassessment
{ wch: 15 }, // Paper Setting
{ wch: 15 }, // Moderation
{ wch: 15 }, // PwD Paper Setting
];
// Apply normal font style to all cells
Object.keys(worksheet).forEach((key) => {
if (worksheet[key] && key[0] !== "!") {
worksheet[key].s = worksheet[key].s || normalStyle;
}
});
// Add worksheet to workbook and save file
XLSX.utils.book_append_sheet(workbook, worksheet, teacher);
return workbook;
}

View File

@@ -1,24 +1,3 @@
// const express = require('express');
// const router = express.Router();
// // Sample data (replace this with actual data fetching logic)
// const optionsData = {
// assessment: ["Option 1", "Option 2", "Option 3"],
// reassessment: ["Option A", "Option B"],
// paperSetting: ["Option X", "Option Y"],
// moderation: ["Option M", "Option N"],
// pwdPaperSetter: ["Option P", "Option Q"],
// oralsPracticals: ["Option O", "Option P"]
// };
// // GET route for fetching options
// router.get('/', (req, res) => {
// res.status(200).json(optionsData);
// });
// module.exports = router;
const express = require('express'); const express = require('express');
const router = express.Router(); const router = express.Router();
const { getFaculties } = require('../controller/facultyController'); // Import your controller that interacts with the database const { getFaculties } = require('../controller/facultyController'); // Import your controller that interacts with the database