RMS/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #13 from witelgroup/feature/debug_mission_cartable

Browse Source 
debug road mission cartable area view
This commit is contained in:
Amin Ghasempoor
2025-12-17 14:59:44 +03:30
committed by GitHub
parent 05d5c11c4e f78ee620cd
commit 3fdf60978b
250 changed files with 16788 additions and 16668 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/app/(withAuth)/(dashboardLayout)/dashboard/inquiry-privacy/city-admin/page.js
View File

@@ -1,14 +1,14 @@
import CityAdminPage from "@/components/dashboard/inquiryPrivacy/city-admin"; import CityAdminPage from "@/components/dashboard/inquiryPrivacy/city-admin";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export const metadata = { export const metadata = {
title: "کارتابل شهرستان", title: "کارتابل شهرستان",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission permission_name={["all"]}> <WithPermission permission_name={["all"]}>
<CityAdminPage /> <CityAdminPage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

28
src/app/(withAuth)/(dashboardLayout)/dashboard/inquiry-privacy/general-manager/page.js
View File

@@ -1,14 +1,14 @@
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
import GeneralManagerPage from "@/components/dashboard/inquiryPrivacy/general-manager"; import GeneralManagerPage from "@/components/dashboard/inquiryPrivacy/general-manager";
export const metadata = { export const metadata = {
title: "کارتابل مدیر", title: "کارتابل مدیر",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission permission_name={["all"]}> <WithPermission permission_name={["all"]}>
<GeneralManagerPage /> <GeneralManagerPage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

28
src/app/(withAuth)/(dashboardLayout)/dashboard/inquiry-privacy/privacy-office/page.js
View File

@@ -1,14 +1,14 @@
import PrivacyOfficePage from "@/components/dashboard/inquiryPrivacy/privacy-office"; import PrivacyOfficePage from "@/components/dashboard/inquiryPrivacy/privacy-office";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export const metadata = { export const metadata = {
title: "کارتابل اداره حریم", title: "کارتابل اداره حریم",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission permission_name={["all"]}> <WithPermission permission_name={["all"]}>
<PrivacyOfficePage /> <PrivacyOfficePage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

28
src/app/(withAuth)/(dashboardLayout)/dashboard/inquiry-privacy/technical-deputy/page.js
View File

@@ -1,14 +1,14 @@
import TechnicalDeputy from "@/components/dashboard/inquiryPrivacy/technical-deputy"; import TechnicalDeputy from "@/components/dashboard/inquiryPrivacy/technical-deputy";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export const metadata = { export const metadata = {
title: "کارتابل معاون", title: "کارتابل معاون",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission permission_name={["all"]}> <WithPermission permission_name={["all"]}>
<TechnicalDeputy /> <TechnicalDeputy />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

24
src/app/(withAuth)/(dashboardLayout)/dashboard/rahdaran/page.js
View File

@@ -1,12 +1,12 @@
import RahdaranTablePage from "@/components/dashboard/rahdaran"; import RahdaranTablePage from "@/components/dashboard/rahdaran";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export default function page() { export default function page() {
return ( return (
<WithPermission <WithPermission
permission_name={["manage-rahdaran-country", "manage-rahdaran-province", "manage-rahdaran-edareh"]} permission_name={["manage-rahdaran-country", "manage-rahdaran-province", "manage-rahdaran-edareh"]}
> >
<RahdaranTablePage /> <RahdaranTablePage />
</WithPermission> </WithPermission>
); );
} }

34
src/app/(withAuth)/(dashboardLayout)/dashboard/road-missions/violation/page.js
View File

@@ -1,17 +1,17 @@
import ViolationsPage from "@/components/dashboard/roadMissions/violations"; import ViolationsPage from "@/components/dashboard/roadMissions/violations";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export const metadata = { export const metadata = {
title: "کارتابل تخلفات", title: "کارتابل تخلفات",
}; };
const Page = () => { const Page = () => {
return ( return (
<> <>
<WithPermission permission_name={["all"]}> <WithPermission permission_name={["all"]}>
<ViolationsPage /> <ViolationsPage />
{/* <ActivityCodeLog activity_code={1152} /> */} {/* <ActivityCodeLog activity_code={1152} /> */}
</WithPermission> </WithPermission>
</> </>
); );
}; };
export default Page; export default Page;

38
src/app/(withAuth)/(dashboardLayout)/dashboard/road-safety/reports/access-road/page.js
View File

@@ -1,19 +1,19 @@
import ReportAccessRoadPage from "@/components/dashboard/roadSafety/reports/accessRoad"; import ReportAccessRoadPage from "@/components/dashboard/roadSafety/reports/accessRoad";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export const metadata = { export const metadata = {
title: "گزارش بر اساس راه دسترسی غیر مجاز", title: "گزارش بر اساس راه دسترسی غیر مجاز",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission <WithPermission
permission_name={[ permission_name={[
"show-safety-and-privacy-operator-cartable", "show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province", "show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri", "show-safety-and-privacy-operator-cartable-edarate-shahri",
]} ]}
> >
<ReportAccessRoadPage /> <ReportAccessRoadPage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

38
src/app/(withAuth)/(dashboardLayout)/dashboard/road-safety/reports/construction-activity/page.js
View File

@@ -1,19 +1,19 @@
import ReportConstructionActivityPage from "@/components/dashboard/roadSafety/reports/constructionActivity"; import ReportConstructionActivityPage from "@/components/dashboard/roadSafety/reports/constructionActivity";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export const metadata = { export const metadata = {
title: "گزارش بر اساس ساخت و ساز غیر مجاز", title: "گزارش بر اساس ساخت و ساز غیر مجاز",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission <WithPermission
permission_name={[ permission_name={[
"show-safety-and-privacy-operator-cartable", "show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province", "show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri", "show-safety-and-privacy-operator-cartable-edarate-shahri",
]} ]}
> >
<ReportConstructionActivityPage /> <ReportConstructionActivityPage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

38
src/app/(withAuth)/(dashboardLayout)/dashboard/road-safety/reports/utility-passing-activity/page.js
View File

@@ -1,19 +1,19 @@
import ReportUtilityPassingActivityPage from "@/components/dashboard/roadSafety/reports/utilityPassingActivity"; import ReportUtilityPassingActivityPage from "@/components/dashboard/roadSafety/reports/utilityPassingActivity";
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
export const metadata = { export const metadata = {
title: "گزارش بر اساس عبور تاسیسات زیربنایی غیر مجاز", title: "گزارش بر اساس عبور تاسیسات زیربنایی غیر مجاز",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission <WithPermission
permission_name={[ permission_name={[
"show-safety-and-privacy-operator-cartable", "show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province", "show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri", "show-safety-and-privacy-operator-cartable-edarate-shahri",
]} ]}
> >
<ReportUtilityPassingActivityPage /> <ReportUtilityPassingActivityPage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

14
src/app/(withAuth)/(dashboardLayout)/infrastructure/map/loading.jsx
View File

@@ -1,7 +1,7 @@
"use client"; "use client";
import PageLoading from "@/core/components/PageLoading"; import PageLoading from "@/core/components/PageLoading";
const Loading = () => { const Loading = () => {
return <PageLoading />; return <PageLoading />;
}; };
export default Loading; export default Loading;

32
src/app/(withAuth)/(dashboardLayout)/infrastructure/map/page.js
View File

@@ -1,16 +1,16 @@
import WithPermission from "@/core/middlewares/withPermission"; import WithPermission from "@/core/middlewares/withPermission";
import TollHouseMapPage from "@/components/infrastructure/tollHouseMap"; import TollHouseMapPage from "@/components/infrastructure/tollHouseMap";
export const metadata = { export const metadata = {
title: "پراکندگی بر روی نقشه راهدارخانه ها", title: "پراکندگی بر روی نقشه راهدارخانه ها",
}; };
const Page = () => { const Page = () => {
return ( return (
<WithPermission permission_name={["show-tollhouse", "show-tollhouse-province"]}> <WithPermission permission_name={["show-tollhouse", "show-tollhouse-province"]}>
<TollHouseMapPage /> <TollHouseMapPage />
</WithPermission> </WithPermission>
); );
}; };
export default Page; export default Page;

150
src/components/dashboard/damageItems/ExcelPrint/index.jsx
View File

@@ -1,75 +1,75 @@
"use client"; "use client";
import DataTableFilterDataStructure from "@/core/utils/DataTableFilterDataStructure"; import DataTableFilterDataStructure from "@/core/utils/DataTableFilterDataStructure";
import isArrayEmpty from "@/core/utils/isArrayEmpty"; import isArrayEmpty from "@/core/utils/isArrayEmpty";
import { EXPORT_DAMAGES_ITEMS } from "@/core/utils/routes"; import { EXPORT_DAMAGES_ITEMS } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { useTheme } from "@emotion/react"; import { useTheme } from "@emotion/react";
import DescriptionIcon from "@mui/icons-material/Description"; import DescriptionIcon from "@mui/icons-material/Description";
import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material"; import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
import FileSaver from "file-saver"; import FileSaver from "file-saver";
import moment from "jalali-moment"; import moment from "jalali-moment";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
const PrintExcel = ({ table, filterData }) => { const PrintExcel = ({ table, filterData }) => {
const theme = useTheme(); const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("sm")); const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => { const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
if (filter.value && (!Array.isArray(filter.value) || filter.value.some((item) => item.trim() !== ""))) { if (filter.value && (!Array.isArray(filter.value) || filter.value.some((item) => item.trim() !== ""))) {
acc.push({ id: key, value: filter.value }); acc.push({ id: key, value: filter.value });
} }
return acc; return acc;
}, []); }, []);
const filterParams = useMemo(() => { const filterParams = useMemo(() => {
const params = new URLSearchParams(); const params = new URLSearchParams();
if (activeFilters.length > 0) { if (activeFilters.length > 0) {
activeFilters.map((filter, index) => { activeFilters.map((filter, index) => {
const filteredFilterData = DataTableFilterDataStructure(filterData, isArrayEmpty); const filteredFilterData = DataTableFilterDataStructure(filterData, isArrayEmpty);
params.set("filters", JSON.stringify(filteredFilterData.length === 0 ? [] : filteredFilterData)); params.set("filters", JSON.stringify(filteredFilterData.length === 0 ? [] : filteredFilterData));
}); });
} else { } else {
params.set("filters", JSON.stringify([])); params.set("filters", JSON.stringify([]));
} }
return params; return params;
}, [activeFilters]); }, [activeFilters]);
const clickHandler = () => { const clickHandler = () => {
setLoading(true); setLoading(true);
requestServer(`${EXPORT_DAMAGES_ITEMS}?${filterParams}`, "get", { requestServer(`${EXPORT_DAMAGES_ITEMS}?${filterParams}`, "get", {
requestOptions: { responseType: "blob" }, requestOptions: { responseType: "blob" },
}) })
.then((response) => { .then((response) => {
const filename = `خروجی لیست آیتم های خسارات وارده بر ابنیه فنی تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`; const filename = `خروجی لیست آیتم های خسارات وارده بر ابنیه فنی تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
FileSaver.saveAs(response.data, filename); FileSaver.saveAs(response.data, filename);
}) })
.catch(() => {}) .catch(() => {})
.finally(() => { .finally(() => {
setLoading(false); setLoading(false);
}); });
}; };
return ( return (
<> <>
{isMobile ? ( {isMobile ? (
<IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}> <IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
<DescriptionIcon sx={{ fontSize: "25px" }} /> <DescriptionIcon sx={{ fontSize: "25px" }} />
</IconButton> </IconButton>
) : ( ) : (
<Button <Button
color="success" color="success"
variant="contained" variant="contained"
size="small" size="small"
disabled={loading} disabled={loading}
sx={{ textTransform: "unset", alignSelf: "center" }} sx={{ textTransform: "unset", alignSelf: "center" }}
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />} startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
onClick={clickHandler} onClick={clickHandler}
> >
خروجی اکسل خروجی اکسل
</Button> </Button>
)} )}
</> </>
); );
}; };
export default PrintExcel; export default PrintExcel;

114
src/components/dashboard/damages/operator/Actions/create/Forms/LocationInputs.jsx
View File

@@ -1,57 +1,57 @@
import LtrTextField from "@/core/components/LtrTextField"; import LtrTextField from "@/core/components/LtrTextField";
import { useState } from "react"; import { useState } from "react";
import { useWatch } from "react-hook-form"; import { useWatch } from "react-hook-form";
const LocationInputs = ({ control, setValue, errors }) => { const LocationInputs = ({ control, setValue, errors }) => {
const StartPoint = useWatch({ control, name: "start_point" }); const StartPoint = useWatch({ control, name: "start_point" });
const [coords, setCoords] = useState(StartPoint ? `${StartPoint.lat},${StartPoint.lng}` : ""); const [coords, setCoords] = useState(StartPoint ? `${StartPoint.lat},${StartPoint.lng}` : "");
const [error, setError] = useState(false); const [error, setError] = useState(false);
return ( return (
<LtrTextField <LtrTextField
autoComplete="off" autoComplete="off"
size="small" size="small"
label="عرض و طول جغرافیایی (Latitude, Longitude)" label="عرض و طول جغرافیایی (Latitude, Longitude)"
placeholder="مثال: 35.7219, 51.3347" placeholder="مثال: 35.7219, 51.3347"
fullWidth fullWidth
helperText={ helperText={
error error
? "فرمت یا محدوده مقادیر معتبر نیست (ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی)" ? "فرمت یا محدوده مقادیر معتبر نیست (ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی)"
: errors.start_point : errors.start_point
? errors.start_point.message ? errors.start_point.message
: "ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی" : "ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی"
} }
error={error || errors.start_point} error={error || errors.start_point}
value={coords} value={coords}
onChange={(e) => { onChange={(e) => {
const value = e.target.value.trim(); const value = e.target.value.trim();
setCoords(value); setCoords(value);
if (value === "") { if (value === "") {
setValue("start_point", null); setValue("start_point", null);
setError(false); setError(false);
return; return;
} }
const parts = value.split(",").map((p) => p.trim()); const parts = value.split(",").map((p) => p.trim());
if (parts.length !== 2) { if (parts.length !== 2) {
setError(true); setError(true);
return; return;
} }
const lat = Number(parts[0]); const lat = Number(parts[0]);
const lng = Number(parts[1]); const lng = Number(parts[1]);
if (!isNaN(lat) && !isNaN(lng) && lat >= 25 && lat <= 40 && lng >= 44 && lng <= 64) { if (!isNaN(lat) && !isNaN(lng) && lat >= 25 && lat <= 40 && lng >= 44 && lng <= 64) {
setValue("start_point", { lat: lat, lng: lng }); setValue("start_point", { lat: lat, lng: lng });
setError(false); setError(false);
} else { } else {
setValue("start_point", null); setValue("start_point", null);
setError(true); setError(true);
} }
}} }}
InputLabelProps={{ shrink: true }} InputLabelProps={{ shrink: true }}
/> />
); );
}; };
export default LocationInputs; export default LocationInputs;

26
src/components/dashboard/damages/operator/RowActions/ButtonDownload/index.jsx
View File

@@ -1,13 +1,13 @@
import { Download } from "@mui/icons-material"; import { Download } from "@mui/icons-material";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
const ButtonDownload = ({ url, title }) => { const ButtonDownload = ({ url, title }) => {
return ( return (
<Tooltip title={title}> <Tooltip title={title}>
<IconButton href={url} target="_blank" color="primary" rel="noopener noreferrer"> <IconButton href={url} target="_blank" color="primary" rel="noopener noreferrer">
<Download /> <Download />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
); );
}; };
export default ButtonDownload; export default ButtonDownload;

52
src/components/dashboard/damages/operator/RowActions/ChangeStatus/Dialog.jsx
View File

@@ -1,26 +1,26 @@
import { Close } from "@mui/icons-material"; import { Close } from "@mui/icons-material";
import { Dialog, DialogTitle, IconButton } from "@mui/material"; import { Dialog, DialogTitle, IconButton } from "@mui/material";
import ChangeStatusForm from "./Form"; import ChangeStatusForm from "./Form";
const ChangeStatusDialog = ({ open, setOpen, mutate, row }) => { const ChangeStatusDialog = ({ open, setOpen, mutate, row }) => {
return ( return (
<Dialog open={open} fullWidth maxWidth="xs"> <Dialog open={open} fullWidth maxWidth="xs">
<IconButton <IconButton
aria-label="close" aria-label="close"
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
sx={(theme) => ({ sx={(theme) => ({
position: "absolute", position: "absolute",
right: 8, right: 8,
top: 8, top: 8,
zIndex: 50, zIndex: 50,
color: theme.palette.grey[500], color: theme.palette.grey[500],
})} })}
> >
<Close /> <Close />
</IconButton> </IconButton>
<DialogTitle>تغییر وضعیت</DialogTitle> <DialogTitle>تغییر وضعیت</DialogTitle>
{open && <ChangeStatusForm setOpen={setOpen} mutate={mutate} row={row} />} {open && <ChangeStatusForm setOpen={setOpen} mutate={mutate} row={row} />}
</Dialog> </Dialog>
); );
}; };
export default ChangeStatusDialog; export default ChangeStatusDialog;

192
src/components/dashboard/damages/operator/RowActions/ChangeStatus/Form.jsx
View File

@@ -1,96 +1,96 @@
import SelectBox from "@/core/components/SelectBox"; import SelectBox from "@/core/components/SelectBox";
import StyledForm from "@/core/components/StyledForm"; import StyledForm from "@/core/components/StyledForm";
import { CHANGE_STATUS_RECEIPT } from "@/core/utils/routes"; import { CHANGE_STATUS_RECEIPT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup"; import { yupResolver } from "@hookform/resolvers/yup";
import { Beenhere, ExitToApp } from "@mui/icons-material"; import { Beenhere, ExitToApp } from "@mui/icons-material";
import { Button, DialogActions, DialogContent, Grid, Stack } from "@mui/material"; import { Button, DialogActions, DialogContent, Grid, Stack } from "@mui/material";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup"; import { object, string } from "yup";
const validationSchema = object({ const validationSchema = object({
status: string().required("وضعیت را مشخص کنید!"), status: string().required("وضعیت را مشخص کنید!"),
}); });
const ChangeStatusForm = ({ setOpen, mutate, row }) => { const ChangeStatusForm = ({ setOpen, mutate, row }) => {
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const defaultValues = { const defaultValues = {
status: row.original.status || "", status: row.original.status || "",
}; };
const handleClose = () => { const handleClose = () => {
setOpen(false); setOpen(false);
}; };
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { isSubmitting }, formState: { isSubmitting },
} = useForm({ } = useForm({
defaultValues, defaultValues,
resolver: yupResolver(validationSchema), resolver: yupResolver(validationSchema),
mode: "all", mode: "all",
}); });
const onSubmitBase = async (data) => { const onSubmitBase = async (data) => {
const formData = new FormData(); const formData = new FormData();
formData.append("status_id", data.status); formData.append("status_id", data.status);
await requestServer(`${CHANGE_STATUS_RECEIPT}/${row.original.id}`, "post", { await requestServer(`${CHANGE_STATUS_RECEIPT}/${row.original.id}`, "post", {
data: formData, data: formData,
}) })
.then((response) => { .then((response) => {
mutate(); mutate();
setOpen(false); setOpen(false);
}) })
.catch((error) => {}); .catch((error) => {});
}; };
return ( return (
<StyledForm onSubmit={handleSubmit(onSubmitBase)}> <StyledForm onSubmit={handleSubmit(onSubmitBase)}>
<DialogContent dividers sx={{ overflowY: "auto", maxHeight: "70vh" }}> <DialogContent dividers sx={{ overflowY: "auto", maxHeight: "70vh" }}>
<Stack> <Stack>
<Grid container spacing={2}> <Grid container spacing={2}>
<Grid item xs={12} sm={12} sx={{ display: "flex", alignItems: "center" }}> <Grid item xs={12} sm={12} sx={{ display: "flex", alignItems: "center" }}>
<Controller <Controller
control={control} control={control}
name={"status"} name={"status"}
render={({ field, fieldState: { error } }) => ( render={({ field, fieldState: { error } }) => (
<SelectBox <SelectBox
value={field.value} value={field.value}
label="وضعیت" label="وضعیت"
selectors={[ selectors={[
{ id: 0, name_fa: "بدون اقدام" }, { id: 0, name_fa: "بدون اقدام" },
{ id: 1, name_fa: "صدور نامه بیمه و کارشناسی داغی" }, { id: 1, name_fa: "صدور نامه بیمه و کارشناسی داغی" },
{ id: 2, name_fa: "فیش ها ثبت شده است" }, { id: 2, name_fa: "فیش ها ثبت شده است" },
{ id: 3, name_fa: "فاکتور صادر شده است" }, { id: 3, name_fa: "فاکتور صادر شده است" },
{ id: 4, name_fa: "فاکتور پرداخت شده است" }, { id: 4, name_fa: "فاکتور پرداخت شده است" },
{ id: 5, name_fa: "نامه پلیس راه صادر شده است" }, { id: 5, name_fa: "نامه پلیس راه صادر شده است" },
]} ]}
schema={{ name: "name_fa", value: "id" }} schema={{ name: "name_fa", value: "id" }}
error={error} error={error}
onChange={field.onChange} onChange={field.onChange}
helperText={error?.message} helperText={error?.message}
/> />
)} )}
/> />
</Grid> </Grid>
</Grid> </Grid>
</Stack> </Stack>
</DialogContent> </DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "center" }}> <DialogActions sx={{ alignItems: "center", justifyContent: "center" }}>
<Button <Button
onClick={handleClose} onClick={handleClose}
variant="outlined" variant="outlined"
color="secondary" color="secondary"
size="large" size="large"
startIcon={<ExitToApp />} startIcon={<ExitToApp />}
> >
بستن بستن
</Button> </Button>
<Button variant="contained" size="large" disabled={isSubmitting} type={"submit"} endIcon={<Beenhere />}> <Button variant="contained" size="large" disabled={isSubmitting} type={"submit"} endIcon={<Beenhere />}>
{isSubmitting ? "در حال ثبت" : "ثبت"} {isSubmitting ? "در حال ثبت" : "ثبت"}
</Button> </Button>
</DialogActions> </DialogActions>
</StyledForm> </StyledForm>
); );
}; };
export default ChangeStatusForm; export default ChangeStatusForm;

38
src/components/dashboard/damages/operator/RowActions/ChangeStatus/index.jsx
View File

@@ -1,19 +1,19 @@
import { Reply } from "@mui/icons-material"; import { Reply } from "@mui/icons-material";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import ChangeStatusDialog from "./Dialog"; import ChangeStatusDialog from "./Dialog";
const ChangeStatus = ({ row, mutate }) => { const ChangeStatus = ({ row, mutate }) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
return ( return (
<> <>
<Tooltip title="تغییر وضعیت"> <Tooltip title="تغییر وضعیت">
<IconButton color="primary" onClick={() => setOpen(true)}> <IconButton color="primary" onClick={() => setOpen(true)}>
<Reply /> <Reply />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<ChangeStatusDialog open={open} setOpen={setOpen} mutate={mutate} row={row} /> <ChangeStatusDialog open={open} setOpen={setOpen} mutate={mutate} row={row} />
</> </>
); );
}; };
export default ChangeStatus; export default ChangeStatus;

486
src/components/dashboard/inquiryPrivacy/city-admin/CityAdminList.jsx
View File

@@ -1,243 +1,243 @@
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency"; import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import DataTableWithAuth from "@/core/components/DataTableWithAuth"; import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_CITY_ADMIN_LIST } from "@/core/utils/routes"; import { GET_CITY_ADMIN_LIST } from "@/core/utils/routes";
import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState"; import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState";
import { Box, Stack } from "@mui/material"; import { Box, Stack } from "@mui/material";
import moment from "jalali-moment"; import moment from "jalali-moment";
import { useMemo } from "react"; import { useMemo } from "react";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork"; import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import SecurityIcon from "@mui/icons-material/Security"; import SecurityIcon from "@mui/icons-material/Security";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts"; import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt"; import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import ReceiptLongIcon from "@mui/icons-material/ReceiptLong"; import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
import WindowIcon from "@mui/icons-material/Window"; import WindowIcon from "@mui/icons-material/Window";
import DangerousIcon from "@mui/icons-material/Dangerous"; import DangerousIcon from "@mui/icons-material/Dangerous";
import AutorenewIcon from "@mui/icons-material/Autorenew"; import AutorenewIcon from "@mui/icons-material/Autorenew";
import RowActions from "./RowActions"; import RowActions from "./RowActions";
import ShowPrimaryArea from "./ShowPrimaryArea"; import ShowPrimaryArea from "./ShowPrimaryArea";
const CityAdminList = () => { const CityAdminList = () => {
const stateIcon = (state_id) => { const stateIcon = (state_id) => {
if (state_id === 1) return <MapsHomeWorkIcon sx={{ color: "#A0B9C6" }} />; if (state_id === 1) return <MapsHomeWorkIcon sx={{ color: "#A0B9C6" }} />;
if (state_id === 2 || state_id === 5 || state_id === 13) return <SecurityIcon sx={{ color: "#995FA3" }} />; if (state_id === 2 || state_id === 5 || state_id === 13) return <SecurityIcon sx={{ color: "#995FA3" }} />;
if (state_id === 3 || state_id === 6 || state_id === 14) if (state_id === 3 || state_id === 6 || state_id === 14)
return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />; return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />;
if (state_id === 4 || state_id === 7 || state_id === 15) return <PsychologyAltIcon sx={{ color: "#1B9AAA" }} />; if (state_id === 4 || state_id === 7 || state_id === 15) return <PsychologyAltIcon sx={{ color: "#1B9AAA" }} />;
if (state_id === 8) return <ReceiptLongIcon sx={{ color: "#9A98B5" }} />; if (state_id === 8) return <ReceiptLongIcon sx={{ color: "#9A98B5" }} />;
if (state_id === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />; if (state_id === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />;
if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />; if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />;
if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />; if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />;
}; };
const columns = useMemo(() => { const columns = useMemo(() => {
return [ return [
{ {
accessorKey: "panjare_vahed_id", accessorKey: "panjare_vahed_id",
header: "کدرهگیری درخواست", header: "کدرهگیری درخواست",
id: "panjare_vahed_id", id: "panjare_vahed_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>, Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>,
}, },
{ {
accessorKey: "national_id", accessorKey: "national_id",
header: "کد ملی", header: "کد ملی",
id: "national_id", id: "national_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.national_id}</>, Cell: ({ row }) => <>{row.original.national_id}</>,
}, },
{ {
accessorKey: "state_id", accessorKey: "state_id",
header: "وضعیت", header: "وضعیت",
id: "state_id", id: "state_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
ColumnSelectComponent: (props) => { ColumnSelectComponent: (props) => {
const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState(); const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState();
const getColumnSelectOptions = useMemo(() => { const getColumnSelectOptions = useMemo(() => {
if (loadingItemsList) { if (loadingItemsList) {
return [{ value: "loading", label: "در حال بارگذاری..." }]; return [{ value: "loading", label: "در حال بارگذاری..." }];
} }
if (errorItemsList) { if (errorItemsList) {
return [{ value: "error", label: "خطا در بارگذاری" }]; return [{ value: "error", label: "خطا در بارگذاری" }];
} }
return [ return [
{ value: "", label: "همه موارد" }, { value: "", label: "همه موارد" },
...itemsList.map((item) => ({ ...itemsList.map((item) => ({
value: item.id, value: item.id,
label: item.name, label: item.name,
})), })),
]; ];
}, [itemsList, loadingItemsList, errorItemsList]); }, [itemsList, loadingItemsList, errorItemsList]);
return ( return (
<CustomSelectByDependency <CustomSelectByDependency
{...props} {...props}
value={loadingItemsList ? "loading" : props.filterParameters.value} value={loadingItemsList ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions} columnSelectOption={getColumnSelectOptions}
/> />
); );
}, },
Cell: ({ row }) => ( Cell: ({ row }) => (
<Box sx={{ display: "flex", alignItems: "center" }}> <Box sx={{ display: "flex", alignItems: "center" }}>
{stateIcon(row.original.state_id)} {stateIcon(row.original.state_id)}
<Box component="span" ml={1}> <Box component="span" ml={1}>
{row.original.state_name} {row.original.state_name}
</Box> </Box>
</Box> </Box>
), ),
}, },
{ {
accessorKey: "plan_title", accessorKey: "plan_title",
header: "عنوان طرح", header: "عنوان طرح",
id: "plan_title", id: "plan_title",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.plan_title}</>, Cell: ({ row }) => <>{row.original.plan_title}</>,
}, },
{ {
accessorKey: "plan_group", accessorKey: "plan_group",
header: "گروه طرح", header: "گروه طرح",
id: "plan_group", id: "plan_group",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.plan_group}</>, Cell: ({ row }) => <>{row.original.plan_group}</>,
}, },
{ {
accessorKey: "requested_organization", accessorKey: "requested_organization",
header: "دستگاه صادر کننده", header: "دستگاه صادر کننده",
id: "requested_organization", id: "requested_organization",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.requested_organization}</>, Cell: ({ row }) => <>{row.original.requested_organization}</>,
}, },
{ {
accessorKey: "worksheet_id", accessorKey: "worksheet_id",
header: "شناسه کاربرگ", header: "شناسه کاربرگ",
id: "worksheet_id", id: "worksheet_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.worksheet_id}</>, Cell: ({ row }) => <>{row.original.worksheet_id}</>,
}, },
{ {
accessorKey: "primary_area", accessorKey: "primary_area",
header: "نمایش محدوده طرح", header: "نمایش محدوده طرح",
id: "primary_area", id: "primary_area",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => Cell: ({ row }) =>
row.original.primary_area ? ( row.original.primary_area ? (
<Stack alignItems={"center"} justifyContent={"center"}> <Stack alignItems={"center"} justifyContent={"center"}>
<ShowPrimaryArea primaryArea={row.original.primary_area} /> <ShowPrimaryArea primaryArea={row.original.primary_area} />
</Stack> </Stack>
) : ( ) : (
"-" "-"
), ),
}, },
{ {
accessorKey: "province_id", accessorKey: "province_id",
header: "استان", header: "استان",
id: "province_id", id: "province_id",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.province_name}</>, Cell: ({ row }) => <>{row.original.province_name}</>,
}, },
{ {
accessorKey: "city_id", accessorKey: "city_id",
header: "شهر", header: "شهر",
id: "city_id", id: "city_id",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.city_name}</>, Cell: ({ row }) => <>{row.original.city_name}</>,
}, },
{ {
accessorKey: "isic", accessorKey: "isic",
header: "کد آیسیک", header: "کد آیسیک",
id: "isic", id: "isic",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.isic}</>, Cell: ({ row }) => <>{row.original.isic}</>,
}, },
{ {
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"), accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست", header: "تاریخ درخواست",
id: "request_date", id: "request_date",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "date", datatype: "date",
filterMode: "between", filterMode: "between",
grow: false, grow: false,
size: 100, size: 100,
}, },
]; ];
}, []); }, []);
return ( return (
<> <>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}> <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth <DataTableWithAuth
need_filter={true} need_filter={true}
columns={columns} columns={columns}
table_url={GET_CITY_ADMIN_LIST} table_url={GET_CITY_ADMIN_LIST}
page_name={"cityAdmin"} page_name={"cityAdmin"}
table_name={"cityAdminList"} table_name={"cityAdminList"}
enableRowActions enableRowActions
positionActionsColumn={"first"} positionActionsColumn={"first"}
RowActions={RowActions} RowActions={RowActions}
/> />
</Box> </Box>
</> </>
); );
}; };
export default CityAdminList; export default CityAdminList;

298
src/components/dashboard/inquiryPrivacy/city-admin/RowActions/FeedbackAction/MapDrawPolygon/DrawBound.jsx
View File

@@ -1,149 +1,149 @@
import React, { useCallback, useEffect, useRef, useState } from "react"; import React, { useCallback, useEffect, useRef, useState } from "react";
import L from "leaflet"; import L from "leaflet";
import { FeatureGroup, useMap } from "react-leaflet"; import { FeatureGroup, useMap } from "react-leaflet";
import "leaflet-draw"; import "leaflet-draw";
import { calculatePolygonMetrics } from "@/core/utils/geoCalculations"; import { calculatePolygonMetrics } from "@/core/utils/geoCalculations";
const DrawPolygon = ({ control, controlDispach, drawBound, setDrawBound }) => { const DrawPolygon = ({ control, controlDispach, drawBound, setDrawBound }) => {
const map = useMap(); const map = useMap();
const featureRef = useRef(null); const featureRef = useRef(null);
const drawControlRef = useRef(null); const drawControlRef = useRef(null);
const [area, setArea] = useState(0); const [area, setArea] = useState(0);
const [sideLengths, setSideLengths] = useState([]); const [sideLengths, setSideLengths] = useState([]);
const calculatePolygonMetricsForLayer = useCallback( const calculatePolygonMetricsForLayer = useCallback(
(layer) => { (layer) => {
if (!layer) return; if (!layer) return;
const latlngs = layer.getLatLngs()[0]; const latlngs = layer.getLatLngs()[0];
if (!latlngs || latlngs.length < 3) return; if (!latlngs || latlngs.length < 3) return;
const coordinates = latlngs.map((p) => [p.lat, p.lng]); const coordinates = latlngs.map((p) => [p.lat, p.lng]);
const metrics = calculatePolygonMetrics(coordinates, true); const metrics = calculatePolygonMetrics(coordinates, true);
setArea(metrics.area); setArea(metrics.area);
setSideLengths(metrics.sides); setSideLengths(metrics.sides);
setDrawBound({ setDrawBound({
layer, layer,
metrics, metrics,
}); });
}, },
[setDrawBound] [setDrawBound]
); );
const safeFitBounds = (layer) => { const safeFitBounds = (layer) => {
if (!layer || !map) return; if (!layer || !map) return;
try { try {
const latLngs = layer.getLatLngs(); const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, { map.fitBounds(latLngs, {
paddingTopLeft: [20, 35], paddingTopLeft: [20, 35],
paddingBottomRight: [20, 55], paddingBottomRight: [20, 55],
}); });
} catch (e) { } catch (e) {
console.warn("fitBounds failed:", e); console.warn("fitBounds failed:", e);
} }
}; };
const bindEditEvent = useCallback( const bindEditEvent = useCallback(
(layer) => { (layer) => {
if (!layer) return; if (!layer) return;
layer.on("edit", function (e) { layer.on("edit", function (e) {
const editedLayer = e.target; const editedLayer = e.target;
calculatePolygonMetricsForLayer(editedLayer); calculatePolygonMetricsForLayer(editedLayer);
}); });
}, },
[calculatePolygonMetricsForLayer] [calculatePolygonMetricsForLayer]
); );
const handlerCreatedBound = useCallback( const handlerCreatedBound = useCallback(
(event) => { (event) => {
const { layer } = event; const { layer } = event;
layer.editing.enable(); layer.editing.enable();
featureRef.current.addLayer(layer); featureRef.current.addLayer(layer);
calculatePolygonMetricsForLayer(layer); calculatePolygonMetricsForLayer(layer);
bindEditEvent(layer); bindEditEvent(layer);
controlDispach({ type: "SET_STATUS", status: 2 }); controlDispach({ type: "SET_STATUS", status: 2 });
}, },
[calculatePolygonMetricsForLayer, bindEditEvent, controlDispach] [calculatePolygonMetricsForLayer, bindEditEvent, controlDispach]
); );
useEffect(() => { useEffect(() => {
if ( if (
control.status === 1 && control.status === 1 &&
drawControlRef.current && drawControlRef.current &&
drawControlRef.current._toolbars?.draw?._modes?.polygon?.handler drawControlRef.current._toolbars?.draw?._modes?.polygon?.handler
) { ) {
drawControlRef.current._toolbars.draw._modes.polygon.handler.enable(); drawControlRef.current._toolbars.draw._modes.polygon.handler.enable();
} }
}, [control.status]); }, [control.status]);
useEffect(() => { useEffect(() => {
if (control.status === 0 && featureRef.current) { if (control.status === 0 && featureRef.current) {
featureRef.current.clearLayers(); featureRef.current.clearLayers();
setArea(0); setArea(0);
setSideLengths([]); setSideLengths([]);
setDrawBound(null); setDrawBound(null);
} }
}, [control.status, setDrawBound]); }, [control.status, setDrawBound]);
useEffect(() => { useEffect(() => {
if (control.status === 2 && drawBound && featureRef.current) { if (control.status === 2 && drawBound && featureRef.current) {
const { layer, metrics } = drawBound; const { layer, metrics } = drawBound;
featureRef.current.addLayer(layer); featureRef.current.addLayer(layer);
layer.editing.enable(); layer.editing.enable();
safeFitBounds(layer); safeFitBounds(layer);
bindEditEvent(layer); bindEditEvent(layer);
setArea(metrics?.area || 0); setArea(metrics?.area || 0);
setSideLengths(metrics?.sides || []); setSideLengths(metrics?.sides || []);
} }
}, [control.status, drawBound, bindEditEvent]); }, [control.status, drawBound, bindEditEvent]);
useEffect(() => { useEffect(() => {
if (!featureRef.current) return; if (!featureRef.current) return;
L.drawLocal.draw.handlers.polygon.tooltip.start = "برای شروع ترسیم محدوده، روی نقشه کلیک کنید"; L.drawLocal.draw.handlers.polygon.tooltip.start = "برای شروع ترسیم محدوده، روی نقشه کلیک کنید";
L.drawLocal.draw.handlers.polygon.tooltip.cont = "برای ادامه ترسیم، نقاط بعدی را کلیک کنید"; L.drawLocal.draw.handlers.polygon.tooltip.cont = "برای ادامه ترسیم، نقاط بعدی را کلیک کنید";
L.drawLocal.draw.handlers.polygon.tooltip.end = "برای بستن محدوده، روی نقطه‌ی شروع کلیک کنید"; L.drawLocal.draw.handlers.polygon.tooltip.end = "برای بستن محدوده، روی نقطه‌ی شروع کلیک کنید";
const drawControl = new L.Control.Draw({ const drawControl = new L.Control.Draw({
draw: { draw: {
polygon: { polygon: {
shapeOptions: { shapeOptions: {
color: "red", color: "red",
weight: 3, weight: 3,
clickable: true, clickable: true,
}, },
}, },
polyline: false, polyline: false,
rectangle: false, rectangle: false,
circle: false, circle: false,
marker: false, marker: false,
circlemarker: false, circlemarker: false,
}, },
edit: { edit: {
featureGroup: featureRef.current, featureGroup: featureRef.current,
edit: true, edit: true,
remove: true, remove: true,
}, },
}); });
drawControlRef.current = drawControl; drawControlRef.current = drawControl;
map.addControl(drawControl); map.addControl(drawControl);
map.on(L.Draw.Event.CREATED, handlerCreatedBound); map.on(L.Draw.Event.CREATED, handlerCreatedBound);
return () => { return () => {
map.off(L.Draw.Event.CREATED, handlerCreatedBound); map.off(L.Draw.Event.CREATED, handlerCreatedBound);
map.removeControl(drawControl); map.removeControl(drawControl);
}; };
}, [map, handlerCreatedBound]); }, [map, handlerCreatedBound]);
return <FeatureGroup ref={featureRef} />; return <FeatureGroup ref={featureRef} />;
}; };
export default DrawPolygon; export default DrawPolygon;

242
src/components/dashboard/inquiryPrivacy/city-admin/RowActions/FeedbackAction/MapDrawPolygon/index.jsx
View File

@@ -1,121 +1,121 @@
import { Delete, Route } from "@mui/icons-material"; import { Delete, Route } from "@mui/icons-material";
import { Box, Button, Stack, Typography } from "@mui/material"; import { Box, Button, Stack, Typography } from "@mui/material";
import { useReducer } from "react"; import { useReducer } from "react";
import DrawPolygon from "./DrawBound"; import DrawPolygon from "./DrawBound";
const statusType = [ const statusType = [
{ {
id: 0, id: 0,
message: "برای آغاز ترسیم محدوده، کلیک کنید!", message: "برای آغاز ترسیم محدوده، کلیک کنید!",
buttons: [ buttons: [
{ {
label: "شروع ترسیم محدوده", label: "شروع ترسیم محدوده",
key: "start", key: "start",
color: "warning", color: "warning",
icon: <Route />, icon: <Route />,
onclick: (controlDispach) => { onclick: (controlDispach) => {
controlDispach({ type: "SET_STATUS", status: 1 }); controlDispach({ type: "SET_STATUS", status: 1 });
}, },
}, },
], ],
}, },
{ {
id: 1, id: 1,
message: "محدوده‌ی موردنظر را با کلیک روی نقشه مشخص کنید. برای اتمام، روی نقطه‌ی ابتدایی کلیک کنید!", message: "محدوده‌ی موردنظر را با کلیک روی نقشه مشخص کنید. برای اتمام، روی نقطه‌ی ابتدایی کلیک کنید!",
buttons: [], buttons: [],
}, },
{ {
id: 2, id: 2,
message: "برای اصلاح محدوده، گوشه‌ها را بکشید. برای ترسیم دوباره، آن را حذف کنید", message: "برای اصلاح محدوده، گوشه‌ها را بکشید. برای ترسیم دوباره، آن را حذف کنید",
buttons: [ buttons: [
{ {
label: "حذف", label: "حذف",
key: "end", key: "end",
color: "error", color: "error",
icon: <Delete />, icon: <Delete />,
onclick: (controlDispach) => { onclick: (controlDispach) => {
controlDispach({ type: "SET_STATUS", status: 0 }); controlDispach({ type: "SET_STATUS", status: 0 });
}, },
}, },
], ],
}, },
]; ];
const createInitialState = (drawBound) => { const createInitialState = (drawBound) => {
if (drawBound) { if (drawBound) {
return { status: 2 }; return { status: 2 };
} }
return { status: 0 }; return { status: 0 };
}; };
const reducer = (state, action) => { const reducer = (state, action) => {
switch (action.type) { switch (action.type) {
case "SET_STATUS": case "SET_STATUS":
return { ...state, status: action.status }; return { ...state, status: action.status };
default: default:
return state; return state;
} }
}; };
const MapDrawPolygon = ({ drawBound, setDrawBound }) => { const MapDrawPolygon = ({ drawBound, setDrawBound }) => {
const [control, controlDispach] = useReducer(reducer, drawBound, createInitialState); const [control, controlDispach] = useReducer(reducer, drawBound, createInitialState);
return ( return (
<> <>
<DrawPolygon <DrawPolygon
drawBound={drawBound} drawBound={drawBound}
setDrawBound={setDrawBound} setDrawBound={setDrawBound}
control={control} control={control}
controlDispach={controlDispach} controlDispach={controlDispach}
/> />
<Box <Box
direction={"row"} direction={"row"}
justifyContent={"center"} justifyContent={"center"}
sx={{ display: "flex", position: "absolute", left: 0, top: 0, zIndex: 2000, width: "100%" }} sx={{ display: "flex", position: "absolute", left: 0, top: 0, zIndex: 2000, width: "100%" }}
> >
<Box <Box
sx={{ sx={{
background: (theme) => theme.palette.secondary.main, background: (theme) => theme.palette.secondary.main,
borderBottomLeftRadius: 8, borderBottomLeftRadius: 8,
borderBottomRightRadius: 8, borderBottomRightRadius: 8,
py: 0.5, py: 0.5,
px: 2, px: 2,
}} }}
> >
<Typography align="center" component={"div"} variant="caption" color={"#fff"}> <Typography align="center" component={"div"} variant="caption" color={"#fff"}>
{statusType.find((st) => st.id == control.status).message} {statusType.find((st) => st.id == control.status).message}
</Typography> </Typography>
</Box> </Box>
</Box> </Box>
<Box <Box
sx={{ sx={{
position: "absolute", position: "absolute",
left: 0, left: 0,
bottom: 0, bottom: 0,
zIndex: 2000, zIndex: 2000,
width: "100%", width: "100%",
py: 1, py: 1,
background: "linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0))", background: "linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0))",
}} }}
> >
<Box direction={"row"} justifyContent={"center"} spacing={2} sx={{ display: "flex" }}> <Box direction={"row"} justifyContent={"center"} spacing={2} sx={{ display: "flex" }}>
{statusType {statusType
.find((st) => st.id == control.status) .find((st) => st.id == control.status)
.buttons.map((button) => ( .buttons.map((button) => (
<Button <Button
size="medium" size="medium"
key={button.key} key={button.key}
variant="contained" variant="contained"
onClick={() => button.onclick(controlDispach)} onClick={() => button.onclick(controlDispach)}
color={button.color} color={button.color}
startIcon={button.icon} startIcon={button.icon}
> >
{button.label} {button.label}
</Button> </Button>
))} ))}
</Box> </Box>
</Box> </Box>
</> </>
); );
}; };
export default MapDrawPolygon; export default MapDrawPolygon;

312
src/components/dashboard/inquiryPrivacy/city-admin/RowActions/FeedbackAction/index.jsx
View File

@@ -1,156 +1,156 @@
import MapLayer from "@/core/components/MapLayer"; import MapLayer from "@/core/components/MapLayer";
import { CITY_ADMIN_FEEDBACK } from "@/core/utils/routes"; import { CITY_ADMIN_FEEDBACK } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup"; import { yupResolver } from "@hookform/resolvers/yup";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import ForumIcon from "@mui/icons-material/Forum"; import ForumIcon from "@mui/icons-material/Forum";
import { import {
Box, Box,
Button, Button,
Dialog, Dialog,
DialogActions, DialogActions,
DialogContent, DialogContent,
DialogTitle, DialogTitle,
IconButton, IconButton,
TextField, TextField,
Tooltip, Tooltip,
Typography, Typography,
} from "@mui/material"; } from "@mui/material";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import { useForm } from "react-hook-form"; import { useForm } from "react-hook-form";
import { object, string } from "yup"; import { object, string } from "yup";
import ShowBound from "../../ShowPrimaryArea/ShowBound"; import ShowBound from "../../ShowPrimaryArea/ShowBound";
import MapDrawPolygon from "./MapDrawPolygon"; import MapDrawPolygon from "./MapDrawPolygon";
const validationSchema = object({ const validationSchema = object({
expert_description: string().required("توضیحات ناظر اجباری است!"), expert_description: string().required("توضیحات ناظر اجباری است!"),
}); });
const FeedbackAction = ({ rowId, mutate, rowPrimaryArea }) => { const FeedbackAction = ({ rowId, mutate, rowPrimaryArea }) => {
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false); const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false);
const [drawBound, setDrawBound] = useState(null); const [drawBound, setDrawBound] = useState(null);
const bound = useMemo(() => { const bound = useMemo(() => {
const latLngCoords = rowPrimaryArea.coordinates.map((coord) => [coord[1], coord[0]]); const latLngCoords = rowPrimaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return rowPrimaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords); return rowPrimaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [rowPrimaryArea]); }, [rowPrimaryArea]);
const { const {
register, register,
handleSubmit, handleSubmit,
formState: { isSubmitting, errors }, formState: { isSubmitting, errors },
} = useForm({ } = useForm({
defaultValues: { expert_description: "", forbidden_area: "", forbidden_area_space: "" }, defaultValues: { expert_description: "", forbidden_area: "", forbidden_area_space: "" },
resolver: yupResolver(validationSchema), resolver: yupResolver(validationSchema),
mode: "all", mode: "all",
}); });
const onSubmit = async (data) => { const onSubmit = async (data) => {
try { try {
const payload = { const payload = {
expert_description: data.expert_description, expert_description: data.expert_description,
}; };
if (drawBound && drawBound.metrics) { if (drawBound && drawBound.metrics) {
const { metrics } = drawBound; const { metrics } = drawBound;
payload.forbidden_area = { payload.forbidden_area = {
type: "polygon", type: "polygon",
coordinates: metrics.coordinates, coordinates: metrics.coordinates,
}; };
payload.forbidden_area_space = metrics.area.toFixed(2); payload.forbidden_area_space = metrics.area.toFixed(2);
} }
await requestServer(`${CITY_ADMIN_FEEDBACK}/${rowId}`, "post", { await requestServer(`${CITY_ADMIN_FEEDBACK}/${rowId}`, "post", {
data: payload, data: payload,
}); });
mutate(); mutate();
setOpenFeedbackDialog(false); setOpenFeedbackDialog(false);
} catch (error) { } catch (error) {
console.error("❌ Error submitting feedback:", error); console.error("❌ Error submitting feedback:", error);
} }
}; };
return ( return (
<> <>
<Box> <Box>
<Tooltip title="ارسال بازخورد"> <Tooltip title="ارسال بازخورد">
<IconButton color="success" onClick={() => setOpenFeedbackDialog(true)}> <IconButton color="success" onClick={() => setOpenFeedbackDialog(true)}>
<ForumIcon /> <ForumIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
open={openFeedbackDialog} open={openFeedbackDialog}
onClose={() => setOpenFeedbackDialog(false)} onClose={() => setOpenFeedbackDialog(false)}
PaperProps={{ PaperProps={{
sx: { sx: {
transition: "all .3s", transition: "all .3s",
boxShadow: boxShadow:
"rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2, borderRadius: 2,
}, },
}} }}
maxWidth="sm" maxWidth="sm"
fullWidth fullWidth
dir="rtl" dir="rtl"
> >
<DialogTitle sx={{ display: "flex", justifyContent: "space-between" }}> <DialogTitle sx={{ display: "flex", justifyContent: "space-between" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}> <Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
توضیحات ناظر توضیحات ناظر
</Typography> </Typography>
<IconButton onClick={() => setOpenFeedbackDialog(false)} size="small"> <IconButton onClick={() => setOpenFeedbackDialog(false)} size="small">
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
</DialogTitle> </DialogTitle>
<DialogContent sx={{ display: "flex", flexDirection: "column" }}> <DialogContent sx={{ display: "flex", flexDirection: "column" }}>
<Typography variant="h6"> <Typography variant="h6">
منطقه ممنوعه{" "} منطقه ممنوعه{" "}
<Typography variant="caption" sx={{ color: "error.main" }}> <Typography variant="caption" sx={{ color: "error.main" }}>
(در صورت وجود انتخاب کنید) (در صورت وجود انتخاب کنید)
</Typography> </Typography>
</Typography> </Typography>
<Box sx={{ width: "100%", height: "400px", mb: 2 }}> <Box sx={{ width: "100%", height: "400px", mb: 2 }}>
<MapLayer style={{ borderRadius: "4px", border: "1px solid #eeeeee" }}> <MapLayer style={{ borderRadius: "4px", border: "1px solid #eeeeee" }}>
<ShowBound bound={bound} /> <ShowBound bound={bound} />
<MapDrawPolygon drawBound={drawBound} setDrawBound={setDrawBound} /> <MapDrawPolygon drawBound={drawBound} setDrawBound={setDrawBound} />
</MapLayer> </MapLayer>
</Box> </Box>
<TextField <TextField
{...register("expert_description")} {...register("expert_description")}
multiline multiline
rows={3} rows={3}
label="توضیحات ناظر" label="توضیحات ناظر"
placeholder="توضیحات ناظر" placeholder="توضیحات ناظر"
fullWidth fullWidth
variant="outlined" variant="outlined"
sx={{ mt: 1 }} sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }} InputLabelProps={{ shrink: true }}
error={!!errors.expert_description} error={!!errors.expert_description}
helperText={errors.expert_description?.message} helperText={errors.expert_description?.message}
/> />
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button <Button
onClick={() => setOpenFeedbackDialog(false)} onClick={() => setOpenFeedbackDialog(false)}
variant="outlined" variant="outlined"
color="secondary" color="secondary"
disabled={isSubmitting} disabled={isSubmitting}
autoFocus autoFocus
> >
بستن بستن
</Button> </Button>
<Button <Button
onClick={handleSubmit(onSubmit)} onClick={handleSubmit(onSubmit)}
variant="contained" variant="contained"
color="primary" color="primary"
disabled={isSubmitting} disabled={isSubmitting}
> >
{isSubmitting ? "درحال ثبت تایید..." : "ثبت توضیحات"} {isSubmitting ? "درحال ثبت تایید..." : "ثبت توضیحات"}
</Button> </Button>
</DialogActions> </DialogActions>
</Dialog> </Dialog>
</Box> </Box>
</> </>
); );
}; };
export default FeedbackAction; export default FeedbackAction;

34
src/components/dashboard/inquiryPrivacy/city-admin/RowActions/History/HistoryContent.jsx
View File

@@ -1,17 +1,17 @@
import { Button, DialogActions, DialogContent } from "@mui/material"; import { Button, DialogActions, DialogContent } from "@mui/material";
import TableContent from "./TableContent"; import TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => { const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return ( return (
<> <>
<DialogContent> <DialogContent>
<TableContent rowId={rowId} /> <TableContent rowId={rowId} />
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus> <Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن بستن
</Button> </Button>
</DialogActions> </DialogActions>
</> </>
); );
}; };
export default HistoryContent; export default HistoryContent;

132
src/components/dashboard/inquiryPrivacy/city-admin/RowActions/History/TableContent.jsx
View File

@@ -1,66 +1,66 @@
import { import {
Box, Box,
Table, Table,
TableBody, TableBody,
TableCell, TableCell,
TableContainer, TableContainer,
TableHead, TableHead,
TableRow, TableRow,
CircularProgress, CircularProgress,
Typography, Typography,
} from "@mui/material"; } from "@mui/material";
import "moment/locale/fa"; import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory"; import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => { const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId); const { historyData, loading, error } = useHistory(rowId);
if (loading) { if (loading) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress /> <CircularProgress />
</Box> </Box>
); );
} }
if (error) { if (error) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography> <Typography color="error">{error}</Typography>
</Box> </Box>
); );
} }
if (!historyData.length) { if (!historyData.length) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography> <Typography>اطلاعاتی وجود ندارد</Typography>
</Box> </Box>
); );
} }
return ( return (
<Box> <Box>
<TableContainer sx={{ maxHeight: 600 }}> <TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}> <Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableCell>وضعیت</TableCell> <TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell> <TableCell>توضیحات کارشناس</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{historyData.map((row) => ( {historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}> <TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell> <TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell> <TableCell>{row.expert_description}</TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</TableContainer> </TableContainer>
</Box> </Box>
); );
}; };
export default TableContent; export default TableContent;

66
src/components/dashboard/inquiryPrivacy/city-admin/RowActions/History/index.jsx
View File

@@ -1,33 +1,33 @@
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material"; import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material"; import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent"; import HistoryContent from "./HistoryContent";
import { useState } from "react"; import { useState } from "react";
const History = ({ rowId }) => { const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false); const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return ( return (
<> <>
<Tooltip title="تاریخچه"> <Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}> <IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage /> <RestorePage />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
fullWidth fullWidth
maxWidth={"md"} maxWidth={"md"}
open={openReferReasonDialog} open={openReferReasonDialog}
PaperProps={{ PaperProps={{
sx: { sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
}, },
}} }}
> >
<DialogTitle>تاریخچه</DialogTitle> <DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} /> <HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog> </Dialog>
</> </>
); );
}; };
export default History; export default History;

34
src/components/dashboard/inquiryPrivacy/city-admin/RowActions/index.jsx
View File

@@ -1,17 +1,17 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import FeedbackAction from "./FeedbackAction"; import FeedbackAction from "./FeedbackAction";
import History from "./History"; import History from "./History";
const RowActions = ({ row, mutate }) => { const RowActions = ({ row, mutate }) => {
return ( return (
<Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}> <Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}>
{row.original.state_id === 1 ? ( {row.original.state_id === 1 ? (
<FeedbackAction mutate={mutate} rowId={row.original.id} rowPrimaryArea={row.original.primary_area} /> <FeedbackAction mutate={mutate} rowId={row.original.id} rowPrimaryArea={row.original.primary_area} />
) : ( ) : (
"-" "-"
)} )}
<History rowId={row.original.id} /> <History rowId={row.original.id} />
</Box> </Box>
); );
}; };
export default RowActions; export default RowActions;

58
src/components/dashboard/inquiryPrivacy/city-admin/ShowPrimaryArea/ShowBound.jsx
View File

@@ -1,29 +1,29 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet"; import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => { const ShowBound = ({ bound }) => {
const map = useMap(); const map = useMap();
const featureRef = useRef(null); const featureRef = useRef(null);
const safeFitBounds = (layer) => { const safeFitBounds = (layer) => {
if (!layer || !map) return; if (!layer || !map) return;
try { try {
const latLngs = layer.getLatLngs(); const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, { map.fitBounds(latLngs, {
paddingTopLeft: [20, 20], paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20], paddingBottomRight: [20, 20],
}); });
} catch (e) { } catch (e) {
console.warn("fitBounds failed:", e); console.warn("fitBounds failed:", e);
} }
}; };
useEffect(() => { useEffect(() => {
bound?.editing?.disable(); bound?.editing?.disable();
featureRef.current.addLayer(bound); featureRef.current.addLayer(bound);
safeFitBounds(bound); safeFitBounds(bound);
}, []); }, []);
return <FeatureGroup ref={featureRef} />; return <FeatureGroup ref={featureRef} />;
}; };
export default ShowBound; export default ShowBound;

118
src/components/dashboard/inquiryPrivacy/city-admin/ShowPrimaryArea/index.jsx
View File

@@ -1,59 +1,59 @@
const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material"); const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material");
import MapLayer from "@/core/components/MapLayer"; import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers"; import LayersIcon from "@mui/icons-material/Layers";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import ShowBound from "./ShowBound"; import ShowBound from "./ShowBound";
const ShowPrimaryArea = ({ primaryArea }) => { const ShowPrimaryArea = ({ primaryArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false); const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => { const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]); const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords); return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [primaryArea]); }, [primaryArea]);
return ( return (
<Box> <Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow> <Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}> <IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon /> <LayersIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
open={openShowAreaDialog} open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)} onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{ PaperProps={{
sx: { sx: {
transition: "all .3s", transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2, borderRadius: 2,
padding: 1, padding: 1,
}, },
}} }}
maxWidth="sm" maxWidth="sm"
fullWidth fullWidth
dir="rtl" dir="rtl"
> >
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}> <DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}> <Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح محدوده طرح
</Typography> </Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small"> <IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
</DialogTitle> </DialogTitle>
<DialogContent> <DialogContent>
<Box sx={{ flex: 1 }}> <Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}> <Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}> <MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} /> <ShowBound bound={bound} />
</MapLayer> </MapLayer>
</Box> </Box>
</Box> </Box>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</Box> </Box>
); );
}; };
export default ShowPrimaryArea; export default ShowPrimaryArea;

28
src/components/dashboard/inquiryPrivacy/city-admin/index.jsx
View File

@@ -1,14 +1,14 @@
"use client"; "use client";
import PageTitle from "@/core/components/PageTitle"; import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material"; import { Stack } from "@mui/material";
import CityAdminList from "./CityAdminList"; import CityAdminList from "./CityAdminList";
const CityAdminPage = () => { const CityAdminPage = () => {
return ( return (
<Stack spacing={1}> <Stack spacing={1}>
<PageTitle title={"کارتابل شهرستان استعلام حریم"} /> <PageTitle title={"کارتابل شهرستان استعلام حریم"} />
<CityAdminList /> <CityAdminList />
</Stack> </Stack>
); );
}; };
export default CityAdminPage; export default CityAdminPage;

486
src/components/dashboard/inquiryPrivacy/general-manager/GeneralManagerList.jsx
View File

@@ -1,243 +1,243 @@
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency"; import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import DataTableWithAuth from "@/core/components/DataTableWithAuth"; import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState"; import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState";
import AutorenewIcon from "@mui/icons-material/Autorenew"; import AutorenewIcon from "@mui/icons-material/Autorenew";
import DangerousIcon from "@mui/icons-material/Dangerous"; import DangerousIcon from "@mui/icons-material/Dangerous";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts"; import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork"; import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt"; import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import ReceiptLongIcon from "@mui/icons-material/ReceiptLong"; import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
import SecurityIcon from "@mui/icons-material/Security"; import SecurityIcon from "@mui/icons-material/Security";
import WindowIcon from "@mui/icons-material/Window"; import WindowIcon from "@mui/icons-material/Window";
import { Box, Stack } from "@mui/material"; import { Box, Stack } from "@mui/material";
import moment from "jalali-moment"; import moment from "jalali-moment";
import { useMemo } from "react"; import { useMemo } from "react";
import RowActions from "./RowActions"; import RowActions from "./RowActions";
import { GET_GENERAL_MANAGER_LIST } from "@/core/utils/routes"; import { GET_GENERAL_MANAGER_LIST } from "@/core/utils/routes";
import ShowPrimaryArea from "./ShowPrimaryArea"; import ShowPrimaryArea from "./ShowPrimaryArea";
const GeneralManagerList = () => { const GeneralManagerList = () => {
const stateIcon = (state_id) => { const stateIcon = (state_id) => {
if (state_id === 1) return <MapsHomeWorkIcon sx={{ color: "#A0B9C6" }} />; if (state_id === 1) return <MapsHomeWorkIcon sx={{ color: "#A0B9C6" }} />;
if (state_id === 2 || state_id === 5 || state_id === 13) return <SecurityIcon sx={{ color: "#995FA3" }} />; if (state_id === 2 || state_id === 5 || state_id === 13) return <SecurityIcon sx={{ color: "#995FA3" }} />;
if (state_id === 3 || state_id === 6 || state_id === 14) if (state_id === 3 || state_id === 6 || state_id === 14)
return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />; return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />;
if (state_id === 4 || state_id === 7 || state_id === 15) return <PsychologyAltIcon sx={{ color: "#1B9AAA" }} />; if (state_id === 4 || state_id === 7 || state_id === 15) return <PsychologyAltIcon sx={{ color: "#1B9AAA" }} />;
if (state_id === 8) return <ReceiptLongIcon sx={{ color: "#9A98B5" }} />; if (state_id === 8) return <ReceiptLongIcon sx={{ color: "#9A98B5" }} />;
if (state_id === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />; if (state_id === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />;
if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />; if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />;
if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />; if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />;
}; };
const columns = useMemo(() => { const columns = useMemo(() => {
return [ return [
{ {
accessorKey: "panjare_vahed_id", accessorKey: "panjare_vahed_id",
header: "کدرهگیری درخواست", header: "کدرهگیری درخواست",
id: "panjare_vahed_id", id: "panjare_vahed_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>, Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>,
}, },
{ {
accessorKey: "national_id", accessorKey: "national_id",
header: "کد ملی", header: "کد ملی",
id: "national_id", id: "national_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.national_id}</>, Cell: ({ row }) => <>{row.original.national_id}</>,
}, },
{ {
accessorKey: "state_id", accessorKey: "state_id",
header: "وضعیت", header: "وضعیت",
id: "state_id", id: "state_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
ColumnSelectComponent: (props) => { ColumnSelectComponent: (props) => {
const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState(); const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState();
const getColumnSelectOptions = useMemo(() => { const getColumnSelectOptions = useMemo(() => {
if (loadingItemsList) { if (loadingItemsList) {
return [{ value: "loading", label: "در حال بارگذاری..." }]; return [{ value: "loading", label: "در حال بارگذاری..." }];
} }
if (errorItemsList) { if (errorItemsList) {
return [{ value: "error", label: "خطا در بارگذاری" }]; return [{ value: "error", label: "خطا در بارگذاری" }];
} }
return [ return [
{ value: "", label: "همه موارد" }, { value: "", label: "همه موارد" },
...itemsList.map((item) => ({ ...itemsList.map((item) => ({
value: item.id, value: item.id,
label: item.name, label: item.name,
})), })),
]; ];
}, [itemsList, loadingItemsList, errorItemsList]); }, [itemsList, loadingItemsList, errorItemsList]);
return ( return (
<CustomSelectByDependency <CustomSelectByDependency
{...props} {...props}
value={loadingItemsList ? "loading" : props.filterParameters.value} value={loadingItemsList ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions} columnSelectOption={getColumnSelectOptions}
/> />
); );
}, },
Cell: ({ row }) => ( Cell: ({ row }) => (
<Box sx={{ display: "flex", alignItems: "center" }}> <Box sx={{ display: "flex", alignItems: "center" }}>
{stateIcon(row.original.state_id)} {stateIcon(row.original.state_id)}
<Box component="span" ml={1}> <Box component="span" ml={1}>
{row.original.state_name} {row.original.state_name}
</Box> </Box>
</Box> </Box>
), ),
}, },
{ {
accessorKey: "plan_title", accessorKey: "plan_title",
header: "عنوان طرح", header: "عنوان طرح",
id: "plan_title", id: "plan_title",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.plan_title}</>, Cell: ({ row }) => <>{row.original.plan_title}</>,
}, },
{ {
accessorKey: "plan_group", accessorKey: "plan_group",
header: "گروه طرح", header: "گروه طرح",
id: "plan_group", id: "plan_group",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.plan_group}</>, Cell: ({ row }) => <>{row.original.plan_group}</>,
}, },
{ {
accessorKey: "requested_organization", accessorKey: "requested_organization",
header: "دستگاه صادر کننده", header: "دستگاه صادر کننده",
id: "requested_organization", id: "requested_organization",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.requested_organization}</>, Cell: ({ row }) => <>{row.original.requested_organization}</>,
}, },
{ {
accessorKey: "worksheet_id", accessorKey: "worksheet_id",
header: "شناسه کاربرگ", header: "شناسه کاربرگ",
id: "worksheet_id", id: "worksheet_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.worksheet_id}</>, Cell: ({ row }) => <>{row.original.worksheet_id}</>,
}, },
{ {
accessorKey: "primary_area", accessorKey: "primary_area",
header: "نمایش محدوده طرح", header: "نمایش محدوده طرح",
id: "primary_area", id: "primary_area",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => Cell: ({ row }) =>
row.original.primary_area ? ( row.original.primary_area ? (
<Stack alignItems={"center"} justifyContent={"center"}> <Stack alignItems={"center"} justifyContent={"center"}>
<ShowPrimaryArea primaryArea={row.original.primary_area} /> <ShowPrimaryArea primaryArea={row.original.primary_area} />
</Stack> </Stack>
) : ( ) : (
"-" "-"
), ),
}, },
{ {
accessorKey: "province_id", accessorKey: "province_id",
header: "استان", header: "استان",
id: "province_id", id: "province_id",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.province_name}</>, Cell: ({ row }) => <>{row.original.province_name}</>,
}, },
{ {
accessorKey: "city_id", accessorKey: "city_id",
header: "شهر", header: "شهر",
id: "city_id", id: "city_id",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.city_name}</>, Cell: ({ row }) => <>{row.original.city_name}</>,
}, },
{ {
accessorKey: "isic", accessorKey: "isic",
header: "کد آیسیک", header: "کد آیسیک",
id: "isic", id: "isic",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.isic}</>, Cell: ({ row }) => <>{row.original.isic}</>,
}, },
{ {
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"), accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست", header: "تاریخ درخواست",
id: "request_date", id: "request_date",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "date", datatype: "date",
filterMode: "between", filterMode: "between",
grow: false, grow: false,
size: 100, size: 100,
}, },
]; ];
}, []); }, []);
return ( return (
<> <>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}> <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth <DataTableWithAuth
need_filter={true} need_filter={true}
columns={columns} columns={columns}
table_url={GET_GENERAL_MANAGER_LIST} table_url={GET_GENERAL_MANAGER_LIST}
page_name={"PrivacyOffice"} page_name={"PrivacyOffice"}
table_name={"GeneralManagerList"} table_name={"GeneralManagerList"}
enableRowActions enableRowActions
positionActionsColumn={"first"} positionActionsColumn={"first"}
RowActions={RowActions} RowActions={RowActions}
/> />
</Box> </Box>
</> </>
); );
}; };
export default GeneralManagerList; export default GeneralManagerList;

34
src/components/dashboard/inquiryPrivacy/general-manager/RowActions/ConfirmAction/index.jsx
View File

@@ -1,17 +1,17 @@
import ThumbUpIcon from "@mui/icons-material/ThumbUp"; import ThumbUpIcon from "@mui/icons-material/ThumbUp";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
const ConfirmAction = ({ rowId, mutate }) => { const ConfirmAction = ({ rowId, mutate }) => {
const [openConfirmDialog, setOpenConfirmDialog] = useState(false); const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
return ( return (
<> <>
<Tooltip title="تایید اقدام"> <Tooltip title="تایید اقدام">
<IconButton color="success" onClick={() => setOpenConfirmDialog(true)}> <IconButton color="success" onClick={() => setOpenConfirmDialog(true)}>
<ThumbUpIcon /> <ThumbUpIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
</> </>
); );
}; };
export default ConfirmAction; export default ConfirmAction;

34
src/components/dashboard/inquiryPrivacy/general-manager/RowActions/History/HistoryContent.jsx
View File

@@ -1,17 +1,17 @@
import { Button, DialogActions, DialogContent } from "@mui/material"; import { Button, DialogActions, DialogContent } from "@mui/material";
import TableContent from "./TableContent"; import TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => { const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return ( return (
<> <>
<DialogContent> <DialogContent>
<TableContent rowId={rowId} /> <TableContent rowId={rowId} />
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus> <Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن بستن
</Button> </Button>
</DialogActions> </DialogActions>
</> </>
); );
}; };
export default HistoryContent; export default HistoryContent;

132
src/components/dashboard/inquiryPrivacy/general-manager/RowActions/History/TableContent.jsx
View File

@@ -1,66 +1,66 @@
import { import {
Box, Box,
Table, Table,
TableBody, TableBody,
TableCell, TableCell,
TableContainer, TableContainer,
TableHead, TableHead,
TableRow, TableRow,
CircularProgress, CircularProgress,
Typography, Typography,
} from "@mui/material"; } from "@mui/material";
import "moment/locale/fa"; import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory"; import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => { const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId); const { historyData, loading, error } = useHistory(rowId);
if (loading) { if (loading) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress /> <CircularProgress />
</Box> </Box>
); );
} }
if (error) { if (error) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography> <Typography color="error">{error}</Typography>
</Box> </Box>
); );
} }
if (!historyData.length) { if (!historyData.length) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography> <Typography>اطلاعاتی وجود ندارد</Typography>
</Box> </Box>
); );
} }
return ( return (
<Box> <Box>
<TableContainer sx={{ maxHeight: 600 }}> <TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}> <Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableCell>وضعیت</TableCell> <TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell> <TableCell>توضیحات کارشناس</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{historyData.map((row) => ( {historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}> <TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell> <TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell> <TableCell>{row.expert_description}</TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</TableContainer> </TableContainer>
</Box> </Box>
); );
}; };
export default TableContent; export default TableContent;

66
src/components/dashboard/inquiryPrivacy/general-manager/RowActions/History/index.jsx
View File

@@ -1,33 +1,33 @@
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material"; import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material"; import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent"; import HistoryContent from "./HistoryContent";
import { useState } from "react"; import { useState } from "react";
const History = ({ rowId }) => { const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false); const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return ( return (
<> <>
<Tooltip title="تاریخچه"> <Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}> <IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage /> <RestorePage />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
fullWidth fullWidth
maxWidth={"md"} maxWidth={"md"}
open={openReferReasonDialog} open={openReferReasonDialog}
PaperProps={{ PaperProps={{
sx: { sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
}, },
}} }}
> >
<DialogTitle>تاریخچه</DialogTitle> <DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} /> <HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog> </Dialog>
</> </>
); );
}; };
export default History; export default History;

34
src/components/dashboard/inquiryPrivacy/general-manager/RowActions/RejectAction/index.jsx
View File

@@ -1,17 +1,17 @@
import ThumbDownIcon from "@mui/icons-material/ThumbDown"; import ThumbDownIcon from "@mui/icons-material/ThumbDown";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
const RejectAction = ({ rowId, mutate }) => { const RejectAction = ({ rowId, mutate }) => {
const [openRejectDialog, setOpenRejectDialog] = useState(false); const [openRejectDialog, setOpenRejectDialog] = useState(false);
return ( return (
<> <>
<Tooltip title="عدم تایید اقدام"> <Tooltip title="عدم تایید اقدام">
<IconButton color="error" onClick={() => setOpenRejectDialog(true)}> <IconButton color="error" onClick={() => setOpenRejectDialog(true)}>
<ThumbDownIcon /> <ThumbDownIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
</> </>
); );
}; };
export default RejectAction; export default RejectAction;

44
src/components/dashboard/inquiryPrivacy/general-manager/RowActions/index.jsx
View File

@@ -1,22 +1,22 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import ConfirmAction from "./ConfirmAction"; import ConfirmAction from "./ConfirmAction";
import RejectAction from "./RejectAction"; import RejectAction from "./RejectAction";
import History from "./History"; import History from "./History";
const RowActions = ({ row, mutate }) => { const RowActions = ({ row, mutate }) => {
// const stateId = row.original.state_id; // const stateId = row.original.state_id;
// //
// const disabled = { // const disabled = {
// referral: stateId !== 2, // referral: stateId !== 2,
// reject: stateId !== 2 && stateId !== 5, // reject: stateId !== 2 && stateId !== 5,
// confirm: stateId !== 2 && stateId !== 5 && stateId !== 13, // confirm: stateId !== 2 && stateId !== 5 && stateId !== 13,
// }; // };
return ( return (
<Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}> <Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}>
<RejectAction /> <RejectAction />
<ConfirmAction /> <ConfirmAction />
<History rowId={row.original.id} /> <History rowId={row.original.id} />
</Box> </Box>
); );
}; };
export default RowActions; export default RowActions;

58
src/components/dashboard/inquiryPrivacy/general-manager/ShowPrimaryArea/ShowBound.jsx
View File

@@ -1,29 +1,29 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet"; import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => { const ShowBound = ({ bound }) => {
const map = useMap(); const map = useMap();
const featureRef = useRef(null); const featureRef = useRef(null);
const safeFitBounds = (layer) => { const safeFitBounds = (layer) => {
if (!layer || !map) return; if (!layer || !map) return;
try { try {
const latLngs = layer.getLatLngs(); const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, { map.fitBounds(latLngs, {
paddingTopLeft: [20, 20], paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20], paddingBottomRight: [20, 20],
}); });
} catch (e) { } catch (e) {
console.warn("fitBounds failed:", e); console.warn("fitBounds failed:", e);
} }
}; };
useEffect(() => { useEffect(() => {
bound?.editing?.disable(); bound?.editing?.disable();
featureRef.current.addLayer(bound); featureRef.current.addLayer(bound);
safeFitBounds(bound); safeFitBounds(bound);
}, []); }, []);
return <FeatureGroup ref={featureRef} />; return <FeatureGroup ref={featureRef} />;
}; };
export default ShowBound; export default ShowBound;

138
src/components/dashboard/inquiryPrivacy/general-manager/ShowPrimaryArea/index.jsx
View File

@@ -1,69 +1,69 @@
const { const {
Button, Button,
IconButton, IconButton,
Tooltip, Tooltip,
Box, Box,
Dialog, Dialog,
DialogTitle, DialogTitle,
Typography, Typography,
DialogContent, DialogContent,
DialogActions, DialogActions,
} = require("@mui/material"); } = require("@mui/material");
import LayersIcon from "@mui/icons-material/Layers"; import LayersIcon from "@mui/icons-material/Layers";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import MapLayer from "@/core/components/MapLayer"; import MapLayer from "@/core/components/MapLayer";
import ShowBound from "./ShowBound"; import ShowBound from "./ShowBound";
const ShowPrimaryArea = ({ primaryArea }) => { const ShowPrimaryArea = ({ primaryArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false); const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => { const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]); const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords); return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [primaryArea]); }, [primaryArea]);
return ( return (
<Box> <Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow> <Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}> <IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon /> <LayersIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
open={openShowAreaDialog} open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)} onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{ PaperProps={{
sx: { sx: {
transition: "all .3s", transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2, borderRadius: 2,
padding: 1, padding: 1,
}, },
}} }}
maxWidth="sm" maxWidth="sm"
fullWidth fullWidth
dir="rtl" dir="rtl"
> >
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}> <DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}> <Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح محدوده طرح
</Typography> </Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small"> <IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
</DialogTitle> </DialogTitle>
<DialogContent> <DialogContent>
<Box sx={{ flex: 1 }}> <Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}> <Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}> <MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} /> <ShowBound bound={bound} />
</MapLayer> </MapLayer>
</Box> </Box>
</Box> </Box>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</Box> </Box>
); );
}; };
export default ShowPrimaryArea; export default ShowPrimaryArea;

28
src/components/dashboard/inquiryPrivacy/general-manager/index.jsx
View File

@@ -1,14 +1,14 @@
"use client"; "use client";
import PageTitle from "@/core/components/PageTitle"; import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material"; import { Stack } from "@mui/material";
import GeneralManagerList from "./GeneralManagerList"; import GeneralManagerList from "./GeneralManagerList";
const GeneralManagerPage = () => { const GeneralManagerPage = () => {
return ( return (
<Stack spacing={1}> <Stack spacing={1}>
<PageTitle title={"کارتابل اداره حریم استعلام حریم"} /> <PageTitle title={"کارتابل اداره حریم استعلام حریم"} />
<GeneralManagerList /> <GeneralManagerList />
</Stack> </Stack>
); );
}; };
export default GeneralManagerPage; export default GeneralManagerPage;

496
src/components/dashboard/inquiryPrivacy/privacy-office/PrivacyOfficeList.jsx
View File

@@ -1,248 +1,248 @@
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency"; import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import DataTableWithAuth from "@/core/components/DataTableWithAuth"; import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_PRIVACY_ADMIN_LIST } from "@/core/utils/routes"; import { GET_PRIVACY_ADMIN_LIST } from "@/core/utils/routes";
import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState"; import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState";
import AutorenewIcon from "@mui/icons-material/Autorenew"; import AutorenewIcon from "@mui/icons-material/Autorenew";
import DangerousIcon from "@mui/icons-material/Dangerous"; import DangerousIcon from "@mui/icons-material/Dangerous";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts"; import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork"; import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt"; import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import ReceiptLongIcon from "@mui/icons-material/ReceiptLong"; import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
import SecurityIcon from "@mui/icons-material/Security"; import SecurityIcon from "@mui/icons-material/Security";
import WindowIcon from "@mui/icons-material/Window"; import WindowIcon from "@mui/icons-material/Window";
import { Box, Stack } from "@mui/material"; import { Box, Stack } from "@mui/material";
import moment from "jalali-moment"; import moment from "jalali-moment";
import { useMemo } from "react"; import { useMemo } from "react";
import RowActions from "./RowActions"; import RowActions from "./RowActions";
import ShowPrimaryArea from "./ShowPrimaryArea"; import ShowPrimaryArea from "./ShowPrimaryArea";
const PrivacyOfficeList = () => { const PrivacyOfficeList = () => {
const stateIcon = (state_id) => { const stateIcon = (state_id) => {
if (state_id === 1) return <MapsHomeWorkIcon sx={{ color: "#A0B9C6" }} />; if (state_id === 1) return <MapsHomeWorkIcon sx={{ color: "#A0B9C6" }} />;
if (state_id === 2 || state_id === 5 || state_id === 13) return <SecurityIcon sx={{ color: "#995FA3" }} />; if (state_id === 2 || state_id === 5 || state_id === 13) return <SecurityIcon sx={{ color: "#995FA3" }} />;
if (state_id === 3 || state_id === 6 || state_id === 14) if (state_id === 3 || state_id === 6 || state_id === 14)
return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />; return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />;
if (state_id === 4 || state_id === 7 || state_id === 15) return <PsychologyAltIcon sx={{ color: "#1B9AAA" }} />; if (state_id === 4 || state_id === 7 || state_id === 15) return <PsychologyAltIcon sx={{ color: "#1B9AAA" }} />;
if (state_id === 8) return <ReceiptLongIcon sx={{ color: "#9A98B5" }} />; if (state_id === 8) return <ReceiptLongIcon sx={{ color: "#9A98B5" }} />;
if (state_id === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />; if (state_id === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />;
if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />; if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />;
if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />; if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />;
}; };
const columns = useMemo(() => { const columns = useMemo(() => {
return [ return [
{ {
accessorKey: "panjare_vahed_id", accessorKey: "panjare_vahed_id",
header: "کدرهگیری درخواست", header: "کدرهگیری درخواست",
id: "panjare_vahed_id", id: "panjare_vahed_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>, Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>,
}, },
{ {
accessorKey: "national_id", accessorKey: "national_id",
header: "کد ملی", header: "کد ملی",
id: "national_id", id: "national_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.national_id}</>, Cell: ({ row }) => <>{row.original.national_id}</>,
}, },
{ {
accessorKey: "state_id", accessorKey: "state_id",
header: "وضعیت", header: "وضعیت",
id: "state_id", id: "state_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
ColumnSelectComponent: (props) => { ColumnSelectComponent: (props) => {
const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState(); const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState();
const getColumnSelectOptions = useMemo(() => { const getColumnSelectOptions = useMemo(() => {
if (loadingItemsList) { if (loadingItemsList) {
return [{ value: "loading", label: "در حال بارگذاری..." }]; return [{ value: "loading", label: "در حال بارگذاری..." }];
} }
if (errorItemsList) { if (errorItemsList) {
return [{ value: "error", label: "خطا در بارگذاری" }]; return [{ value: "error", label: "خطا در بارگذاری" }];
} }
return [ return [
{ value: "", label: "همه موارد" }, { value: "", label: "همه موارد" },
...itemsList.map((item) => ({ ...itemsList.map((item) => ({
value: item.id, value: item.id,
label: item.name, label: item.name,
})), })),
]; ];
}, [itemsList, loadingItemsList, errorItemsList]); }, [itemsList, loadingItemsList, errorItemsList]);
return ( return (
<CustomSelectByDependency <CustomSelectByDependency
{...props} {...props}
value={loadingItemsList ? "loading" : props.filterParameters.value} value={loadingItemsList ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions} columnSelectOption={getColumnSelectOptions}
/> />
); );
}, },
Cell: ({ row }) => ( Cell: ({ row }) => (
<Box sx={{ display: "flex", alignItems: "center" }}> <Box sx={{ display: "flex", alignItems: "center" }}>
{stateIcon(row.original.state_id)} {stateIcon(row.original.state_id)}
<Box component="span" ml={1}> <Box component="span" ml={1}>
{row.original.state_name} {row.original.state_name}
</Box> </Box>
</Box> </Box>
), ),
}, },
{ {
accessorKey: "plan_title", accessorKey: "plan_title",
header: "عنوان طرح", header: "عنوان طرح",
id: "plan_title", id: "plan_title",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.plan_title}</>, Cell: ({ row }) => <>{row.original.plan_title}</>,
}, },
{ {
accessorKey: "plan_group", accessorKey: "plan_group",
header: "گروه طرح", header: "گروه طرح",
id: "plan_group", id: "plan_group",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.plan_group}</>, Cell: ({ row }) => <>{row.original.plan_group}</>,
}, },
{ {
accessorKey: "requested_organization", accessorKey: "requested_organization",
header: "دستگاه صادر کننده", header: "دستگاه صادر کننده",
id: "requested_organization", id: "requested_organization",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.requested_organization}</>, Cell: ({ row }) => <>{row.original.requested_organization}</>,
}, },
{ {
accessorKey: "worksheet_id", accessorKey: "worksheet_id",
header: "شناسه کاربرگ", header: "شناسه کاربرگ",
id: "worksheet_id", id: "worksheet_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.worksheet_id}</>, Cell: ({ row }) => <>{row.original.worksheet_id}</>,
}, },
{ {
accessorKey: "primary_area", accessorKey: "primary_area",
header: "نمایش محدوده طرح", header: "نمایش محدوده طرح",
id: "primary_area", id: "primary_area",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => Cell: ({ row }) =>
row.original.primary_area && row.original.forbidden_area ? ( row.original.primary_area && row.original.forbidden_area ? (
<Stack alignItems={"center"} justifyContent={"center"}> <Stack alignItems={"center"} justifyContent={"center"}>
<ShowPrimaryArea <ShowPrimaryArea
primaryArea={row.original.primary_area} primaryArea={row.original.primary_area}
forbiddenArea={row.original.forbidden_area} forbiddenArea={row.original.forbidden_area}
/> />
</Stack> </Stack>
) : ( ) : (
"-" "-"
), ),
}, },
{ {
accessorKey: "province_id", accessorKey: "province_id",
header: "استان", header: "استان",
id: "province_id", id: "province_id",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.province_name}</>, Cell: ({ row }) => <>{row.original.province_name}</>,
}, },
{ {
accessorKey: "city_id", accessorKey: "city_id",
header: "شهر", header: "شهر",
id: "city_id", id: "city_id",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
sortDescFirst: false, sortDescFirst: false,
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.city_name}</>, Cell: ({ row }) => <>{row.original.city_name}</>,
}, },
{ {
accessorKey: "isic", accessorKey: "isic",
header: "کد آیسیک", header: "کد آیسیک",
id: "isic", id: "isic",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => <>{row.original.isic}</>, Cell: ({ row }) => <>{row.original.isic}</>,
}, },
{ {
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"), accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست", header: "تاریخ درخواست",
id: "request_date", id: "request_date",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "date", datatype: "date",
filterMode: "between", filterMode: "between",
grow: false, grow: false,
size: 100, size: 100,
}, },
]; ];
}, []); }, []);
return ( return (
<> <>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}> <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth <DataTableWithAuth
need_filter={true} need_filter={true}
columns={columns} columns={columns}
table_url={GET_PRIVACY_ADMIN_LIST} table_url={GET_PRIVACY_ADMIN_LIST}
page_name={"PrivacyOffice"} page_name={"PrivacyOffice"}
table_name={"PrivacyOfficeList"} table_name={"PrivacyOfficeList"}
enableRowActions enableRowActions
positionActionsColumn={"first"} positionActionsColumn={"first"}
RowActions={RowActions} RowActions={RowActions}
/> />
</Box> </Box>
</> </>
); );
}; };
export default PrivacyOfficeList; export default PrivacyOfficeList;

40
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/ActionsDialog.jsx
View File

@@ -1,20 +1,20 @@
import { Dialog, DialogTitle } from "@mui/material"; import { Dialog, DialogTitle } from "@mui/material";
import RenderActionForm from "./RenderActionForm"; import RenderActionForm from "./RenderActionForm";
const ActionDialog = ({ open, type, rowData, onClose, mutate }) => { const ActionDialog = ({ open, type, rowData, onClose, mutate }) => {
const actionLabel = { const actionLabel = {
reject_request: "رد درخواست", reject_request: "رد درخواست",
confirm_request: "تایید درخواست", confirm_request: "تایید درخواست",
refer_request: "ارجاع درخواست", refer_request: "ارجاع درخواست",
}[type]; }[type];
return ( return (
<Dialog open={open} fullWidth maxWidth="xs" onClose={onClose}> <Dialog open={open} fullWidth maxWidth="xs" onClose={onClose}>
<DialogTitle>{actionLabel}</DialogTitle> <DialogTitle>{actionLabel}</DialogTitle>
<RenderActionForm type={type} rowData={rowData} mutate={mutate} onClose={onClose} /> <RenderActionForm type={type} rowData={rowData} mutate={mutate} onClose={onClose} />
</Dialog> </Dialog>
); );
}; };
export default ActionDialog; export default ActionDialog;

36
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/ConfirmAction/index.jsx
View File

@@ -1,18 +1,18 @@
import ThumbUpIcon from "@mui/icons-material/ThumbUp"; import ThumbUpIcon from "@mui/icons-material/ThumbUp";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
const ConfirmAction = ({ onClick, disabled }) => { const ConfirmAction = ({ onClick, disabled }) => {
if (disabled) return; if (disabled) return;
return ( return (
<> <>
<Tooltip title="تایید اقدام"> <Tooltip title="تایید اقدام">
<span> <span>
<IconButton color="success" onClick={onClick} disabled={disabled}> <IconButton color="success" onClick={onClick} disabled={disabled}>
<ThumbUpIcon /> <ThumbUpIcon />
</IconButton> </IconButton>
</span> </span>
</Tooltip> </Tooltip>
</> </>
); );
}; };
export default ConfirmAction; export default ConfirmAction;

456
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/Forms/ComputePaymentForm.jsx
View File

@@ -1,228 +1,228 @@
import { calculatePolygonMetrics } from "@/core/utils/geoCalculations"; import { calculatePolygonMetrics } from "@/core/utils/geoCalculations";
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes"; import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import { safeParsePolygon } from "@/core/utils/utils"; import { safeParsePolygon } from "@/core/utils/utils";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { import {
Box, Box,
Button, Button,
DialogActions, DialogActions,
FormControl, FormControl,
FormHelperText, FormHelperText,
InputLabel, InputLabel,
MenuItem, MenuItem,
Select, Select,
TextField, TextField,
} from "@mui/material"; } from "@mui/material";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { Controller, useForm, useWatch } from "react-hook-form"; import { Controller, useForm, useWatch } from "react-hook-form";
const formatNumber = (num) => { const formatNumber = (num) => {
if (!num) return ""; if (!num) return "";
return Number(num).toLocaleString("en-US"); return Number(num).toLocaleString("en-US");
}; };
const price_fee = 1; // TODO: Replace with real price_fee const price_fee = 1; // TODO: Replace with real price_fee
export default function ComputePaymentForm({ mutate, onClose, rowData }) { export default function ComputePaymentForm({ mutate, onClose, rowData }) {
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true }); const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const coordsArea = safeParsePolygon(rowData.final_area); const coordsArea = safeParsePolygon(rowData.final_area);
const coordsPlan = safeParsePolygon(rowData.final_plan); const coordsPlan = safeParsePolygon(rowData.final_plan);
const areaMetrics = coordsArea ? calculatePolygonMetrics(coordsArea) : { area: 0 }; const areaMetrics = coordsArea ? calculatePolygonMetrics(coordsArea) : { area: 0 };
const planMetrics = coordsPlan ? calculatePolygonMetrics(coordsPlan) : { area: 0 }; const planMetrics = coordsPlan ? calculatePolygonMetrics(coordsPlan) : { area: 0 };
const calculatedArea = Number(areaMetrics.area.toFixed(2) || 0); const calculatedArea = Number(areaMetrics.area.toFixed(2) || 0);
const calculatedPlan = Number(planMetrics.area.toFixed(2) || 0); const calculatedPlan = Number(planMetrics.area.toFixed(2) || 0);
const { const {
control, control,
handleSubmit, handleSubmit,
setValue, setValue,
formState: { errors }, formState: { errors },
} = useForm({ } = useForm({
defaultValues: { defaultValues: {
expert_description: "", expert_description: "",
traffic: "", traffic: "",
road_type: "", road_type: "",
position: "", position: "",
final_area_space: calculatedArea, // عرصه final_area_space: calculatedArea, // عرصه
final_plan_space: calculatedPlan, // عیان final_plan_space: calculatedPlan, // عیان
payment_amount: "", payment_amount: "",
}, },
}); });
const { traffic, road_type, position } = useWatch({ const { traffic, road_type, position } = useWatch({
control, control,
}); });
useEffect(() => { useEffect(() => {
const hasGeometry = calculatedArea > 0 || calculatedPlan > 0; const hasGeometry = calculatedArea > 0 || calculatedPlan > 0;
const t = parseFloat(traffic || ""); const t = parseFloat(traffic || "");
const r = parseFloat(road_type || ""); const r = parseFloat(road_type || "");
const p = parseFloat(position || ""); const p = parseFloat(position || "");
const inputsValid = hasGeometry && !isNaN(t) && t > 0 && !isNaN(r) && r > 0 && !isNaN(p) && p > 0; const inputsValid = hasGeometry && !isNaN(t) && t > 0 && !isNaN(r) && r > 0 && !isNaN(p) && p > 0;
if (inputsValid) { if (inputsValid) {
const resultArea = t * r * p * calculatedArea * price_fee; const resultArea = t * r * p * calculatedArea * price_fee;
const resultPlan = t * r * p * calculatedPlan * price_fee; const resultPlan = t * r * p * calculatedPlan * price_fee;
setValue("payment_amount", Math.floor(resultArea + resultPlan).toString()); setValue("payment_amount", Math.floor(resultArea + resultPlan).toString());
} else { } else {
setValue("payment_amount", ""); setValue("payment_amount", "");
} }
}, [traffic, road_type, position, setValue, calculatedArea, calculatedPlan]); }, [traffic, road_type, position, setValue, calculatedArea, calculatedPlan]);
const onSubmit = (data) => { const onSubmit = (data) => {
setIsSubmitting(true); setIsSubmitting(true);
try { try {
request(`${PRIVACY_ADMIN_ACTION_API}/computing_payment/${rowData.id}`, "post", { request(`${PRIVACY_ADMIN_ACTION_API}/computing_payment/${rowData.id}`, "post", {
data, data,
}).then(() => { }).then(() => {
onClose(); onClose();
mutate(); mutate();
}); });
} catch (error) { } catch (error) {
console.error("Error submitting payment:", error); console.error("Error submitting payment:", error);
} finally { } finally {
setIsSubmitting(false); setIsSubmitting(false);
} }
}; };
return ( return (
<Box sx={{ display: "flex", flexDirection: "column", gap: 3, mt: 1 }}> <Box sx={{ display: "flex", flexDirection: "column", gap: 3, mt: 1 }}>
<Box sx={{ display: "flex", gap: 1 }}> <Box sx={{ display: "flex", gap: 1 }}>
<Controller <Controller
name="traffic" name="traffic"
control={control} control={control}
rules={{ required: "ترافیک الزامی است" }} rules={{ required: "ترافیک الزامی است" }}
render={({ field }) => ( render={({ field }) => (
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel>ترافیک</InputLabel> <InputLabel>ترافیک</InputLabel>
<Select {...field} error={!!errors.traffic} label="ترافیک"> <Select {...field} error={!!errors.traffic} label="ترافیک">
<MenuItem value={1}>سبک</MenuItem> <MenuItem value={1}>سبک</MenuItem>
<MenuItem value={1.5}>متوسط</MenuItem> <MenuItem value={1.5}>متوسط</MenuItem>
<MenuItem value={2}>سنگین</MenuItem> <MenuItem value={2}>سنگین</MenuItem>
</Select> </Select>
{errors.traffic && ( {errors.traffic && (
<FormHelperText sx={{ color: "darkred" }}>{errors.traffic.message}</FormHelperText> <FormHelperText sx={{ color: "darkred" }}>{errors.traffic.message}</FormHelperText>
)} )}
</FormControl> </FormControl>
)} )}
/> />
<Controller <Controller
name="road_type" name="road_type"
control={control} control={control}
rules={{ required: "نوع راه الزامی است" }} rules={{ required: "نوع راه الزامی است" }}
render={({ field }) => ( render={({ field }) => (
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel>نوع راه</InputLabel> <InputLabel>نوع راه</InputLabel>
<Select {...field} error={!!errors.road_type} label="نوع راه"> <Select {...field} error={!!errors.road_type} label="نوع راه">
<MenuItem value={1}>فرعی و راه‌آهن</MenuItem> <MenuItem value={1}>فرعی و راه‌آهن</MenuItem>
<MenuItem value={1.5}>اصلی و بزرگراه</MenuItem> <MenuItem value={1.5}>اصلی و بزرگراه</MenuItem>
<MenuItem value={2}>آزادراه</MenuItem> <MenuItem value={2}>آزادراه</MenuItem>
</Select> </Select>
{errors.road_type && ( {errors.road_type && (
<FormHelperText sx={{ color: "darkred" }}>{errors.road_type.message}</FormHelperText> <FormHelperText sx={{ color: "darkred" }}>{errors.road_type.message}</FormHelperText>
)} )}
</FormControl> </FormControl>
)} )}
/> />
</Box> </Box>
<Controller <Controller
name="position" name="position"
control={control} control={control}
rules={{ required: "موقعیت اقتصادی الزامی است" }} rules={{ required: "موقعیت اقتصادی الزامی است" }}
render={({ field }) => ( render={({ field }) => (
<FormControl fullWidth> <FormControl fullWidth>
<InputLabel>موقعیت اقتصادی</InputLabel> <InputLabel>موقعیت اقتصادی</InputLabel>
<Select {...field} error={!!errors.position} label="موقعیت اقتصادی"> <Select {...field} error={!!errors.position} label="موقعیت اقتصادی">
<MenuItem value={2}>در شعاع ۱۰ کیلومتری از مراکز استان</MenuItem> <MenuItem value={2}>در شعاع ۱۰ کیلومتری از مراکز استان</MenuItem>
<MenuItem value={1.5}>در شعاع ۵ کیلومتری از سایر شهرها</MenuItem> <MenuItem value={1.5}>در شعاع ۵ کیلومتری از سایر شهرها</MenuItem>
</Select> </Select>
{errors.position && ( {errors.position && (
<FormHelperText sx={{ color: "darkred" }}>{errors.position.message}</FormHelperText> <FormHelperText sx={{ color: "darkred" }}>{errors.position.message}</FormHelperText>
)} )}
</FormControl> </FormControl>
)} )}
/> />
<Box sx={{ display: "flex", gap: 1 }}> <Box sx={{ display: "flex", gap: 1 }}>
<Controller <Controller
name="final_area_space" name="final_area_space"
control={control} control={control}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
type="number" type="number"
InputProps={{ readOnly: true }} InputProps={{ readOnly: true }}
fullWidth fullWidth
label="مساحت عرصه (متر مربع)" label="مساحت عرصه (متر مربع)"
/> />
)} )}
/> />
<Controller <Controller
name="final_plan_space" name="final_plan_space"
control={control} control={control}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
type="number" type="number"
InputProps={{ readOnly: true }} InputProps={{ readOnly: true }}
fullWidth fullWidth
label="مساحت اعیان (متر مربع)" label="مساحت اعیان (متر مربع)"
/> />
)} )}
/> />
</Box> </Box>
<Controller <Controller
name="payment_amount" name="payment_amount"
control={control} control={control}
render={({ field }) => { render={({ field }) => {
const { value } = field; const { value } = field;
return ( return (
<TextField <TextField
fullWidth fullWidth
label="مبلغ پرداختی (ریال)" label="مبلغ پرداختی (ریال)"
value={formatNumber(value)} value={formatNumber(value)}
InputProps={{ readOnly: true }} InputProps={{ readOnly: true }}
/> />
); );
}} }}
/> />
<Controller <Controller
name="expert_description" name="expert_description"
control={control} control={control}
rules={{ required: "توضیحات ناظر اجباری است" }} rules={{ required: "توضیحات ناظر اجباری است" }}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
fullWidth fullWidth
error={!!errors.expert_description} error={!!errors.expert_description}
multiline multiline
minRows={3} minRows={3}
label="توضیحات" label="توضیحات"
helperText={errors.expert_description?.message} helperText={errors.expert_description?.message}
/> />
)} )}
/> />
<DialogActions> <DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}> <Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف انصراف
</Button> </Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}> <Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
انجام عملیات انجام عملیات
</Button> </Button>
</DialogActions> </DialogActions>
</Box> </Box>
); );
} }

138
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/Forms/ConfirmFileForm.jsx
View File

@@ -1,69 +1,69 @@
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes"; import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material"; import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
export default function ConfirmFileForm({ mutate, onClose, rowId }) { export default function ConfirmFileForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true }); const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { errors }, formState: { errors },
} = useForm({ } = useForm({
defaultValues: { defaultValues: {
expert_description: "", expert_description: "",
}, },
}); });
const onSubmit = (data) => { const onSubmit = (data) => {
setIsSubmitting(true); setIsSubmitting(true);
try { try {
request(`${PRIVACY_ADMIN_ACTION_API}/file_accepted/${rowId}`, "post", { request(`${PRIVACY_ADMIN_ACTION_API}/file_accepted/${rowId}`, "post", {
data, data,
}).then(() => { }).then(() => {
onClose(); onClose();
mutate(); mutate();
}); });
} catch (err) { } catch (err) {
console.log(err); console.log(err);
} finally { } finally {
setIsSubmitting(false); setIsSubmitting(false);
} }
}; };
return ( return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}> <Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller <Controller
name="expert_description" name="expert_description"
control={control} control={control}
rules={{ rules={{
required: "توضیحات الزامی است", required: "توضیحات الزامی است",
}} }}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
fullWidth fullWidth
multiline multiline
minRows={3} minRows={3}
label="توضیحات" label="توضیحات"
error={!!errors.expert_description} error={!!errors.expert_description}
helperText={errors.expert_description?.message} helperText={errors.expert_description?.message}
/> />
)} )}
/> />
<DialogActions> <DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}> <Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف انصراف
</Button> </Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}> <Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"} {isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button> </Button>
</DialogActions> </DialogActions>
</Box> </Box>
); );
} }

192
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/Forms/ConfirmRequestForm.jsx
View File

@@ -1,96 +1,96 @@
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes"; import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, Checkbox, DialogActions, FormControlLabel, TextField } from "@mui/material"; import { Box, Button, Checkbox, DialogActions, FormControlLabel, TextField } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
export default function ConfirmRequestForm({ mutate, onClose, rowId }) { export default function ConfirmRequestForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true }); const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { errors }, formState: { errors },
} = useForm({ } = useForm({
defaultValues: { defaultValues: {
expert_description: "", expert_description: "",
need_payment: false, need_payment: false,
needsAccessRoad: false, needsAccessRoad: false,
}, },
}); });
const onSubmit = (data) => { const onSubmit = (data) => {
const confirmType = data.needsAccessRoad ? "need_road_access" : "without_road_access"; const confirmType = data.needsAccessRoad ? "need_road_access" : "without_road_access";
const url = `${PRIVACY_ADMIN_ACTION_API}/${confirmType}/${rowId}`; const url = `${PRIVACY_ADMIN_ACTION_API}/${confirmType}/${rowId}`;
const body = { const body = {
expert_description: data.expert_description, expert_description: data.expert_description,
need_payment: data.need_payment ? 1 : 0, need_payment: data.need_payment ? 1 : 0,
}; };
setIsSubmitting(true); setIsSubmitting(true);
try { try {
request(url, "post", { request(url, "post", {
data: body, data: body,
}).then(() => { }).then(() => {
mutate(); mutate();
onClose(); onClose();
}); });
} catch (error) { } catch (error) {
} finally { } finally {
setIsSubmitting(false); setIsSubmitting(false);
} }
}; };
return ( return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}> <Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller <Controller
name="expert_description" name="expert_description"
control={control} control={control}
rules={{ required: "توضیحات الزامی است" }} rules={{ required: "توضیحات الزامی است" }}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
fullWidth fullWidth
multiline multiline
minRows={3} minRows={3}
label="توضیحات" label="توضیحات"
error={!!errors.expert_description} error={!!errors.expert_description}
helperText={errors.expert_description?.message} helperText={errors.expert_description?.message}
/> />
)} )}
/> />
<Controller <Controller
name="need_payment" name="need_payment"
control={control} control={control}
render={({ field }) => ( render={({ field }) => (
<FormControlLabel <FormControlLabel
control={<Checkbox {...field} checked={field.value} />} control={<Checkbox {...field} checked={field.value} />}
label="نیاز به پرداخت وجه خزانه" label="نیاز به پرداخت وجه خزانه"
/> />
)} )}
/> />
<Controller <Controller
name="needsAccessRoad" name="needsAccessRoad"
control={control} control={control}
render={({ field }) => ( render={({ field }) => (
<FormControlLabel <FormControlLabel
control={<Checkbox {...field} checked={field.value} />} control={<Checkbox {...field} checked={field.value} />}
label="نیاز به راه دسترسی" label="نیاز به راه دسترسی"
/> />
)} )}
/> />
<DialogActions> <DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}> <Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف انصراف
</Button> </Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}> <Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
انجام عملیات انجام عملیات
</Button> </Button>
</DialogActions> </DialogActions>
</Box> </Box>
); );
} }

134
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/Forms/ReferForm.jsx
View File

@@ -1,67 +1,67 @@
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes"; import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material"; import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
export default function ReferForm({ mutate, onClose, rowId }) { export default function ReferForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true }); const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { errors }, formState: { errors },
} = useForm({ } = useForm({
defaultValues: { defaultValues: {
expert_description: "", expert_description: "",
}, },
}); });
const onSubmit = (data) => { const onSubmit = (data) => {
setIsSubmitting(true); setIsSubmitting(true);
try { try {
request(`${PRIVACY_ADMIN_ACTION_API}/refer_request/${rowId}`, "post", { request(`${PRIVACY_ADMIN_ACTION_API}/refer_request/${rowId}`, "post", {
data, data,
}).then(() => { }).then(() => {
onClose(); onClose();
mutate(); mutate();
}); });
} catch (error) { } catch (error) {
console.log(error); console.log(error);
} finally { } finally {
setIsSubmitting(false); setIsSubmitting(false);
} }
}; };
return ( return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}> <Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller <Controller
name="expert_description" name="expert_description"
control={control} control={control}
rules={{ rules={{
required: "توضیحات الزامی است", required: "توضیحات الزامی است",
}} }}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
error={!!errors.expert_description} error={!!errors.expert_description}
helperText={errors.expert_description?.message} helperText={errors.expert_description?.message}
fullWidth fullWidth
multiline multiline
minRows={3} minRows={3}
label="توضیحات" label="توضیحات"
/> />
)} )}
/> />
<DialogActions> <DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}> <Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف انصراف
</Button> </Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}> <Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : " انجام عملیات"} {isSubmitting ? "در حال ثبت..." : " انجام عملیات"}
</Button> </Button>
</DialogActions> </DialogActions>
</Box> </Box>
); );
} }

138
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/Forms/RejectFileForm.jsx
View File

@@ -1,69 +1,69 @@
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes"; import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material"; import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
export default function RejectFileForm({ mutate, onClose, rowId }) { export default function RejectFileForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true }); const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { errors }, formState: { errors },
} = useForm({ } = useForm({
defaultValues: { defaultValues: {
expert_description: "", expert_description: "",
}, },
}); });
const onSubmit = (data) => { const onSubmit = (data) => {
setIsSubmitting(true); setIsSubmitting(true);
try { try {
request(`${PRIVACY_ADMIN_ACTION_API}/file_rejected/${rowId}`, "post", { request(`${PRIVACY_ADMIN_ACTION_API}/file_rejected/${rowId}`, "post", {
data, data,
}).then(() => { }).then(() => {
onClose(); onClose();
mutate(); mutate();
}); });
} catch (err) { } catch (err) {
console.log(err); console.log(err);
} finally { } finally {
setIsSubmitting(false); setIsSubmitting(false);
} }
}; };
return ( return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}> <Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller <Controller
name="expert_description" name="expert_description"
control={control} control={control}
rules={{ rules={{
required: "توضیحات الزامی است", required: "توضیحات الزامی است",
}} }}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
fullWidth fullWidth
multiline multiline
minRows={3} minRows={3}
label="توضیحات" label="توضیحات"
error={!!errors.expert_description} error={!!errors.expert_description}
helperText={errors.expert_description?.message} helperText={errors.expert_description?.message}
/> />
)} )}
/> />
<DialogActions> <DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}> <Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف انصراف
</Button> </Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}> <Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"} {isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button> </Button>
</DialogActions> </DialogActions>
</Box> </Box>
); );
} }

138
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/Forms/RejectRequestForm.jsx
View File

@@ -1,69 +1,69 @@
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes"; import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material"; import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
export default function RejectRequestForm({ mutate, onClose, rowId }) { export default function RejectRequestForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false); const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true }); const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { errors }, formState: { errors },
} = useForm({ } = useForm({
defaultValues: { defaultValues: {
expert_description: "", expert_description: "",
}, },
}); });
const onSubmit = (data) => { const onSubmit = (data) => {
setIsSubmitting(true); setIsSubmitting(true);
try { try {
request(`${PRIVACY_ADMIN_ACTION_API}/reject_request/${rowId}`, "post", { request(`${PRIVACY_ADMIN_ACTION_API}/reject_request/${rowId}`, "post", {
data, data,
}).then(() => { }).then(() => {
onClose(); onClose();
mutate(); mutate();
}); });
} catch (err) { } catch (err) {
console.log(err); console.log(err);
} finally { } finally {
setIsSubmitting(false); setIsSubmitting(false);
} }
}; };
return ( return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}> <Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller <Controller
name="expert_description" name="expert_description"
control={control} control={control}
rules={{ rules={{
required: "توضیحات الزامی است", required: "توضیحات الزامی است",
}} }}
render={({ field }) => ( render={({ field }) => (
<TextField <TextField
{...field} {...field}
fullWidth fullWidth
multiline multiline
minRows={3} minRows={3}
label="توضیحات" label="توضیحات"
error={!!errors.expert_description} error={!!errors.expert_description}
helperText={errors.expert_description?.message} helperText={errors.expert_description?.message}
/> />
)} )}
/> />
<DialogActions> <DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}> <Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف انصراف
</Button> </Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}> <Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"} {isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button> </Button>
</DialogActions> </DialogActions>
</Box> </Box>
); );
} }

34
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/History/HistoryContent.jsx
View File

@@ -1,17 +1,17 @@
import { Button, DialogActions, DialogContent } from "@mui/material"; import { Button, DialogActions, DialogContent } from "@mui/material";
import TableContent from "./TableContent"; import TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => { const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return ( return (
<> <>
<DialogContent> <DialogContent>
<TableContent rowId={rowId} /> <TableContent rowId={rowId} />
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus> <Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن بستن
</Button> </Button>
</DialogActions> </DialogActions>
</> </>
); );
}; };
export default HistoryContent; export default HistoryContent;

132
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/History/TableContent.jsx
View File

@@ -1,66 +1,66 @@
import { import {
Box, Box,
Table, Table,
TableBody, TableBody,
TableCell, TableCell,
TableContainer, TableContainer,
TableHead, TableHead,
TableRow, TableRow,
CircularProgress, CircularProgress,
Typography, Typography,
} from "@mui/material"; } from "@mui/material";
import "moment/locale/fa"; import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory"; import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => { const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId); const { historyData, loading, error } = useHistory(rowId);
if (loading) { if (loading) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress /> <CircularProgress />
</Box> </Box>
); );
} }
if (error) { if (error) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography> <Typography color="error">{error}</Typography>
</Box> </Box>
); );
} }
if (!historyData.length) { if (!historyData.length) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography> <Typography>اطلاعاتی وجود ندارد</Typography>
</Box> </Box>
); );
} }
return ( return (
<Box> <Box>
<TableContainer sx={{ maxHeight: 600 }}> <TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}> <Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableCell>وضعیت</TableCell> <TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell> <TableCell>توضیحات کارشناس</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{historyData.map((row) => ( {historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}> <TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell> <TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell> <TableCell>{row.expert_description}</TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</TableContainer> </TableContainer>
</Box> </Box>
); );
}; };
export default TableContent; export default TableContent;

66
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/History/index.jsx
View File

@@ -1,33 +1,33 @@
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material"; import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material"; import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent"; import HistoryContent from "./HistoryContent";
import { useState } from "react"; import { useState } from "react";
const History = ({ rowId }) => { const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false); const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return ( return (
<> <>
<Tooltip title="تاریخچه"> <Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}> <IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage /> <RestorePage />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
fullWidth fullWidth
maxWidth={"md"} maxWidth={"md"}
open={openReferReasonDialog} open={openReferReasonDialog}
PaperProps={{ PaperProps={{
sx: { sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
}, },
}} }}
> >
<DialogTitle>تاریخچه</DialogTitle> <DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} /> <HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog> </Dialog>
</> </>
); );
}; };
export default History; export default History;

36
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/ReferralAction/index.jsx
View File

@@ -1,18 +1,18 @@
import { Reply } from "@mui/icons-material"; import { Reply } from "@mui/icons-material";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
const ReferralAction = ({ onClick, disabled }) => { const ReferralAction = ({ onClick, disabled }) => {
if (disabled) return; if (disabled) return;
return ( return (
<> <>
<Tooltip title="ارجاع درخواست"> <Tooltip title="ارجاع درخواست">
<span> <span>
<IconButton color="info" onClick={onClick} disabled={disabled}> <IconButton color="info" onClick={onClick} disabled={disabled}>
<Reply /> <Reply />
</IconButton> </IconButton>
</span> </span>
</Tooltip> </Tooltip>
</> </>
); );
}; };
export default ReferralAction; export default ReferralAction;

36
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/RejectAction/index.jsx
View File

@@ -1,18 +1,18 @@
import ThumbDownIcon from "@mui/icons-material/ThumbDown"; import ThumbDownIcon from "@mui/icons-material/ThumbDown";
import { IconButton, Tooltip } from "@mui/material"; import { IconButton, Tooltip } from "@mui/material";
const RejectAction = ({ onClick, disabled }) => { const RejectAction = ({ onClick, disabled }) => {
if (disabled) return; if (disabled) return;
return ( return (
<> <>
<Tooltip title="عدم تایید اقدام"> <Tooltip title="عدم تایید اقدام">
<span> <span>
<IconButton color="error" onClick={onClick} disabled={disabled}> <IconButton color="error" onClick={onClick} disabled={disabled}>
<ThumbDownIcon /> <ThumbDownIcon />
</IconButton> </IconButton>
</span> </span>
</Tooltip> </Tooltip>
</> </>
); );
}; };
export default RejectAction; export default RejectAction;

64
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/RenderActionForm.jsx
View File

@@ -1,32 +1,32 @@
import { DialogContent } from "@mui/material"; import { DialogContent } from "@mui/material";
import ComputePaymentForm from "./Forms/ComputePaymentForm"; import ComputePaymentForm from "./Forms/ComputePaymentForm";
import ConfirmFileForm from "./Forms/ConfirmFileForm"; import ConfirmFileForm from "./Forms/ConfirmFileForm";
import ConfirmRequestForm from "./Forms/ConfirmRequestForm"; import ConfirmRequestForm from "./Forms/ConfirmRequestForm";
import ReferForm from "./Forms/ReferForm"; import ReferForm from "./Forms/ReferForm";
import RejectFileForm from "./Forms/RejectFileForm"; import RejectFileForm from "./Forms/RejectFileForm";
import RejectRequestForm from "./Forms/RejectRequestForm"; import RejectRequestForm from "./Forms/RejectRequestForm";
export default function RenderActionForm({ type, rowData, mutate, onClose }) { export default function RenderActionForm({ type, rowData, mutate, onClose }) {
const formType = `${type}_${rowData?.state_id}`; const formType = `${type}_${rowData?.state_id}`;
function renderForm() { function renderForm() {
switch (formType) { switch (formType) {
case "refer_request_2": case "refer_request_2":
return <ReferForm mutate={mutate} onClose={onClose} rowId={rowData.id} />; return <ReferForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "reject_request_2": case "reject_request_2":
return <RejectRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />; return <RejectRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "reject_request_5": case "reject_request_5":
return <RejectFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />; return <RejectFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_2": case "confirm_request_2":
return <ConfirmRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />; return <ConfirmRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_5": case "confirm_request_5":
return <ConfirmFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />; return <ConfirmFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_13": case "confirm_request_13":
return <ComputePaymentForm mutate={mutate} onClose={onClose} rowData={rowData} />; return <ComputePaymentForm mutate={mutate} onClose={onClose} rowData={rowData} />;
default: default:
return <></>; return <></>;
} }
} }
return <DialogContent>{renderForm()}</DialogContent>; return <DialogContent>{renderForm()}</DialogContent>;
} }

114
src/components/dashboard/inquiryPrivacy/privacy-office/RowActions/index.jsx
View File

@@ -1,57 +1,57 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import ActionDialog from "./ActionsDialog"; import ActionDialog from "./ActionsDialog";
import ConfirmAction from "./ConfirmAction"; import ConfirmAction from "./ConfirmAction";
import ReferralAction from "./ReferralAction"; import ReferralAction from "./ReferralAction";
import RejectAction from "./RejectAction"; import RejectAction from "./RejectAction";
import History from "./History"; import History from "./History";
const RowActions = ({ row: { original }, mutate }) => { const RowActions = ({ row: { original }, mutate }) => {
const [modal, setModal] = useState({ const [modal, setModal] = useState({
open: false, open: false,
type: null, // "reject_request" | "confirm_request" | "refer_request" type: null, // "reject_request" | "confirm_request" | "refer_request"
rowData: null, rowData: null,
}); });
const handleOpenModal = (type, rowData) => { const handleOpenModal = (type, rowData) => {
setModal({ open: true, type, rowData }); setModal({ open: true, type, rowData });
}; };
const handleCloseModal = () => { const handleCloseModal = () => {
setModal({ open: false, type: null, rowData: null }); setModal({ open: false, type: null, rowData: null });
}; };
const stateId = original.state_id; const stateId = original.state_id;
const disabled = { const disabled = {
referral: stateId !== 2, referral: stateId !== 2,
reject: stateId !== 2 && stateId !== 5, reject: stateId !== 2 && stateId !== 5,
confirm: stateId !== 2 && stateId !== 5 && stateId !== 13, confirm: stateId !== 2 && stateId !== 5 && stateId !== 13,
}; };
return ( return (
<> <>
<Box sx={{ display: "flex", gap: 1, justifyContent: "center" }}> <Box sx={{ display: "flex", gap: 1, justifyContent: "center" }}>
<History rowId={original.id} /> <History rowId={original.id} />
<ReferralAction <ReferralAction
onClick={() => handleOpenModal("refer_request", original)} onClick={() => handleOpenModal("refer_request", original)}
disabled={disabled.referral} disabled={disabled.referral}
/> />
<RejectAction onClick={() => handleOpenModal("reject_request", original)} disabled={disabled.reject} /> <RejectAction onClick={() => handleOpenModal("reject_request", original)} disabled={disabled.reject} />
<ConfirmAction <ConfirmAction
onClick={() => handleOpenModal("confirm_request", original)} onClick={() => handleOpenModal("confirm_request", original)}
disabled={disabled.confirm} disabled={disabled.confirm}
/> />
</Box> </Box>
<ActionDialog <ActionDialog
open={modal.open} open={modal.open}
type={modal.type} type={modal.type}
rowData={modal.rowData} rowData={modal.rowData}
onClose={handleCloseModal} onClose={handleCloseModal}
mutate={mutate} mutate={mutate}
/> />
</> </>
); );
}; };
export default RowActions; export default RowActions;

58
src/components/dashboard/inquiryPrivacy/privacy-office/ShowPrimaryArea/ShowBound.jsx
View File

@@ -1,29 +1,29 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet"; import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => { const ShowBound = ({ bound }) => {
const map = useMap(); const map = useMap();
const featureRef = useRef(null); const featureRef = useRef(null);
const safeFitBounds = (layer) => { const safeFitBounds = (layer) => {
if (!layer || !map) return; if (!layer || !map) return;
try { try {
const latLngs = layer.getLatLngs(); const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, { map.fitBounds(latLngs, {
paddingTopLeft: [20, 20], paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20], paddingBottomRight: [20, 20],
}); });
} catch (e) { } catch (e) {
console.warn("fitBounds failed:", e); console.warn("fitBounds failed:", e);
} }
}; };
useEffect(() => { useEffect(() => {
bound?.editing?.disable(); bound?.editing?.disable();
featureRef.current.addLayer(bound); featureRef.current.addLayer(bound);
safeFitBounds(bound); safeFitBounds(bound);
}, []); }, []);
return <FeatureGroup ref={featureRef} />; return <FeatureGroup ref={featureRef} />;
}; };
export default ShowBound; export default ShowBound;

58
src/components/dashboard/inquiryPrivacy/privacy-office/ShowPrimaryArea/ShowForbiddenBound.jsx
View File

@@ -1,29 +1,29 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet"; import { FeatureGroup, useMap } from "react-leaflet";
const ShowForbiddenBound = ({ bound }) => { const ShowForbiddenBound = ({ bound }) => {
const map = useMap(); const map = useMap();
const featureRef = useRef(null); const featureRef = useRef(null);
const safeFitBounds = (layer) => { const safeFitBounds = (layer) => {
if (!layer || !map) return; if (!layer || !map) return;
try { try {
const latLngs = layer.getLatLngs(); const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, { map.fitBounds(latLngs, {
paddingTopLeft: [20, 20], paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20], paddingBottomRight: [20, 20],
}); });
} catch (e) { } catch (e) {
console.warn("fitBounds failed:", e); console.warn("fitBounds failed:", e);
} }
}; };
useEffect(() => { useEffect(() => {
bound?.editing?.disable(); bound?.editing?.disable();
featureRef.current.addLayer(bound); featureRef.current.addLayer(bound);
safeFitBounds(bound); safeFitBounds(bound);
}, []); }, []);
return <FeatureGroup ref={featureRef} />; return <FeatureGroup ref={featureRef} />;
}; };
export default ShowForbiddenBound; export default ShowForbiddenBound;

140
src/components/dashboard/inquiryPrivacy/privacy-office/ShowPrimaryArea/index.jsx
View File

@@ -1,70 +1,70 @@
const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material"); const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material");
import MapLayer from "@/core/components/MapLayer"; import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers"; import LayersIcon from "@mui/icons-material/Layers";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import ShowBound from "./ShowBound"; import ShowBound from "./ShowBound";
import ShowForbiddenBound from "./ShowForbiddenBound"; import ShowForbiddenBound from "./ShowForbiddenBound";
const ShowPrimaryArea = ({ primaryArea, forbiddenArea }) => { const ShowPrimaryArea = ({ primaryArea, forbiddenArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false); const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => { const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]); const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords); return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [primaryArea]); }, [primaryArea]);
const forbiddenBound = useMemo(() => { const forbiddenBound = useMemo(() => {
const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]); const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]);
return forbiddenArea.type === "polygon" return forbiddenArea.type === "polygon"
? L.polygon(latLngCoords, { ? L.polygon(latLngCoords, {
color: "#ff5555", color: "#ff5555",
}) })
: L.polyline(latLngCoords); : L.polyline(latLngCoords);
}, [forbiddenArea]); }, [forbiddenArea]);
return ( return (
<Box> <Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow> <Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}> <IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon /> <LayersIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
open={openShowAreaDialog} open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)} onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{ PaperProps={{
sx: { sx: {
transition: "all .3s", transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2, borderRadius: 2,
padding: 1, padding: 1,
}, },
}} }}
maxWidth="sm" maxWidth="sm"
fullWidth fullWidth
dir="rtl" dir="rtl"
> >
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}> <DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}> <Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح محدوده طرح
</Typography> </Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small"> <IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
</DialogTitle> </DialogTitle>
<DialogContent> <DialogContent>
<Box sx={{ flex: 1 }}> <Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}> <Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}> <MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} /> <ShowBound bound={bound} />
<ShowForbiddenBound bound={forbiddenBound} /> <ShowForbiddenBound bound={forbiddenBound} />
</MapLayer> </MapLayer>
</Box> </Box>
</Box> </Box>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</Box> </Box>
); );
}; };
export default ShowPrimaryArea; export default ShowPrimaryArea;

28
src/components/dashboard/inquiryPrivacy/privacy-office/index.jsx
View File

@@ -1,14 +1,14 @@
"use client"; "use client";
import PageTitle from "@/core/components/PageTitle"; import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material"; import { Stack } from "@mui/material";
import PrivacyOfficeList from "./PrivacyOfficeList"; import PrivacyOfficeList from "./PrivacyOfficeList";
const PrivacyOfficePage = () => { const PrivacyOfficePage = () => {
return ( return (
<Stack spacing={1}> <Stack spacing={1}>
<PageTitle title={"کارتابل اداره حریم استعلام حریم"} /> <PageTitle title={"کارتابل اداره حریم استعلام حریم"} />
<PrivacyOfficeList /> <PrivacyOfficeList />
</Stack> </Stack>
); );
}; };
export default PrivacyOfficePage; export default PrivacyOfficePage;

86
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/ConfirmRoadSafetyDialog.jsx
View File

@@ -1,43 +1,43 @@
import DialogLoading from "@/core/components/DialogLoading"; import DialogLoading from "@/core/components/DialogLoading";
import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes"; import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material"; import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext"; import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => { const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [data, setData] = useState(null); const [data, setData] = useState(null);
const request = useRequest(); const request = useRequest();
useEffect(() => { useEffect(() => {
const fetchData = async () => { const fetchData = async () => {
try { try {
setLoading(true); setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`); const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data); setData(response.data.data);
} catch (error) { } catch (error) {
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; };
fetchData(); fetchData();
}, [rowId]); }, [rowId]);
return ( return (
<> <>
<DialogTitle>تاییدیه ایمنی راه</DialogTitle> <DialogTitle>تاییدیه ایمنی راه</DialogTitle>
{loading ? ( {loading ? (
<DialogLoading loadingOpen={loading} /> <DialogLoading loadingOpen={loading} />
) : data ? ( ) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} /> <ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : ( ) : (
<DialogContent> <DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography> <Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent> </DialogContent>
)} )}
</> </>
); );
}; };
export default ConfirmRoadSafetyDialog; export default ConfirmRoadSafetyDialog;

128
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/ConfirmRoadSafetyFormContext.jsx
View File

@@ -1,64 +1,64 @@
import { useState } from "react"; import { useState } from "react";
import { Box, TextField, Button, CircularProgress, Alert, DialogContent } from "@mui/material"; import { Box, TextField, Button, CircularProgress, Alert, DialogContent } from "@mui/material";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { CONFIRM_ROAD_SAFETY_FORM } from "@/core/utils/routes"; import { CONFIRM_ROAD_SAFETY_FORM } from "@/core/utils/routes";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => { const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true }); const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState(""); const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [error, setError] = useState(null); const [error, setError] = useState(null);
const [success, setSuccess] = useState(false); const [success, setSuccess] = useState(false);
const handleSubmit = async () => { const handleSubmit = async () => {
if (!description.trim()) { if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید"); setError("لطفاً توضیحات را وارد کنید");
return; return;
} }
setLoading(true); setLoading(true);
setError(null); setError(null);
setSuccess(false); setSuccess(false);
try { try {
const res = await requestServer(`${CONFIRM_ROAD_SAFETY_FORM}/${rowId}`, "post", { const res = await requestServer(`${CONFIRM_ROAD_SAFETY_FORM}/${rowId}`, "post", {
data: { data: {
expert_description: description, expert_description: description,
}, },
}); });
setSuccess(true); setSuccess(true);
mutate(); mutate();
setDescription(""); setDescription("");
handleClose(); handleClose();
} catch (err) { } catch (err) {
setError(err.message); setError(err.message);
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; };
return ( return (
<DialogContent> <DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}> <Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>} {error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>} {success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField <TextField
label="توضیحات" label="توضیحات"
multiline multiline
rows={3} rows={3}
value={description} value={description}
onChange={(e) => setDescription(e.target.value)} onChange={(e) => setDescription(e.target.value)}
fullWidth fullWidth
/> />
<Button variant="contained" onClick={handleSubmit} disabled={loading}> <Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"} {loading ? <CircularProgress size={22} /> : "ثبت"}
</Button> </Button>
</Box> </Box>
</DialogContent> </DialogContent>
); );
}; };
export default ConfirmRoadSafetyFormContext; export default ConfirmRoadSafetyFormContext;

58
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/Questions/DescriptionForm.jsx
View File

@@ -1,29 +1,29 @@
import { Stack, TextField } from "@mui/material"; import { Stack, TextField } from "@mui/material";
import { Controller } from "react-hook-form"; import { Controller } from "react-hook-form";
const DescriptionForm = ({ control }) => { const DescriptionForm = ({ control }) => {
return ( return (
<Stack sx={{ mt: 1 }}> <Stack sx={{ mt: 1 }}>
<Controller <Controller
name="description" name="description"
control={control} control={control}
render={({ field, fieldState: { error } }) => ( render={({ field, fieldState: { error } }) => (
<TextField <TextField
{...field} {...field}
multiline multiline
rows={8} rows={8}
label="توضیحات" label="توضیحات"
placeholder="لطفاً توضیحات خود را توضیح دهید" placeholder="لطفاً توضیحات خود را توضیح دهید"
error={!!error} error={!!error}
helperText={error?.message} helperText={error?.message}
fullWidth fullWidth
variant="outlined" variant="outlined"
sx={{ mt: 1 }} sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }} InputLabelProps={{ shrink: true }}
/> />
)} )}
/> />
</Stack> </Stack>
); );
}; };
export default DescriptionForm; export default DescriptionForm;

58
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/Questions/QuestionVerifyNeedRoadForm.jsx
View File

@@ -1,29 +1,29 @@
import { Card, CardContent, Stack, Typography } from "@mui/material"; import { Card, CardContent, Stack, Typography } from "@mui/material";
const QuestionVerifyNeedRoadForm = ({ row }) => { const QuestionVerifyNeedRoadForm = ({ row }) => {
return ( return (
<Stack sx={{ py: 1 }}> <Stack sx={{ py: 1 }}>
<Card <Card
variant="outlined" variant="outlined"
sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }} sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }}
> >
<CardContent> <CardContent>
<Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}> <Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}>
آیا نیاز به راه دسترسی است؟ آیا نیاز به راه دسترسی است؟
</Typography> </Typography>
<Stack <Stack
sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }} sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }}
spacing={1} spacing={1}
direction={"row"} direction={"row"}
> >
<Typography variant={"subtitle2"}>دفتر حریم راه : </Typography> <Typography variant={"subtitle2"}>دفتر حریم راه : </Typography>
<Typography variant={"h5"} fontWeight={"bolder"}> <Typography variant={"h5"} fontWeight={"bolder"}>
{row.original.need_road_access == 1 ? "بله" : "خیر"} {row.original.need_road_access == 1 ? "بله" : "خیر"}
</Typography> </Typography>
</Stack> </Stack>
</CardContent> </CardContent>
</Card> </Card>
</Stack> </Stack>
); );
}; };
export default QuestionVerifyNeedRoadForm; export default QuestionVerifyNeedRoadForm;

