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

Vaibhav_Task#77 #16

Merged
vikas.nale merged 7 commits from Vaibhav_Task#77 into Feature_Task_Management 2025-04-16 10:35:47 +00:00
Conversation 0 Commits 7 Files Changed 5 +56 -64
1 changed files with 56 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit b9e6c1d48e - Show all commits

114
src/pages/employee/EmployeeProfile.jsx
View File

@ -9,7 +9,7 @@ import { useEmployeeProfile, useEmployees, useEmployeesByProject } from "../../h
import { useSelector } from "react-redux"; import { useSelector } from "react-redux";
import EmployeeRepository from "../../repositories/EmployeeRepository"; import EmployeeRepository from "../../repositories/EmployeeRepository";
import { ComingSoonPage } from "../Misc/ComingSoonPage"; import { ComingSoonPage } from "../Misc/ComingSoonPage";
import Avatar from "../../components/common/Avatar";
const EmployeeProfile = () => { const EmployeeProfile = () => {
const projectID = useSelector((store)=>store.localVariables.projectId) const projectID = useSelector((store)=>store.localVariables.projectId)
@ -102,74 +102,66 @@ const EmployeeProfile = () => {
]} ]}
></Breadcrumb> ></Breadcrumb>
<div className="row"> <div className="row">
<div className="col-12 col-md-8 col-lg-4 order-1 order-lg-1"> <div className="col-12 col-md-8 col-lg-4 order-1 order-lg-1">
<div className="row"> <div className="row">
<div className="col-12 mb-4"> <div className="col-12 mb-4">
<div className="card"> <div className="card">
<div className="card-body"> <div className="card-body">
<div className="d-flex flex-row flex-lg-column"> <div className="d-flex flex-row flex-lg-column">
<div className="d-flex flex-column justify-content-center align-items-center text-center"> <div className="d-flex flex-column justify-content-center align-items-center text-center">
<img <Avatar
src={`../../../public/img/avatars/${currentEmployee.gender}.jpg`} firstName={`${currentEmployee?.firstName}`}
alt="user-avatar" lastName={`${currentEmployee?.lastName}`}
className="d-block rounded" />
height="100" <div className="py-2">
width="100" <p className="h6">{`${currentEmployee?.firstName} ${currentEmployee?.lastName}`}</p>
aria-label="Account image" </div>
id="uploadedAvatar" <hr className="my-2" />
/> </div>
<div className="py-2">
<p className="h6">{`${currentEmployee?.firstName} ${currentEmployee?.lastName}`}</p>
</div>
<hr className="my-2" />
</div>
<div className="w-100 d-flex flex-row flex-sm-column justify-content-sm-start justify-content-around">
<div className="text-wrap">
<small className="card-text text-uppercase text-muted small">Contacts</small>
<ul className="list-unstyled my-3 py-1">
<li className="d-flex align-items-center mb-4"> <div className="w-100 d-flex flex-column justify-content-start">
<i className="bx bx-phone"></i> <div className="d-flex justify-content-between align-items-center mb-3">
<span className="fw-medium mx-2">Contact Number:</span> <small className="card-text text-uppercase text-muted small mb-0">Contacts</small>
<span className={`${currentEmployee?.emergencyPhoneNumber ? "" : "text-muted"}`}> <a href="javascript:;" class="btn btn-icon item-edit"><i class="bx bx-edit bx-sm"></i></a>
{currentEmployee?.emergencyPhoneNumber || <em>NA</em>} </div>
</span>
</li>
<li className="d-flex align-items-center mb-4 text-start">
<i className="bx bx-envelope"></i>
<span className="fw-medium mx-2">Email:</span>
<span className={`text-break text-wrap ${currentEmployee?.email ? "" : "text-muted"}`}>
{currentEmployee?.email || <em className="muted">NA</em>}
</span>
</li>
<li className="d-flex align-items-center mb-4">
<i className="bx bx-user"></i>
<span className="fw-medium mx-2">Contact Person:</span>
<span className="">
{currentEmployee?.emergencyContactPerson}
</span>
</li>
<li className="d-flex align-items-center text-wrap ">
<i className="bx bx-flag"></i>
<span className="fw-medium mx-2">Address:</span>
</li> <ul className="list-unstyled my-3 py-1">
<li className="d-flex align-items-start test-start mb-2"> <li className="d-flex align-items-center mb-4">
<span className={`${currentEmployee?.permanentAddress ? "" : "ms-4"}`}> <i className="bx bx-phone"></i>
{currentEmployee?.permanentAddress} <span className="fw-medium mx-2">Contact Number:</span>
</span> <span className={`${currentEmployee?.emergencyPhoneNumber ? "" : "text-muted"}`}>
</li> {currentEmployee?.emergencyPhoneNumber || <em>NA</em>}
</span>
</li>
<li className="d-flex align-items-center mb-4 text-start">
<i className="bx bx-envelope"></i>
<span className="fw-medium mx-2">Email:</span>
<span className={`text-break text-wrap ${currentEmployee?.email ? "" : "text-muted"}`}>
{currentEmployee?.email || <em className="muted">NA</em>}
</span>
</li>
<li className="d-flex align-items-center mb-4">
<i className="bx bx-user"></i>
<span className="fw-medium mx-2">Contact Person:</span>
<span>{currentEmployee?.emergencyContactPerson}</span>
</li>
<li className="d-flex align-items-center mb-4">
<i className="bx bx-flag"></i>
<span className="fw-medium mx-2">Address:</span>
<span className={`${currentEmployee?.currentAddress ? "" : "text-muted"}`}>
{currentEmployee?.currentAddress || <em>NA</em>}
</span>
</li>
</ul>
</div>
</div>
</div>
</ul>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div className="col-12 col-lg-8 order-2 order-lg-2 mb-4"> <div className="col-12 col-lg-8 order-2 order-lg-2 mb-4">
<div className="row"> <div className="row">