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 { useEmployeeAttendacesLog } from "../../hooks/useAttendance";
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 { logs, loading } = useEmployeeAttendacesLog(Id);
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) {
case 1:
return (
@ -24,12 +39,12 @@ const AttendLogs = ({ Id }) => {
case 2:
return (
<i
className="bx bx-help-circle text-secondary"
className="bx bx-help-circle text-danger"
data-bs-toggle="tooltip"
data-bs-offset="0,8"
data-bs-placement="top"
data-bs-custom-class="tooltip"
title="regularize Requested"
title="Regularized Requested"
></i>
);
break;
@ -41,27 +56,43 @@ const AttendLogs = ({ Id }) => {
data-bs-offset="0,8"
data-bs-placement="top"
data-bs-custom-class="tooltip"
title="Regularized"
title="Request Deleted !"
></i>
);
break;
case 4:
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>
);
if (
checkOutTime &&
isCheckoutRegularized(logs[0]?.activityTime, checkOutTime, THRESH_HOLD)
) {
return (
<i
className="bx bx-check-circle text-success"
data-bs-toggle="tooltip"
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;
case 5:
return (
<i
className="bx bx-x-circle text-danger"
className="bx bx-x-circle text-danger"
data-bs-toggle="tooltip"
data-bs-offset="0,8"
data-bs-placement="top"
@ -122,11 +153,11 @@ const AttendLogs = ({ Id }) => {
<tr key={index}>
<td>{log.activityTime.slice(0, 10)}</td>
<td>{convertShortTime(log.activityTime)}</td>
<td>{whichActivityPerform(log.activity)}</td>
<td>{whichActivityPerform(log.activity,log.activityTime)}</td>
<td>
{log?.latitude != 0 ? (
{(log?.latitude && log?.longitude) ? (
<i
className="bx bx-location-plus text-danger cursor-pointer"
className="bx bx-map text-danger cursor-pointer"
data-bs-toggle="tooltip"
data-bs-offset="0,8"
data-bs-placement="top"