58
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/Questions/QuestionVerifyRoadSafetyForm.jsx
View File

@@ -1,29 +1,29 @@
import { Card, CardContent, Stack, Typography } from "@mui/material"; import { Card, CardContent, Stack, Typography } from "@mui/material";
const QuestionVerifyRoadSafetyForm = ({ row }) => { const QuestionVerifyRoadSafetyForm = ({ row }) => {
return ( return (
<Stack sx={{ py: 1 }}> <Stack sx={{ py: 1 }}>
<Card <Card
variant="outlined" variant="outlined"
sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }} sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }}
> >
<CardContent> <CardContent>
<Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}> <Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}>
آیا ایمنی راه این طرح مورد تایید است؟ آیا ایمنی راه این طرح مورد تایید است؟
</Typography> </Typography>
<Stack <Stack
sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }} sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }}
spacing={1} spacing={1}
direction={"row"} direction={"row"}
> >
<Typography variant={"subtitle2"}>دفتر حریم راه : </Typography> <Typography variant={"subtitle2"}>دفتر حریم راه : </Typography>
<Typography variant={"h5"} fontWeight={"bolder"}> <Typography variant={"h5"} fontWeight={"bolder"}>
{row.original.is_possible == 1 ? "بله" : "خیر"} {row.original.is_possible == 1 ? "بله" : "خیر"}
</Typography> </Typography>
</Stack> </Stack>
</CardContent> </CardContent>
</Card> </Card>
</Stack> </Stack>
); );
}; };
export default QuestionVerifyRoadSafetyForm; export default QuestionVerifyRoadSafetyForm;

