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

UI changes in View popup at attendance logs

Browse Source
This commit is contained in:
Kartik Sharma 2025-10-30 12:16:25 +05:30
parent c7976a5a0a
commit 565ce3f757
1 changed files with 18 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -123,12 +123,15 @@ const AttendLogs = ({ Id }) => {
}, []); }, []);
return ( return (
<div className="table-responsive"> <div className="table-responsive">
<div className="text-start"> <div className="mb-3">
<h5 className="mb-4">Attendance Logs</h5>
{logs && !loading && ( {logs && !loading && (
<p> <p className="mb-0 text-start">
Attendance logs for{" "} Showing logs for{" "}
{logs[0]?.employee?.firstName + " " + logs[0]?.employee?.lastName}{" "} <strong>
on {formatUTCToLocalTime(logs[0]?.activityTime)} {logs[0]?.employee?.firstName + " " + logs[0]?.employee?.lastName}
</strong>{" "}
on <strong>{formatUTCToLocalTime(logs[0]?.activityTime)}</strong>
</p> </p>
)} )}
</div> </div>
@ -142,9 +145,9 @@ const AttendLogs = ({ Id }) => {
<table className="table table-sm mb-0"> <table className="table table-sm mb-0">
<thead> <thead>
<tr> <tr>
<th>Activity</th>
<th>Date</th> <th>Date</th>
<th>Time</th> <th>Time</th>
<th>Activity</th>
<th>Location</th> <th>Location</th>
<th>Recored By</th> <th>Recored By</th>
<th>Description</th> <th>Description</th>
@ -156,11 +159,16 @@ const AttendLogs = ({ Id }) => {
.sort((a, b) => b.id - a.id) .sort((a, b) => b.id - a.id)
.map((log, index) => ( .map((log, index) => (
<tr key={index}> <tr key={index}>
<td>{formatUTCToLocalTime(log.activityTime)}</td>
<td>{convertShortTime(log.activityTime)}</td>
<td> <td>
{whichActivityPerform(log.activity, log.activityTime)} {whichActivityPerform(log.activity, log.activityTime)}
</td> </td>
<td>
<div className="py-2">
{formatUTCToLocalTime(log.activityTime)}
</div>
</td>
<td>{convertShortTime(log.activityTime)}</td>
<td> <td>
{log?.latitude != 0 ? ( {log?.latitude != 0 ? (
<i <i
@ -179,9 +187,8 @@ const AttendLogs = ({ Id }) => {
)} )}
</td> </td>
<td className="text-wrap"> <td className="text-wrap">
{`${log?.updatedByEmployee?.firstName ?? ""} ${ {`${log?.updatedByEmployee?.firstName ?? ""} ${log?.updatedByEmployee?.lastName ?? ""
log?.updatedByEmployee?.lastName ?? "" }`}
}`}
</td> </td>
<td className="text-wrap" colSpan={3}> <td className="text-wrap" colSpan={3}>
{log?.comment?.length > 50 {log?.comment?.length > 50