+
+ setRegisterNumber(e.target.value)}
+ />
+
+
+
+ setSubjectCode(e.target.value)}
+ />
+
+
+
+ setAttendenceSerialNo(e.target.value)}
+ />
+
+
+
+// // {message}
+// //
+// // );
+// // };
+
+// // Notification.propTypes = {
+// // message: PropTypes.string.isRequired,
+// // type: PropTypes.string,
+// // onClose: PropTypes.func.isRequired,
+// // duration: PropTypes.number
+// // };
+
+// // Notification.defaultProps = {
+// // type: 'info',
+// // duration: 1000 // Set duration to 1000 milliseconds (1 second)
+// // };
+
+// // export default Notification;
+
+
+// import React, { useEffect, useState } from 'react';
+// import PropTypes from 'prop-types';
+
+// const Notification = ({ message, type, onClose, duration }) => {
+// const [visible, setVisible] = useState(true);
+// console.log("From notification container ....")
+
+// useEffect(() => {
+// const timer = setTimeout(() => {
+// setVisible(false);
+// setTimeout(onClose, 300); // Allow time for the fade-out transition
+// }, duration);
+
+// return () => clearTimeout(timer);
+// }, [onClose, duration]);
+
+// return (
+// visible && (
+//
+// {message}
+//
+// )
+// );
+// };
+
+// Notification.propTypes = {
+// message: PropTypes.string.isRequired,
+// type: PropTypes.string,
+// onClose: PropTypes.func.isRequired,
+// duration: PropTypes.number
+// };
+
+// Notification.defaultProps = {
+// type: 'info',
+// duration: 3000 // Set duration to 3000 milliseconds (3 seconds)
+// };
+
+// export default Notification;
+
+
+
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+
+const Notification = ({ message, type, onClose, duration }) => {
+ const [visible, setVisible] = useState(true);
+ console.log("From notification container ....");
+
+ useEffect(() => {
+ console.log("Notification useEffect triggered ....");
+ const timer = setTimeout(() => {
+ setVisible(false);
+ setTimeout(onClose, 300); // Allow time for the fade-out transition
+ }, duration);
+
+ return () => clearTimeout(timer);
+ }, [onClose, duration]);
+
+ return (
+ visible && (
+
+ {message}
+
+ )
+ );
+};
+
+Notification.propTypes = {
+ message: PropTypes.string.isRequired,
+ type: PropTypes.string,
+ onClose: PropTypes.func.isRequired,
+ duration: PropTypes.number
+};
+
+Notification.defaultProps = {
+ type: 'info',
+ duration: 3000 // Set duration to 3000 milliseconds (3 seconds)
+};
+
+export default Notification;
diff --git a/src/Components/PlayGroundEditContainer.jsx b/src/Components/PlayGroundEditContainer.jsx
index 8ea901b..b900ab5 100644
--- a/src/Components/PlayGroundEditContainer.jsx
+++ b/src/Components/PlayGroundEditContainer.jsx
@@ -10,10 +10,11 @@ import TextInputField from "./TextInputField";
import { Height } from "@mui/icons-material";
import HighlightOffIcon from "@mui/icons-material/HighlightOff";
import LoadingContainer from "./LoadingContainer";
-//import { toast } from "react-toastify";
+import { toast } from "react-toastify";
import { updatePlayGroundAttendence } from "./Utilities/AttendencePlaygroundUtilities";
import { updateAttendenceBlank } from "./Utilities/AttendencePlaygroundUtilities";
-
+import Notification from "./Notification"; // Import the Notification component
+import { ToastContainer } from "react-toastify";
const PlayGroundEditContainer = ({
data,
@@ -36,29 +37,94 @@ const PlayGroundEditContainer = ({
const [isLoading, setIsLoading] = useState(false);
const [qrcode, setQrcode] = useState(null);
const [subjectCode, setSubjectCode] = useState(null);
+ const [marksR1, setMarksR1] = useState(null);
+ const [marksR2, setMarksR2] = useState(null);
const [open, setOpen] = useState(true); // Set open state to true by default
+
+ const [notification, setNotification] = useState(null); // Notification state
+
+ const showNotification = (message, type) => {
+ console.log("setting notification ===== ", message);
+ const notificationData = { message, type}
+ console.log("notification data ==== ",notificationData)
+ setNotification(notificationData);
+ };
const handleClose = () => {
setOpen(false);
};
- console.log("image_name ======================= ", imageName)
+ console.log("image_name ======================= ", imageName);
+ console.log("data === i ==== ", data);
useEffect(() => {
- if (data) {
- setQrcode(data?.qrcode);
- setBarcode(data?.barcode);
- setMarks(data?.marks);
- setSubjectCode(data?.subject_code);
- setRegisterNumber(data?.register_number);
- setTotalAbsent(data?.total_absent)
- setTotalPresent(data?.total_present)
- setTotalStudents(data?.total_students)
+ const fetchImageData = async () => {
+ setIsLoading(true)
+ try{
+ if (data) {
+ const payload = {
+ type,
+ imageName,
+ tableName,
+ };
+ const response = await fetch(
+ `${
+ import.meta.env.VITE_REACT_APP_BACKEND_URL
+ }/fetchTableImageNameData`,
+ {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(payload),
+ }
+ );
+ const responseData = await response.json();
+ setIsLoading(false)
+ console.log("response data {{{{ ", responseData);
+ if (responseData.status === "success") {
+ const imageData = responseData?.results;
+ if (imageData && imageData?.length > 0) {
+ const imageDataEle = imageData[0];
+ setQrcode(imageDataEle?.qrcode);
+ setBarcode(imageDataEle?.barcode);
+ setMarks(imageDataEle?.marks);
+ setMarksR1(imageDataEle?.marks_R1);
+ setMarksR2(imageDataEle?.marks_R2);
+ setSubjectCode(imageDataEle?.subject_code);
+ setRegisterNumber(imageDataEle?.register_number);
+ setTotalAbsent(imageDataEle?.total_absent);
+ setTotalPresent(imageDataEle?.total_present);
+ setTotalStudents(imageDataEle?.total_students);
+ }
+ }
+ }
+ }catch(error){
+ throw new Error(error)
+ setIsLoading(false)
}
+ };
+ fetchImageData()
console.log("the currect editor type: ", type);
}, [data]);
+ // useEffect(() => {
+ // if (data) {
+ // setQrcode(data?.qrcode);
+ // setBarcode(data?.barcode);
+ // setMarks(data?.marks);
+ // setMarksR1(data?.marks_R1);
+ // setMarksR2(data?.marks_R2);
+ // setSubjectCode(data?.subject_code);
+ // setRegisterNumber(data?.register_number);
+ // setTotalAbsent(data?.total_absent);
+ // setTotalPresent(data?.total_present);
+ // setTotalStudents(data?.total_students);
+ // }
+ // console.log("the currect editor type: ", type);
+ // }, [data]);
+
const updateRecordPartC = async () => {
- if (!marks) {
- return;
- }
+ // if (!marks) {
+ // return;
+ // }
setIsLoading(true);
try {
const payload = {
@@ -68,6 +134,8 @@ const PlayGroundEditContainer = ({
s3Path,
subjectCode,
marks,
+ marksR1,
+ marksR2,
imageName,
rotateAngle,
};
@@ -85,21 +153,28 @@ const PlayGroundEditContainer = ({
setIsLoading(false);
console.log("response data ========= ", responseData);
if (responseData?.status === "success") {
- //toast.success("Record Updated Successfully ...");
+ showNotification("Record updated successfully !!", "success");
setShowEditContainer(false);
+ const queryContainerEle = document.getElementById(imageName)
+ console.log("querycontainerEle ===== ",queryContainerEle)
+ if(queryContainerEle){
+ queryContainerEle.classList.add("grey-background")
+ toast.success("Record Updated Successfully !!")
+ }
}
} catch (error) {
setIsLoading(false);
- //toast.error("Something Went Wrong ...");
+ showNotification("Something Went Wrong !!", "error");
throw new Error(error);
}
};
const updateRecordPartA = async () => {
+ setNotification({})
console.log(registerNumber);
console.log(subjectCode);
console.log(barcode, qrcode);
- console.log("image_name = ", imageName)
+ console.log("image_name = ", imageName);
console.log(!registerNumber && !subjectCode && (!barcode || !qrcode));
if (!registerNumber && !subjectCode && (!barcode || !qrcode)) {
return;
@@ -128,10 +203,18 @@ const PlayGroundEditContainer = ({
);
const responseData = await response.json();
setIsLoading(false);
- console.log("response data ========= ", responseData);
+ console.log("response data 122 ========= ", responseData);
if (responseData?.status === "success") {
- toast.success("Record Updated Successfully ...");
+ showNotification("Record updated successfully !!", "success");
setShowEditContainer(false);
+ const queryContainerEle = document.getElementById(imageName)
+ console.log("querycontainerEle ===== ",queryContainerEle)
+ if(queryContainerEle){
+ queryContainerEle.classList.add("grey-background")
+ }
+ setTimeout(()=>{
+ showNotification("Record Updated Successfully !!","success")
+ },500)
}
} catch (error) {
setIsLoading(false);
@@ -155,8 +238,9 @@ const PlayGroundEditContainer = ({
style={{ zIndex: 100 }}
fullWidth
>
+