156
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/Questions/Refer/Form.jsx
View File

@@ -1,78 +1,78 @@
import StyledForm from "@/core/components/StyledForm"; import StyledForm from "@/core/components/StyledForm";
import { REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes"; import { REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup"; import { yupResolver } from "@hookform/resolvers/yup";
import { Button, DialogActions, DialogContent, Stack, TextField } from "@mui/material"; import { Button, DialogActions, DialogContent, Stack, TextField } from "@mui/material";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup"; import { object, string } from "yup";
const validationSchema = object({ const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"), description: string().required("وارد کردن توضیحات الزامیست!"),
}); });
const defaultValues = { const defaultValues = {
description: "", description: "",
}; };
const ReferForm = ({ rowId, mutate, handleClose, setOpenReferDialog }) => { const ReferForm = ({ rowId, mutate, handleClose, setOpenReferDialog }) => {
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { isSubmitting }, formState: { isSubmitting },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" }); } = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" });
const onSubmit = async (data) => { const onSubmit = async (data) => {
await requestServer(`${REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", { await requestServer(`${REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", {
data: { data: {
expert_description: data.description, expert_description: data.description,
}, },
}) })
.then(() => { .then(() => {
handleClose(); handleClose();
setOpenReferDialog(false); setOpenReferDialog(false);
mutate(); mutate();
}) })
.catch(() => {}); .catch(() => {});
}; };
return ( return (
<> <>
<DialogContent dividers> <DialogContent dividers>
<Stack sx={{ mt: 1 }}> <Stack sx={{ mt: 1 }}>
<Controller <Controller
name="description" name="description"
control={control} control={control}
render={({ field, fieldState: { error } }) => ( render={({ field, fieldState: { error } }) => (
<TextField <TextField
{...field} {...field}
multiline multiline
rows={4} rows={4}
label="دلیل مخالفت" label="دلیل مخالفت"
placeholder="لطفاً دلیل مخالفت خود را توضیح دهید" placeholder="لطفاً دلیل مخالفت خود را توضیح دهید"
error={!!error} error={!!error}
helperText={error?.message} helperText={error?.message}
fullWidth fullWidth
variant="outlined" variant="outlined"
sx={{ mt: 1 }} sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }} InputLabelProps={{ shrink: true }}
/> />
)} )}
/> />
</Stack> </Stack>
</DialogContent> </DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "center" }}> <DialogActions sx={{ alignItems: "center", justifyContent: "center" }}>
<Button <Button
variant="contained" variant="contained"
size="large" size="large"
disabled={isSubmitting} disabled={isSubmitting}
type="button" type="button"
onClick={handleSubmit(onSubmit)} onClick={handleSubmit(onSubmit)}
> >
ثبت ثبت
</Button> </Button>
</DialogActions> </DialogActions>
</> </>
); );
}; };
export default ReferForm; export default ReferForm;

