admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 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) => {
return useQuery({
queryKey: ["groups", serviceId],
@ -291,7 +277,7 @@ export const useOrganizationType = () => {
};
// ===Application Masters Query=================================================
const fetchMasterData = async (masterType) => {
const fetchMasterData = async (masterType,isActiveMaster) => {
switch (masterType) {
case "Application Role":
return (await MasterRespository.getRoles()).data;
@ -320,9 +306,9 @@ const fetchMasterData = async (masterType) => {
case "Payment Adjustment Head":
return (await MasterRespository.getPaymentAdjustmentHead(true)).data;
case "Requisition Status":
return (await MasterRespository.getRequisitionStatus()).data;
return (await MasterRespository.getRequisitionStatus(isActiveMaster)).data;
case "Purchase Order Status":
return (await MasterRespository.getPurchaseOrderStatus()).data;
return (await MasterRespository.getPurchaseOrderStatus(isActiveMaster)).data;
case "Status":
return [
{
@ -349,20 +335,20 @@ const fetchMasterData = async (masterType) => {
}
};
const useMaster = () => {
const useMaster = (isActiveMaster) => {
const selectedMaster = useSelector(
(store) => store.localVariables.selectedMaster
);
const queryFn = useCallback(
() => fetchMasterData(selectedMaster),
[selectedMaster]
const queryFn = useCallback(
() => fetchMasterData(selectedMaster, isActiveMaster),
[selectedMaster, isActiveMaster]
);
const {
data = [],
isLoading,
error,
} = useQuery({
queryKey: ["masterData", selectedMaster],
queryKey: ["masterData", selectedMaster,isActiveMaster],
queryFn,
enabled: !!selectedMaster,
staleTime: 1000 * 60 * 10,
@ -379,7 +365,6 @@ const useMaster = () => {
return { data, loading: isLoading, error };
};
export default useMaster;
// ================================Mutation====================================
@ -1150,6 +1135,7 @@ export const useUpdatePurchaseOrderStatus = (onSuccessCallback) => {
// ====================x=x====================x=x==================================
// --------Delete Master --------
export const useDeleteMasterItem = () => {
const queryClient = useQueryClient();

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

@ -33,6 +33,7 @@ const MasterPage = () => {
(store) => store.localVariables.selectedMaster
);
const hasMasterPermission = useHasUserPermission(MANAGE_MASTER);
const [isActiveMaster, setIsActiveMaster] = useState(true);
const {
data: menuData,
@ -44,11 +45,11 @@ const MasterPage = () => {
data: masterData = [],
loading,
isError: isMasterError,
} = useMaster();
} = useMaster(isActiveMaster);
const { mutate: DeleteMaster, isPending: isDeleting } = useDeleteMasterItem();
const [isDeleletingServiceItem,setDeleletingServiceItem] = useState({isOpen:false,ItemId:null,whichItem:null})
const {mutate:DeleteSericeGroup,isPending:deletingGroup} =useDeleteServiceGroup()
const {mutate:DeleteAcivity,isPending:deletingActivity} = useDeleteActivity()
const [isDeleletingServiceItem, setDeleletingServiceItem] = useState({ isOpen: false, ItemId: null, whichItem: null })
const { mutate: DeleteSericeGroup, isPending: deletingGroup } = useDeleteServiceGroup()
const { mutate: DeleteAcivity, isPending: deletingActivity } = useDeleteActivity()
const [modalConfig, setModalConfig] = useState(null);
const [deleteData, setDeleteData] = useState(null);
@ -89,15 +90,15 @@ const MasterPage = () => {
};
const handleDeleteServiceItem =()=>{
if(!isDeleletingServiceItem.ItemId) return
const handleDeleteServiceItem = () => {
if (!isDeleletingServiceItem.ItemId) return
debugger
if(isDeleletingServiceItem.whichItem === "activity"){
DeleteAcivity(isDeleletingServiceItem.ItemId,{onSuccess:()=>setDeleletingServiceItem({isOpen:false,ItemId:null,whichItem:null})})
}else{
DeleteSericeGroup(isDeleletingServiceItem.ItemId,{onSuccess:()=>setDeleletingServiceItem({isOpen:false,ItemId:null,whichItem:null})})
if (isDeleletingServiceItem.whichItem === "activity") {
DeleteAcivity(isDeleletingServiceItem.ItemId, { onSuccess: () => setDeleletingServiceItem({ isOpen: false, ItemId: null, whichItem: null }) })
} else {
DeleteSericeGroup(isDeleletingServiceItem.ItemId, { onSuccess: () => setDeleletingServiceItem({ isOpen: false, ItemId: null, whichItem: null }) })
}
}
@ -115,7 +116,7 @@ const MasterPage = () => {
);
return (
<MasterContext.Provider value={{setDeleletingServiceItem}}>
<MasterContext.Provider value={{ setDeleletingServiceItem }}>
{modalConfig && (
<GlobalModel
size={
@ -134,7 +135,7 @@ const MasterPage = () => {
/>
</GlobalModel>
)}
<ConfirmModal
type="delete"
@ -145,15 +146,15 @@ const MasterPage = () => {
onSubmit={handleDeleteSubmit}
onClose={() => setDeleteData(null)}
/>
<ConfirmModal
type="delete"
header={`Delete ${isDeleletingServiceItem?.whichItem}`}
message={`Are you sure you want to delete this ${isDeleletingServiceItem?.whichItem}?`}
isOpen={!!isDeleletingServiceItem?.isOpen}
loading={deletingActivity}
onSubmit={handleDeleteServiceItem}
onClose={() => setDeleletingServiceItem({isOpen:false,ItemId:null,whichItem:null})}
onSubmit={handleDeleteServiceItem}
onClose={() => setDeleletingServiceItem({ isOpen: false, ItemId: null, whichItem: null })}
/>
<div className="container-fluid">
@ -171,7 +172,7 @@ const MasterPage = () => {
<div className="col-12 col-md-3">
<select
className="form-select py-1 px-2"
value={selectedMaster}
onChange={(e) => dispatch(changeMaster(e.target.value))}
>
@ -196,6 +197,27 @@ const MasterPage = () => {
onChange={(e) => setSearchTerm(e.target.value)}
/>
</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 && (
<button
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{" "}
{selectedMaster}</span>
{selectedMaster}</span>
</button>
)}
</div>
@ -215,12 +237,13 @@ const MasterPage = () => {
columns={columns}
loading={loading}
handleModalData={handleModalData}
isActiveMaster={isActiveMaster}
/>
</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 showToast from "../../services/toastService";
const MasterTable = ({ data, columns, loading, handleModalData }) => {
const MasterTable = ({ data, columns, loading, handleModalData,isActiveMaster }) => {
const hasMasterPermission = useHasUserPermission(MANAGE_MASTER);
const selectedMaster = useSelector(
(store) => store.localVariables.selectedMaster
@ -92,14 +92,14 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
{" "}
{selectedMaster === "Activity" ? "Activity" : "Name"}
</th>
<th className="text-start d-none d-md-table-cell">
<th className="text-start d-none d-md-table-cell">
{" "}
{selectedMaster === "Activity"
? "Unit"
: selectedMaster === "Document Type"
? "Content Type"
: "Description"}
? "Content Type"
: "Description"}
</th>
<th className={` ${!hasMasterPermission && "d-none"}`}>
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} >
{col.key === "description" ? (
item[col.key] !== undefined &&
item[col.key] !== null ? (
item[col.key] !== null ? (
item[col.key].length > 80 ? (
<>{item[col.key].slice(0, 80)}...</>
) : (
@ -137,7 +137,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
<td className={!hasMasterPermission ? "d-none" : "py-3"}>
{(selectedMaster === "Application Role" ||
selectedMaster === "Work Category") &&
item?.isSystem ? (
item?.isSystem ? (
<>
<button
aria-label="Modify"
@ -230,9 +230,8 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
{[...Array(totalPages)].map((_, index) => (
<li
key={index}
className={`page-item ${
currentPage === index + 1 ? "active" : ""
}`}
className={`page-item ${currentPage === index + 1 ? "active" : ""
}`}
>
<button
className="page-link"
@ -243,9 +242,8 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
</li>
))}
<li
className={`page-item ${
currentPage === totalPages ? "disabled" : ""
}`}
className={`page-item ${currentPage === totalPages ? "disabled" : ""
}`}
>
<button
className="page-link"