admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

modified attend log, icons, correct for regualarize and check-out

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-12 17:00:01 +05:30
parent 6b8a314c25
commit 7572ad0777
1 changed files with 50 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/Activities/AttendLogs.jsx
View File

@ -1,13 +1,28 @@
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { useEmployeeAttendacesLog } from "../../hooks/useAttendance"; import { useEmployeeAttendacesLog } from "../../hooks/useAttendance";
import { convertShortTime } from "../../utils/dateUtils"; import { convertShortTime } from "../../utils/dateUtils";
import { useNavigate } from "react-router-dom"; import {useNavigate} from "react-router-dom";
import {THRESH_HOLD} from "../../utils/constants";
const AttendLogs = ({ Id }) => { const AttendLogs = ({ Id }) => {
const { logs, loading } = useEmployeeAttendacesLog(Id); const { logs, loading } = useEmployeeAttendacesLog(Id);
const navigate = useNavigate(); const navigate = useNavigate();
const whichActivityPerform = (actvity) => { const isCheckoutRegularized = (
activityTimeStr,
checkoutTimeStr,
threshHours
)=> {
if (!activityTimeStr || !checkoutTimeStr) return false;
const activityTime = new Date(activityTimeStr);
const checkoutTime = new Date(checkoutTimeStr);
const threshTimeMs = threshHours * 60 * 60 * 1000;
return checkoutTime - activityTime > threshTimeMs;
}
const whichActivityPerform = (actvity,checkOutTime) => {
switch (actvity) { switch (actvity) {
case 1: case 1:
return ( return (
@ -24,12 +39,12 @@ const AttendLogs = ({ Id }) => {
case 2: case 2:
return ( return (
<i <i
className="bx bx-help-circle text-secondary" className="bx bx-help-circle text-danger"
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-offset="0,8" data-bs-offset="0,8"
data-bs-placement="top" data-bs-placement="top"
data-bs-custom-class="tooltip" data-bs-custom-class="tooltip"
title="regularize Requested" title="Regularized Requested"
></i> ></i>
); );
break; break;
@ -41,27 +56,43 @@ const AttendLogs = ({ Id }) => {
data-bs-offset="0,8" data-bs-offset="0,8"
data-bs-placement="top" data-bs-placement="top"
data-bs-custom-class="tooltip" data-bs-custom-class="tooltip"
title="Regularized" title="Request Deleted !"
></i> ></i>
); );
break; break;
case 4: case 4:
return ( if (
<i checkOutTime &&
className="bx bx-left-arrow-circle text-danger " isCheckoutRegularized(logs[0]?.activityTime, checkOutTime, THRESH_HOLD)
data-bs-toggle="tooltip" ) {
data-bs-offset="0,8" return (
data-bs-placement="top" <i
data-bs-custom-class="tooltip" className="bx bx-check-circle text-success"
title="Check-Out" data-bs-toggle="tooltip"
></i> data-bs-offset="0,8"
); data-bs-placement="top"
data-bs-custom-class="tooltip"
title="Regularized"
></i>
);
} else {
return (
<i
className="bx bx-left-arrow-circle text-danger"
data-bs-toggle="tooltip"
data-bs-offset="0,8"
data-bs-placement="top"
data-bs-custom-class="tooltip"
title="Check-Out"
></i>
);
}
break; break;
case 5: case 5:
return ( return (
<i <i
className="bx bx-x-circle text-danger" className="bx bx-x-circle text-danger"
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-offset="0,8" data-bs-offset="0,8"
data-bs-placement="top" data-bs-placement="top"
@ -122,11 +153,11 @@ const AttendLogs = ({ Id }) => {
<tr key={index}> <tr key={index}>
<td>{log.activityTime.slice(0, 10)}</td> <td>{log.activityTime.slice(0, 10)}</td>
<td>{convertShortTime(log.activityTime)}</td> <td>{convertShortTime(log.activityTime)}</td>
<td>{whichActivityPerform(log.activity)}</td> <td>{whichActivityPerform(log.activity,log.activityTime)}</td>
<td> <td>
{log?.latitude != 0 ? ( {(log?.latitude && log?.longitude) ? (
<i <i
className="bx bx-location-plus text-danger cursor-pointer" className="bx bx-map text-danger cursor-pointer"
data-bs-toggle="tooltip" data-bs-toggle="tooltip"
data-bs-offset="0,8" data-bs-offset="0,8"
data-bs-placement="top" data-bs-placement="top"