108
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/Questions/Refer/index.jsx
View File

@@ -1,54 +1,54 @@
import { Close } from "@mui/icons-material"; import { Close } from "@mui/icons-material";
import { Button, Dialog, DialogTitle, IconButton } from "@mui/material"; import { Button, Dialog, DialogTitle, IconButton } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import ReferForm from "./Form"; import ReferForm from "./Form";
const Refer = ({ rowId, mutate, handleClose, isSubmitting }) => { const Refer = ({ rowId, mutate, handleClose, isSubmitting }) => {
const [openReferDialog, setOpenReferDialog] = useState(false); const [openReferDialog, setOpenReferDialog] = useState(false);
return ( return (
<> <>
<Button <Button
onClick={() => setOpenReferDialog(true)} onClick={() => setOpenReferDialog(true)}
variant="contained" variant="contained"
color="error" color="error"
disabled={isSubmitting} disabled={isSubmitting}
size="large" size="large"
> >
مخالفت مخالفت
</Button> </Button>
<Dialog <Dialog
open={openReferDialog} open={openReferDialog}
onClose={() => { onClose={() => {
setOpenReferDialog(false); setOpenReferDialog(false);
}} }}
maxWidth="xs" maxWidth="xs"
fullWidth fullWidth
> >
<IconButton <IconButton
aria-label="close" aria-label="close"
onClick={() => setOpenReferDialog(false)} onClick={() => setOpenReferDialog(false)}
sx={{ sx={{
position: "absolute", position: "absolute",
right: 8, right: 8,
top: 8, top: 8,
zIndex: 10, zIndex: 10,
color: (theme) => theme.palette.grey[500], color: (theme) => theme.palette.grey[500],
}} }}
> >
<Close /> <Close />
</IconButton> </IconButton>
<DialogTitle>مخالفت و ارجاع به دفتر حریم</DialogTitle> <DialogTitle>مخالفت و ارجاع به دفتر حریم</DialogTitle>
{openReferDialog && ( {openReferDialog && (
<ReferForm <ReferForm
handleClose={handleClose} handleClose={handleClose}
setOpenReferDialog={setOpenReferDialog} setOpenReferDialog={setOpenReferDialog}
rowId={rowId} rowId={rowId}
mutate={mutate} mutate={mutate}
/> />
)} )}
</Dialog> </Dialog>
</> </>
); );
}; };
export default Refer; export default Refer;

