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

Addting Active and In-active switch button.

Browse Source
This commit is contained in:
Kartik Sharma 2025-10-28 12:21:25 +05:30
parent 20b8d9ae01
commit 76abfb5fd3
3 changed files with 61 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
src/hooks/masterHook/useMaster.js
View File

@ -25,20 +25,6 @@ export const useServices = () => {
}); });
}; };
export const useRequisitionStatus = (isActive) => {
return useQuery({
queryKey: ["requisitionStatus",isActive],
queryFn: async () => await MasterRespository.getRequisitionStatus(isActive),
});
};
export const usePurchaseOrderStatus = (isActive) => {
return useQuery({
queryKey: ["purchaseOrderStatus",isActive],
queryFn: async () => await MasterRespository.getPurchaseOrderStatus(isActive),
});
};
export const useGroups = (serviceId) => { export const useGroups = (serviceId) => {
return useQuery({ return useQuery({
queryKey: ["groups", serviceId], queryKey: ["groups", serviceId],
@ -291,7 +277,7 @@ export const useOrganizationType = () => {
}; };
// ===Application Masters Query================================================= // ===Application Masters Query=================================================
const fetchMasterData = async (masterType) => { const fetchMasterData = async (masterType,isActiveMaster) => {
switch (masterType) { switch (masterType) {
case "Application Role": case "Application Role":
return (await MasterRespository.getRoles()).data; return (await MasterRespository.getRoles()).data;
@ -320,9 +306,9 @@ const fetchMasterData = async (masterType) => {
case "Payment Adjustment Head": case "Payment Adjustment Head":
return (await MasterRespository.getPaymentAdjustmentHead(true)).data; return (await MasterRespository.getPaymentAdjustmentHead(true)).data;
case "Requisition Status": case "Requisition Status":
return (await MasterRespository.getRequisitionStatus()).data; return (await MasterRespository.getRequisitionStatus(isActiveMaster)).data;
case "Purchase Order Status": case "Purchase Order Status":
return (await MasterRespository.getPurchaseOrderStatus()).data; return (await MasterRespository.getPurchaseOrderStatus(isActiveMaster)).data;
case "Status": case "Status":
return [ return [
{ {
@ -349,20 +335,20 @@ const fetchMasterData = async (masterType) => {
} }
}; };
const useMaster = () => { const useMaster = (isActiveMaster) => {
const selectedMaster = useSelector( const selectedMaster = useSelector(
(store) => store.localVariables.selectedMaster (store) => store.localVariables.selectedMaster
); );
const queryFn = useCallback( const queryFn = useCallback(
() => fetchMasterData(selectedMaster), () => fetchMasterData(selectedMaster, isActiveMaster),
[selectedMaster] [selectedMaster, isActiveMaster]
); );
const { const {
data = [], data = [],
isLoading, isLoading,
error, error,
} = useQuery({ } = useQuery({
queryKey: ["masterData", selectedMaster], queryKey: ["masterData", selectedMaster,isActiveMaster],
queryFn, queryFn,
enabled: !!selectedMaster, enabled: !!selectedMaster,
staleTime: 1000 * 60 * 10, staleTime: 1000 * 60 * 10,
@ -379,7 +365,6 @@ const useMaster = () => {
return { data, loading: isLoading, error }; return { data, loading: isLoading, error };
}; };
export default useMaster; export default useMaster;
// ================================Mutation==================================== // ================================Mutation====================================
@ -1150,6 +1135,7 @@ export const useUpdatePurchaseOrderStatus = (onSuccessCallback) => {
// ====================x=x====================x=x================================== // ====================x=x====================x=x==================================
// --------Delete Master -------- // --------Delete Master --------
export const useDeleteMasterItem = () => { export const useDeleteMasterItem = () => {
const queryClient = useQueryClient(); const queryClient = useQueryClient();

61
src/pages/master/MasterPage.jsx
View File

@ -33,6 +33,7 @@ const MasterPage = () => {
(store) => store.localVariables.selectedMaster (store) => store.localVariables.selectedMaster
); );
const hasMasterPermission = useHasUserPermission(MANAGE_MASTER); const hasMasterPermission = useHasUserPermission(MANAGE_MASTER);
const [isActiveMaster, setIsActiveMaster] = useState(true);
const { const {
data: menuData, data: menuData,
@ -44,11 +45,11 @@ const MasterPage = () => {
data: masterData = [], data: masterData = [],
loading, loading,
isError: isMasterError, isError: isMasterError,
} = useMaster(); } = useMaster(isActiveMaster);
const { mutate: DeleteMaster, isPending: isDeleting } = useDeleteMasterItem(); const { mutate: DeleteMaster, isPending: isDeleting } = useDeleteMasterItem();
const [isDeleletingServiceItem,setDeleletingServiceItem] = useState({isOpen:false,ItemId:null,whichItem:null}) const [isDeleletingServiceItem, setDeleletingServiceItem] = useState({ isOpen: false, ItemId: null, whichItem: null })
const {mutate:DeleteSericeGroup,isPending:deletingGroup} =useDeleteServiceGroup() const { mutate: DeleteSericeGroup, isPending: deletingGroup } = useDeleteServiceGroup()
const {mutate:DeleteAcivity,isPending:deletingActivity} = useDeleteActivity() const { mutate: DeleteAcivity, isPending: deletingActivity } = useDeleteActivity()
const [modalConfig, setModalConfig] = useState(null); const [modalConfig, setModalConfig] = useState(null);
const [deleteData, setDeleteData] = useState(null); const [deleteData, setDeleteData] = useState(null);
@ -89,15 +90,15 @@ const MasterPage = () => {
}; };
const handleDeleteServiceItem =()=>{ const handleDeleteServiceItem = () => {
if(!isDeleletingServiceItem.ItemId) return if (!isDeleletingServiceItem.ItemId) return
debugger debugger
if(isDeleletingServiceItem.whichItem === "activity"){ if (isDeleletingServiceItem.whichItem === "activity") {
DeleteAcivity(isDeleletingServiceItem.ItemId,{onSuccess:()=>setDeleletingServiceItem({isOpen:false,ItemId:null,whichItem:null})}) DeleteAcivity(isDeleletingServiceItem.ItemId, { onSuccess: () => setDeleletingServiceItem({ isOpen: false, ItemId: null, whichItem: null }) })
}else{ } else {
DeleteSericeGroup(isDeleletingServiceItem.ItemId,{onSuccess:()=>setDeleletingServiceItem({isOpen:false,ItemId:null,whichItem:null})}) DeleteSericeGroup(isDeleletingServiceItem.ItemId, { onSuccess: () => setDeleletingServiceItem({ isOpen: false, ItemId: null, whichItem: null }) })
} }
} }
@ -115,7 +116,7 @@ const MasterPage = () => {
); );
return ( return (
<MasterContext.Provider value={{setDeleletingServiceItem}}> <MasterContext.Provider value={{ setDeleletingServiceItem }}>
{modalConfig && ( {modalConfig && (
<GlobalModel <GlobalModel
size={ size={
@ -134,7 +135,7 @@ const MasterPage = () => {
/> />
</GlobalModel> </GlobalModel>
)} )}
<ConfirmModal <ConfirmModal
type="delete" type="delete"
@ -145,15 +146,15 @@ const MasterPage = () => {
onSubmit={handleDeleteSubmit} onSubmit={handleDeleteSubmit}
onClose={() => setDeleteData(null)} onClose={() => setDeleteData(null)}
/> />
<ConfirmModal <ConfirmModal
type="delete" type="delete"
header={`Delete ${isDeleletingServiceItem?.whichItem}`} header={`Delete ${isDeleletingServiceItem?.whichItem}`}
message={`Are you sure you want to delete this ${isDeleletingServiceItem?.whichItem}?`} message={`Are you sure you want to delete this ${isDeleletingServiceItem?.whichItem}?`}
isOpen={!!isDeleletingServiceItem?.isOpen} isOpen={!!isDeleletingServiceItem?.isOpen}
loading={deletingActivity} loading={deletingActivity}
onSubmit={handleDeleteServiceItem} onSubmit={handleDeleteServiceItem}
onClose={() => setDeleletingServiceItem({isOpen:false,ItemId:null,whichItem:null})} onClose={() => setDeleletingServiceItem({ isOpen: false, ItemId: null, whichItem: null })}
/> />
<div className="container-fluid"> <div className="container-fluid">
@ -171,7 +172,7 @@ const MasterPage = () => {
<div className="col-12 col-md-3"> <div className="col-12 col-md-3">
<select <select
className="form-select py-1 px-2" className="form-select py-1 px-2"
value={selectedMaster} value={selectedMaster}
onChange={(e) => dispatch(changeMaster(e.target.value))} onChange={(e) => dispatch(changeMaster(e.target.value))}
> >
@ -196,6 +197,27 @@ const MasterPage = () => {
onChange={(e) => setSearchTerm(e.target.value)} onChange={(e) => setSearchTerm(e.target.value)}
/> />
</div> </div>
{(selectedMaster === "Purchase Order Status" ||
selectedMaster === "Requisition Status") && (
<div className="form-check form-switch d-flex align-items-center">
<input
className="form-check-input"
type="checkbox"
role="switch"
id="flexSwitchCheckActive"
checked={isActiveMaster}
onChange={() => setIsActiveMaster((prev) => !prev)}
/>
<label
className="form-check-label ms-2"
htmlFor="flexSwitchCheckActive"
>
{isActiveMaster ? "Active" : "In-active"}
</label>
</div>
)}
{hasMasterPermission && ( {hasMasterPermission && (
<button <button
className="btn btn-sm btn-primary" className="btn btn-sm btn-primary"
@ -204,7 +226,7 @@ const MasterPage = () => {
} }
> >
<i className="bx bx-plus-circle me-2"></i> <span className="d-none d-md-inline-block">Add{" "} <i className="bx bx-plus-circle me-2"></i> <span className="d-none d-md-inline-block">Add{" "}
{selectedMaster}</span> {selectedMaster}</span>
</button> </button>
)} )}
</div> </div>
@ -215,12 +237,13 @@ const MasterPage = () => {
columns={columns} columns={columns}
loading={loading} loading={loading}
handleModalData={handleModalData} handleModalData={handleModalData}
isActiveMaster={isActiveMaster}
/> />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</MasterContext.Provider> </MasterContext.Provider>
); );
}; };

22
src/pages/master/MasterTable.jsx
View File

@ -4,7 +4,7 @@ import { useHasUserPermission } from "../../hooks/useHasUserPermission";
import { ITEMS_PER_PAGE, MANAGE_MASTER } from "../../utils/constants"; import { ITEMS_PER_PAGE, MANAGE_MASTER } from "../../utils/constants";
import showToast from "../../services/toastService"; import showToast from "../../services/toastService";
const MasterTable = ({ data, columns, loading, handleModalData }) => { const MasterTable = ({ data, columns, loading, handleModalData,isActiveMaster }) => {
const hasMasterPermission = useHasUserPermission(MANAGE_MASTER); const hasMasterPermission = useHasUserPermission(MANAGE_MASTER);
const selectedMaster = useSelector( const selectedMaster = useSelector(
(store) => store.localVariables.selectedMaster (store) => store.localVariables.selectedMaster
@ -92,14 +92,14 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
{" "} {" "}
{selectedMaster === "Activity" ? "Activity" : "Name"} {selectedMaster === "Activity" ? "Activity" : "Name"}
</th> </th>
<th className="text-start d-none d-md-table-cell"> <th className="text-start d-none d-md-table-cell">
{" "} {" "}
{selectedMaster === "Activity" {selectedMaster === "Activity"
? "Unit" ? "Unit"
: selectedMaster === "Document Type" : selectedMaster === "Document Type"
? "Content Type" ? "Content Type"
: "Description"} : "Description"}
</th> </th>
<th className={` ${!hasMasterPermission && "d-none"}`}> <th className={` ${!hasMasterPermission && "d-none"}`}>
Actions Actions
@ -117,7 +117,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
<td className={`text-start mx-2 py-3 ${col.key === "description" && "d-none d-md-table-cell"}`} key={col.key} > <td className={`text-start mx-2 py-3 ${col.key === "description" && "d-none d-md-table-cell"}`} key={col.key} >
{col.key === "description" ? ( {col.key === "description" ? (
item[col.key] !== undefined && item[col.key] !== undefined &&
item[col.key] !== null ? ( item[col.key] !== null ? (
item[col.key].length > 80 ? ( item[col.key].length > 80 ? (
<>{item[col.key].slice(0, 80)}...</> <>{item[col.key].slice(0, 80)}...</>
) : ( ) : (
@ -137,7 +137,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
<td className={!hasMasterPermission ? "d-none" : "py-3"}> <td className={!hasMasterPermission ? "d-none" : "py-3"}>
{(selectedMaster === "Application Role" || {(selectedMaster === "Application Role" ||
selectedMaster === "Work Category") && selectedMaster === "Work Category") &&
item?.isSystem ? ( item?.isSystem ? (
<> <>
<button <button
aria-label="Modify" aria-label="Modify"
@ -230,9 +230,8 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
{[...Array(totalPages)].map((_, index) => ( {[...Array(totalPages)].map((_, index) => (
<li <li
key={index} key={index}
className={`page-item ${ className={`page-item ${currentPage === index + 1 ? "active" : ""
currentPage === index + 1 ? "active" : "" }`}
}`}
> >
<button <button
className="page-link" className="page-link"
@ -243,9 +242,8 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
</li> </li>
))} ))}
<li <li
className={`page-item ${ className={`page-item ${currentPage === totalPages ? "disabled" : ""
currentPage === totalPages ? "disabled" : "" }`}
}`}
> >
<button <button
className="page-link" className="page-link"