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

pramod_Enhancement#76_ImproveEmpl_ListView #15

Merged
vikas.nale merged 3 commits from pramod_Enhancement#76_ImproveEmpl_ListView into Feature_Task_Management 2025-04-16 09:34:41 +00:00
Conversation 0 Commits 3 Files Changed 3 +21 -34
1 changed files with 21 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e3032d2a05 - Show all commits

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

@ -10,6 +10,7 @@ import { useProfile } from "../../hooks/useProfile";
import { hasUserPermission } from "../../utils/authUtils"; import { hasUserPermission } from "../../utils/authUtils";
import { MANAGE_EMPLOYEES } from "../../utils/constants"; import { MANAGE_EMPLOYEES } from "../../utils/constants";
import { useHasUserPermission } from "../../hooks/useHasUserPermission"; import { useHasUserPermission } from "../../hooks/useHasUserPermission";
import SuspendEmp from "../../components/Employee/SuspendEmp";
const EmployeeList = () => const EmployeeList = () =>
{ {
@ -26,10 +27,11 @@ const EmployeeList = () =>
const [employeeList, setEmployeeList] = useState([]); const [employeeList, setEmployeeList] = useState([]);
const [modelConfig, setModelConfig] = useState(); const [modelConfig, setModelConfig] = useState();
const [currentPage, setCurrentPage] = useState(1); const [currentPage, setCurrentPage] = useState(1);
const [itemsPerPage] = useState(5); const [itemsPerPage] = useState(10);
const [isCreateModalOpen, setIsCreateModalOpen] = useState(false); const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);
const [searchText, setSearchText] = useState(""); const [searchText, setSearchText] = useState("");
const [filteredData, setFilteredData] = useState([]); const [ filteredData, setFilteredData ] = useState( [] );
const [showModal, setShowModal] = useState(false);
const navigate = useNavigate(); const navigate = useNavigate();
const handleSearch = (e) => { const handleSearch = (e) => {
@ -74,7 +76,6 @@ const EmployeeList = () =>
const closeModal = () => { const closeModal = () => {
setIsCreateModalOpen(false); setIsCreateModalOpen(false);
const modalElement = document.getElementById("managerole-modal"); const modalElement = document.getElementById("managerole-modal");
if (modalElement) { if (modalElement) {
modalElement.classList.remove("show"); modalElement.classList.remove("show");
@ -83,7 +84,9 @@ const EmployeeList = () =>
document.querySelector(".modal-backdrop").remove(); document.querySelector(".modal-backdrop").remove();
} }
}; };
const handleShow = () => setShowModal(true);
const handleClose = () => setShowModal( false );
const handleConfigData = (config) => { const handleConfigData = (config) => {
setModelConfig(config); setModelConfig(config);
}; };
@ -99,6 +102,17 @@ const EmployeeList = () =>
{isCreateModalOpen && ( {isCreateModalOpen && (
<ManageEmp employeeId={modelConfig} onClosed={closeModal} /> <ManageEmp employeeId={modelConfig} onClosed={closeModal} />
)} )}
<div
className={`modal fade ${showModal ? 'show' : ''}`}
tabIndex="-1"
role="dialog"
style={{ display: showModal ? 'block' : 'none' }}
aria-hidden={!showModal}
>
<SuspendEmp onClose={handleClose}/>
</div>
<div className="container-xxl flex-grow-1 container-p-y"> <div className="container-xxl flex-grow-1 container-p-y">
<Breadcrumb <Breadcrumb
data={[ data={[
@ -184,35 +198,8 @@ const EmployeeList = () =>
className="dropdown-item" className="dropdown-item"
href="#" href="#"
> >
<i className="bx bx-printer me-1"></i> {/* <i className="bx bx-printer me-1"></i> */}
Print Coming Soon
</a>
</li>
<li>
<a
aria-label="dropdown item another action"
className="dropdown-item"
href="#"
>
<i className="bx bx-file me-1"></i>
Csv
</a>
</li>
<li>
<a
aria-label="dropdown item something else here"
className="dropdown-item"
href="#"
>
<i className="bx bxs-file-export me-1"></i>
Excel
</a>
</li>
<li>
<a className="dropdown-item" href="#">
<i className="bx bxs-file-pdf me-1"></i>
Pdf
</a> </a>
</li> </li>
</ul> </ul>
@ -442,7 +429,7 @@ const EmployeeList = () =>
> >
Edit Edit
</Link> </Link>
<button className="dropdown-item"> <button className="dropdown-item" onClick={handleShow}>
Suspend Suspend
</button> </button>
<button <button