144
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/Questions/index.jsx
View File

@@ -1,72 +1,72 @@
import StyledForm from "@/core/components/StyledForm"; import StyledForm from "@/core/components/StyledForm";
import { CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes"; import { CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup"; import { yupResolver } from "@hookform/resolvers/yup";
import { Button, DialogActions, DialogContent, Stack } from "@mui/material"; import { Button, DialogActions, DialogContent, Stack } from "@mui/material";
import { useForm } from "react-hook-form"; import { useForm } from "react-hook-form";
import { object, string } from "yup"; import { object, string } from "yup";
import QuestionVerifyNeedRoadForm from "./QuestionVerifyNeedRoadForm"; import QuestionVerifyNeedRoadForm from "./QuestionVerifyNeedRoadForm";
import QuestionVerifyRoadSafetyForm from "./QuestionVerifyRoadSafetyForm"; import QuestionVerifyRoadSafetyForm from "./QuestionVerifyRoadSafetyForm";
import Refer from "./Refer"; import Refer from "./Refer";
import DescriptionForm from "./DescriptionForm"; import DescriptionForm from "./DescriptionForm";
const validationSchema = object({ const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"), description: string().required("وارد کردن توضیحات الزامیست!"),
}); });
const defaultValues = { const defaultValues = {
description: "", description: "",
}; };
const Questions = ({ row, rowId, mutate, handleClose, handlePrev }) => { const Questions = ({ row, rowId, mutate, handleClose, handlePrev }) => {
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { isSubmitting }, formState: { isSubmitting },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" }); } = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" });
const onSubmit = async (data) => { const onSubmit = async (data) => {
await requestServer(`${CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", { await requestServer(`${CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", {
data: { data: {
expert_description: data.description, expert_description: data.description,
}, },
}) })
.then(() => { .then(() => {
handleClose(); handleClose();
mutate(); mutate();
}) })
.catch(() => {}); .catch(() => {});
}; };
return ( return (
<StyledForm onSubmit={handleSubmit(onSubmit)}> <StyledForm onSubmit={handleSubmit(onSubmit)}>
<DialogContent dividers> <DialogContent dividers>
<Stack> <Stack>
<QuestionVerifyRoadSafetyForm row={row} /> <QuestionVerifyRoadSafetyForm row={row} />
<QuestionVerifyNeedRoadForm row={row} /> <QuestionVerifyNeedRoadForm row={row} />
<DescriptionForm control={control} /> <DescriptionForm control={control} />
</Stack> </Stack>
</DialogContent> </DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "space-between" }}> <DialogActions sx={{ alignItems: "center", justifyContent: "space-between" }}>
<Stack spacing={1} direction={"row"}> <Stack spacing={1} direction={"row"}>
<Button <Button
onClick={handlePrev} onClick={handlePrev}
variant="outlined" variant="outlined"
color="secondary" color="secondary"
disabled={isSubmitting} disabled={isSubmitting}
size="large" size="large"
> >
{"مرحله قبلی"} {"مرحله قبلی"}
</Button> </Button>
<Refer rowId={rowId} mutate={mutate} handleClose={handleClose} isSubmitting={isSubmitting} /> <Refer rowId={rowId} mutate={mutate} handleClose={handleClose} isSubmitting={isSubmitting} />
</Stack> </Stack>
<Button variant="contained" size="large" disabled={isSubmitting} type="submit"> <Button variant="contained" size="large" disabled={isSubmitting} type="submit">
موافقت و ارجاع موافقت و ارجاع
</Button> </Button>
</DialogActions> </DialogActions>
</StyledForm> </StyledForm>
); );
}; };
export default Questions; export default Questions;

