Add an Organization column in the Attendance grid across all tabs. #414

Merged
vikas.nale merged 2 commits from Kartik_Task_OrgCol_att#1238 into Organization_Management 2025-09-21 11:11:21 +00:00
3 changed files with 19 additions and 6 deletions

View File

@ -142,6 +142,7 @@ const Attendance = ({ getRole, handleModalData, searchTerm }) => {
<tr className="border-top-1"> <tr className="border-top-1">
<th colSpan={2}>Name</th> <th colSpan={2}>Name</th>
<th>Role</th> <th>Role</th>
<th>Organization</th>
<th> <th>
<i className="bx bxs-down-arrow-alt text-success"></i> <i className="bx bxs-down-arrow-alt text-success"></i>
Check-In Check-In
@ -190,6 +191,8 @@ const Attendance = ({ getRole, handleModalData, searchTerm }) => {
</td> </td>
<td>{item.jobRoleName}</td> <td>{item.jobRoleName}</td>
<td>{item.organizationName || "--"}</td>
<td> <td>
{item.checkInTime {item.checkInTime
? convertShortTime(item.checkInTime) ? convertShortTime(item.checkInTime)
@ -213,7 +216,11 @@ const Attendance = ({ getRole, handleModalData, searchTerm }) => {
))} ))}
{!attendance && ( {!attendance && (
<tr> <tr>
<td colSpan={6} className="text-center text-secondary" style={{ height: "200px" }}> <td
colSpan={7}
className="text-center text-secondary"
style={{ height: "200px" }}
>
No employees assigned to the project! No employees assigned to the project!
</td> </td>
</tr> </tr>
@ -221,6 +228,7 @@ const Attendance = ({ getRole, handleModalData, searchTerm }) => {
</tbody> </tbody>
</table> </table>
{!loading && finalFilteredData.length > ITEMS_PER_PAGE && ( {!loading && finalFilteredData.length > ITEMS_PER_PAGE && (
<nav aria-label="Page "> <nav aria-label="Page ">
<ul className="pagination pagination-sm justify-content-end py-1"> <ul className="pagination pagination-sm justify-content-end py-1">

View File

@ -264,9 +264,9 @@ const AttendanceLog = ({ handleModalData, searchTerm }) => {
Name Name
</th> </th>
<th className="border-top-1">Date</th> <th className="border-top-1">Date</th>
<th>Organization</th>
<th> <th>
<i className="bx bxs-down-arrow-alt text-success"></i>{" "} <i className="bx bxs-down-arrow-alt text-success"></i> Check-In
Check-In
</th> </th>
<th> <th>
<i className="bx bxs-up-arrow-alt text-danger"></i> Check-Out <i className="bx bxs-up-arrow-alt text-danger"></i> Check-Out
@ -293,7 +293,7 @@ const AttendanceLog = ({ handleModalData, searchTerm }) => {
key={`header-${currentDate}`} key={`header-${currentDate}`}
className="table-row-header" className="table-row-header"
> >
<td colSpan={6} className="text-start"> <td colSpan={8} className="text-start">
<strong> <strong>
{moment(currentDate).format("DD-MM-YYYY")} {moment(currentDate).format("DD-MM-YYYY")}
</strong> </strong>
@ -323,6 +323,7 @@ const AttendanceLog = ({ handleModalData, searchTerm }) => {
attendance.checkInTime || attendance.checkOutTime attendance.checkInTime || attendance.checkOutTime
).format("DD-MMM-YYYY")} ).format("DD-MMM-YYYY")}
</td> </td>
<td>{attendance.organizationName || "--"}</td>
<td>{convertShortTime(attendance.checkInTime)}</td> <td>{convertShortTime(attendance.checkInTime)}</td>
<td> <td>
{attendance.checkOutTime {attendance.checkOutTime

View File

@ -98,6 +98,7 @@ const Regularization = ({ handleRequest, searchTerm }) => {
<tr> <tr>
<th colSpan={2}>Name</th> <th colSpan={2}>Name</th>
<th>Date</th> <th>Date</th>
<th>Organization</th>
<th> <th>
<i className="bx bxs-down-arrow-alt text-success"></i>Check-In <i className="bx bxs-down-arrow-alt text-success"></i>Check-In
</th> </th>
@ -115,7 +116,7 @@ const Regularization = ({ handleRequest, searchTerm }) => {
<Avatar <Avatar
firstName={att.firstName} firstName={att.firstName}
lastName={att.lastName} lastName={att.lastName}
></Avatar> />
<div className="d-flex flex-column"> <div className="d-flex flex-column">
<a href="#" className="text-heading text-truncate"> <a href="#" className="text-heading text-truncate">
<span className="fw-normal"> <span className="fw-normal">
@ -126,6 +127,9 @@ const Regularization = ({ handleRequest, searchTerm }) => {
</div> </div>
</td> </td>
<td>{moment(att.checkOutTime).format("DD-MMM-YYYY")}</td> <td>{moment(att.checkOutTime).format("DD-MMM-YYYY")}</td>
<td>{att.organizationName || "--"}</td>
<td>{convertShortTime(att.checkInTime)}</td> <td>{convertShortTime(att.checkInTime)}</td>
<td> <td>
{att.checkOutTime ? convertShortTime(att.checkOutTime) : "--"} {att.checkOutTime ? convertShortTime(att.checkOutTime) : "--"}
@ -136,12 +140,12 @@ const Regularization = ({ handleRequest, searchTerm }) => {
handleRequest={handleRequest} handleRequest={handleRequest}
refresh={refetch} refresh={refetch}
/> />
{/* </div> */}
</td> </td>
</tr> </tr>
))} ))}
</tbody> </tbody>
</table> </table>
) : ( ) : (
<div <div
className="d-flex justify-content-center align-items-center" className="d-flex justify-content-center align-items-center"