Hl
+ )
+}
+
+
+export default AttendenceNotShadedCorrection
\ No newline at end of file
diff --git a/src/Components/CertificateTextVerification.jsx b/src/Components/CertificateTextVerification.jsx
new file mode 100644
index 0000000..32009a5
--- /dev/null
+++ b/src/Components/CertificateTextVerification.jsx
@@ -0,0 +1,242 @@
+import AntdesignLayout from "./AntdesignLayout";
+import { Box, Button } from "@mui/material";
+import { useState, useEffect, useRef } from "react";
+import { useParams } from "react-router-dom";
+import { Bamini_base64 } from "../assets/fonts/Bamini";
+
+const CertificateTextVerification = () => {
+ const [certificateData, setCertificateData] = useState([]);
+ const [registerNumber, setRegisterNumber] = useState(null)
+ const { year } = useParams();
+ const certificateDataRef = useRef(null);
+
+ const [currentPage, setCurrentPage] = useState(1); // Track current page
+ const itemsPerPage = 30; // Number of items per page
+
+ // Fetch certificate data
+ const fetchCertificateTextVerificationData = async () => {
+ try {
+ const payload = {
+ year,
+ registerNumber
+ };
+ const certificateDataResponse = await fetch(
+ `${
+ import.meta.env.VITE_REACT_APP_BACKEND_URL
+ }/fetchCertificateTextVerification`,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(payload),
+ }
+ );
+ const responseData = await certificateDataResponse.json();
+ console.log("response data certificateDataResponse ==== ", responseData);
+ if (responseData?.status === "success") {
+ console.log("response status success ...");
+ setCertificateData(responseData?.data);
+ }
+ } catch (error) {
+ throw new Error(error);
+ }
+ };
+
+ // Download HTML function
+ const downloadHTML = () => {
+ const content = certificateDataRef.current.outerHTML;
+
+ // Base64 encoded font data (replace with your actual base64 string)
+ const base64Font = Bamini_base64; // Replace with the actual base64 string or import it
+
+ // Create the HTML template that includes the embedded font and table styles
+ const htmlContent = `
+
+
+
+
+
+
+ ${content}
+
+
+
+ `;
+
+ // Create a Blob object with the HTML content
+ const blob = new Blob([htmlContent], { type: "text/html" });
+
+ // Create a download link
+ const link = document.createElement("a");
+ link.href = URL.createObjectURL(blob);
+ link.download = "certificate_data.html"; // The name of the downloaded file
+
+ // Trigger the download
+ link.click();
+ };
+
+ // Handle pagination
+ const totalItems = certificateData.length;
+ const totalPages = Math.ceil(totalItems / itemsPerPage);
+ const indexOfLastItem = currentPage * itemsPerPage;
+ const indexOfFirstItem = indexOfLastItem - itemsPerPage;
+ const currentData = certificateData.slice(indexOfFirstItem, indexOfLastItem);
+
+ const paginate = (pageNumber) => setCurrentPage(pageNumber);
+
+ useEffect(() => {
+ fetchCertificateTextVerificationData();
+ }, []);
+
+ return (
+ Certificate Tamil Text Verification
+| Register Number | +Tamil Name | +Tamil Degree | +Tamil Class | +Tamil Month Year | +
|---|---|---|---|---|
| {data?.register_number} | +{data?.tamil_name} | +{data?.tamil_degree} | +{data?.tamil_class_name} | +{data?.tamil_month_year} | +
+
+
+ {[...Array(totalPages)].map((_, index) => (
+
+ ))}
+
+
+
+ | Register Number | +Tamil Name | +Tamil Degree | +Tamil Class | +Tamil Month Year | +
|---|---|---|---|---|
| {data?.register_number} | +{data?.tamil_name} | +{data?.tamil_degree} | +{data?.tamil_class_name} | +{data?.tamil_month_year} | +
+
+
+
+ );
+};
+
+export default ConvocationCertificateTemplate;
diff --git a/src/Components/CustomQueryExecutorCard.jsx b/src/Components/CustomQueryExecutorCard.jsx
index 7cf5b8b..c8d2d8a 100644
--- a/src/Components/CustomQueryExecutorCard.jsx
+++ b/src/Components/CustomQueryExecutorCard.jsx
@@ -13,8 +13,7 @@ import PlayGroundEditContainer from "./PlayGroundEditContainer";
import saveRotatedImage from "./Utilities/PartCPlaygroundUtilities";
import markAsPartc from "./Utilities/PartAPlaygroundUtilities";
import { updateAttendenceBlank } from "./Utilities/AttendencePlaygroundUtilities";
-
-
+import Notification from "./Notification";
const CustomQueryExecutorCard = ({
data,
@@ -26,15 +25,20 @@ const CustomQueryExecutorCard = ({
degreeType,
type,
tableName,
- year
+ year,
}) => {
// console.log("ERROR ============= ",error)
// console.log("ERROR REASON ============== ",error_reason)
// console.log("REDUX SYSTEM NO ================== ",reduxSystemNo)
const navigate = useNavigate();
- console.log("year in custom query executer card ====== ",year)
- const imageDomain = (year === "april2024" ? "https://docs.exampaper.vidh.ai" : (year === "november2024" ? 'https://images.exampaper.usln.in' : 'https://docs.exampaper.vidh.ai'))
- console.log('imageDomain ===== ',imageDomain)
+ console.log("year in custom query executer card ====== ", year);
+ const imageDomain =
+ year === "april2024"
+ ? "https://docs.exampaper.vidh.ai"
+ : year === "november2024"
+ ? "https://images.exampaper.usln.in"
+ : "https://docs.exampaper.vidh.ai";
+ console.log("imageDomain ===== ", imageDomain);
const [dataValue, setDataValue] = useState({});
const [isLoading, setIsLoading] = useState(false);
// console.log("data in query executor Card : ", data);
@@ -46,6 +50,7 @@ const CustomQueryExecutorCard = ({
const imageEleRef = useRef();
const [showEditContainer, setShowEditContainer] = useState(false);
const [editorType, setEditorType] = useState(null);
+ const [notification, setNotification] = useState(null);
console.log("data =================== ", data);
// console.log("image column ====== ", s3_image_column);
@@ -65,6 +70,10 @@ const CustomQueryExecutorCard = ({
}
}, [data]);
+ const showNotification = (message, type) => {
+ setNotification({ message, type });
+ };
+
const updatePartAInstructions = async () => {
console.log("update instrunction");
const payload = {
@@ -168,7 +177,7 @@ const CustomQueryExecutorCard = ({
console.log("update front");
const payload = {
data,
- year
+ year,
};
try {
setIsLoading(true);
@@ -192,7 +201,7 @@ const CustomQueryExecutorCard = ({
// toast.success("Record Marked as Frontpage ! ....");
} else {
toast.error("Something Went Wrong !...");
- setIsLoading(false)
+ setIsLoading(false);
throw new Error(responseData?.message);
}
} catch (error) {
@@ -203,7 +212,7 @@ const CustomQueryExecutorCard = ({
const updateBack = async () => {
const payload = {
data,
- year
+ year,
};
try {
setIsLoading(true);
@@ -259,7 +268,7 @@ const CustomQueryExecutorCard = ({
const updateEvCover = async () => {
const payload = {
data,
- year
+ year,
};
try {
setIsLoading(true);
@@ -292,7 +301,7 @@ const CustomQueryExecutorCard = ({
const markAsPart_A = async () => {
const payload = {
data,
- year
+ year,
};
try {
setIsLoading(true);
@@ -325,7 +334,7 @@ const CustomQueryExecutorCard = ({
const markAsDummy = async () => {
const payload = {
data,
- year
+ year,
};
try {
setIsLoading(true);
@@ -348,7 +357,7 @@ const CustomQueryExecutorCard = ({
console.log("Updation successfull ....");
// toast.success("Record Marked As Ev !...");
} else {
- setIsLoading(false)
+ setIsLoading(false);
toast.error("Something Went Wrong !...");
throw new Error(responseData?.message);
}
@@ -365,10 +374,47 @@ const CustomQueryExecutorCard = ({
// setEditorType(type)
};
-
- const updateAttendenceBlankAction = () =>{
- updateAttendenceBlank(setIsLoading,data,setShowEditContainer)
- }
+ const verifyRecord = async () => {
+ const payload = {
+ data,
+ year,
+ };
+ try {
+ setIsLoading(true);
+ const response = await fetch(
+ `${import.meta.env.VITE_REACT_APP_BACKEND_URL}/verifyRecord`,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(payload),
+ }
+ );
+ setIsLoading(false);
+ const responseData = await response.json();
+ if (responseData.status === "success") {
+ const updatedData = { ...dataValue, is_cover: 1 };
+ // console.log("Data ===== ", updatedData);
+
+ console.log("Verification successfull ....");
+ showNotification("Record Verified Successfully ..", "success");
+ // toast.success("Record Marked As Ev !...");
+ } else {
+ setIsLoading(false);
+ showNotification("Something Went Wrong ..", "error");
+ throw new Error(responseData?.message);
+ }
+ } catch (error) {
+ setIsLoading(false);
+ showNotification("Something Went Wrong ..", "error");
+ throw new Error(error);
+ }
+ };
+
+ const updateAttendenceBlankAction = () => {
+ updateAttendenceBlank(setIsLoading, data, setShowEditContainer);
+ };
const buttonActions = {
PartC: [
@@ -376,8 +422,9 @@ const CustomQueryExecutorCard = ({
{ btnLabel: "Mark As Back", action: updateBack },
{ btnLabel: "Mark As Ev", action: updateEvCover },
{ btnLabel: "Mark As Dummy", action: markAsDummy },
- {btnLabel: "Mark As Part-A", action: markAsPart_A},
+ { btnLabel: "Mark As Part-A", action: markAsPart_A },
{ btnLabel: "Edit", action: showContainerAction },
+ { btnLabel: "Verify", action: verifyRecord },
],
PartA: [
{ btnLabel: "Mark As Front", action: updatePartAFront },
@@ -388,15 +435,11 @@ const CustomQueryExecutorCard = ({
{ btnLabel: "Edit", action: showContainerAction },
],
Attendence: [
- { btnLabel: "Mark As Blank", action:updateAttendenceBlankAction },
+ { btnLabel: "Mark As Blank", action: updateAttendenceBlankAction },
{ btnLabel: "Edit", action: showContainerAction },
- ]
+ ],
};
-
-
-
-
useEffect(() => {
setDataValue(data);
setKeys(Object.keys(data));
@@ -474,7 +517,7 @@ const CustomQueryExecutorCard = ({
return (