102
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmRoadSafetyForm/index.jsx
View File

@@ -1,51 +1,51 @@
import { Close, Engineering } from "@mui/icons-material"; import { Close, Engineering } from "@mui/icons-material";
import { Dialog, IconButton, Stack, Tooltip } from "@mui/material"; import { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog"; import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmRoadSafetyForm = ({ row, rowId, mutate }) => { const ConfirmRoadSafetyForm = ({ row, rowId, mutate }) => {
const [openConfirmRoadSafetyForm, setOpenConfirmRoadSafetyForm] = useState(false); const [openConfirmRoadSafetyForm, setOpenConfirmRoadSafetyForm] = useState(false);
const openRoadSafetyDialog = () => { const openRoadSafetyDialog = () => {
setOpenConfirmRoadSafetyForm(true); setOpenConfirmRoadSafetyForm(true);
}; };
const handleClose = () => { const handleClose = () => {
setOpenConfirmRoadSafetyForm(false); setOpenConfirmRoadSafetyForm(false);
}; };
return ( return (
<Stack> <Stack>
<Tooltip title="تاییدیه ایمنی راه" arrow placement="right"> <Tooltip title="تاییدیه ایمنی راه" arrow placement="right">
<IconButton <IconButton
color="primary" color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }} sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => { onClick={() => {
openRoadSafetyDialog(); openRoadSafetyDialog();
}} }}
> >
<Engineering /> <Engineering />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog open={openConfirmRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth> <Dialog open={openConfirmRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton <IconButton
aria-label="close" aria-label="close"
onClick={() => handleClose()} onClick={() => handleClose()}
sx={{ sx={{
position: "absolute", position: "absolute",
right: 8, right: 8,
top: 8, top: 8,
zIndex: 10, zIndex: 10,
color: (theme) => theme.palette.grey[500], color: (theme) => theme.palette.grey[500],
}} }}
> >
<Close /> <Close />
</IconButton> </IconButton>
{openConfirmRoadSafetyForm && ( {openConfirmRoadSafetyForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} /> <ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)} )}
</Dialog> </Dialog>
</Stack> </Stack>
); );
}; };
export default ConfirmRoadSafetyForm; export default ConfirmRoadSafetyForm;

86
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmVerifyLicenseForm/ConfirmRoadSafetyDialog.jsx
View File

@@ -1,43 +1,43 @@
import DialogLoading from "@/core/components/DialogLoading"; import DialogLoading from "@/core/components/DialogLoading";
import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes"; import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material"; import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext"; import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ handleClose, rowId, mutate }) => { const ConfirmRoadSafetyDialog = ({ handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [data, setData] = useState(null); const [data, setData] = useState(null);
const request = useRequest(); const request = useRequest();
useEffect(() => { useEffect(() => {
const fetchData = async () => { const fetchData = async () => {
try { try {
setLoading(true); setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`); const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data); setData(response.data.data);
} catch (error) { } catch (error) {
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; };
fetchData(); fetchData();
}, [rowId]); }, [rowId]);
return ( return (
<> <>
<DialogTitle>تاییدیه ضمانت نامه ها</DialogTitle> <DialogTitle>تاییدیه ضمانت نامه ها</DialogTitle>
{loading ? ( {loading ? (
<DialogLoading loadingOpen={loading} /> <DialogLoading loadingOpen={loading} />
) : data ? ( ) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} /> <ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : ( ) : (
<DialogContent> <DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography> <Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent> </DialogContent>
)} )}
</> </>
); );
}; };
export default ConfirmRoadSafetyDialog; export default ConfirmRoadSafetyDialog;

126
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmVerifyLicenseForm/ConfirmRoadSafetyFormContext.jsx
View File

@@ -1,63 +1,63 @@
import { Alert, Box, Button, CircularProgress, DialogContent, TextField } from "@mui/material"; import { Alert, Box, Button, CircularProgress, DialogContent, TextField } from "@mui/material";
import { CONFIRM_VERIFY_LICENSE_FORM } from "@/core/utils/routes"; import { CONFIRM_VERIFY_LICENSE_FORM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { useState } from "react"; import { useState } from "react";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => { const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true }); const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState(""); const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [error, setError] = useState(null); const [error, setError] = useState(null);
const [success, setSuccess] = useState(false); const [success, setSuccess] = useState(false);
const handleSubmit = async () => { const handleSubmit = async () => {
if (!description.trim()) { if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید"); setError("لطفاً توضیحات را وارد کنید");
return; return;
} }
setLoading(true); setLoading(true);
setError(null); setError(null);
setSuccess(false); setSuccess(false);
try { try {
const res = await requestServer(`${CONFIRM_VERIFY_LICENSE_FORM}/${rowId}`, "post", { const res = await requestServer(`${CONFIRM_VERIFY_LICENSE_FORM}/${rowId}`, "post", {
data: { data: {
expert_description: description, expert_description: description,
}, },
}); });
setSuccess(true); setSuccess(true);
mutate(); mutate();
setDescription(""); setDescription("");
handleClose(); handleClose();
} catch (err) { } catch (err) {
setError(err.message); setError(err.message);
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; };
return ( return (
<DialogContent> <DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}> <Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>} {error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>} {success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField <TextField
label="توضیحات" label="توضیحات"
multiline multiline
rows={3} rows={3}
value={description} value={description}
onChange={(e) => setDescription(e.target.value)} onChange={(e) => setDescription(e.target.value)}
fullWidth fullWidth
/> />
<Button variant="contained" onClick={handleSubmit} disabled={loading}> <Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"} {loading ? <CircularProgress size={22} /> : "ثبت"}
</Button> </Button>
</Box> </Box>
</DialogContent> </DialogContent>
); );
}; };
export default ConfirmRoadSafetyFormContext; export default ConfirmRoadSafetyFormContext;

102
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmVerifyLicenseForm/index.jsx
View File

@@ -1,51 +1,51 @@
import { Close, ThumbUp } from "@mui/icons-material"; import { Close, ThumbUp } from "@mui/icons-material";
import { Dialog, IconButton, Stack, Tooltip } from "@mui/material"; import { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog"; import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmVerifyLicenseForm = ({ row, rowId, mutate }) => { const ConfirmVerifyLicenseForm = ({ row, rowId, mutate }) => {
const [openConfirmVerifyLicenseForm, setOpenConfirmVerifyLicenseForm] = useState(false); const [openConfirmVerifyLicenseForm, setOpenConfirmVerifyLicenseForm] = useState(false);
const openConfirmVerifyLicenseFormDialog = () => { const openConfirmVerifyLicenseFormDialog = () => {
setOpenConfirmVerifyLicenseForm(true); setOpenConfirmVerifyLicenseForm(true);
}; };
const handleClose = () => { const handleClose = () => {
setOpenConfirmVerifyLicenseForm(false); setOpenConfirmVerifyLicenseForm(false);
}; };
return ( return (
<Stack> <Stack>
<Tooltip title="تاییدیه ضمانت نامه ها" arrow placement="right"> <Tooltip title="تاییدیه ضمانت نامه ها" arrow placement="right">
<IconButton <IconButton
color="primary" color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }} sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => { onClick={() => {
openConfirmVerifyLicenseFormDialog(); openConfirmVerifyLicenseFormDialog();
}} }}
> >
<ThumbUp /> <ThumbUp />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog open={openConfirmVerifyLicenseForm} onClose={handleClose} maxWidth="sm" fullWidth> <Dialog open={openConfirmVerifyLicenseForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton <IconButton
aria-label="close" aria-label="close"
onClick={() => handleClose()} onClick={() => handleClose()}
sx={{ sx={{
position: "absolute", position: "absolute",
right: 8, right: 8,
top: 8, top: 8,
zIndex: 10, zIndex: 10,
color: (theme) => theme.palette.grey[500], color: (theme) => theme.palette.grey[500],
}} }}
> >
<Close /> <Close />
</IconButton> </IconButton>
{openConfirmVerifyLicenseForm && ( {openConfirmVerifyLicenseForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} /> <ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)} )}
</Dialog> </Dialog>
</Stack> </Stack>
); );
}; };
export default ConfirmVerifyLicenseForm; export default ConfirmVerifyLicenseForm;

86
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmVerifyRoadSafetyForm/ConfirmRoadSafetyDialog.jsx
View File

@@ -1,43 +1,43 @@
import DialogLoading from "@/core/components/DialogLoading"; import DialogLoading from "@/core/components/DialogLoading";
import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes"; import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material"; import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext"; import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => { const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [data, setData] = useState(null); const [data, setData] = useState(null);
const request = useRequest(); const request = useRequest();
useEffect(() => { useEffect(() => {
const fetchData = async () => { const fetchData = async () => {
try { try {
setLoading(true); setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`); const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data); setData(response.data.data);
} catch (error) { } catch (error) {
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; };
fetchData(); fetchData();
}, [rowId]); }, [rowId]);
return ( return (
<> <>
<DialogTitle>تاییدیه دسترسی راه</DialogTitle> <DialogTitle>تاییدیه دسترسی راه</DialogTitle>
{loading ? ( {loading ? (
<DialogLoading loadingOpen={loading} /> <DialogLoading loadingOpen={loading} />
) : data ? ( ) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} /> <ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : ( ) : (
<DialogContent> <DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography> <Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent> </DialogContent>
)} )}
</> </>
); );
}; };
export default ConfirmRoadSafetyDialog; export default ConfirmRoadSafetyDialog;

126
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmVerifyRoadSafetyForm/ConfirmRoadSafetyFormContext.jsx
View File

@@ -1,63 +1,63 @@
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { useState } from "react"; import { useState } from "react";
import { CONFIRM_VERIFY_ROAD_SAFETY_FORM } from "@/core/utils/routes"; import { CONFIRM_VERIFY_ROAD_SAFETY_FORM } from "@/core/utils/routes";
import { Alert, Box, Button, CircularProgress, DialogContent, TextField } from "@mui/material"; import { Alert, Box, Button, CircularProgress, DialogContent, TextField } from "@mui/material";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => { const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true }); const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState(""); const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [error, setError] = useState(null); const [error, setError] = useState(null);
const [success, setSuccess] = useState(false); const [success, setSuccess] = useState(false);
const handleSubmit = async () => { const handleSubmit = async () => {
if (!description.trim()) { if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید"); setError("لطفاً توضیحات را وارد کنید");
return; return;
} }
setLoading(true); setLoading(true);
setError(null); setError(null);
setSuccess(false); setSuccess(false);
try { try {
const res = await requestServer(`${CONFIRM_VERIFY_ROAD_SAFETY_FORM}/${rowId}`, "post", { const res = await requestServer(`${CONFIRM_VERIFY_ROAD_SAFETY_FORM}/${rowId}`, "post", {
data: { data: {
expert_description: description, expert_description: description,
}, },
}); });
setSuccess(true); setSuccess(true);
mutate(); mutate();
setDescription(""); setDescription("");
handleClose(); handleClose();
} catch (err) { } catch (err) {
setError(err.message); setError(err.message);
} finally { } finally {
setLoading(false); setLoading(false);
} }
}; };
return ( return (
<DialogContent> <DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}> <Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>} {error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>} {success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField <TextField
label="توضیحات" label="توضیحات"
multiline multiline
rows={3} rows={3}
value={description} value={description}
onChange={(e) => setDescription(e.target.value)} onChange={(e) => setDescription(e.target.value)}
fullWidth fullWidth
/> />
<Button variant="contained" onClick={handleSubmit} disabled={loading}> <Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"} {loading ? <CircularProgress size={22} /> : "ثبت"}
</Button> </Button>
</Box> </Box>
</DialogContent> </DialogContent>
); );
}; };
export default ConfirmRoadSafetyFormContext; export default ConfirmRoadSafetyFormContext;

102
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/ConfirmVerifyRoadSafetyForm/index.jsx
View File

@@ -1,51 +1,51 @@
import { Close, DoneAll } from "@mui/icons-material"; import { Close, DoneAll } from "@mui/icons-material";
import { Dialog, IconButton, Stack, Tooltip } from "@mui/material"; import { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog"; import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmVerifyRoadSafetyForm = ({ row, rowId, mutate }) => { const ConfirmVerifyRoadSafetyForm = ({ row, rowId, mutate }) => {
const [openConfirmVerifyRoadSafetyForm, setOpenConfirmVerifyRoadSafetyForm] = useState(false); const [openConfirmVerifyRoadSafetyForm, setOpenConfirmVerifyRoadSafetyForm] = useState(false);
const openConfirmVerifyRoadSafetyDialog = () => { const openConfirmVerifyRoadSafetyDialog = () => {
setOpenConfirmVerifyRoadSafetyForm(true); setOpenConfirmVerifyRoadSafetyForm(true);
}; };
const handleClose = () => { const handleClose = () => {
setOpenConfirmVerifyRoadSafetyForm(false); setOpenConfirmVerifyRoadSafetyForm(false);
}; };
return ( return (
<Stack> <Stack>
<Tooltip title="تاییدیه دسترسی راه" arrow placement="right"> <Tooltip title="تاییدیه دسترسی راه" arrow placement="right">
<IconButton <IconButton
color="primary" color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }} sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => { onClick={() => {
openConfirmVerifyRoadSafetyDialog(); openConfirmVerifyRoadSafetyDialog();
}} }}
> >
<DoneAll /> <DoneAll />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog open={openConfirmVerifyRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth> <Dialog open={openConfirmVerifyRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton <IconButton
aria-label="close" aria-label="close"
onClick={() => handleClose()} onClick={() => handleClose()}
sx={{ sx={{
position: "absolute", position: "absolute",
right: 8, right: 8,
top: 8, top: 8,
zIndex: 10, zIndex: 10,
color: (theme) => theme.palette.grey[500], color: (theme) => theme.palette.grey[500],
}} }}
> >
<Close /> <Close />
</IconButton> </IconButton>
{openConfirmVerifyRoadSafetyForm && ( {openConfirmVerifyRoadSafetyForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} /> <ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)} )}
</Dialog> </Dialog>
</Stack> </Stack>
); );
}; };
export default ConfirmVerifyRoadSafetyForm; export default ConfirmVerifyRoadSafetyForm;

34
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/History/HistoryContent.jsx
View File

@@ -1,17 +1,17 @@
import { Button, DialogActions, DialogContent } from "@mui/material"; import { Button, DialogActions, DialogContent } from "@mui/material";
import TableContent from "./TableContent"; import TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => { const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return ( return (
<> <>
<DialogContent> <DialogContent>
<TableContent rowId={rowId} /> <TableContent rowId={rowId} />
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus> <Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن بستن
</Button> </Button>
</DialogActions> </DialogActions>
</> </>
); );
}; };
export default HistoryContent; export default HistoryContent;

132
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/History/TableContent.jsx
View File

@@ -1,66 +1,66 @@
import { import {
Box, Box,
Table, Table,
TableBody, TableBody,
TableCell, TableCell,
TableContainer, TableContainer,
TableHead, TableHead,
TableRow, TableRow,
CircularProgress, CircularProgress,
Typography, Typography,
} from "@mui/material"; } from "@mui/material";
import "moment/locale/fa"; import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory"; import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => { const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId); const { historyData, loading, error } = useHistory(rowId);
if (loading) { if (loading) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress /> <CircularProgress />
</Box> </Box>
); );
} }
if (error) { if (error) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography> <Typography color="error">{error}</Typography>
</Box> </Box>
); );
} }
if (!historyData.length) { if (!historyData.length) {
return ( return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}> <Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography> <Typography>اطلاعاتی وجود ندارد</Typography>
</Box> </Box>
); );
} }
return ( return (
<Box> <Box>
<TableContainer sx={{ maxHeight: 600 }}> <TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}> <Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableCell>وضعیت</TableCell> <TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell> <TableCell>توضیحات کارشناس</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{historyData.map((row) => ( {historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}> <TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell> <TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell> <TableCell>{row.expert_description}</TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</TableContainer> </TableContainer>
</Box> </Box>
); );
}; };
export default TableContent; export default TableContent;

66
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/History/index.jsx
View File

@@ -1,33 +1,33 @@
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material"; import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material"; import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent"; import HistoryContent from "./HistoryContent";
import { useState } from "react"; import { useState } from "react";
const History = ({ rowId }) => { const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false); const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return ( return (
<> <>
<Tooltip title="تاریخچه"> <Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}> <IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage /> <RestorePage />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
fullWidth fullWidth
maxWidth={"md"} maxWidth={"md"}
open={openReferReasonDialog} open={openReferReasonDialog}
PaperProps={{ PaperProps={{
sx: { sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
}, },
}} }}
> >
<DialogTitle>تاریخچه</DialogTitle> <DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} /> <HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog> </Dialog>
</> </>
); );
}; };
export default History; export default History;

46
src/components/dashboard/inquiryPrivacy/technical-deputy/RowActions/index.jsx
View File

@@ -1,23 +1,23 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import ConfirmRoadSafetyForm from "./ConfirmRoadSafetyForm"; import ConfirmRoadSafetyForm from "./ConfirmRoadSafetyForm";
import ConfirmVerifyRoadSafetyForm from "./ConfirmVerifyRoadSafetyForm"; import ConfirmVerifyRoadSafetyForm from "./ConfirmVerifyRoadSafetyForm";
import ConfirmVerifyLicenseForm from "./ConfirmVerifyLicenseForm"; import ConfirmVerifyLicenseForm from "./ConfirmVerifyLicenseForm";
import History from "./History"; import History from "./History";
const RowActions = ({ row, mutate }) => { const RowActions = ({ row, mutate }) => {
return ( return (
<Box sx={{ display: "flex", gap: 1 }}> <Box sx={{ display: "flex", gap: 1 }}>
<History rowId={row.original.id} /> <History rowId={row.original.id} />
{row.original.state_id == 3 && ( {row.original.state_id == 3 && (
<ConfirmRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} /> <ConfirmRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)} )}
{row.original.state_id == 6 && ( {row.original.state_id == 6 && (
<ConfirmVerifyRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} /> <ConfirmVerifyRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)} )}
{row.original.state_id == 14 && ( {row.original.state_id == 14 && (
<ConfirmVerifyLicenseForm row={row} mutate={mutate} rowId={row.getValue("id")} /> <ConfirmVerifyLicenseForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)} )}
</Box> </Box>
); );
}; };
export default RowActions; export default RowActions;

58
src/components/dashboard/inquiryPrivacy/technical-deputy/ShowProjectArea/ShowBound.jsx
View File

@@ -1,29 +1,29 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet"; import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => { const ShowBound = ({ bound }) => {
const map = useMap(); const map = useMap();
const featureRef = useRef(null); const featureRef = useRef(null);
const safeFitBounds = (layer) => { const safeFitBounds = (layer) => {
if (!layer || !map) return; if (!layer || !map) return;
try { try {
const latLngs = layer.getLatLngs(); const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, { map.fitBounds(latLngs, {
paddingTopLeft: [20, 20], paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20], paddingBottomRight: [20, 20],
}); });
} catch (e) { } catch (e) {
console.warn("fitBounds failed:", e); console.warn("fitBounds failed:", e);
} }
}; };
useEffect(() => { useEffect(() => {
bound?.editing?.disable(); bound?.editing?.disable();
featureRef.current.addLayer(bound); featureRef.current.addLayer(bound);
safeFitBounds(bound); safeFitBounds(bound);
}, []); }, []);
return <FeatureGroup ref={featureRef} />; return <FeatureGroup ref={featureRef} />;
}; };
export default ShowBound; export default ShowBound;

58
src/components/dashboard/inquiryPrivacy/technical-deputy/ShowProjectArea/ShowForbiddenBound.jsx
View File

@@ -1,29 +1,29 @@
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet"; import { FeatureGroup, useMap } from "react-leaflet";
const ShowForbiddenBound = ({ bound }) => { const ShowForbiddenBound = ({ bound }) => {
const map = useMap(); const map = useMap();
const featureRef = useRef(null); const featureRef = useRef(null);
const safeFitBounds = (layer) => { const safeFitBounds = (layer) => {
if (!layer || !map) return; if (!layer || !map) return;
try { try {
const latLngs = layer.getLatLngs(); const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, { map.fitBounds(latLngs, {
paddingTopLeft: [20, 20], paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20], paddingBottomRight: [20, 20],
}); });
} catch (e) { } catch (e) {
console.warn("fitBounds failed:", e); console.warn("fitBounds failed:", e);
} }
}; };
useEffect(() => { useEffect(() => {
bound?.editing?.disable(); bound?.editing?.disable();
featureRef.current.addLayer(bound); featureRef.current.addLayer(bound);
safeFitBounds(bound); safeFitBounds(bound);
}, []); }, []);
return <FeatureGroup ref={featureRef} />; return <FeatureGroup ref={featureRef} />;
}; };
export default ShowForbiddenBound; export default ShowForbiddenBound;

142
src/components/dashboard/inquiryPrivacy/technical-deputy/ShowProjectArea/index.jsx
View File

@@ -1,71 +1,71 @@
const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material"); const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material");
import MapLayer from "@/core/components/MapLayer"; import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers"; import LayersIcon from "@mui/icons-material/Layers";
import L from "leaflet"; import L from "leaflet";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import ShowBound from "./ShowBound"; import ShowBound from "./ShowBound";
import ShowForbiddenBound from "./ShowForbiddenBound"; import ShowForbiddenBound from "./ShowForbiddenBound";
const ShowProjectArea = ({ primaryArea, forbiddenArea }) => { const ShowProjectArea = ({ primaryArea, forbiddenArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false); const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => { const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]); const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" return primaryArea.type === "polygon"
? L.polygon(latLngCoords, { ? L.polygon(latLngCoords, {
color: "#ff5555", color: "#ff5555",
}) })
: L.polyline(latLngCoords); : L.polyline(latLngCoords);
}, [primaryArea]); }, [primaryArea]);
const forbiddenBound = useMemo(() => { const forbiddenBound = useMemo(() => {
const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]); const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]);
return forbiddenArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords); return forbiddenArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [forbiddenArea]); }, [forbiddenArea]);
return ( return (
<Box> <Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow> <Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}> <IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon /> <LayersIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
open={openShowAreaDialog} open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)} onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{ PaperProps={{
sx: { sx: {
transition: "all .3s", transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2, borderRadius: 2,
padding: 1, padding: 1,
}, },
}} }}
maxWidth="sm" maxWidth="sm"
fullWidth fullWidth
dir="rtl" dir="rtl"
> >
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}> <DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}> <Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح محدوده طرح
</Typography> </Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small"> <IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
</DialogTitle> </DialogTitle>
<DialogContent> <DialogContent>
<Box sx={{ flex: 1 }}> <Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}> <Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}> <MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} /> <ShowBound bound={bound} />
<ShowForbiddenBound bound={forbiddenBound} /> <ShowForbiddenBound bound={forbiddenBound} />
</MapLayer> </MapLayer>
</Box> </Box>
</Box> </Box>
</DialogContent> </DialogContent>
</Dialog> </Dialog>
</Box> </Box>
); );
}; };
export default ShowProjectArea; export default ShowProjectArea;

432
src/components/dashboard/inquiryPrivacy/technical-deputy/TechnicalDeputyList.jsx
View File

@@ -1,216 +1,216 @@
"use client"; "use client";
import DataTableWithAuth from "@/core/components/DataTableWithAuth"; import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_INQUIRY_PRIVACY_TABLE_LIST } from "@/core/utils/routes"; import { GET_INQUIRY_PRIVACY_TABLE_LIST } from "@/core/utils/routes";
import { Box, Stack } from "@mui/material"; import { Box, Stack } from "@mui/material";
import moment from "jalali-moment"; import moment from "jalali-moment";
import { useMemo } from "react"; import { useMemo } from "react";
import RowActions from "./RowActions"; import RowActions from "./RowActions";
import ShowProjectArea from "./ShowProjectArea"; import ShowProjectArea from "./ShowProjectArea";
const TechnicalDeputyList = () => { const TechnicalDeputyList = () => {
const columns = useMemo( const columns = useMemo(
() => [ () => [
{ {
accessorKey: "id", accessorKey: "id",
header: "کد یکتا", header: "کد یکتا",
id: "id", id: "id",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "text", datatype: "text",
filterMode: "notEquals", filterMode: "notEquals",
size: 100, size: 100,
}, },
{ {
accessorKey: "panjare_vahed_id", accessorKey: "panjare_vahed_id",
header: "کدرهگیری پنجره واحد", header: "کدرهگیری پنجره واحد",
id: "panjare_vahed_id", id: "panjare_vahed_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 150, size: 150,
}, },
{ {
accessorKey: "national_id", accessorKey: "national_id",
header: "کد ملی", header: "کد ملی",
id: "national_id", id: "national_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
size: 120, size: 120,
}, },
{ {
accessorKey: "phone_number", accessorKey: "phone_number",
header: "تلفن", header: "تلفن",
id: "phone_number", id: "phone_number",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
size: 120, size: 120,
}, },
{ {
accessorKey: "state_name", accessorKey: "state_name",
header: "وضعیت درخواست", header: "وضعیت درخواست",
id: "state_name", id: "state_name",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
}, },
{ {
accessorKey: "payment_amount", accessorKey: "payment_amount",
header: "مبلغ پرداختی", header: "مبلغ پرداختی",
id: "payment_amount", id: "payment_amount",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "between", filterMode: "between",
Cell: ({ row }) => <>{row.original.payment_amount || "-"}</>, Cell: ({ row }) => <>{row.original.payment_amount || "-"}</>,
}, },
{ {
accessorKey: "requested_organization", accessorKey: "requested_organization",
header: "دستگاه صادر کننده", header: "دستگاه صادر کننده",
id: "requested_organization", id: "requested_organization",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
}, },
{ {
accessorKey: "province_name", accessorKey: "province_name",
header: "استان", header: "استان",
id: "province_name", id: "province_name",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
}, },
{ {
accessorKey: "city_name", accessorKey: "city_name",
header: "شهر", header: "شهر",
id: "city_name", id: "city_name",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
}, },
{ {
accessorKey: "plan_group", accessorKey: "plan_group",
header: "گروه طرح", header: "گروه طرح",
id: "plan_group", id: "plan_group",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
}, },
{ {
accessorKey: "plan_title", accessorKey: "plan_title",
header: "عنوان طرح", header: "عنوان طرح",
id: "plan_title", id: "plan_title",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
}, },
{ {
accessorKey: "primary_area", accessorKey: "primary_area",
header: "نمایش محدوده طرح", header: "نمایش محدوده طرح",
id: "primary_area", id: "primary_area",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => Cell: ({ row }) =>
row.original.primary_area && row.original.forbidden_area ? ( row.original.primary_area && row.original.forbidden_area ? (
<Stack alignItems={"center"} justifyContent={"center"}> <Stack alignItems={"center"} justifyContent={"center"}>
<ShowProjectArea <ShowProjectArea
primaryArea={row.original.primary_area} primaryArea={row.original.primary_area}
forbiddenArea={row.original.forbidden_area} forbiddenArea={row.original.forbidden_area}
/> />
</Stack> </Stack>
) : ( ) : (
"-" "-"
), ),
}, },
{ {
accessorKey: "final_area", accessorKey: "final_area",
header: "نمایش محدوده عرصه و اعیان", header: "نمایش محدوده عرصه و اعیان",
id: "final_area", id: "final_area",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
Cell: ({ row }) => Cell: ({ row }) =>
row.original.final_area && row.original.final_plan ? ( row.original.final_area && row.original.final_plan ? (
<Stack alignItems={"center"} justifyContent={"center"}> <Stack alignItems={"center"} justifyContent={"center"}>
<ShowProjectArea <ShowProjectArea
primaryArea={row.original.final_area} primaryArea={row.original.final_area}
forbiddenArea={row.original.final_plan} forbiddenArea={row.original.final_plan}
/> />
</Stack> </Stack>
) : ( ) : (
"-" "-"
), ),
}, },
{ {
accessorKey: "worksheet_id", accessorKey: "worksheet_id",
header: "شناسه کاربرگ", header: "شناسه کاربرگ",
id: "worksheet_id", id: "worksheet_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
}, },
{ {
accessorKey: "isic", accessorKey: "isic",
header: "کد آیسیک", header: "کد آیسیک",
id: "isic", id: "isic",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
}, },
{ {
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"), accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست", header: "تاریخ درخواست",
id: "request_date", id: "request_date",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "date", datatype: "date",
filterMode: "between", filterMode: "between",
grow: false, grow: false,
size: 120, size: 120,
}, },
], ],
[] []
); );
return ( return (
<> <>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}> <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth <DataTableWithAuth
need_filter={true} need_filter={true}
columns={columns} columns={columns}
sorting={[{ id: "id", desc: true }]} sorting={[{ id: "id", desc: true }]}
table_url={GET_INQUIRY_PRIVACY_TABLE_LIST} table_url={GET_INQUIRY_PRIVACY_TABLE_LIST}
page_name={"technicalDeputy"} page_name={"technicalDeputy"}
table_name={"technicalDeputyList"} table_name={"technicalDeputyList"}
enableRowActions enableRowActions
positionActionsColumn={"first"} positionActionsColumn={"first"}
RowActions={RowActions} RowActions={RowActions}
/> />
</Box> </Box>
</> </>
); );
}; };
export default TechnicalDeputyList; export default TechnicalDeputyList;

