Untitled
unknown
plain_text
7 months ago
13 kB
2
Indexable
Never
import { userfunc } from '../services/Apis'
import React, { useEffect, useState } from "react";
import { st_ach } from '../services/Apis'
import { st_publi } from '../services/Apis'
import { st_semi } from '../services/Apis'
import { stproj } from '../services/Apis'
import { stforvisits } from '../services/Apis'
import { ft_awards } from '../services/Apis';
import { ft_achievements } from '../services/Apis';
import { ft_foreign } from '../services/Apis';
import { ft_projects } from '../services/Apis';
import { ft_publications } from '../services/Apis';
import { ft_seminars } from '../services/Apis';
export const ComponentToPrint = React.forwardRef(({startDate,EndDate}, ref) => {
const Date1 = new Date(startDate);
const Date2 = new Date(EndDate);
const email = "admin"
const [data, setUserData] = useState([]);
let sortedData = data;
const userGet = async () => {
const response = await ft_awards(email);
if (response.status === 200) {
setUserData(response.data)
console.log(response.data)
sortedData = data.slice().sort((a, b) => new Date(b.date) - new Date(a.date));
} else {
console.log("error for get user data")
}
}
useEffect(() => {
userGet();
setTimeout(() => {
}, 1200)
}, [])
const [data2, setUserData2] = useState([]);
let sortedData2 = data;
const userGet2 = async () => {
const response = await userfunc(email);
if (response.status === 200) {
setUserData(response.data)
sortedData2 = data.slice().sort((a, b) => new Date(b.date) - new Date(a.date));
} else {
console.log("error for get user data")
}
}
useEffect(() => {
userGet2();
setTimeout(() => {
}, 1200)
}, [])
const [data3, setUserData3] = useState([]);
const userGet3 = async () => {
const response = await ft_seminars(email);
if (response.status === 200) {
setUserData3(response.data)
console.log(response.data)
} else {
console.log("error for get user data")
}
}
useEffect(() => {
userGet3();
setTimeout(() => {
}, 1200)
}, [])
const [data4, setUserData4] = useState([]);
const userGet4 = async () => {
const response = await ft_achievements(email);
if (response.status === 200) {
setUserData4(response.data)
console.log(response.data)
} else {
console.log("error for get user data")
}
}
useEffect(() => {
userGet4();
setTimeout(() => {
}, 1200)
}, [])
// const [data5, setUserData5] = useState([]);
// const userGet5 = async () => {
// const response = await st_semi();
// if (response.status === 200) {
// setUserData5(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet5();
// setTimeout(() => {
// }, 1200)
// }, [])
// const [data6, setUserData6] = useState([]);
// const userGet6 = async () => {
// const response = await stproj();
// if (response.status === 200) {
// setUserData6(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet6();
// setTimeout(() => {
// }, 1200)
// }, [])
// const [data7, setUserData7] = useState([]);
// const userGet7 = async () => {
// const response = await ft_awards(data);
// if (response.status === 200) {
// setUserData7(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet7();
// setTimeout(() => {
// }, 1200)
// }, [])
// const [data8, setUserData8] = useState([]);
// const userGet8 = async () => {
// const response = await ft_achievements(data);
// if (response.status === 200) {
// setUserData8(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet8();
// setTimeout(() => {
// }, 1200)
// }, [])
// const [data9, setUserData9] = useState([]);
// const userGet9 = async () => {
// const response = await ft_foreign();
// if (response.status === 200) {
// setUserData9(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet9();
// setTimeout(() => {
// }, 1200)
// }, [])
// const [data10, setUserData10] = useState([]);
// const userGet10 = async () => {
// const response = await ft_projects();
// if (response.status === 200) {
// setUserData10(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet10();
// setTimeout(() => {
// }, 1200)
// }, [])
// const [data11, setUserData11] = useState([]);
// const userGet11 = async () => {
// const response = await ft_publications();
// if (response.status === 200) {
// setUserData11(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet11();
// setTimeout(() => {
// }, 1200)
// }, [])
// const [data12, setUserData12] = useState([]);
// const userGet12 = async () => {
// const response = await ft_seminars(data);
// if (response.status === 200) {
// setUserData12(response.data)
// console.log(response.data)
// } else {
// console.log("error for get user data")
// }
// }
// useEffect(() => {
// userGet12();
// setTimeout(() => {
// }, 1200)
// }, [])
const Filtered = data.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
const Filtered2 = data2.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
const Filtered3 = data3.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
const Filtered4 = data4.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
// const Filtered5 = data5.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
// const Filtered6 = data6.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
// const Filtered7 = data7.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
// const Filtered8 = data8.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
// const Filtered9 = data9.filter(item=>new Date(item.start_date) >= Date1 && new Date(item.start_date)<=Date2)
// const Filtered10 = data10.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
// const Filtered11 = data11.filter(item=>new Date(item.published_date) >= Date1 && new Date(item.published_date)<=Date2)
// const Filtered12 = data12.filter(item=>new Date(item.date) >= Date1 && new Date(item.date)<=Date2)
return (
<div ref={ref} class="border border-black p-3">
<br></br>
<div className="text-center text-2xl font-bold">
INDIAN INSTITUTE OF TECHNOLOGY, ROPAR
</div>
<div className="text-center text-xl font-semibold">
Rupnagar,Punjab
</div>
<div className="text-center text-xl font-semibold">
Tele:+91-1881-235101, email:cs@iitrpr.ac.in
</div>
<hr className="w-4/5 border-black mx-auto align-center" />
<div className="bg-indigo-100 text-center text-l font-semibold">
BOG Meeting Data of CSE Department
</div>
<br></br>
<div className="bg-indigo-100 text-center text-l font-semibold">
Faculty Awards and Honors
</div>
<br></br>
{/* <TableStudentAwards data={data} columns={columns}/> */}
{/* <div class="d-flex justify-content-center"> */}
<table>
<thead>
<tr>
<th class="border border-black p-2">Sr. No.</th>
<th class="border border-black p-2">Faculty Name</th>
<th class="border border-black p-2">Award Details</th>
<th class="border border-black p-2">Additional Information</th>
</tr>
</thead>
<tbody>
{Filtered.map((item,index) => (
<tr key={item.id}>
<td class="border border-black p-2"> {index+1}</td>
<td class="border border-black p-2"> {item.faculty_name}</td>
<td class="border border-black p-2">{item.award_name}</td>
<td class="border border-black p-2">{item.additional_info}</td>
</tr>
))}
</tbody>
</table>
{/* </div> */}
<br></br>
<div className="bg-indigo-100 text-center text-l font-semibold">
Students Awards and Honors
</div>
<br></br>
{/* <div class="d-flex justify-content-center"> */}
<table>
<thead>
<tr>
<th class="border border-black p-2">Sr. No.</th>
<th class="border border-black p-2">Student Name</th>
<th class="border border-black p-2">Award Details</th>
<th class="border border-black p-2">Additional Information</th>
</tr>
</thead>
<tbody>
{Filtered2.map((item,index) => (
<tr key={item.faculty_name}>
<td class="border border-black p-2">{index+1}</td>
<td class="border border-black p-2"> {item.student_name}</td>
<td class="border border-black p-2">{item.award_name}</td>
<td class="border border-black p-2">{item.additional_info}</td>
</tr>
))}
</tbody>
</table>
{/* </div> */}
<br></br>
<div className="bg-indigo-100 text-center text-l font-semibold">
Workshops/Seminars/Conferences Organized by Department
</div>
<br></br>
<table>
<thead>
<tr>
<th class="border border-black p-2">Sr. No.</th>
<th class="border border-black p-2">Name of Speaker/Chief Guest</th>
<th class="border border-black p-2">Title/ abstract of Workshop/conference/seminar</th>
<th class="border border-black p-2">Date</th>
<th class="border border-black p-2">Venue</th>
<th class="border border-black p-2">Number of Participants</th>
<th class="border border-black p-2">Additional Information</th>
</tr>
</thead>
<tbody>
{Filtered3.map((item,index) => (
<tr key={item.faculty_name}>
<td class="border border-black p-2"> {index+1}</td>
<td class="border border-black p-2">{item.speaker}</td>
<td class="border border-black p-2">{item.title}</td>
<td class="border border-black p-2">{item.date}</td>
<td class="border border-black p-2">{item.venue}</td>
<td class="border border-black p-2">{item.num_participant}</td>
<td class="border border-black p-2">{item.additional_info}</td>
</tr>
))}
</tbody>
</table>
<br></br>
<div className="bg-indigo-100 text-center text-l font-semibold">
Faculty participation as invited speaker/ session chair
</div>
<br></br>
<table>
<thead>
<tr>
<th class="border border-black p-2">Sr. No.</th>
<th class="border border-black p-2">Faculty Name</th>
<th class="border border-black p-2">Lecture Title</th>
<th class="border border-black p-2">Department</th>
<th class="border border-black p-2">Institute</th>
<th class="border border-black p-2">Date</th>
</tr>
</thead>
<tbody>
{Filtered4.map((item,index) => (
<tr key={item.faculty_name}>
<td class="border border-black p-2"> {index+1}</td>
<td class="border border-black p-2">{item.faculty_name}</td>
<td class="border border-black p-2">{item.title}</td>
<td class="border border-black p-2">{item.dept}</td>
<td class="border border-black p-2">{item.institute}</td>
<td class="border border-black p-2">{item.date}</td>
</tr>
))}
</tbody>
</table>
<br></br>
</div>
);
});