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

optimized EmpDashBoard , EmployeeNav and EmployeeProfile

Browse Source
This commit is contained in:
pramod mahajan 2025-08-12 16:22:34 +05:30
parent 8e12528e3a
commit f387a56d7b
1 changed files with 48 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

117
src/components/Employee/EmpDashboard.jsx
View File

@ -24,76 +24,55 @@ const EmpDashboard = ({ profile }) => {
My Projects
</small>{" "}
<ul className="list-unstyled text-start my-3 py-1">
{selectedProjectLoding && <span>Loading</span>}
{projectList.map((project) => (
<li
className="d-flex mb-4 align-items-start flex-wrap"
key={project.id}
>
{/* Project Info */}
<div className="flex-grow-1">
<div className="d-flex flex-wrap align-items-center justify-content-between gap-2">
<div className="d-flex">
<div className="avatar flex-shrink-0 me-3">
<span className="avatar-initial rounded bg-label-primary">
<i className="icon-base bx bx-buildings icon-lg"></i>
</span>
</div>
<div className="d-block">
<h6 className="mb-0 d-block">
{project.projectShortName}
</h6>
<small className="text-muted">
{project.projectName}
</small>
<div className="label-secondary">
Assigned:{" "}
{project.assignedDate ? (
new Date(
project.assignedDate
).toLocaleDateString()
) : (
<em>NA</em>
)}
</div>
</div>
</div>
<div>
<span className="badge bg-label-secondary">
{project.designation}
</span>
</div>
</div>
{selectedProjectLoding && <span>Loading</span>}
{projectList.map((project) => (
<li
className="d-flex mb-4 align-items-start flex-wrap"
key={project.id}
>
{/* Project Info */}
<div className="flex-grow-1">
<div className="d-flex flex-wrap align-items-center justify-content-between gap-2">
<div className="d-flex">
<div className="avatar flex-shrink-0 me-3">
<span className="avatar-initial rounded bg-label-primary">
<i className="icon-base bx bx-buildings icon-lg"></i>
</span>
</div>
<div>
<h6 className="mb-0">{project.projectShortName}</h6>
<small className="text-muted">{project.projectName}</small>
<div className="label-secondary">
Assigned:{" "}
{project.assignedDate ? (
new Date(project.assignedDate).toLocaleDateString()
) : (
<em>NA</em>
)}
</div>
</div>
</div>
<div>
<span className="badge bg-label-secondary">
{project.designation}
</span>
</div>
</div>
{/* Dates */}
{project.removedDate && (
<div className="mt-2 d-flex flex-column flex-sm-row justify-content-between">
<div className="label-secondary">
Unassigned:{" "}
{new Date(project.removedDate).toLocaleDateString()}
</div>
</div>
)}
</div>
</li>
))}
</ul>
{/* Dates */}
<div className="mt-2 d-flex flex-column flex-sm-row gap-3">
{project.removedDate && (
<div className="label-secondary">
Unassigned:{" "}
{project.removedDate ? (
new Date(project.removedDate).toLocaleDateString()
) : (
<em>NA</em>
)}
</div>
)}
</div>
{project.removedDate && (
<div className="col-sm-4 col-lg-12 col-xxl-4 d-flex justify-content-xxl-end mt-1">
<div className="label-secondary">
Unassigned:{" "}
{project.removedDate ? (
new Date(project.removedDate).toLocaleDateString()
) : (
<em>NA</em>
)}
</div>
</div>
)}
</div>
</li>
))}
</ul>
</div>
</div>
</div>