30
src/components/dashboard/inquiryPrivacy/technical-deputy/index.jsx
View File

@@ -1,15 +1,15 @@
"use client"; "use client";
import PageTitle from "@/core/components/PageTitle"; import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material"; import { Stack } from "@mui/material";
import TechnicalDeputyList from "./TechnicalDeputyList"; import TechnicalDeputyList from "./TechnicalDeputyList";
const TechnicalDeputy = () => { const TechnicalDeputy = () => {
return ( return (
<Stack spacing={1}> <Stack spacing={1}>
<PageTitle title={"استعلام حریم راه - پنجره واحد"} /> <PageTitle title={"استعلام حریم راه - پنجره واحد"} />
<TechnicalDeputyList /> <TechnicalDeputyList />
</Stack> </Stack>
); );
}; };
export default TechnicalDeputy; export default TechnicalDeputy;

78
src/components/dashboard/rahdaran/Actions/Create/Form/CityContent.jsx
View File

@@ -1,39 +1,39 @@
import SelectBox from "@/core/components/SelectBox"; import SelectBox from "@/core/components/SelectBox";
import useEdaratLists from "@/lib/hooks/useEdaratLists"; import useEdaratLists from "@/lib/hooks/useEdaratLists";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
const CityContent = ({ provinceID, field, fieldState: { error } }) => { const CityContent = ({ provinceID, field, fieldState: { error } }) => {
const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists(provinceID); const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists(provinceID);
const [prevDependency, setPrevDependency] = useState(provinceID); const [prevDependency, setPrevDependency] = useState(provinceID);
useEffect(() => { useEffect(() => {
if (prevDependency === provinceID) return; if (prevDependency === provinceID) return;
field.onChange(null); field.onChange(null);
setPrevDependency(provinceID); setPrevDependency(provinceID);
}, [provinceID]); }, [provinceID]);
return ( return (
<SelectBox <SelectBox
value={ value={
!provinceID !provinceID
? "dependency" ? "dependency"
: errorEdaratList : errorEdaratList
? "error" ? "error"
: loadingEdaratList : loadingEdaratList
? "loading" ? "loading"
: field.value || "" : field.value || ""
} }
label={"اداره"} label={"اداره"}
selectors={edaratList} selectors={edaratList}
schema={{ name: "name_fa", value: "id" }} schema={{ name: "name_fa", value: "id" }}
error={error} error={error}
onChange={field.onChange} onChange={field.onChange}
helperText={error?.message} helperText={error?.message}
isLoading={loadingEdaratList} isLoading={loadingEdaratList}
errorEcured={errorEdaratList} errorEcured={errorEdaratList}
isDependency={!provinceID} isDependency={!provinceID}
dependencyLabel={"ابتدا استان را انتخاب کنید"} dependencyLabel={"ابتدا استان را انتخاب کنید"}
/> />
); );
}; };
export default CityContent; export default CityContent;

28
src/components/dashboard/rahdaran/Actions/Create/Form/CityController.jsx
View File

@@ -1,14 +1,14 @@
import { Controller, useWatch } from "react-hook-form"; import { Controller, useWatch } from "react-hook-form";
import CityContent from "./CityContent"; import CityContent from "./CityContent";
const CityController = ({ control }) => { const CityController = ({ control }) => {
const provinceID = useWatch({ control, name: "provinceId" }); const provinceID = useWatch({ control, name: "provinceId" });
return ( return (
<Controller <Controller
name="edarehShahriId" name="edarehShahriId"
control={control} control={control}
render={(props) => <CityContent provinceID={provinceID} {...props} />} render={(props) => <CityContent provinceID={provinceID} {...props} />}
/> />
); );
}; };
export default CityController; export default CityController;

366
src/components/dashboard/rahdaran/Actions/Create/Form/CreateFormContent.jsx
View File

@@ -1,183 +1,183 @@
import PersianTextField from "@/core/components/PersianTextField"; import PersianTextField from "@/core/components/PersianTextField";
import StyledForm from "@/core/components/StyledForm"; import StyledForm from "@/core/components/StyledForm";
import validateNationalCode from "@/core/utils/nationalCodeValidation"; import validateNationalCode from "@/core/utils/nationalCodeValidation";
import { yupResolver } from "@hookform/resolvers/yup"; import { yupResolver } from "@hookform/resolvers/yup";
import { Beenhere, ExitToApp } from "@mui/icons-material"; import { Beenhere, ExitToApp } from "@mui/icons-material";
import { import {
Button, Button,
DialogActions, DialogActions,
DialogContent, DialogContent,
Grid, Grid,
Stack, Stack,
TextField, TextField,
ToggleButton, ToggleButton,
ToggleButtonGroup, ToggleButtonGroup,
} from "@mui/material"; } from "@mui/material";
import { Controller, useForm } from "react-hook-form"; import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup"; import { object, string } from "yup";
import LogesticController from "./LogesticController"; import LogesticController from "./LogesticController";
const validationSchema = object({ const validationSchema = object({
provinceId: string().required("لطفا استان را وارد کنید!!!"), provinceId: string().required("لطفا استان را وارد کنید!!!"),
edarehShahriId: string().required("لطفا اداره را وارد کنید!!!"), edarehShahriId: string().required("لطفا اداره را وارد کنید!!!"),
name: string().required("وارد کردن نام و نام خانوادگی الزامیست!"), name: string().required("وارد کردن نام و نام خانوادگی الزامیست!"),
code: string() code: string()
.required("لطفا کد ملی را وارد کنید!!!") .required("لطفا کد ملی را وارد کنید!!!")
.test("max", "کد ملی باید شامل 10 رقم باشد", (value) => value.toString().length === 10) .test("max", "کد ملی باید شامل 10 رقم باشد", (value) => value.toString().length === 10)
.test("validation", "کد ملی صحیح نمی باشد", (value) => validateNationalCode(value)), .test("validation", "کد ملی صحیح نمی باشد", (value) => validateNationalCode(value)),
phone_number: string() phone_number: string()
.matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شده و 11 رقم باشد") .matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شده و 11 رقم باشد")
.required("لطفا تلفن همراه را وارد کنید!!!"), .required("لطفا تلفن همراه را وارد کنید!!!"),
}); });
const CreateFormContent = ({ setOpen, defaultValues, onSubmitBase }) => { const CreateFormContent = ({ setOpen, defaultValues, onSubmitBase }) => {
const { const {
control, control,
handleSubmit, handleSubmit,
formState: { isSubmitting }, formState: { isSubmitting },
} = useForm({ } = useForm({
defaultValues, defaultValues,
resolver: yupResolver(validationSchema), resolver: yupResolver(validationSchema),
mode: "all", mode: "all",
}); });
const handleOnSubmit = async (data) => { const handleOnSubmit = async (data) => {
await onSubmitBase(data); await onSubmitBase(data);
}; };
return ( return (
<> <>
<StyledForm onSubmit={handleSubmit(handleOnSubmit)}> <StyledForm onSubmit={handleSubmit(handleOnSubmit)}>
<DialogContent dividers> <DialogContent dividers>
<Stack spacing={3}> <Stack spacing={3}>
{/* <Stack justifyContent={"center"} alignItems={"center"}> {/* <Stack justifyContent={"center"} alignItems={"center"}>
<Controller <Controller
name="isDriver" name="isDriver"
control={control} control={control}
render={({ field, fieldState: { error } }) => ( render={({ field, fieldState: { error } }) => (
<ToggleButtonGroup <ToggleButtonGroup
size="small" size="small"
value={field.value} value={field.value}
exclusive exclusive
onChange={(event, newAlignment) => { onChange={(event, newAlignment) => {
if (newAlignment !== null) { if (newAlignment !== null) {
field.onChange(newAlignment); field.onChange(newAlignment);
} }
}} }}
> >
<ToggleButton sx={{ px: 3 }} value="0"> <ToggleButton sx={{ px: 3 }} value="0">
راهدار راهدار
</ToggleButton> </ToggleButton>
<ToggleButton sx={{ px: 3 }} value="1"> <ToggleButton sx={{ px: 3 }} value="1">
راننده راننده
</ToggleButton> </ToggleButton>
</ToggleButtonGroup> </ToggleButtonGroup>
)} )}
/> />
</Stack> */} </Stack> */}
<LogesticController control={control} /> <LogesticController control={control} />
<Stack> <Stack>
<Grid spacing={2}> <Grid spacing={2}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<Controller <Controller
name="name" name="name"
control={control} control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => ( render={({ field: { onChange, value }, fieldState: { error } }) => (
<PersianTextField <PersianTextField
fullWidth fullWidth
size="small" size="small"
label="نام و نام خانوادگی" label="نام و نام خانوادگی"
value={value} value={value}
onChange={onChange} onChange={onChange}
placeholder="نام و نام خانوادگی را وارد کنید" placeholder="نام و نام خانوادگی را وارد کنید"
error={!!error} error={!!error}
helperText={error ? error.message : null} helperText={error ? error.message : null}
variant="outlined" variant="outlined"
InputLabelProps={{ shrink: true }} InputLabelProps={{ shrink: true }}
/> />
)} )}
/> />
</Grid> </Grid>
</Grid> </Grid>
</Stack> </Stack>
<Stack> <Stack>
<Grid spacing={2}> <Grid spacing={2}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<Controller <Controller
name="code" name="code"
control={control} control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => ( render={({ field: { onChange, value }, fieldState: { error } }) => (
<PersianTextField <PersianTextField
fullWidth fullWidth
size="small" size="small"
label="کد ملی" label="کد ملی"
value={value} value={value}
onChange={onChange} onChange={onChange}
placeholder="کد ملی را وارد کنید" placeholder="کد ملی را وارد کنید"
error={!!error} error={!!error}
helperText={error ? error.message : null} helperText={error ? error.message : null}
variant="outlined" variant="outlined"
InputLabelProps={{ shrink: true }} InputLabelProps={{ shrink: true }}
/> />
)} )}
/> />
</Grid> </Grid>
</Grid> </Grid>
</Stack> </Stack>
<Stack> <Stack>
<Grid spacing={2}> <Grid spacing={2}>
<Grid item xs={12} sm={6}> <Grid item xs={12} sm={6}>
<Controller <Controller
name="phone_number" name="phone_number"
control={control} control={control}
render={({ field, fieldState: { error } }) => ( render={({ field, fieldState: { error } }) => (
<TextField <TextField
value={field.value} value={field.value}
variant="outlined" variant="outlined"
name="phone_number" name="phone_number"
type={"tel"} type={"tel"}
inputProps={{ inputProps={{
inputMode: "number", inputMode: "number",
min: 0, min: 0,
pattern: "[0-9]*", pattern: "[0-9]*",
}} }}
onChange={(event) => { onChange={(event) => {
const inputValue = event.target.value; const inputValue = event.target.value;
if (isNaN(Number(inputValue))) { if (isNaN(Number(inputValue))) {
return; return;
} }
field.onChange(inputValue); field.onChange(inputValue);
}} }}
label="شماره همراه" label="شماره همراه"
placeholder={"شماره همراه را وارد کنید"} placeholder={"شماره همراه را وارد کنید"}
fullWidth fullWidth
size="small" size="small"
error={error} error={error}
helperText={error?.message} helperText={error?.message}
InputLabelProps={{ shrink: true }} InputLabelProps={{ shrink: true }}
/> />
)} )}
/> />
</Grid> </Grid>
</Grid> </Grid>
</Stack> </Stack>
</Stack> </Stack>
</DialogContent> </DialogContent>
<DialogActions> <DialogActions>
<Button <Button
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
variant="outlined" variant="outlined"
color="secondary" color="secondary"
startIcon={<ExitToApp />} startIcon={<ExitToApp />}
> >
بستن بستن
</Button> </Button>
<Button variant="contained" disabled={isSubmitting} type="submit" endIcon={<Beenhere />}> <Button variant="contained" disabled={isSubmitting} type="submit" endIcon={<Beenhere />}>
{" "} {" "}
{isSubmitting ? "در حال ثبت راهدار" : "ثبت راهدار"}{" "} {isSubmitting ? "در حال ثبت راهدار" : "ثبت راهدار"}{" "}
</Button> </Button>
</DialogActions> </DialogActions>
</StyledForm> </StyledForm>
</> </>
); );
}; };
export default CreateFormContent; export default CreateFormContent;

84
src/components/dashboard/rahdaran/Actions/Create/Form/LogesticController.jsx
View File

@@ -1,42 +1,42 @@
import { Grid, Stack } from "@mui/material"; import { Grid, Stack } from "@mui/material";
import CityController from "./CityController"; import CityController from "./CityController";
import useProvinces from "@/lib/hooks/useProvince"; import useProvinces from "@/lib/hooks/useProvince";
import { Controller, useWatch } from "react-hook-form"; import { Controller, useWatch } from "react-hook-form";
import SelectBox from "@/core/components/SelectBox"; import SelectBox from "@/core/components/SelectBox";
const LogesticController = ({ control }) => { const LogesticController = ({ control }) => {
const { provinces, errorProvinces, loadingProvinces } = useProvinces(); const { provinces, errorProvinces, loadingProvinces } = useProvinces();
const isProvince = useWatch({ control, name: "isProvince" }); const isProvince = useWatch({ control, name: "isProvince" });
return ( return (
<> <>
{!isProvince ? ( {!isProvince ? (
<Stack> <Stack>
<Controller <Controller
name="provinceId" name="provinceId"
control={control} control={control}
render={({ field, fieldState: { error } }) => { render={({ field, fieldState: { error } }) => {
return ( return (
<SelectBox <SelectBox
value={errorProvinces ? "error" : loadingProvinces ? "loading" : field.value || ""} value={errorProvinces ? "error" : loadingProvinces ? "loading" : field.value || ""}
label="استان" label="استان"
selectors={provinces} selectors={provinces}
schema={{ name: "name_fa", value: "id" }} schema={{ name: "name_fa", value: "id" }}
error={error} error={error}
disabled={isProvince} disabled={isProvince}
onChange={field.onChange} onChange={field.onChange}
helperText={error?.message} helperText={error?.message}
isLoading={loadingProvinces} isLoading={loadingProvinces}
errorEcured={errorProvinces} errorEcured={errorProvinces}
/> />
); );
}} }}
/> />
</Stack> </Stack>
) : null} ) : null}
<Stack> <Stack>
<CityController control={control} /> <CityController control={control} />
</Stack> </Stack>
</> </>
); );
}; };
export default LogesticController; export default LogesticController;

144
src/components/dashboard/rahdaran/Actions/Create/Form/index.jsx
View File

@@ -1,72 +1,72 @@
import { CREATE_RAHDARAN_ITEM } from "@/core/utils/routes"; import { CREATE_RAHDARAN_ITEM } from "@/core/utils/routes";
import { useAuth } from "@/lib/contexts/auth"; import { useAuth } from "@/lib/contexts/auth";
import { usePermissions } from "@/lib/hooks/usePermissions"; import { usePermissions } from "@/lib/hooks/usePermissions";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import { Dialog, DialogTitle, IconButton } from "@mui/material"; import { Dialog, DialogTitle, IconButton } from "@mui/material";
import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog"; import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog";
import CreateFormContent from "./CreateFormContent"; import CreateFormContent from "./CreateFormContent";
const CreateForm = ({ open, setOpen, mutate }) => { const CreateForm = ({ open, setOpen, mutate }) => {
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const { data: userPermissions } = usePermissions(); const { data: userPermissions } = usePermissions();
const { user } = useAuth(); const { user } = useAuth();
const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country"); const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country");
const defaultValues = { const defaultValues = {
isDriver: "0", isDriver: "0",
isProvince: !hasCountryPermission, isProvince: !hasCountryPermission,
provinceId: !hasCountryPermission ? user.province_id : "", provinceId: !hasCountryPermission ? user.province_id : "",
edarehShahriId: "", edarehShahriId: "",
name: "", name: "",
code: "", code: "",
phone_number: "", phone_number: "",
}; };
const onSubmit = async (result) => { const onSubmit = async (result) => {
const formData = new FormData(); const formData = new FormData();
formData.append("is_driver", result.isDriver); formData.append("is_driver", result.isDriver);
formData.append("province_id", result.provinceId); formData.append("province_id", result.provinceId);
formData.append("edareh_shahri_id", result.edarehShahriId); formData.append("edareh_shahri_id", result.edarehShahriId);
formData.append("name", result.name); formData.append("name", result.name);
formData.append("code", result.code); formData.append("code", result.code);
formData.append("mobile", result.phone_number); formData.append("mobile", result.phone_number);
await requestServer(CREATE_RAHDARAN_ITEM, "post", { await requestServer(CREATE_RAHDARAN_ITEM, "post", {
data: formData, data: formData,
}) })
.then(() => { .then(() => {
mutate(); mutate();
setOpen(false); setOpen(false);
}) })
.catch(() => {}); .catch(() => {});
}; };
return ( return (
<Dialog open={open} fullWidth maxWidth="xs"> <Dialog open={open} fullWidth maxWidth="xs">
<IconButton <IconButton
aria-label="close" aria-label="close"
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
sx={(theme) => ({ sx={(theme) => ({
position: "absolute", position: "absolute",
right: 8, right: 8,
top: 8, top: 8,
zIndex: 50, zIndex: 50,
color: theme.palette.grey[500], color: theme.palette.grey[500],
})} })}
> >
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
<DialogHeader> <DialogHeader>
<DialogTitle>ثبت راهدار جدید</DialogTitle> <DialogTitle>ثبت راهدار جدید</DialogTitle>
</DialogHeader> </DialogHeader>
{open && ( {open && (
<CreateFormContent <CreateFormContent
defaultValues={defaultValues} defaultValues={defaultValues}
onSubmitBase={onSubmit} onSubmitBase={onSubmit}
setOpen={setOpen} setOpen={setOpen}
mutate={mutate} mutate={mutate}
/> />
)} )}
</Dialog> </Dialog>
); );
}; };
export default CreateForm; export default CreateForm;

72
src/components/dashboard/rahdaran/Actions/Create/index.jsx
View File

@@ -1,36 +1,36 @@
import { AddCircle } from "@mui/icons-material"; import { AddCircle } from "@mui/icons-material";
import { Button, IconButton, useMediaQuery, useTheme } from "@mui/material"; import { Button, IconButton, useMediaQuery, useTheme } from "@mui/material";
import CreateForm from "./Form"; import CreateForm from "./Form";
import { useState } from "react"; import { useState } from "react";
const CreateRahdar = ({ mutate }) => { const CreateRahdar = ({ mutate }) => {
const theme = useTheme(); const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("sm")); const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const handleOpen = () => { const handleOpen = () => {
setOpen(true); setOpen(true);
}; };
return ( return (
<> <>
{isMobile ? ( {isMobile ? (
<IconButton aria-label="ثبت راهدار" color="primary" onClick={handleOpen}> <IconButton aria-label="ثبت راهدار" color="primary" onClick={handleOpen}>
<AddCircle sx={{ fontSize: "25px" }} /> <AddCircle sx={{ fontSize: "25px" }} />
</IconButton> </IconButton>
) : ( ) : (
<Button <Button
size={"small"} size={"small"}
variant="contained" variant="contained"
color="primary" color="primary"
startIcon={<AddCircle />} startIcon={<AddCircle />}
onClick={handleOpen} onClick={handleOpen}
> >
ثبت راهدار ثبت راهدار
</Button> </Button>
)} )}
<CreateForm open={open} setOpen={setOpen} mutate={mutate} /> <CreateForm open={open} setOpen={setOpen} mutate={mutate} />
</> </>
); );
}; };
export default CreateRahdar; export default CreateRahdar;

90
src/components/dashboard/rahdaran/Actions/Edit/EditController.jsx
View File

@@ -1,45 +1,45 @@
import { UPDATE_RAHDARAN_ITEM } from "@/core/utils/routes"; import { UPDATE_RAHDARAN_ITEM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { DialogTitle } from "@mui/material"; import { DialogTitle } from "@mui/material";
import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog"; import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog";
import CreateFormContent from "../Create/Form/CreateFormContent"; import CreateFormContent from "../Create/Form/CreateFormContent";
const EditController = ({ rowId, mutate, setOpen, row }) => { const EditController = ({ rowId, mutate, setOpen, row }) => {
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const defaultData = { const defaultData = {
isDriver: `${row.original?.is_driver}` || "0", isDriver: `${row.original?.is_driver}` || "0",
provinceId: row.original?.province_id || "", provinceId: row.original?.province_id || "",
edarehShahriId: row.original?.edareh_shahri_id || "", edarehShahriId: row.original?.edareh_shahri_id || "",
name: row.original?.name || "", name: row.original?.name || "",
code: row.original?.code || "", code: row.original?.code || "",
phone_number: row.original?.mobile || "", phone_number: row.original?.mobile || "",
}; };
const handleSubmit = async (result) => { const handleSubmit = async (result) => {
const formData = new FormData(); const formData = new FormData();
formData.append("is_driver", result.isDriver); formData.append("is_driver", result.isDriver);
formData.append("province_id", result.provinceId); formData.append("province_id", result.provinceId);
formData.append("edareh_shahri_id", result.edarehShahriId); formData.append("edareh_shahri_id", result.edarehShahriId);
formData.append("name", result.name); formData.append("name", result.name);
formData.append("code", result.code); formData.append("code", result.code);
formData.append("mobile", result.phone_number); formData.append("mobile", result.phone_number);
await requestServer(`${UPDATE_RAHDARAN_ITEM}/${rowId}`, "post", { await requestServer(`${UPDATE_RAHDARAN_ITEM}/${rowId}`, "post", {
data: formData, data: formData,
}) })
.then(() => { .then(() => {
mutate(); mutate();
setOpen(false); setOpen(false);
}) })
.catch(() => {}); .catch(() => {});
}; };
return ( return (
<> <>
<DialogHeader> <DialogHeader>
<DialogTitle>ویرایش راهدار</DialogTitle> <DialogTitle>ویرایش راهدار</DialogTitle>
</DialogHeader> </DialogHeader>
<CreateFormContent setOpen={setOpen} defaultValues={defaultData} onSubmitBase={handleSubmit} /> <CreateFormContent setOpen={setOpen} defaultValues={defaultData} onSubmitBase={handleSubmit} />
</> </>
); );
}; };
export default EditController; export default EditController;

102
src/components/dashboard/rahdaran/Actions/Edit/index.jsx
View File

@@ -1,51 +1,51 @@
import BorderColorIcon from "@mui/icons-material/BorderColor"; import BorderColorIcon from "@mui/icons-material/BorderColor";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import { Dialog, IconButton, Tooltip } from "@mui/material"; import { Dialog, IconButton, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import EditController from "./EditController"; import EditController from "./EditController";
const EditRahdar = ({ mutate, row, rowId }) => { const EditRahdar = ({ mutate, row, rowId }) => {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
return ( return (
<> <>
<Tooltip title="ویرایش راهدار" arrow placement="right"> <Tooltip title="ویرایش راهدار" arrow placement="right">
<IconButton <IconButton
color="primary" color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }} sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => { onClick={() => {
setOpen(true); setOpen(true);
}} }}
> >
<BorderColorIcon /> <BorderColorIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
fullWidth fullWidth
open={open} open={open}
maxWidth={"xs"} maxWidth={"xs"}
PaperProps={{ PaperProps={{
sx: { sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
}, },
}} }}
> >
<IconButton <IconButton
aria-label="close" aria-label="close"
onClick={() => setOpen(false)} onClick={() => setOpen(false)}
sx={(theme) => ({ sx={(theme) => ({
position: "absolute", position: "absolute",
right: 8, right: 8,
top: 8, top: 8,
zIndex: 50, zIndex: 50,
color: theme.palette.grey[500], color: theme.palette.grey[500],
})} })}
> >
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
{open && <EditController setOpen={setOpen} rowId={rowId} row={row} mutate={mutate} />} {open && <EditController setOpen={setOpen} rowId={rowId} row={row} mutate={mutate} />}
</Dialog> </Dialog>
</> </>
); );
}; };
export default EditRahdar; export default EditRahdar;

362
src/components/dashboard/rahdaran/RahdaranList.jsx
View File

