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

added view team memeber and all employee

Browse Source
This commit is contained in:
pramod mahajan 2025-07-15 10:21:17 +05:30 committed by pramod.mahajan
parent 6afe1e6700
commit e4638139f5
2 changed files with 21 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
src/pages/employee/EmployeeList.jsx
View File

@ -9,7 +9,7 @@ import { useEmployeesAllOrByProjectId, useSuspendEmployee } from "../../hooks/us
import { useProjects } from "../../hooks/useProjects";
import { useProfile } from "../../hooks/useProfile";
import { hasUserPermission } from "../../utils/authUtils";
import { ITEMS_PER_PAGE, MANAGE_EMPLOYEES } from "../../utils/constants";
import { ITEMS_PER_PAGE, MANAGE_EMPLOYEES, VIEW_ALL_EMPLOYEES, VIEW_TEAM_MEMBERS } from "../../utils/constants";
import { clearCacheKey } from "../../slices/apiDataManager";
import { useHasUserPermission } from "../../hooks/useHasUserPermission";
import SuspendEmp from "../../components/Employee/SuspendEmp"; // Keep if you use SuspendEmp
@ -56,6 +56,8 @@ const EmployeeList = () => {
const [IsDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
const [selectedEmpFordelete, setSelectedEmpFordelete] = useState(null);
const [ employeeLodaing, setemployeeLodaing ] = useState( false );
const ViewTeamMember = useHasUserPermission(VIEW_TEAM_MEMBERS)
const ViewAllEmployee = useHasUserPermission(VIEW_ALL_EMPLOYEES)
const {
mutate: suspendEmployee,
isPending: empLodaing
@ -120,23 +122,6 @@ useEffect(() => {
setIsCreateModalOpen(true);
};
// const closeModal = () => {
// setIsCreateModalOpen(false);
// const modalElement = document.getElementById("managerole-modal");
// if (modalElement && !showModal) {
// modalElement.classList.remove("show");
// modalElement.style.display = "none";
// document.body.classList.remove("modal-open");
// document.querySelector(".modal-backdrop")?.remove();
// }
// setShowModal(false);
// clearCacheKey("employeeProfile");
// recallEmployeeData(showInactive, showAllEmployees ? null : selectedProjectId); // Use selectedProjectId here
// };
// const handleShow = () => setShowModal(true);
// const handleClose = () => setShowModal( false );
useEffect(() => {
if (!loading && Array.isArray(employees)) {
const sorted = [...employees].sort((a, b) => {
@ -296,7 +281,9 @@ const handleAllEmployeesToggle = (e) => {
{ label: "Employees", link: null },
]}
></Breadcrumb>
<div className="row">
{ViewTeamMember ? (<div className="row">
<div className="card ">
<div className="card-datatable table-responsive pt-2">
@ -309,6 +296,7 @@ const handleAllEmployeesToggle = (e) => {
{/* Switches: All Employees + Inactive */}
<div className="d-flex flex-wrap align-items-center gap-3">
{/* All Employees Switch */}
{ViewAllEmployee && (
<div className="form-check form-switch text-start">
<input
type="checkbox"
@ -322,6 +310,7 @@ const handleAllEmployeesToggle = (e) => {
All Employees
</label>
</div>
) }
{/* Show Inactive Employees Switch */}
{showAllEmployees && (
@ -702,7 +691,14 @@ const handleAllEmployeesToggle = (e) => {
</div>
</div>
</div>
</div>
</div>):(
<div className="card">
<div className="text-center">
<i className="fa-solid fa-triangle-exclamation fs-5"></i>
<p>Access Denied: You don't have permission to perform this action. !</p>
</div>
</div>
)}
</div>
</>
);

5
src/utils/constants.jsx
View File

@ -11,6 +11,11 @@ export const VIEW_PROJECTS = "6ea44136-987e-44ba-9e5d-1cf8f5837ebc"
export const MANAGE_EMPLOYEES = "a97d366a-c2bb-448d-be93-402bd2324566"
export const VIEW_ALL_EMPLOYEES = "60611762-7f8a-4fb5-b53f-b1139918796b"
export const VIEW_TEAM_MEMBERS = "b82d2b7e-0d52-45f3-997b-c008ea460e7f"
export const MANAGE_PROJECT_INFRA = "cf2825ad-453b-46aa-91d9-27c124d63373"
export const VIEW_PROJECT_INFRA = "8d7cc6e3-9147-41f7-aaa7-fa507e450bd4"