Changes in Attendance tab.

1. Filter the view to show only "Today's" attendance.
2. Display today's date prominently above the names in that tab.
This commit is contained in:
kartik.sharma 2025-05-16 15:01:49 +05:30 committed by Gitea Admin
parent 6e2d640542
commit 9e6cfdb659
2 changed files with 15 additions and 23 deletions

View File

@ -12,7 +12,7 @@ const AboutProject = ({ data }) => {
<small className="card-text text-uppercase text-muted small"> <small className="card-text text-uppercase text-muted small">
Profile Profile
</small> </small>
<ul className="list-unstyled my-3 py-1"> <ul className="list-unstyled my-3">
<li className="d-flex align-items-center mb-4"> <li className="d-flex align-items-center mb-4">
<i className="bx bx-check"></i> <i className="bx bx-check"></i>
<span className="fw-medium mx-2">Start Date:</span>{" "} <span className="fw-medium mx-2">Start Date:</span>{" "}
@ -41,27 +41,17 @@ const AboutProject = ({ data }) => {
<span className="fw-medium mx-2">Contact:</span>{" "} <span className="fw-medium mx-2">Contact:</span>{" "}
<span>{data.contactPerson}</span> <span>{data.contactPerson}</span>
</li> </li>
<li className="d-flex align-items-center mb-4"> <li className="d-flex flex-column align-items-start mb-4">
<i className="bx bx-flag"></i> <div className="d-flex align-items-center">
<span className="fw-medium mx-2">Address:</span>{" "} <i className="bx bx-flag"></i>
</li> <span className="fw-medium mx-2">Address:</span>
</ul> {data.projectAddress?.length <= 20 && (
{/* <small className="card-text text-uppercase text-muted small"> <span>{data.projectAddress}</span>
Contacts )}
</small> */} </div>
<ul className="list-unstyled my-3 py-1"> {data.projectAddress?.length > 20 && (
<div className="ms-4 text-start">{data.projectAddress}</div>
{/* <li className="d-flex align-items-center mb-4"> )}
<i className="bx bx-phone"></i>
<span className="fw-medium mx-2">Contact Number:</span>{" "}
<span>NA</span>
</li> */}
{/* <li className="d-flex align-items-center mb-4">
<i className="bx bx-envelope"></i>
<span className="fw-medium mx-2">Email:</span> <span>NA</span>
</li> */}
<li className="d-flex align-items-start test-start mb-4">
<span>{data.projectAddress}</span>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -161,6 +161,7 @@ const AttendancePage = () => {
)} )}
</div> </div>
</ul> </ul>
<ul className="nav nav-tabs" role="tablist"> <ul className="nav nav-tabs" role="tablist">
<li className="nav-item"> <li className="nav-item">
<button <button
@ -170,7 +171,7 @@ const AttendancePage = () => {
data-bs-toggle="tab" data-bs-toggle="tab"
data-bs-target="#navs-top-home" data-bs-target="#navs-top-home"
> >
All Today's
</button> </button>
</li> </li>
<li className="nav-item"> <li className="nav-item">
@ -216,6 +217,7 @@ const AttendancePage = () => {
</div> </div>
</> </>
)} )}
{activeTab === "logs" && ( {activeTab === "logs" && (
<div className="tab-pane fade show active py-0"> <div className="tab-pane fade show active py-0">