@@ -1,181 +1,181 @@
"use client"; "use client";
import DataTableWithAuth from "@/core/components/DataTableWithAuth"; import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_RAHDARAN_TABLE_LIST } from "@/core/utils/routes"; import { GET_RAHDARAN_TABLE_LIST } from "@/core/utils/routes";
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import RowActions from "./RowActions"; import RowActions from "./RowActions";
import Toolbar from "./Toolbar"; import Toolbar from "./Toolbar";
import { useAuth } from "@/lib/contexts/auth"; import { useAuth } from "@/lib/contexts/auth";
import useProvinces from "@/lib/hooks/useProvince"; import useProvinces from "@/lib/hooks/useProvince";
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency"; import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import useEdaratLists from "@/lib/hooks/useEdaratLists"; import useEdaratLists from "@/lib/hooks/useEdaratLists";
import { usePermissions } from "@/lib/hooks/usePermissions"; import { usePermissions } from "@/lib/hooks/usePermissions";
const RahdaranList = () => { const RahdaranList = () => {
const { data: userPermissions } = usePermissions(); const { data: userPermissions } = usePermissions();
const { user } = useAuth(); const { user } = useAuth();
const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country"); const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country");
const columns = useMemo(() => { const columns = useMemo(() => {
const provinceColumn = { const provinceColumn = {
accessorKey: "province_id", accessorKey: "province_id",
header: "استان", header: "استان",
id: "province_id", id: "province_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
grow: false, grow: false,
size: 130, size: 130,
ColumnSelectComponent: (props) => { ColumnSelectComponent: (props) => {
const { provinces, errorProvinces, loadingProvinces } = useProvinces(); const { provinces, errorProvinces, loadingProvinces } = useProvinces();
const getColumnSelectOptions = useMemo(() => { const getColumnSelectOptions = useMemo(() => {
if (loadingProvinces) { if (loadingProvinces) {
return [{ value: "loading", label: "در حال بارگذاری..." }]; return [{ value: "loading", label: "در حال بارگذاری..." }];
} }
if (errorProvinces) { if (errorProvinces) {
return [{ value: "error", label: "خطا در بارگذاری" }]; return [{ value: "error", label: "خطا در بارگذاری" }];
} }
return [ return [
{ value: "", label: "کل کشور" }, { value: "", label: "کل کشور" },
...provinces.map((province) => ({ ...provinces.map((province) => ({
value: province.id, value: province.id,
label: province.name_fa, label: province.name_fa,
})), })),
]; ];
}, [provinces, errorProvinces, loadingProvinces]); }, [provinces, errorProvinces, loadingProvinces]);
return ( return (
<CustomSelectByDependency <CustomSelectByDependency
{...props} {...props}
value={loadingProvinces ? "loading" : props.filterParameters.value} value={loadingProvinces ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions} columnSelectOption={getColumnSelectOptions}
/> />
); );
}, },
Cell: ({ row }) => <>{row.original.province_name}</>, Cell: ({ row }) => <>{row.original.province_name}</>,
}; };
return [ return [
{ {
accessorKey: "id", accessorKey: "id",
header: "کد یکتا", header: "کد یکتا",
id: "id", id: "id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
sortDescFirst: false, sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
}, },
...(hasCountryPermission ? [provinceColumn] : []), ...(hasCountryPermission ? [provinceColumn] : []),
{ {
header: "اداره", header: "اداره",
id: "edareh_shahri_id", id: "edareh_shahri_id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
dependencyId: hasCountryPermission ? "province_id" : null, dependencyId: hasCountryPermission ? "province_id" : null,
grow: false, grow: false,
size: 120, size: 120,
ColumnSelectComponent: (props) => { ColumnSelectComponent: (props) => {
const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists( const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists(
hasCountryPermission ? props.dependencyFieldValue.value : user.province_id hasCountryPermission ? props.dependencyFieldValue.value : user.province_id
); );
const [prevDependency, setPrevDependency] = useState( const [prevDependency, setPrevDependency] = useState(
hasCountryPermission ? props.dependencyFieldValue.value : user.province_id hasCountryPermission ? props.dependencyFieldValue.value : user.province_id
); );
const getColumnSelectOptions = useMemo(() => { const getColumnSelectOptions = useMemo(() => {
if (hasCountryPermission && props.dependencyFieldValue.value === "") { if (hasCountryPermission && props.dependencyFieldValue.value === "") {
return [{ value: "empty", label: "ابتدا استان را انتخاب کنید" }]; return [{ value: "empty", label: "ابتدا استان را انتخاب کنید" }];
} }
if (loadingEdaratList) { if (loadingEdaratList) {
return [{ value: "loading", label: "در حال بارگذاری..." }]; return [{ value: "loading", label: "در حال بارگذاری..." }];
} }
if (errorEdaratList) { if (errorEdaratList) {
return [{ value: "error", label: "خطا در بارگذاری" }]; return [{ value: "error", label: "خطا در بارگذاری" }];
} }
return [ return [
{ value: "", label: "کل ادارات" }, { value: "", label: "کل ادارات" },
...edaratList.map((edare) => ({ ...edaratList.map((edare) => ({
value: edare.id, value: edare.id,
label: edare.name_fa, label: edare.name_fa,
})), })),
]; ];
}, [edaratList, loadingEdaratList, errorEdaratList]); }, [edaratList, loadingEdaratList, errorEdaratList]);
useEffect(() => { useEffect(() => {
if (hasCountryPermission) return; if (hasCountryPermission) return;
if (prevDependency === props.dependencyFieldValue?.value) return; if (prevDependency === props.dependencyFieldValue?.value) return;
props.handleChange({ ...props.filterParameters, value: "" }); props.handleChange({ ...props.filterParameters, value: "" });
setPrevDependency(props.dependencyFieldValue?.value); setPrevDependency(props.dependencyFieldValue?.value);
}, [props.dependencyFieldValue?.value, hasCountryPermission]); }, [props.dependencyFieldValue?.value, hasCountryPermission]);
return ( return (
<CustomSelectByDependency <CustomSelectByDependency
{...props} {...props}
value={ value={
props.dependencyFieldValue?.value === "" props.dependencyFieldValue?.value === ""
? "empty" ? "empty"
: loadingEdaratList : loadingEdaratList
? "loading" ? "loading"
: props.filterParameters.value : props.filterParameters.value
} }
columnSelectOption={getColumnSelectOptions} columnSelectOption={getColumnSelectOptions}
/> />
); );
}, },
Cell: ({ renderedCellValue, row }) => <>{row.original.edareh_shahri_name}</>, Cell: ({ renderedCellValue, row }) => <>{row.original.edareh_shahri_name}</>,
}, },
{ {
accessorKey: "name", accessorKey: "name",
header: "نام و نام خانوادگی", header: "نام و نام خانوادگی",
id: "name", id: "name",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
}, },
{ {
accessorKey: "code", accessorKey: "code",
header: "کد ملی", header: "کد ملی",
id: "code", id: "code",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
}, },
{ {
accessorKey: "mobile", accessorKey: "mobile",
header: "شماره همراه", header: "شماره همراه",
id: "mobile", id: "mobile",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
}, },
]; ];
}, []); }, []);
return ( return (
<> <>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}> <Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth <DataTableWithAuth
need_filter={true} need_filter={true}
columns={columns} columns={columns}
sorting={[{ id: "id", desc: true }]} sorting={[{ id: "id", desc: true }]}
table_url={GET_RAHDARAN_TABLE_LIST} table_url={GET_RAHDARAN_TABLE_LIST}
page_name={"permissionTablePage"} page_name={"permissionTablePage"}
table_name={"permissionTableList"} table_name={"permissionTableList"}
TableToolbar={Toolbar} TableToolbar={Toolbar}
enableRowActions enableRowActions
positionActionsColumn={"last"} positionActionsColumn={"last"}
RowActions={RowActions} RowActions={RowActions}
/> />
</Box> </Box>
</> </>
); );
}; };
export default RahdaranList; export default RahdaranList;

78
src/components/dashboard/rahdaran/RowActions/DeleteDialog/DeleteContent.jsx
View File

@@ -1,39 +1,39 @@
import { Button, DialogActions, DialogContent, Stack, Typography } from "@mui/material"; import { Button, DialogActions, DialogContent, Stack, Typography } from "@mui/material";
import React, { useState } from "react"; import React, { useState } from "react";
import useRequest from "@/lib/hooks/useRequest"; import useRequest from "@/lib/hooks/useRequest";
import { DELETE_RAHDARAN_ITEM } from "@/core/utils/routes"; import { DELETE_RAHDARAN_ITEM } from "@/core/utils/routes";
const DeleteContent = ({ rowId, mutate, setOpenDeleteDialog }) => { const DeleteContent = ({ rowId, mutate, setOpenDeleteDialog }) => {
const [submitting, setSubmitting] = useState(false); const [submitting, setSubmitting] = useState(false);
const requestServer = useRequest({ notificationSuccess: true }); const requestServer = useRequest({ notificationSuccess: true });
const handleClick = () => { const handleClick = () => {
setSubmitting(true); setSubmitting(true);
requestServer(`${DELETE_RAHDARAN_ITEM}/${rowId}`, "delete") requestServer(`${DELETE_RAHDARAN_ITEM}/${rowId}`, "delete")
.then(() => { .then(() => {
mutate(); mutate();
setSubmitting(false); setSubmitting(false);
setOpenDeleteDialog(false); setOpenDeleteDialog(false);
}) })
.catch(() => { .catch(() => {
setSubmitting(false); setSubmitting(false);
}); });
}; };
return ( return (
<> <>
<DialogContent> <DialogContent>
<Stack alignItems="center" spacing={2}> <Stack alignItems="center" spacing={2}>
<Typography mt={2}>آیا از حذف راهدار اطمینان دارید؟</Typography> <Typography mt={2}>آیا از حذف راهدار اطمینان دارید؟</Typography>
</Stack> </Stack>
</DialogContent> </DialogContent>
<DialogActions sx={{ justifyContent: "center", paddingBottom: 2, width: "100%" }}> <DialogActions sx={{ justifyContent: "center", paddingBottom: 2, width: "100%" }}>
<Button onClick={() => setOpenDeleteDialog(false)} variant="outlined" color="secondary"> <Button onClick={() => setOpenDeleteDialog(false)} variant="outlined" color="secondary">
خیر ! خیر !
</Button> </Button>
<Button onClick={handleClick} variant="contained" color="error" disabled={submitting}> <Button onClick={handleClick} variant="contained" color="error" disabled={submitting}>
{submitting ? "درحال حذف..." : "بله اطمینان دارم"} {submitting ? "درحال حذف..." : "بله اطمینان دارم"}
</Button> </Button>
</DialogActions> </DialogActions>
</> </>
); );
}; };
export default DeleteContent; export default DeleteContent;

68
src/components/dashboard/rahdaran/RowActions/DeleteDialog/index.jsx
View File

@@ -1,34 +1,34 @@
import DeleteIcon from "@mui/icons-material/Delete"; import DeleteIcon from "@mui/icons-material/Delete";
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material"; import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { useState } from "react"; import { useState } from "react";
import DeleteContent from "./DeleteContent"; import DeleteContent from "./DeleteContent";
const DeleteDialog = ({ rowId, mutate }) => { const DeleteDialog = ({ rowId, mutate }) => {
const [openDeleteDialog, setOpenDeleteDialog] = useState(false); const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
return ( return (
<> <>
<Tooltip title="حذف"> <Tooltip title="حذف">
<IconButton color="error" onClick={() => setOpenDeleteDialog(true)}> <IconButton color="error" onClick={() => setOpenDeleteDialog(true)}>
<DeleteIcon /> <DeleteIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Dialog <Dialog
open={openDeleteDialog} open={openDeleteDialog}
onClose={() => setOpenDeleteDialog(false)} onClose={() => setOpenDeleteDialog(false)}
PaperProps={{ PaperProps={{
sx: { sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px", boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
}, },
}} }}
dir="rtl" dir="rtl"
maxWidth={"md"} maxWidth={"md"}
> >
<DialogTitle>حذف راهدار</DialogTitle> <DialogTitle>حذف راهدار</DialogTitle>
{openDeleteDialog && ( {openDeleteDialog && (
<DeleteContent rowId={rowId} mutate={mutate} setOpenDeleteDialog={setOpenDeleteDialog} /> <DeleteContent rowId={rowId} mutate={mutate} setOpenDeleteDialog={setOpenDeleteDialog} />
)} )}
</Dialog> </Dialog>
</> </>
); );
}; };
export default DeleteDialog; export default DeleteDialog;

24
src/components/dashboard/rahdaran/RowActions/index.jsx
View File

@@ -1,12 +1,12 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import EditRahdar from "../Actions/Edit"; import EditRahdar from "../Actions/Edit";
import DeleteDialog from "./DeleteDialog"; import DeleteDialog from "./DeleteDialog";
const RowActions = ({ row, mutate }) => { const RowActions = ({ row, mutate }) => {
return ( return (
<Box sx={{ display: "flex", gap: 1, alignItems: "center" }}> <Box sx={{ display: "flex", gap: 1, alignItems: "center" }}>
<EditRahdar row={row} mutate={mutate} rowId={row.getValue("id")} /> <EditRahdar row={row} mutate={mutate} rowId={row.getValue("id")} />
<DeleteDialog mutate={mutate} rowId={row.getValue("id")} /> <DeleteDialog mutate={mutate} rowId={row.getValue("id")} />
</Box> </Box>
); );
}; };
export default RowActions; export default RowActions;

18
src/components/dashboard/rahdaran/Toolbar.jsx
View File

@@ -1,9 +1,9 @@
import CreateRahdar from "./Actions/Create"; import CreateRahdar from "./Actions/Create";
const Toolbar = ({ mutate }) => { const Toolbar = ({ mutate }) => {
return ( return (
<> <>
<CreateRahdar mutate={mutate} /> <CreateRahdar mutate={mutate} />
</> </>
); );
}; };
export default Toolbar; export default Toolbar;

26
src/components/dashboard/rahdaran/index.jsx
View File

@@ -1,13 +1,13 @@
import PageTitle from "@/core/components/PageTitle"; import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material"; import { Stack } from "@mui/material";
import RahdaranList from "./RahdaranList"; import RahdaranList from "./RahdaranList";
const RahdaranTablePage = () => { const RahdaranTablePage = () => {
return ( return (
<Stack spacing={1}> <Stack spacing={1}>
<PageTitle title={"راهداران"} /> <PageTitle title={"راهداران"} />
<RahdaranList /> <RahdaranList />
</Stack> </Stack>
); );
}; };
export default RahdaranTablePage; export default RahdaranTablePage;

346
src/components/dashboard/roadItems/operator/Actions/Create/Forms/GetItemInfo/ImageUpload.jsx
View File

@@ -1,173 +1,173 @@
import { FormControl, FormHelperText, Grid } from "@mui/material"; import { FormControl, FormHelperText, Grid } from "@mui/material";
import UploadSystem from "@/core/components/UploadSystem"; import UploadSystem from "@/core/components/UploadSystem";
import { Controller } from "react-hook-form"; import { Controller } from "react-hook-form";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
const ImageUpload = ({ control, setValue, errors, getValues, beforeImage = null, afterImage = null }) => { const ImageUpload = ({ control, setValue, errors, getValues, beforeImage = null, afterImage = null }) => {
const [beforeImg, setBeforeImg] = useState(beforeImage ? beforeImage : null); const [beforeImg, setBeforeImg] = useState(beforeImage ? beforeImage : null);
const [beforeFileType, setBeforeFileType] = useState(beforeImage ? "image/" : null); const [beforeFileType, setBeforeFileType] = useState(beforeImage ? "image/" : null);
const [beforeFileName, setBeforeFileName] = useState(null); const [beforeFileName, setBeforeFileName] = useState(null);
const [showBeforeImage, setShowBeforeImage] = useState(!beforeImage); const [showBeforeImage, setShowBeforeImage] = useState(!beforeImage);
const [afterImg, setAfterImg] = useState(afterImage ? afterImage : null); const [afterImg, setAfterImg] = useState(afterImage ? afterImage : null);
const [afterFileType, setAfterFileType] = useState(afterImage ? "image/" : null); const [afterFileType, setAfterFileType] = useState(afterImage ? "image/" : null);
const [afterFileName, setAfterFileName] = useState(null); const [afterFileName, setAfterFileName] = useState(null);
const [showAfterImage, setShowAfterImage] = useState(!afterImage); const [showAfterImage, setShowAfterImage] = useState(!afterImage);
useEffect(() => { useEffect(() => {
const beforeImage = getValues("before_image"); const beforeImage = getValues("before_image");
const afterImage = getValues("after_image"); const afterImage = getValues("after_image");
if (beforeImage) { if (beforeImage) {
setShowBeforeImage(false); setShowBeforeImage(false);
if (typeof beforeImage === "string") { if (typeof beforeImage === "string") {
setBeforeImg(beforeImage); setBeforeImg(beforeImage);
setBeforeFileType("image/"); setBeforeFileType("image/");
} else if (beforeImage instanceof File) { } else if (beforeImage instanceof File) {
setBeforeImg(URL.createObjectURL(beforeImage)); setBeforeImg(URL.createObjectURL(beforeImage));
setBeforeFileType(beforeImage.type); setBeforeFileType(beforeImage.type);
} }
} }
if (afterImage) { if (afterImage) {
setShowAfterImage(false); setShowAfterImage(false);
if (typeof afterImage === "string") { if (typeof afterImage === "string") {
setAfterImg(afterImage); setAfterImg(afterImage);
setAfterFileType("image/"); setAfterFileType("image/");
} else if (afterImage instanceof File) { } else if (afterImage instanceof File) {
setAfterImg(URL.createObjectURL(afterImage)); setAfterImg(URL.createObjectURL(afterImage));
setAfterFileType(afterImage.type); setAfterFileType(afterImage.type);
} }
} }
}, [getValues]); }, [getValues]);
const handleBeforeFileChange = (event) => { const handleBeforeFileChange = (event) => {
const uploadedFile = event.target?.files?.[0]; const uploadedFile = event.target?.files?.[0];
if (uploadedFile) { if (uploadedFile) {
const fileType = event.target?.files?.[0].type; const fileType = event.target?.files?.[0].type;
const fileName = event.target?.files?.[0].name; const fileName = event.target?.files?.[0].name;
setBeforeImg(URL.createObjectURL(uploadedFile)); setBeforeImg(URL.createObjectURL(uploadedFile));
setBeforeFileType(fileType); setBeforeFileType(fileType);
setBeforeFileName(fileName); setBeforeFileName(fileName);
setValue("before_image", uploadedFile); setValue("before_image", uploadedFile);
setShowBeforeImage(false); setShowBeforeImage(false);
} }
}; };
const handleAfterFileChange = (event) => { const handleAfterFileChange = (event) => {
const uploadedFile = event.target?.files?.[0]; const uploadedFile = event.target?.files?.[0];
if (uploadedFile) { if (uploadedFile) {
const fileType = event.target?.files?.[0].type; const fileType = event.target?.files?.[0].type;
const fileName = event.target?.files?.[0].name; const fileName = event.target?.files?.[0].name;
setAfterImg(URL.createObjectURL(uploadedFile)); setAfterImg(URL.createObjectURL(uploadedFile));
setAfterFileType(fileType); setAfterFileType(fileType);
setAfterFileName(fileName); setAfterFileName(fileName);
setValue("after_image", uploadedFile); setValue("after_image", uploadedFile);
setShowAfterImage(false); setShowAfterImage(false);
} }
}; };
return ( return (
<Grid container spacing={2}> <Grid container spacing={2}>
<Grid item xs={12} md={6}> <Grid item xs={12} md={6}>
<Controller <Controller
name="before_image" name="before_image"
control={control} control={control}
render={({ field: { value, onChange } }) => { render={({ field: { value, onChange } }) => {
return ( return (
<FormControl <FormControl
error={errors.before_image} error={errors.before_image}
sx={{ sx={{
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
}} }}
> >
<FormHelperText <FormHelperText
sx={{ sx={{
fontSize: 12, fontSize: 12,
border: 1, border: 1,
borderBottom: 0, borderBottom: 0,
borderColor: "divider", borderColor: "divider",
px: 2, px: 2,
py: 0.5, py: 0.5,
borderRadius: 2, borderRadius: 2,
borderBottomRightRadius: 0, borderBottomRightRadius: 0,
borderBottomLeftRadius: 0, borderBottomLeftRadius: 0,
}} }}
id="before_image" id="before_image"
> >
عکس قبل از اقدام عکس قبل از اقدام
</FormHelperText> </FormHelperText>
<UploadSystem <UploadSystem
selectedImage={beforeImg} selectedImage={beforeImg}
handleUploadChange={handleBeforeFileChange} handleUploadChange={handleBeforeFileChange}
fileType={beforeFileType} fileType={beforeFileType}
fileName={beforeFileName} fileName={beforeFileName}
setSelectedImage={setBeforeImg} setSelectedImage={setBeforeImg}
imageSize={[250, 150]} imageSize={[250, 150]}
setShowAddIcon={setShowBeforeImage} setShowAddIcon={setShowBeforeImage}
showAddIcon={showBeforeImage} showAddIcon={showBeforeImage}
/> />
<FormHelperText id="before_image"> <FormHelperText id="before_image">
{errors.before_image ? errors.before_image.message : null} {errors.before_image ? errors.before_image.message : null}
</FormHelperText> </FormHelperText>
</FormControl> </FormControl>
); );
}} }}
/> />
</Grid> </Grid>
<Grid item xs={12} md={6}> <Grid item xs={12} md={6}>
<Controller <Controller
name="after_image" name="after_image"
control={control} control={control}
render={({ field: { value, onChange } }) => { render={({ field: { value, onChange } }) => {
return ( return (
<FormControl <FormControl
error={errors.before_image} error={errors.before_image}
sx={{ sx={{
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",
alignItems: "center", alignItems: "center",
justifyContent: "center", justifyContent: "center",
}} }}
> >
<FormHelperText <FormHelperText
sx={{ sx={{
fontSize: 12, fontSize: 12,
border: 1, border: 1,
borderBottom: 0, borderBottom: 0,
borderColor: "divider", borderColor: "divider",
px: 2, px: 2,
py: 0.5, py: 0.5,
borderRadius: 2, borderRadius: 2,
borderBottomRightRadius: 0, borderBottomRightRadius: 0,
borderBottomLeftRadius: 0, borderBottomLeftRadius: 0,
}} }}
id="before_image" id="before_image"
> >
عکس بعد از اقدام عکس بعد از اقدام
</FormHelperText> </FormHelperText>
<UploadSystem <UploadSystem
selectedImage={afterImg} selectedImage={afterImg}
handleUploadChange={handleAfterFileChange} handleUploadChange={handleAfterFileChange}
fileType={afterFileType} fileType={afterFileType}
fileName={afterFileName} fileName={afterFileName}
setSelectedImage={setAfterImg} setSelectedImage={setAfterImg}
imageSize={[250, 150]} imageSize={[250, 150]}
setShowAddIcon={setShowAfterImage} setShowAddIcon={setShowAfterImage}
showAddIcon={showAfterImage} showAddIcon={showAfterImage}
/> />
<FormHelperText id="after_image"> <FormHelperText id="after_image">
{errors.after_image ? errors.after_image.message : null} {errors.after_image ? errors.after_image.message : null}
</FormHelperText> </FormHelperText>
</FormControl> </FormControl>
); );
}} }}
/> />
</Grid> </Grid>
</Grid> </Grid>
); );
}; };
export default ImageUpload; export default ImageUpload;

46
src/components/dashboard/roadItems/operator/Actions/Create/Forms/GetItemInfo/MissionsDialog/MissionsList/RowActions/Allocate/index.jsx
View File

@@ -1,23 +1,23 @@
import { Done } from "@mui/icons-material"; import { Done } from "@mui/icons-material";
import { Button } from "@mui/material"; import { Button } from "@mui/material";
const Allocate = ({ row, setMission, setOpenDialog }) => { const Allocate = ({ row, setMission, setOpenDialog }) => {
const handleClick = () => { const handleClick = () => {
setMission(row.original); setMission(row.original);
setOpenDialog(false); setOpenDialog(false);
}; };
return ( return (
<> <>
<Button <Button
color="primary" color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }} sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={handleClick} onClick={handleClick}
startIcon={<Done />} startIcon={<Done />}
> >
انتخاب انتخاب
</Button> </Button>
</> </>
); );
}; };
export default Allocate; export default Allocate;

12
src/components/dashboard/roadItems/operator/Actions/Create/Forms/GetItemInfo/MissionsDialog/MissionsList/RowActions/index.jsx
View File

@@ -1,6 +1,6 @@
import Allocate from "./Allocate"; import Allocate from "./Allocate";
const RowActions = ({ row, setMission, setOpenDialog }) => { const RowActions = ({ row, setMission, setOpenDialog }) => {
return <Allocate row={row} setMission={setMission} setOpenDialog={setOpenDialog} />; return <Allocate row={row} setMission={setMission} setOpenDialog={setOpenDialog} />;
}; };
export default RowActions; export default RowActions;

210
src/components/dashboard/roadItems/operator/Actions/Create/Forms/GetItemInfo/MissionsDialog/MissionsList/index.jsx
View File

@@ -1,105 +1,105 @@
import DataTableWithAuth from "@/core/components/DataTableWithAuth"; import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_ROAD_MISSIONS_OPERATOR_LIST } from "@/core/utils/routes"; import { GET_ROAD_MISSIONS_OPERATOR_LIST } from "@/core/utils/routes";
import { Box } from "@mui/material"; import { Box } from "@mui/material";
import { useMemo } from "react"; import { useMemo } from "react";
import RowActions from "./RowActions"; import RowActions from "./RowActions";
import moment from "jalali-moment"; import moment from "jalali-moment";
const MissionList = ({ setMission, setOpenDialog }) => { const MissionList = ({ setMission, setOpenDialog }) => {
const columns = useMemo( const columns = useMemo(
() => [ () => [
{ {
accessorKey: "id", accessorKey: "id",
header: "کد یکتا", header: "کد یکتا",
id: "id", id: "id",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "text", datatype: "text",
filterMode: "equals", filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"], columnFilterModeOptions: ["equals", "contains"],
grow: false, grow: false,
size: 100, size: 100,
}, },
{ {
accessorKey: "explanation", accessorKey: "explanation",
header: "موضوع", header: "موضوع",
id: "explanation", id: "explanation",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
grow: false, grow: false,
size: 100, size: 100,
}, },
{ {
accessorKey: "zone", accessorKey: "zone",
header: "محدوده", header: "محدوده",
id: "zone", id: "zone",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
sortDescFirst: true, sortDescFirst: true,
grow: false, grow: false,
size: 100, size: 100,
columnSelectOption: () => { columnSelectOption: () => {
return missionRegions.map((region) => ({ return missionRegions.map((region) => ({
value: region.id, value: region.id,
label: region.name_fa, label: region.name_fa,
})); }));
}, },
Cell: ({ row }) => row.original.zone_fa, Cell: ({ row }) => row.original.zone_fa,
}, },
{ {
accessorFn: (row) => moment(row.start_time).locale("fa").format("HH:mm | yyyy/MM/DD"), accessorFn: (row) => moment(row.start_time).locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ خروج", header: "تاریخ خروج",
id: "start_time", id: "start_time",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "date", datatype: "date",
filterMode: "between", filterMode: "between",
grow: false, grow: false,
size: 100, size: 100,
}, },
{ {
accessorFn: (row) => moment(row.finish_time).locale("fa").format("HH:mm | yyyy/MM/DD"), accessorFn: (row) => moment(row.finish_time).locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ ورود", header: "تاریخ ورود",
id: "finish_time", id: "finish_time",
enableColumnFilter: true, enableColumnFilter: true,
datatype: "date", datatype: "date",
filterMode: "between", filterMode: "between",
grow: false, grow: false,
size: 100, size: 100,
}, },
{ {
accessorKey: "end_point", accessorKey: "end_point",
header: "مقصد", header: "مقصد",
id: "end_point", id: "end_point",
enableColumnFilter: false, enableColumnFilter: false,
datatype: "numeric", datatype: "numeric",
filterMode: "equals", filterMode: "equals",
grow: false, grow: false,
size: 100, size: 100,
}, },
], ],
[] []
); );
return ( return (
<> <>
<Box sx={{ mt: 3, p: 1 }}> <Box sx={{ mt: 3, p: 1 }}>
<DataTableWithAuth <DataTableWithAuth
need_filter={true} need_filter={true}
table_title="لیست ماموریت ها" table_title="لیست ماموریت ها"
columns={columns} columns={columns}
sorting={[{ id: "id", desc: true }]} sorting={[{ id: "id", desc: true }]}
table_url={GET_ROAD_MISSIONS_OPERATOR_LIST} table_url={GET_ROAD_MISSIONS_OPERATOR_LIST}
page_name={"roadItemsOperator"} page_name={"roadItemsOperator"}
table_name={"roadItemsOperatorListMissionList"} table_name={"roadItemsOperatorListMissionList"}
enableRowActions enableRowActions
positionActionsColumn={"first"} positionActionsColumn={"first"}
RowActions={(props) => ( RowActions={(props) => (
<RowActions {...props} setMission={setMission} setOpenDialog={setOpenDialog} /> <RowActions {...props} setMission={setMission} setOpenDialog={setOpenDialog} />
)} )}
/> />
</Box> </Box>
</> </>
); );
}; };
export default MissionList; export default MissionList;

Some files were not shown because too many files have changed in this diff Show More