admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 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 My Projects
</small>{" "} </small>{" "}
<ul className="list-unstyled text-start my-3 py-1"> <ul className="list-unstyled text-start my-3 py-1">
{selectedProjectLoding && <span>Loading</span>} {selectedProjectLoding && <span>Loading</span>}
{projectList.map((project) => ( {projectList.map((project) => (
<li <li
className="d-flex mb-4 align-items-start flex-wrap" className="d-flex mb-4 align-items-start flex-wrap"
key={project.id} key={project.id}
> >
{/* Project Info */} {/* Project Info */}
<div className="flex-grow-1"> <div className="flex-grow-1">
<div className="d-flex flex-wrap align-items-center justify-content-between gap-2"> <div className="d-flex flex-wrap align-items-center justify-content-between gap-2">
<div className="d-flex"> <div className="d-flex">
<div className="avatar flex-shrink-0 me-3"> <div className="avatar flex-shrink-0 me-3">
<span className="avatar-initial rounded bg-label-primary"> <span className="avatar-initial rounded bg-label-primary">
<i className="icon-base bx bx-buildings icon-lg"></i> <i className="icon-base bx bx-buildings icon-lg"></i>
</span> </span>
</div> </div>
<div className="d-block"> <div>
<h6 className="mb-0 d-block"> <h6 className="mb-0">{project.projectShortName}</h6>
{project.projectShortName} <small className="text-muted">{project.projectName}</small>
</h6> <div className="label-secondary">
<small className="text-muted"> Assigned:{" "}
{project.projectName} {project.assignedDate ? (
</small> new Date(project.assignedDate).toLocaleDateString()
<div className="label-secondary"> ) : (
Assigned:{" "} <em>NA</em>
{project.assignedDate ? ( )}
new Date( </div>
project.assignedDate </div>
).toLocaleDateString() </div>
) : ( <div>
<em>NA</em> <span className="badge bg-label-secondary">
)} {project.designation}
</div> </span>
</div> </div>
</div> </div>
<div>
<span className="badge bg-label-secondary"> {/* Dates */}
{project.designation} {project.removedDate && (
</span> <div className="mt-2 d-flex flex-column flex-sm-row justify-content-between">
</div> <div className="label-secondary">
</div> 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> </div>
</div> </div>