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 WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل شهرستان",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<CityAdminPage />
</WithPermission>
);
};
export default Page;
import CityAdminPage from "@/components/dashboard/inquiryPrivacy/city-admin";
import WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل شهرستان",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<CityAdminPage />
</WithPermission>
);
};
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 GeneralManagerPage from "@/components/dashboard/inquiryPrivacy/general-manager";
export const metadata = {
title: "کارتابل مدیر",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<GeneralManagerPage />
</WithPermission>
);
};
export default Page;
import WithPermission from "@/core/middlewares/withPermission";
import GeneralManagerPage from "@/components/dashboard/inquiryPrivacy/general-manager";
export const metadata = {
title: "کارتابل مدیر",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<GeneralManagerPage />
</WithPermission>
);
};
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 WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل اداره حریم",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<PrivacyOfficePage />
</WithPermission>
);
};
export default Page;
import PrivacyOfficePage from "@/components/dashboard/inquiryPrivacy/privacy-office";
import WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل اداره حریم",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<PrivacyOfficePage />
</WithPermission>
);
};
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 WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل معاون",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<TechnicalDeputy />
</WithPermission>
);
};
export default Page;
import TechnicalDeputy from "@/components/dashboard/inquiryPrivacy/technical-deputy";
import WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل معاون",
};
const Page = () => {
return (
<WithPermission permission_name={["all"]}>
<TechnicalDeputy />
</WithPermission>
);
};
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 WithPermission from "@/core/middlewares/withPermission";
export default function page() {
return (
<WithPermission
permission_name={["manage-rahdaran-country", "manage-rahdaran-province", "manage-rahdaran-edareh"]}
>
<RahdaranTablePage />
</WithPermission>
);
}
import RahdaranTablePage from "@/components/dashboard/rahdaran";
import WithPermission from "@/core/middlewares/withPermission";
export default function page() {
return (
<WithPermission
permission_name={["manage-rahdaran-country", "manage-rahdaran-province", "manage-rahdaran-edareh"]}
>
<RahdaranTablePage />
</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 WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل تخلفات",
};
const Page = () => {
return (
<>
<WithPermission permission_name={["all"]}>
<ViolationsPage />
{/* <ActivityCodeLog activity_code={1152} /> */}
</WithPermission>
</>
);
};
export default Page;
import ViolationsPage from "@/components/dashboard/roadMissions/violations";
import WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "کارتابل تخلفات",
};
const Page = () => {
return (
<>
<WithPermission permission_name={["all"]}>
<ViolationsPage />
{/* <ActivityCodeLog activity_code={1152} /> */}
</WithPermission>
</>
);
};
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 WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "گزارش بر اساس راه دسترسی غیر مجاز",
};
const Page = () => {
return (
<WithPermission
permission_name={[
"show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri",
]}
>
<ReportAccessRoadPage />
</WithPermission>
);
};
export default Page;
import ReportAccessRoadPage from "@/components/dashboard/roadSafety/reports/accessRoad";
import WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "گزارش بر اساس راه دسترسی غیر مجاز",
};
const Page = () => {
return (
<WithPermission
permission_name={[
"show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri",
]}
>
<ReportAccessRoadPage />
</WithPermission>
);
};
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 WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "گزارش بر اساس ساخت و ساز غیر مجاز",
};
const Page = () => {
return (
<WithPermission
permission_name={[
"show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri",
]}
>
<ReportConstructionActivityPage />
</WithPermission>
);
};
export default Page;
import ReportConstructionActivityPage from "@/components/dashboard/roadSafety/reports/constructionActivity";
import WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "گزارش بر اساس ساخت و ساز غیر مجاز",
};
const Page = () => {
return (
<WithPermission
permission_name={[
"show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri",
]}
>
<ReportConstructionActivityPage />
</WithPermission>
);
};
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 WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "گزارش بر اساس عبور تاسیسات زیربنایی غیر مجاز",
};
const Page = () => {
return (
<WithPermission
permission_name={[
"show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri",
]}
>
<ReportUtilityPassingActivityPage />
</WithPermission>
);
};
export default Page;
import ReportUtilityPassingActivityPage from "@/components/dashboard/roadSafety/reports/utilityPassingActivity";
import WithPermission from "@/core/middlewares/withPermission";
export const metadata = {
title: "گزارش بر اساس عبور تاسیسات زیربنایی غیر مجاز",
};
const Page = () => {
return (
<WithPermission
permission_name={[
"show-safety-and-privacy-operator-cartable",
"show-safety-and-privacy-operator-cartable-province",
"show-safety-and-privacy-operator-cartable-edarate-shahri",
]}
>
<ReportUtilityPassingActivityPage />
</WithPermission>
);
};
export default Page;

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

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

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

@@ -1,75 +1,75 @@
"use client";
import DataTableFilterDataStructure from "@/core/utils/DataTableFilterDataStructure";
import isArrayEmpty from "@/core/utils/isArrayEmpty";
import { EXPORT_DAMAGES_ITEMS } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { useTheme } from "@emotion/react";
import DescriptionIcon from "@mui/icons-material/Description";
import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
import FileSaver from "file-saver";
import moment from "jalali-moment";
import { useMemo, useState } from "react";
const PrintExcel = ({ table, filterData }) => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
const [loading, setLoading] = useState(false);
const requestServer = useRequest({ notificationSuccess: true });
const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
if (filter.value && (!Array.isArray(filter.value) || filter.value.some((item) => item.trim() !== ""))) {
acc.push({ id: key, value: filter.value });
}
return acc;
}, []);
const filterParams = useMemo(() => {
const params = new URLSearchParams();
if (activeFilters.length > 0) {
activeFilters.map((filter, index) => {
const filteredFilterData = DataTableFilterDataStructure(filterData, isArrayEmpty);
params.set("filters", JSON.stringify(filteredFilterData.length === 0 ? [] : filteredFilterData));
});
} else {
params.set("filters", JSON.stringify([]));
}
return params;
}, [activeFilters]);
const clickHandler = () => {
setLoading(true);
requestServer(`${EXPORT_DAMAGES_ITEMS}?${filterParams}`, "get", {
requestOptions: { responseType: "blob" },
})
.then((response) => {
const filename = `خروجی لیست آیتم های خسارات وارده بر ابنیه فنی تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
FileSaver.saveAs(response.data, filename);
})
.catch(() => {})
.finally(() => {
setLoading(false);
});
};
return (
<>
{isMobile ? (
<IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
<DescriptionIcon sx={{ fontSize: "25px" }} />
</IconButton>
) : (
<Button
color="success"
variant="contained"
size="small"
disabled={loading}
sx={{ textTransform: "unset", alignSelf: "center" }}
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
onClick={clickHandler}
>
خروجی اکسل
</Button>
)}
</>
);
};
export default PrintExcel;
"use client";
import DataTableFilterDataStructure from "@/core/utils/DataTableFilterDataStructure";
import isArrayEmpty from "@/core/utils/isArrayEmpty";
import { EXPORT_DAMAGES_ITEMS } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { useTheme } from "@emotion/react";
import DescriptionIcon from "@mui/icons-material/Description";
import { Button, CircularProgress, IconButton, useMediaQuery } from "@mui/material";
import FileSaver from "file-saver";
import moment from "jalali-moment";
import { useMemo, useState } from "react";
const PrintExcel = ({ table, filterData }) => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
const [loading, setLoading] = useState(false);
const requestServer = useRequest({ notificationSuccess: true });
const activeFilters = Object.entries(filterData).reduce((acc, [key, filter]) => {
if (filter.value && (!Array.isArray(filter.value) || filter.value.some((item) => item.trim() !== ""))) {
acc.push({ id: key, value: filter.value });
}
return acc;
}, []);
const filterParams = useMemo(() => {
const params = new URLSearchParams();
if (activeFilters.length > 0) {
activeFilters.map((filter, index) => {
const filteredFilterData = DataTableFilterDataStructure(filterData, isArrayEmpty);
params.set("filters", JSON.stringify(filteredFilterData.length === 0 ? [] : filteredFilterData));
});
} else {
params.set("filters", JSON.stringify([]));
}
return params;
}, [activeFilters]);
const clickHandler = () => {
setLoading(true);
requestServer(`${EXPORT_DAMAGES_ITEMS}?${filterParams}`, "get", {
requestOptions: { responseType: "blob" },
})
.then((response) => {
const filename = `خروجی لیست آیتم های خسارات وارده بر ابنیه فنی تاریخ_${moment().format("jYYYY_jMM_jDD")}.xlsx`;
FileSaver.saveAs(response.data, filename);
})
.catch(() => {})
.finally(() => {
setLoading(false);
});
};
return (
<>
{isMobile ? (
<IconButton aria-label="خروجی اکسل" color="success" onClick={clickHandler}>
<DescriptionIcon sx={{ fontSize: "25px" }} />
</IconButton>
) : (
<Button
color="success"
variant="contained"
size="small"
disabled={loading}
sx={{ textTransform: "unset", alignSelf: "center" }}
startIcon={loading ? <CircularProgress size={18} color="inherit" /> : <DescriptionIcon />}
onClick={clickHandler}
>
خروجی اکسل
</Button>
)}
</>
);
};
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 { useState } from "react";
import { useWatch } from "react-hook-form";
const LocationInputs = ({ control, setValue, errors }) => {
const StartPoint = useWatch({ control, name: "start_point" });
const [coords, setCoords] = useState(StartPoint ? `${StartPoint.lat},${StartPoint.lng}` : "");
const [error, setError] = useState(false);
return (
<LtrTextField
autoComplete="off"
size="small"
label="عرض و طول جغرافیایی (Latitude, Longitude)"
placeholder="مثال: 35.7219, 51.3347"
fullWidth
helperText={
error
? "فرمت یا محدوده مقادیر معتبر نیست (ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی)"
: errors.start_point
? errors.start_point.message
: "ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی"
}
error={error || errors.start_point}
value={coords}
onChange={(e) => {
const value = e.target.value.trim();
setCoords(value);
if (value === "") {
setValue("start_point", null);
setError(false);
return;
}
const parts = value.split(",").map((p) => p.trim());
if (parts.length !== 2) {
setError(true);
return;
}
const lat = Number(parts[0]);
const lng = Number(parts[1]);
if (!isNaN(lat) && !isNaN(lng) && lat >= 25 && lat <= 40 && lng >= 44 && lng <= 64) {
setValue("start_point", { lat: lat, lng: lng });
setError(false);
} else {
setValue("start_point", null);
setError(true);
}
}}
InputLabelProps={{ shrink: true }}
/>
);
};
export default LocationInputs;
import LtrTextField from "@/core/components/LtrTextField";
import { useState } from "react";
import { useWatch } from "react-hook-form";
const LocationInputs = ({ control, setValue, errors }) => {
const StartPoint = useWatch({ control, name: "start_point" });
const [coords, setCoords] = useState(StartPoint ? `${StartPoint.lat},${StartPoint.lng}` : "");
const [error, setError] = useState(false);
return (
<LtrTextField
autoComplete="off"
size="small"
label="عرض و طول جغرافیایی (Latitude, Longitude)"
placeholder="مثال: 35.7219, 51.3347"
fullWidth
helperText={
error
? "فرمت یا محدوده مقادیر معتبر نیست (ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی)"
: errors.start_point
? errors.start_point.message
: "ابتدا عرض جغرافیایی + , + انتها طول جغرافیایی"
}
error={error || errors.start_point}
value={coords}
onChange={(e) => {
const value = e.target.value.trim();
setCoords(value);
if (value === "") {
setValue("start_point", null);
setError(false);
return;
}
const parts = value.split(",").map((p) => p.trim());
if (parts.length !== 2) {
setError(true);
return;
}
const lat = Number(parts[0]);
const lng = Number(parts[1]);
if (!isNaN(lat) && !isNaN(lng) && lat >= 25 && lat <= 40 && lng >= 44 && lng <= 64) {
setValue("start_point", { lat: lat, lng: lng });
setError(false);
} else {
setValue("start_point", null);
setError(true);
}
}}
InputLabelProps={{ shrink: true }}
/>
);
};
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 { IconButton, Tooltip } from "@mui/material";
const ButtonDownload = ({ url, title }) => {
return (
<Tooltip title={title}>
<IconButton href={url} target="_blank" color="primary" rel="noopener noreferrer">
<Download />
</IconButton>
</Tooltip>
);
};
export default ButtonDownload;
import { Download } from "@mui/icons-material";
import { IconButton, Tooltip } from "@mui/material";
const ButtonDownload = ({ url, title }) => {
return (
<Tooltip title={title}>
<IconButton href={url} target="_blank" color="primary" rel="noopener noreferrer">
<Download />
</IconButton>
</Tooltip>
);
};
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 { Dialog, DialogTitle, IconButton } from "@mui/material";
import ChangeStatusForm from "./Form";
const ChangeStatusDialog = ({ open, setOpen, mutate, row }) => {
return (
<Dialog open={open} fullWidth maxWidth="xs">
<IconButton
aria-label="close"
onClick={() => setOpen(false)}
sx={(theme) => ({
position: "absolute",
right: 8,
top: 8,
zIndex: 50,
color: theme.palette.grey[500],
})}
>
<Close />
</IconButton>
<DialogTitle>تغییر وضعیت</DialogTitle>
{open && <ChangeStatusForm setOpen={setOpen} mutate={mutate} row={row} />}
</Dialog>
);
};
export default ChangeStatusDialog;
import { Close } from "@mui/icons-material";
import { Dialog, DialogTitle, IconButton } from "@mui/material";
import ChangeStatusForm from "./Form";
const ChangeStatusDialog = ({ open, setOpen, mutate, row }) => {
return (
<Dialog open={open} fullWidth maxWidth="xs">
<IconButton
aria-label="close"
onClick={() => setOpen(false)}
sx={(theme) => ({
position: "absolute",
right: 8,
top: 8,
zIndex: 50,
color: theme.palette.grey[500],
})}
>
<Close />
</IconButton>
<DialogTitle>تغییر وضعیت</DialogTitle>
{open && <ChangeStatusForm setOpen={setOpen} mutate={mutate} row={row} />}
</Dialog>
);
};
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 StyledForm from "@/core/components/StyledForm";
import { CHANGE_STATUS_RECEIPT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import { Beenhere, ExitToApp } from "@mui/icons-material";
import { Button, DialogActions, DialogContent, Grid, Stack } from "@mui/material";
import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup";
const validationSchema = object({
status: string().required("وضعیت را مشخص کنید!"),
});
const ChangeStatusForm = ({ setOpen, mutate, row }) => {
const requestServer = useRequest({ notificationSuccess: true });
const defaultValues = {
status: row.original.status || "",
};
const handleClose = () => {
setOpen(false);
};
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({
defaultValues,
resolver: yupResolver(validationSchema),
mode: "all",
});
const onSubmitBase = async (data) => {
const formData = new FormData();
formData.append("status_id", data.status);
await requestServer(`${CHANGE_STATUS_RECEIPT}/${row.original.id}`, "post", {
data: formData,
})
.then((response) => {
mutate();
setOpen(false);
})
.catch((error) => {});
};
return (
<StyledForm onSubmit={handleSubmit(onSubmitBase)}>
<DialogContent dividers sx={{ overflowY: "auto", maxHeight: "70vh" }}>
<Stack>
<Grid container spacing={2}>
<Grid item xs={12} sm={12} sx={{ display: "flex", alignItems: "center" }}>
<Controller
control={control}
name={"status"}
render={({ field, fieldState: { error } }) => (
<SelectBox
value={field.value}
label="وضعیت"
selectors={[
{ id: 0, name_fa: "بدون اقدام" },
{ id: 1, name_fa: "صدور نامه بیمه و کارشناسی داغی" },
{ id: 2, name_fa: "فیش ها ثبت شده است" },
{ id: 3, name_fa: "فاکتور صادر شده است" },
{ id: 4, name_fa: "فاکتور پرداخت شده است" },
{ id: 5, name_fa: "نامه پلیس راه صادر شده است" },
]}
schema={{ name: "name_fa", value: "id" }}
error={error}
onChange={field.onChange}
helperText={error?.message}
/>
)}
/>
</Grid>
</Grid>
</Stack>
</DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "center" }}>
<Button
onClick={handleClose}
variant="outlined"
color="secondary"
size="large"
startIcon={<ExitToApp />}
>
بستن
</Button>
<Button variant="contained" size="large" disabled={isSubmitting} type={"submit"} endIcon={<Beenhere />}>
{isSubmitting ? "در حال ثبت" : "ثبت"}
</Button>
</DialogActions>
</StyledForm>
);
};
export default ChangeStatusForm;
import SelectBox from "@/core/components/SelectBox";
import StyledForm from "@/core/components/StyledForm";
import { CHANGE_STATUS_RECEIPT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import { Beenhere, ExitToApp } from "@mui/icons-material";
import { Button, DialogActions, DialogContent, Grid, Stack } from "@mui/material";
import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup";
const validationSchema = object({
status: string().required("وضعیت را مشخص کنید!"),
});
const ChangeStatusForm = ({ setOpen, mutate, row }) => {
const requestServer = useRequest({ notificationSuccess: true });
const defaultValues = {
status: row.original.status || "",
};
const handleClose = () => {
setOpen(false);
};
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({
defaultValues,
resolver: yupResolver(validationSchema),
mode: "all",
});
const onSubmitBase = async (data) => {
const formData = new FormData();
formData.append("status_id", data.status);
await requestServer(`${CHANGE_STATUS_RECEIPT}/${row.original.id}`, "post", {
data: formData,
})
.then((response) => {
mutate();
setOpen(false);
})
.catch((error) => {});
};
return (
<StyledForm onSubmit={handleSubmit(onSubmitBase)}>
<DialogContent dividers sx={{ overflowY: "auto", maxHeight: "70vh" }}>
<Stack>
<Grid container spacing={2}>
<Grid item xs={12} sm={12} sx={{ display: "flex", alignItems: "center" }}>
<Controller
control={control}
name={"status"}
render={({ field, fieldState: { error } }) => (
<SelectBox
value={field.value}
label="وضعیت"
selectors={[
{ id: 0, name_fa: "بدون اقدام" },
{ id: 1, name_fa: "صدور نامه بیمه و کارشناسی داغی" },
{ id: 2, name_fa: "فیش ها ثبت شده است" },
{ id: 3, name_fa: "فاکتور صادر شده است" },
{ id: 4, name_fa: "فاکتور پرداخت شده است" },
{ id: 5, name_fa: "نامه پلیس راه صادر شده است" },
]}
schema={{ name: "name_fa", value: "id" }}
error={error}
onChange={field.onChange}
helperText={error?.message}
/>
)}
/>
</Grid>
</Grid>
</Stack>
</DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "center" }}>
<Button
onClick={handleClose}
variant="outlined"
color="secondary"
size="large"
startIcon={<ExitToApp />}
>
بستن
</Button>
<Button variant="contained" size="large" disabled={isSubmitting} type={"submit"} endIcon={<Beenhere />}>
{isSubmitting ? "در حال ثبت" : "ثبت"}
</Button>
</DialogActions>
</StyledForm>
);
};
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 { IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import ChangeStatusDialog from "./Dialog";
const ChangeStatus = ({ row, mutate }) => {
const [open, setOpen] = useState(false);
return (
<>
<Tooltip title="تغییر وضعیت">
<IconButton color="primary" onClick={() => setOpen(true)}>
<Reply />
</IconButton>
</Tooltip>
<ChangeStatusDialog open={open} setOpen={setOpen} mutate={mutate} row={row} />
</>
);
};
export default ChangeStatus;
import { Reply } from "@mui/icons-material";
import { IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import ChangeStatusDialog from "./Dialog";
const ChangeStatus = ({ row, mutate }) => {
const [open, setOpen] = useState(false);
return (
<>
<Tooltip title="تغییر وضعیت">
<IconButton color="primary" onClick={() => setOpen(true)}>
<Reply />
</IconButton>
</Tooltip>
<ChangeStatusDialog open={open} setOpen={setOpen} mutate={mutate} row={row} />
</>
);
};
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 DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_CITY_ADMIN_LIST } from "@/core/utils/routes";
import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState";
import { Box, Stack } from "@mui/material";
import moment from "jalali-moment";
import { useMemo } from "react";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import SecurityIcon from "@mui/icons-material/Security";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
import WindowIcon from "@mui/icons-material/Window";
import DangerousIcon from "@mui/icons-material/Dangerous";
import AutorenewIcon from "@mui/icons-material/Autorenew";
import RowActions from "./RowActions";
import ShowPrimaryArea from "./ShowPrimaryArea";
const CityAdminList = () => {
const stateIcon = (state_id) => {
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 === 3 || state_id === 6 || state_id === 14)
return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />;
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 === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />;
if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />;
if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />;
};
const columns = useMemo(() => {
return [
{
accessorKey: "panjare_vahed_id",
header: "کدرهگیری درخواست",
id: "panjare_vahed_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>,
},
{
accessorKey: "national_id",
header: "کد ملی",
id: "national_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.national_id}</>,
},
{
accessorKey: "state_id",
header: "وضعیت",
id: "state_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
sortDescFirst: false,
grow: false,
size: 100,
ColumnSelectComponent: (props) => {
const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState();
const getColumnSelectOptions = useMemo(() => {
if (loadingItemsList) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorItemsList) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "همه موارد" },
...itemsList.map((item) => ({
value: item.id,
label: item.name,
})),
];
}, [itemsList, loadingItemsList, errorItemsList]);
return (
<CustomSelectByDependency
{...props}
value={loadingItemsList ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ row }) => (
<Box sx={{ display: "flex", alignItems: "center" }}>
{stateIcon(row.original.state_id)}
<Box component="span" ml={1}>
{row.original.state_name}
</Box>
</Box>
),
},
{
accessorKey: "plan_title",
header: "عنوان طرح",
id: "plan_title",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_title}</>,
},
{
accessorKey: "plan_group",
header: "گروه طرح",
id: "plan_group",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_group}</>,
},
{
accessorKey: "requested_organization",
header: "دستگاه صادر کننده",
id: "requested_organization",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.requested_organization}</>,
},
{
accessorKey: "worksheet_id",
header: "شناسه کاربرگ",
id: "worksheet_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.worksheet_id}</>,
},
{
accessorKey: "primary_area",
header: "نمایش محدوده طرح",
id: "primary_area",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) =>
row.original.primary_area ? (
<Stack alignItems={"center"} justifyContent={"center"}>
<ShowPrimaryArea primaryArea={row.original.primary_area} />
</Stack>
) : (
"-"
),
},
{
accessorKey: "province_id",
header: "استان",
id: "province_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.province_name}</>,
},
{
accessorKey: "city_id",
header: "شهر",
id: "city_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.city_name}</>,
},
{
accessorKey: "isic",
header: "کد آیسیک",
id: "isic",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.isic}</>,
},
{
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست",
id: "request_date",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
];
}, []);
return (
<>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
need_filter={true}
columns={columns}
table_url={GET_CITY_ADMIN_LIST}
page_name={"cityAdmin"}
table_name={"cityAdminList"}
enableRowActions
positionActionsColumn={"first"}
RowActions={RowActions}
/>
</Box>
</>
);
};
export default CityAdminList;
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_CITY_ADMIN_LIST } from "@/core/utils/routes";
import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState";
import { Box, Stack } from "@mui/material";
import moment from "jalali-moment";
import { useMemo } from "react";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import SecurityIcon from "@mui/icons-material/Security";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
import WindowIcon from "@mui/icons-material/Window";
import DangerousIcon from "@mui/icons-material/Dangerous";
import AutorenewIcon from "@mui/icons-material/Autorenew";
import RowActions from "./RowActions";
import ShowPrimaryArea from "./ShowPrimaryArea";
const CityAdminList = () => {
const stateIcon = (state_id) => {
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 === 3 || state_id === 6 || state_id === 14)
return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />;
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 === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />;
if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />;
if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />;
};
const columns = useMemo(() => {
return [
{
accessorKey: "panjare_vahed_id",
header: "کدرهگیری درخواست",
id: "panjare_vahed_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>,
},
{
accessorKey: "national_id",
header: "کد ملی",
id: "national_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.national_id}</>,
},
{
accessorKey: "state_id",
header: "وضعیت",
id: "state_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
sortDescFirst: false,
grow: false,
size: 100,
ColumnSelectComponent: (props) => {
const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState();
const getColumnSelectOptions = useMemo(() => {
if (loadingItemsList) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorItemsList) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "همه موارد" },
...itemsList.map((item) => ({
value: item.id,
label: item.name,
})),
];
}, [itemsList, loadingItemsList, errorItemsList]);
return (
<CustomSelectByDependency
{...props}
value={loadingItemsList ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ row }) => (
<Box sx={{ display: "flex", alignItems: "center" }}>
{stateIcon(row.original.state_id)}
<Box component="span" ml={1}>
{row.original.state_name}
</Box>
</Box>
),
},
{
accessorKey: "plan_title",
header: "عنوان طرح",
id: "plan_title",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_title}</>,
},
{
accessorKey: "plan_group",
header: "گروه طرح",
id: "plan_group",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_group}</>,
},
{
accessorKey: "requested_organization",
header: "دستگاه صادر کننده",
id: "requested_organization",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.requested_organization}</>,
},
{
accessorKey: "worksheet_id",
header: "شناسه کاربرگ",
id: "worksheet_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.worksheet_id}</>,
},
{
accessorKey: "primary_area",
header: "نمایش محدوده طرح",
id: "primary_area",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) =>
row.original.primary_area ? (
<Stack alignItems={"center"} justifyContent={"center"}>
<ShowPrimaryArea primaryArea={row.original.primary_area} />
</Stack>
) : (
"-"
),
},
{
accessorKey: "province_id",
header: "استان",
id: "province_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.province_name}</>,
},
{
accessorKey: "city_id",
header: "شهر",
id: "city_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.city_name}</>,
},
{
accessorKey: "isic",
header: "کد آیسیک",
id: "isic",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.isic}</>,
},
{
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست",
id: "request_date",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
];
}, []);
return (
<>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
need_filter={true}
columns={columns}
table_url={GET_CITY_ADMIN_LIST}
page_name={"cityAdmin"}
table_name={"cityAdminList"}
enableRowActions
positionActionsColumn={"first"}
RowActions={RowActions}
/>
</Box>
</>
);
};
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 L from "leaflet";
import { FeatureGroup, useMap } from "react-leaflet";
import "leaflet-draw";
import { calculatePolygonMetrics } from "@/core/utils/geoCalculations";
const DrawPolygon = ({ control, controlDispach, drawBound, setDrawBound }) => {
const map = useMap();
const featureRef = useRef(null);
const drawControlRef = useRef(null);
const [area, setArea] = useState(0);
const [sideLengths, setSideLengths] = useState([]);
const calculatePolygonMetricsForLayer = useCallback(
(layer) => {
if (!layer) return;
const latlngs = layer.getLatLngs()[0];
if (!latlngs || latlngs.length < 3) return;
const coordinates = latlngs.map((p) => [p.lat, p.lng]);
const metrics = calculatePolygonMetrics(coordinates, true);
setArea(metrics.area);
setSideLengths(metrics.sides);
setDrawBound({
layer,
metrics,
});
},
[setDrawBound]
);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 35],
paddingBottomRight: [20, 55],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
const bindEditEvent = useCallback(
(layer) => {
if (!layer) return;
layer.on("edit", function (e) {
const editedLayer = e.target;
calculatePolygonMetricsForLayer(editedLayer);
});
},
[calculatePolygonMetricsForLayer]
);
const handlerCreatedBound = useCallback(
(event) => {
const { layer } = event;
layer.editing.enable();
featureRef.current.addLayer(layer);
calculatePolygonMetricsForLayer(layer);
bindEditEvent(layer);
controlDispach({ type: "SET_STATUS", status: 2 });
},
[calculatePolygonMetricsForLayer, bindEditEvent, controlDispach]
);
useEffect(() => {
if (
control.status === 1 &&
drawControlRef.current &&
drawControlRef.current._toolbars?.draw?._modes?.polygon?.handler
) {
drawControlRef.current._toolbars.draw._modes.polygon.handler.enable();
}
}, [control.status]);
useEffect(() => {
if (control.status === 0 && featureRef.current) {
featureRef.current.clearLayers();
setArea(0);
setSideLengths([]);
setDrawBound(null);
}
}, [control.status, setDrawBound]);
useEffect(() => {
if (control.status === 2 && drawBound && featureRef.current) {
const { layer, metrics } = drawBound;
featureRef.current.addLayer(layer);
layer.editing.enable();
safeFitBounds(layer);
bindEditEvent(layer);
setArea(metrics?.area || 0);
setSideLengths(metrics?.sides || []);
}
}, [control.status, drawBound, bindEditEvent]);
useEffect(() => {
if (!featureRef.current) return;
L.drawLocal.draw.handlers.polygon.tooltip.start = "برای شروع ترسیم محدوده، روی نقشه کلیک کنید";
L.drawLocal.draw.handlers.polygon.tooltip.cont = "برای ادامه ترسیم، نقاط بعدی را کلیک کنید";
L.drawLocal.draw.handlers.polygon.tooltip.end = "برای بستن محدوده، روی نقطه‌ی شروع کلیک کنید";
const drawControl = new L.Control.Draw({
draw: {
polygon: {
shapeOptions: {
color: "red",
weight: 3,
clickable: true,
},
},
polyline: false,
rectangle: false,
circle: false,
marker: false,
circlemarker: false,
},
edit: {
featureGroup: featureRef.current,
edit: true,
remove: true,
},
});
drawControlRef.current = drawControl;
map.addControl(drawControl);
map.on(L.Draw.Event.CREATED, handlerCreatedBound);
return () => {
map.off(L.Draw.Event.CREATED, handlerCreatedBound);
map.removeControl(drawControl);
};
}, [map, handlerCreatedBound]);
return <FeatureGroup ref={featureRef} />;
};
export default DrawPolygon;
import React, { useCallback, useEffect, useRef, useState } from "react";
import L from "leaflet";
import { FeatureGroup, useMap } from "react-leaflet";
import "leaflet-draw";
import { calculatePolygonMetrics } from "@/core/utils/geoCalculations";
const DrawPolygon = ({ control, controlDispach, drawBound, setDrawBound }) => {
const map = useMap();
const featureRef = useRef(null);
const drawControlRef = useRef(null);
const [area, setArea] = useState(0);
const [sideLengths, setSideLengths] = useState([]);
const calculatePolygonMetricsForLayer = useCallback(
(layer) => {
if (!layer) return;
const latlngs = layer.getLatLngs()[0];
if (!latlngs || latlngs.length < 3) return;
const coordinates = latlngs.map((p) => [p.lat, p.lng]);
const metrics = calculatePolygonMetrics(coordinates, true);
setArea(metrics.area);
setSideLengths(metrics.sides);
setDrawBound({
layer,
metrics,
});
},
[setDrawBound]
);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 35],
paddingBottomRight: [20, 55],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
const bindEditEvent = useCallback(
(layer) => {
if (!layer) return;
layer.on("edit", function (e) {
const editedLayer = e.target;
calculatePolygonMetricsForLayer(editedLayer);
});
},
[calculatePolygonMetricsForLayer]
);
const handlerCreatedBound = useCallback(
(event) => {
const { layer } = event;
layer.editing.enable();
featureRef.current.addLayer(layer);
calculatePolygonMetricsForLayer(layer);
bindEditEvent(layer);
controlDispach({ type: "SET_STATUS", status: 2 });
},
[calculatePolygonMetricsForLayer, bindEditEvent, controlDispach]
);
useEffect(() => {
if (
control.status === 1 &&
drawControlRef.current &&
drawControlRef.current._toolbars?.draw?._modes?.polygon?.handler
) {
drawControlRef.current._toolbars.draw._modes.polygon.handler.enable();
}
}, [control.status]);
useEffect(() => {
if (control.status === 0 && featureRef.current) {
featureRef.current.clearLayers();
setArea(0);
setSideLengths([]);
setDrawBound(null);
}
}, [control.status, setDrawBound]);
useEffect(() => {
if (control.status === 2 && drawBound && featureRef.current) {
const { layer, metrics } = drawBound;
featureRef.current.addLayer(layer);
layer.editing.enable();
safeFitBounds(layer);
bindEditEvent(layer);
setArea(metrics?.area || 0);
setSideLengths(metrics?.sides || []);
}
}, [control.status, drawBound, bindEditEvent]);
useEffect(() => {
if (!featureRef.current) return;
L.drawLocal.draw.handlers.polygon.tooltip.start = "برای شروع ترسیم محدوده، روی نقشه کلیک کنید";
L.drawLocal.draw.handlers.polygon.tooltip.cont = "برای ادامه ترسیم، نقاط بعدی را کلیک کنید";
L.drawLocal.draw.handlers.polygon.tooltip.end = "برای بستن محدوده، روی نقطه‌ی شروع کلیک کنید";
const drawControl = new L.Control.Draw({
draw: {
polygon: {
shapeOptions: {
color: "red",
weight: 3,
clickable: true,
},
},
polyline: false,
rectangle: false,
circle: false,
marker: false,
circlemarker: false,
},
edit: {
featureGroup: featureRef.current,
edit: true,
remove: true,
},
});
drawControlRef.current = drawControl;
map.addControl(drawControl);
map.on(L.Draw.Event.CREATED, handlerCreatedBound);
return () => {
map.off(L.Draw.Event.CREATED, handlerCreatedBound);
map.removeControl(drawControl);
};
}, [map, handlerCreatedBound]);
return <FeatureGroup ref={featureRef} />;
};
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 { Box, Button, Stack, Typography } from "@mui/material";
import { useReducer } from "react";
import DrawPolygon from "./DrawBound";
const statusType = [
{
id: 0,
message: "برای آغاز ترسیم محدوده، کلیک کنید!",
buttons: [
{
label: "شروع ترسیم محدوده",
key: "start",
color: "warning",
icon: <Route />,
onclick: (controlDispach) => {
controlDispach({ type: "SET_STATUS", status: 1 });
},
},
],
},
{
id: 1,
message: "محدوده‌ی موردنظر را با کلیک روی نقشه مشخص کنید. برای اتمام، روی نقطه‌ی ابتدایی کلیک کنید!",
buttons: [],
},
{
id: 2,
message: "برای اصلاح محدوده، گوشه‌ها را بکشید. برای ترسیم دوباره، آن را حذف کنید",
buttons: [
{
label: "حذف",
key: "end",
color: "error",
icon: <Delete />,
onclick: (controlDispach) => {
controlDispach({ type: "SET_STATUS", status: 0 });
},
},
],
},
];
const createInitialState = (drawBound) => {
if (drawBound) {
return { status: 2 };
}
return { status: 0 };
};
const reducer = (state, action) => {
switch (action.type) {
case "SET_STATUS":
return { ...state, status: action.status };
default:
return state;
}
};
const MapDrawPolygon = ({ drawBound, setDrawBound }) => {
const [control, controlDispach] = useReducer(reducer, drawBound, createInitialState);
return (
<>
<DrawPolygon
drawBound={drawBound}
setDrawBound={setDrawBound}
control={control}
controlDispach={controlDispach}
/>
<Box
direction={"row"}
justifyContent={"center"}
sx={{ display: "flex", position: "absolute", left: 0, top: 0, zIndex: 2000, width: "100%" }}
>
<Box
sx={{
background: (theme) => theme.palette.secondary.main,
borderBottomLeftRadius: 8,
borderBottomRightRadius: 8,
py: 0.5,
px: 2,
}}
>
<Typography align="center" component={"div"} variant="caption" color={"#fff"}>
{statusType.find((st) => st.id == control.status).message}
</Typography>
</Box>
</Box>
<Box
sx={{
position: "absolute",
left: 0,
bottom: 0,
zIndex: 2000,
width: "100%",
py: 1,
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" }}>
{statusType
.find((st) => st.id == control.status)
.buttons.map((button) => (
<Button
size="medium"
key={button.key}
variant="contained"
onClick={() => button.onclick(controlDispach)}
color={button.color}
startIcon={button.icon}
>
{button.label}
</Button>
))}
</Box>
</Box>
</>
);
};
export default MapDrawPolygon;
import { Delete, Route } from "@mui/icons-material";
import { Box, Button, Stack, Typography } from "@mui/material";
import { useReducer } from "react";
import DrawPolygon from "./DrawBound";
const statusType = [
{
id: 0,
message: "برای آغاز ترسیم محدوده، کلیک کنید!",
buttons: [
{
label: "شروع ترسیم محدوده",
key: "start",
color: "warning",
icon: <Route />,
onclick: (controlDispach) => {
controlDispach({ type: "SET_STATUS", status: 1 });
},
},
],
},
{
id: 1,
message: "محدوده‌ی موردنظر را با کلیک روی نقشه مشخص کنید. برای اتمام، روی نقطه‌ی ابتدایی کلیک کنید!",
buttons: [],
},
{
id: 2,
message: "برای اصلاح محدوده، گوشه‌ها را بکشید. برای ترسیم دوباره، آن را حذف کنید",
buttons: [
{
label: "حذف",
key: "end",
color: "error",
icon: <Delete />,
onclick: (controlDispach) => {
controlDispach({ type: "SET_STATUS", status: 0 });
},
},
],
},
];
const createInitialState = (drawBound) => {
if (drawBound) {
return { status: 2 };
}
return { status: 0 };
};
const reducer = (state, action) => {
switch (action.type) {
case "SET_STATUS":
return { ...state, status: action.status };
default:
return state;
}
};
const MapDrawPolygon = ({ drawBound, setDrawBound }) => {
const [control, controlDispach] = useReducer(reducer, drawBound, createInitialState);
return (
<>
<DrawPolygon
drawBound={drawBound}
setDrawBound={setDrawBound}
control={control}
controlDispach={controlDispach}
/>
<Box
direction={"row"}
justifyContent={"center"}
sx={{ display: "flex", position: "absolute", left: 0, top: 0, zIndex: 2000, width: "100%" }}
>
<Box
sx={{
background: (theme) => theme.palette.secondary.main,
borderBottomLeftRadius: 8,
borderBottomRightRadius: 8,
py: 0.5,
px: 2,
}}
>
<Typography align="center" component={"div"} variant="caption" color={"#fff"}>
{statusType.find((st) => st.id == control.status).message}
</Typography>
</Box>
</Box>
<Box
sx={{
position: "absolute",
left: 0,
bottom: 0,
zIndex: 2000,
width: "100%",
py: 1,
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" }}>
{statusType
.find((st) => st.id == control.status)
.buttons.map((button) => (
<Button
size="medium"
key={button.key}
variant="contained"
onClick={() => button.onclick(controlDispach)}
color={button.color}
startIcon={button.icon}
>
{button.label}
</Button>
))}
</Box>
</Box>
</>
);
};
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 { CITY_ADMIN_FEEDBACK } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import CloseIcon from "@mui/icons-material/Close";
import ForumIcon from "@mui/icons-material/Forum";
import {
Box,
Button,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
IconButton,
TextField,
Tooltip,
Typography,
} from "@mui/material";
import { useMemo, useState } from "react";
import { useForm } from "react-hook-form";
import { object, string } from "yup";
import ShowBound from "../../ShowPrimaryArea/ShowBound";
import MapDrawPolygon from "./MapDrawPolygon";
const validationSchema = object({
expert_description: string().required("توضیحات ناظر اجباری است!"),
});
const FeedbackAction = ({ rowId, mutate, rowPrimaryArea }) => {
const requestServer = useRequest({ notificationSuccess: true });
const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false);
const [drawBound, setDrawBound] = useState(null);
const bound = useMemo(() => {
const latLngCoords = rowPrimaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return rowPrimaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [rowPrimaryArea]);
const {
register,
handleSubmit,
formState: { isSubmitting, errors },
} = useForm({
defaultValues: { expert_description: "", forbidden_area: "", forbidden_area_space: "" },
resolver: yupResolver(validationSchema),
mode: "all",
});
const onSubmit = async (data) => {
try {
const payload = {
expert_description: data.expert_description,
};
if (drawBound && drawBound.metrics) {
const { metrics } = drawBound;
payload.forbidden_area = {
type: "polygon",
coordinates: metrics.coordinates,
};
payload.forbidden_area_space = metrics.area.toFixed(2);
}
await requestServer(`${CITY_ADMIN_FEEDBACK}/${rowId}`, "post", {
data: payload,
});
mutate();
setOpenFeedbackDialog(false);
} catch (error) {
console.error("❌ Error submitting feedback:", error);
}
};
return (
<>
<Box>
<Tooltip title="ارسال بازخورد">
<IconButton color="success" onClick={() => setOpenFeedbackDialog(true)}>
<ForumIcon />
</IconButton>
</Tooltip>
<Dialog
open={openFeedbackDialog}
onClose={() => setOpenFeedbackDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow:
"rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
توضیحات ناظر
</Typography>
<IconButton onClick={() => setOpenFeedbackDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent sx={{ display: "flex", flexDirection: "column" }}>
<Typography variant="h6">
منطقه ممنوعه{" "}
<Typography variant="caption" sx={{ color: "error.main" }}>
(در صورت وجود انتخاب کنید)
</Typography>
</Typography>
<Box sx={{ width: "100%", height: "400px", mb: 2 }}>
<MapLayer style={{ borderRadius: "4px", border: "1px solid #eeeeee" }}>
<ShowBound bound={bound} />
<MapDrawPolygon drawBound={drawBound} setDrawBound={setDrawBound} />
</MapLayer>
</Box>
<TextField
{...register("expert_description")}
multiline
rows={3}
label="توضیحات ناظر"
placeholder="توضیحات ناظر"
fullWidth
variant="outlined"
sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }}
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
</DialogContent>
<DialogActions>
<Button
onClick={() => setOpenFeedbackDialog(false)}
variant="outlined"
color="secondary"
disabled={isSubmitting}
autoFocus
>
بستن
</Button>
<Button
onClick={handleSubmit(onSubmit)}
variant="contained"
color="primary"
disabled={isSubmitting}
>
{isSubmitting ? "درحال ثبت تایید..." : "ثبت توضیحات"}
</Button>
</DialogActions>
</Dialog>
</Box>
</>
);
};
export default FeedbackAction;
import MapLayer from "@/core/components/MapLayer";
import { CITY_ADMIN_FEEDBACK } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import CloseIcon from "@mui/icons-material/Close";
import ForumIcon from "@mui/icons-material/Forum";
import {
Box,
Button,
Dialog,
DialogActions,
DialogContent,
DialogTitle,
IconButton,
TextField,
Tooltip,
Typography,
} from "@mui/material";
import { useMemo, useState } from "react";
import { useForm } from "react-hook-form";
import { object, string } from "yup";
import ShowBound from "../../ShowPrimaryArea/ShowBound";
import MapDrawPolygon from "./MapDrawPolygon";
const validationSchema = object({
expert_description: string().required("توضیحات ناظر اجباری است!"),
});
const FeedbackAction = ({ rowId, mutate, rowPrimaryArea }) => {
const requestServer = useRequest({ notificationSuccess: true });
const [openFeedbackDialog, setOpenFeedbackDialog] = useState(false);
const [drawBound, setDrawBound] = useState(null);
const bound = useMemo(() => {
const latLngCoords = rowPrimaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return rowPrimaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [rowPrimaryArea]);
const {
register,
handleSubmit,
formState: { isSubmitting, errors },
} = useForm({
defaultValues: { expert_description: "", forbidden_area: "", forbidden_area_space: "" },
resolver: yupResolver(validationSchema),
mode: "all",
});
const onSubmit = async (data) => {
try {
const payload = {
expert_description: data.expert_description,
};
if (drawBound && drawBound.metrics) {
const { metrics } = drawBound;
payload.forbidden_area = {
type: "polygon",
coordinates: metrics.coordinates,
};
payload.forbidden_area_space = metrics.area.toFixed(2);
}
await requestServer(`${CITY_ADMIN_FEEDBACK}/${rowId}`, "post", {
data: payload,
});
mutate();
setOpenFeedbackDialog(false);
} catch (error) {
console.error("❌ Error submitting feedback:", error);
}
};
return (
<>
<Box>
<Tooltip title="ارسال بازخورد">
<IconButton color="success" onClick={() => setOpenFeedbackDialog(true)}>
<ForumIcon />
</IconButton>
</Tooltip>
<Dialog
open={openFeedbackDialog}
onClose={() => setOpenFeedbackDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow:
"rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
توضیحات ناظر
</Typography>
<IconButton onClick={() => setOpenFeedbackDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent sx={{ display: "flex", flexDirection: "column" }}>
<Typography variant="h6">
منطقه ممنوعه{" "}
<Typography variant="caption" sx={{ color: "error.main" }}>
(در صورت وجود انتخاب کنید)
</Typography>
</Typography>
<Box sx={{ width: "100%", height: "400px", mb: 2 }}>
<MapLayer style={{ borderRadius: "4px", border: "1px solid #eeeeee" }}>
<ShowBound bound={bound} />
<MapDrawPolygon drawBound={drawBound} setDrawBound={setDrawBound} />
</MapLayer>
</Box>
<TextField
{...register("expert_description")}
multiline
rows={3}
label="توضیحات ناظر"
placeholder="توضیحات ناظر"
fullWidth
variant="outlined"
sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }}
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
</DialogContent>
<DialogActions>
<Button
onClick={() => setOpenFeedbackDialog(false)}
variant="outlined"
color="secondary"
disabled={isSubmitting}
autoFocus
>
بستن
</Button>
<Button
onClick={handleSubmit(onSubmit)}
variant="contained"
color="primary"
disabled={isSubmitting}
>
{isSubmitting ? "درحال ثبت تایید..." : "ثبت توضیحات"}
</Button>
</DialogActions>
</Dialog>
</Box>
</>
);
};
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 TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return (
<>
<DialogContent>
<TableContent rowId={rowId} />
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن
</Button>
</DialogActions>
</>
);
};
export default HistoryContent;
import { Button, DialogActions, DialogContent } from "@mui/material";
import TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return (
<>
<DialogContent>
<TableContent rowId={rowId} />
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن
</Button>
</DialogActions>
</>
);
};
export default HistoryContent;

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

@@ -1,66 +1,66 @@
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
export default TableContent;
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
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 { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
export default History;
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
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 FeedbackAction from "./FeedbackAction";
import History from "./History";
const RowActions = ({ row, mutate }) => {
return (
<Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}>
{row.original.state_id === 1 ? (
<FeedbackAction mutate={mutate} rowId={row.original.id} rowPrimaryArea={row.original.primary_area} />
) : (
"-"
)}
<History rowId={row.original.id} />
</Box>
);
};
export default RowActions;
import { Box } from "@mui/material";
import FeedbackAction from "./FeedbackAction";
import History from "./History";
const RowActions = ({ row, mutate }) => {
return (
<Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}>
{row.original.state_id === 1 ? (
<FeedbackAction mutate={mutate} rowId={row.original.id} rowPrimaryArea={row.original.primary_area} />
) : (
"-"
)}
<History rowId={row.original.id} />
</Box>
);
};
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 { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
export default ShowBound;
import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
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");
import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers";
import { useMemo, useState } from "react";
import ShowBound from "./ShowBound";
const ShowPrimaryArea = ({ primaryArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [primaryArea]);
return (
<Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon />
</IconButton>
</Tooltip>
<Dialog
open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
padding: 1,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح
</Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent>
<Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} />
</MapLayer>
</Box>
</Box>
</DialogContent>
</Dialog>
</Box>
);
};
export default ShowPrimaryArea;
const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material");
import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers";
import { useMemo, useState } from "react";
import ShowBound from "./ShowBound";
const ShowPrimaryArea = ({ primaryArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [primaryArea]);
return (
<Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon />
</IconButton>
</Tooltip>
<Dialog
open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
padding: 1,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح
</Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent>
<Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} />
</MapLayer>
</Box>
</Box>
</DialogContent>
</Dialog>
</Box>
);
};
export default ShowPrimaryArea;

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

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

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

@@ -1,66 +1,66 @@
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
export default TableContent;
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
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 { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
export default History;
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
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 { IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
const RejectAction = ({ rowId, mutate }) => {
const [openRejectDialog, setOpenRejectDialog] = useState(false);
return (
<>
<Tooltip title="عدم تایید اقدام">
<IconButton color="error" onClick={() => setOpenRejectDialog(true)}>
<ThumbDownIcon />
</IconButton>
</Tooltip>
</>
);
};
export default RejectAction;
import ThumbDownIcon from "@mui/icons-material/ThumbDown";
import { IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
const RejectAction = ({ rowId, mutate }) => {
const [openRejectDialog, setOpenRejectDialog] = useState(false);
return (
<>
<Tooltip title="عدم تایید اقدام">
<IconButton color="error" onClick={() => setOpenRejectDialog(true)}>
<ThumbDownIcon />
</IconButton>
</Tooltip>
</>
);
};
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 ConfirmAction from "./ConfirmAction";
import RejectAction from "./RejectAction";
import History from "./History";
const RowActions = ({ row, mutate }) => {
// const stateId = row.original.state_id;
//
// const disabled = {
// referral: stateId !== 2,
// reject: stateId !== 2 && stateId !== 5,
// confirm: stateId !== 2 && stateId !== 5 && stateId !== 13,
// };
return (
<Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}>
<RejectAction />
<ConfirmAction />
<History rowId={row.original.id} />
</Box>
);
};
export default RowActions;
import { Box } from "@mui/material";
import ConfirmAction from "./ConfirmAction";
import RejectAction from "./RejectAction";
import History from "./History";
const RowActions = ({ row, mutate }) => {
// const stateId = row.original.state_id;
//
// const disabled = {
// referral: stateId !== 2,
// reject: stateId !== 2 && stateId !== 5,
// confirm: stateId !== 2 && stateId !== 5 && stateId !== 13,
// };
return (
<Box sx={{ display: "flex", gap: 1, justifyContent: "Center" }}>
<RejectAction />
<ConfirmAction />
<History rowId={row.original.id} />
</Box>
);
};
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 { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
export default ShowBound;
import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
export default ShowBound;

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

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

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

@@ -1,14 +1,14 @@
"use client";
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import GeneralManagerList from "./GeneralManagerList";
const GeneralManagerPage = () => {
return (
<Stack spacing={1}>
<PageTitle title={"کارتابل اداره حریم استعلام حریم"} />
<GeneralManagerList />
</Stack>
);
};
export default GeneralManagerPage;
"use client";
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import GeneralManagerList from "./GeneralManagerList";
const GeneralManagerPage = () => {
return (
<Stack spacing={1}>
<PageTitle title={"کارتابل اداره حریم استعلام حریم"} />
<GeneralManagerList />
</Stack>
);
};
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 DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_PRIVACY_ADMIN_LIST } from "@/core/utils/routes";
import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState";
import AutorenewIcon from "@mui/icons-material/Autorenew";
import DangerousIcon from "@mui/icons-material/Dangerous";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
import SecurityIcon from "@mui/icons-material/Security";
import WindowIcon from "@mui/icons-material/Window";
import { Box, Stack } from "@mui/material";
import moment from "jalali-moment";
import { useMemo } from "react";
import RowActions from "./RowActions";
import ShowPrimaryArea from "./ShowPrimaryArea";
const PrivacyOfficeList = () => {
const stateIcon = (state_id) => {
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 === 3 || state_id === 6 || state_id === 14)
return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />;
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 === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />;
if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />;
if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />;
};
const columns = useMemo(() => {
return [
{
accessorKey: "panjare_vahed_id",
header: "کدرهگیری درخواست",
id: "panjare_vahed_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>,
},
{
accessorKey: "national_id",
header: "کد ملی",
id: "national_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.national_id}</>,
},
{
accessorKey: "state_id",
header: "وضعیت",
id: "state_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
sortDescFirst: false,
grow: false,
size: 100,
ColumnSelectComponent: (props) => {
const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState();
const getColumnSelectOptions = useMemo(() => {
if (loadingItemsList) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorItemsList) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "همه موارد" },
...itemsList.map((item) => ({
value: item.id,
label: item.name,
})),
];
}, [itemsList, loadingItemsList, errorItemsList]);
return (
<CustomSelectByDependency
{...props}
value={loadingItemsList ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ row }) => (
<Box sx={{ display: "flex", alignItems: "center" }}>
{stateIcon(row.original.state_id)}
<Box component="span" ml={1}>
{row.original.state_name}
</Box>
</Box>
),
},
{
accessorKey: "plan_title",
header: "عنوان طرح",
id: "plan_title",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_title}</>,
},
{
accessorKey: "plan_group",
header: "گروه طرح",
id: "plan_group",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_group}</>,
},
{
accessorKey: "requested_organization",
header: "دستگاه صادر کننده",
id: "requested_organization",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.requested_organization}</>,
},
{
accessorKey: "worksheet_id",
header: "شناسه کاربرگ",
id: "worksheet_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.worksheet_id}</>,
},
{
accessorKey: "primary_area",
header: "نمایش محدوده طرح",
id: "primary_area",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) =>
row.original.primary_area && row.original.forbidden_area ? (
<Stack alignItems={"center"} justifyContent={"center"}>
<ShowPrimaryArea
primaryArea={row.original.primary_area}
forbiddenArea={row.original.forbidden_area}
/>
</Stack>
) : (
"-"
),
},
{
accessorKey: "province_id",
header: "استان",
id: "province_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.province_name}</>,
},
{
accessorKey: "city_id",
header: "شهر",
id: "city_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.city_name}</>,
},
{
accessorKey: "isic",
header: "کد آیسیک",
id: "isic",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.isic}</>,
},
{
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست",
id: "request_date",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
];
}, []);
return (
<>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
need_filter={true}
columns={columns}
table_url={GET_PRIVACY_ADMIN_LIST}
page_name={"PrivacyOffice"}
table_name={"PrivacyOfficeList"}
enableRowActions
positionActionsColumn={"first"}
RowActions={RowActions}
/>
</Box>
</>
);
};
export default PrivacyOfficeList;
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_PRIVACY_ADMIN_LIST } from "@/core/utils/routes";
import useInquiryPrivacyState from "@/lib/hooks/useInquiryPrivacyState";
import AutorenewIcon from "@mui/icons-material/Autorenew";
import DangerousIcon from "@mui/icons-material/Dangerous";
import ManageAccountsIcon from "@mui/icons-material/ManageAccounts";
import MapsHomeWorkIcon from "@mui/icons-material/MapsHomeWork";
import PsychologyAltIcon from "@mui/icons-material/PsychologyAlt";
import ReceiptLongIcon from "@mui/icons-material/ReceiptLong";
import SecurityIcon from "@mui/icons-material/Security";
import WindowIcon from "@mui/icons-material/Window";
import { Box, Stack } from "@mui/material";
import moment from "jalali-moment";
import { useMemo } from "react";
import RowActions from "./RowActions";
import ShowPrimaryArea from "./ShowPrimaryArea";
const PrivacyOfficeList = () => {
const stateIcon = (state_id) => {
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 === 3 || state_id === 6 || state_id === 14)
return <ManageAccountsIcon sx={{ color: "#9A98B5" }} />;
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 === 9 || state_id === 11) return <WindowIcon sx={{ color: "#DDDBCB" }} />;
if (state_id === 10) return <DangerousIcon sx={{ color: "error.main" }} />;
if (state_id === 12) return <AutorenewIcon sx={{ color: "#899878" }} />;
};
const columns = useMemo(() => {
return [
{
accessorKey: "panjare_vahed_id",
header: "کدرهگیری درخواست",
id: "panjare_vahed_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.panjare_vahed_id}</>,
},
{
accessorKey: "national_id",
header: "کد ملی",
id: "national_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.national_id}</>,
},
{
accessorKey: "state_id",
header: "وضعیت",
id: "state_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
sortDescFirst: false,
grow: false,
size: 100,
ColumnSelectComponent: (props) => {
const { itemsList, loadingItemsList, errorItemsList } = useInquiryPrivacyState();
const getColumnSelectOptions = useMemo(() => {
if (loadingItemsList) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorItemsList) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "همه موارد" },
...itemsList.map((item) => ({
value: item.id,
label: item.name,
})),
];
}, [itemsList, loadingItemsList, errorItemsList]);
return (
<CustomSelectByDependency
{...props}
value={loadingItemsList ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ row }) => (
<Box sx={{ display: "flex", alignItems: "center" }}>
{stateIcon(row.original.state_id)}
<Box component="span" ml={1}>
{row.original.state_name}
</Box>
</Box>
),
},
{
accessorKey: "plan_title",
header: "عنوان طرح",
id: "plan_title",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_title}</>,
},
{
accessorKey: "plan_group",
header: "گروه طرح",
id: "plan_group",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.plan_group}</>,
},
{
accessorKey: "requested_organization",
header: "دستگاه صادر کننده",
id: "requested_organization",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.requested_organization}</>,
},
{
accessorKey: "worksheet_id",
header: "شناسه کاربرگ",
id: "worksheet_id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.worksheet_id}</>,
},
{
accessorKey: "primary_area",
header: "نمایش محدوده طرح",
id: "primary_area",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) =>
row.original.primary_area && row.original.forbidden_area ? (
<Stack alignItems={"center"} justifyContent={"center"}>
<ShowPrimaryArea
primaryArea={row.original.primary_area}
forbiddenArea={row.original.forbidden_area}
/>
</Stack>
) : (
"-"
),
},
{
accessorKey: "province_id",
header: "استان",
id: "province_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.province_name}</>,
},
{
accessorKey: "city_id",
header: "شهر",
id: "city_id",
enableColumnFilter: false,
datatype: "numeric",
sortDescFirst: false,
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.city_name}</>,
},
{
accessorKey: "isic",
header: "کد آیسیک",
id: "isic",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
Cell: ({ row }) => <>{row.original.isic}</>,
},
{
accessorFn: (row) => moment(row.request_date).locale("fa").format("YYYY/MM/DD"),
header: "تاریخ درخواست",
id: "request_date",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
];
}, []);
return (
<>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
need_filter={true}
columns={columns}
table_url={GET_PRIVACY_ADMIN_LIST}
page_name={"PrivacyOffice"}
table_name={"PrivacyOfficeList"}
enableRowActions
positionActionsColumn={"first"}
RowActions={RowActions}
/>
</Box>
</>
);
};
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 RenderActionForm from "./RenderActionForm";
const ActionDialog = ({ open, type, rowData, onClose, mutate }) => {
const actionLabel = {
reject_request: "رد درخواست",
confirm_request: "تایید درخواست",
refer_request: "ارجاع درخواست",
}[type];
return (
<Dialog open={open} fullWidth maxWidth="xs" onClose={onClose}>
<DialogTitle>{actionLabel}</DialogTitle>
<RenderActionForm type={type} rowData={rowData} mutate={mutate} onClose={onClose} />
</Dialog>
);
};
export default ActionDialog;
import { Dialog, DialogTitle } from "@mui/material";
import RenderActionForm from "./RenderActionForm";
const ActionDialog = ({ open, type, rowData, onClose, mutate }) => {
const actionLabel = {
reject_request: "رد درخواست",
confirm_request: "تایید درخواست",
refer_request: "ارجاع درخواست",
}[type];
return (
<Dialog open={open} fullWidth maxWidth="xs" onClose={onClose}>
<DialogTitle>{actionLabel}</DialogTitle>
<RenderActionForm type={type} rowData={rowData} mutate={mutate} onClose={onClose} />
</Dialog>
);
};
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 { IconButton, Tooltip } from "@mui/material";
const ConfirmAction = ({ onClick, disabled }) => {
if (disabled) return;
return (
<>
<Tooltip title="تایید اقدام">
<span>
<IconButton color="success" onClick={onClick} disabled={disabled}>
<ThumbUpIcon />
</IconButton>
</span>
</Tooltip>
</>
);
};
export default ConfirmAction;
import ThumbUpIcon from "@mui/icons-material/ThumbUp";
import { IconButton, Tooltip } from "@mui/material";
const ConfirmAction = ({ onClick, disabled }) => {
if (disabled) return;
return (
<>
<Tooltip title="تایید اقدام">
<span>
<IconButton color="success" onClick={onClick} disabled={disabled}>
<ThumbUpIcon />
</IconButton>
</span>
</Tooltip>
</>
);
};
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 { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import { safeParsePolygon } from "@/core/utils/utils";
import useRequest from "@/lib/hooks/useRequest";
import {
Box,
Button,
DialogActions,
FormControl,
FormHelperText,
InputLabel,
MenuItem,
Select,
TextField,
} from "@mui/material";
import { useEffect, useState } from "react";
import { Controller, useForm, useWatch } from "react-hook-form";
const formatNumber = (num) => {
if (!num) return "";
return Number(num).toLocaleString("en-US");
};
const price_fee = 1; // TODO: Replace with real price_fee
export default function ComputePaymentForm({ mutate, onClose, rowData }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const coordsArea = safeParsePolygon(rowData.final_area);
const coordsPlan = safeParsePolygon(rowData.final_plan);
const areaMetrics = coordsArea ? calculatePolygonMetrics(coordsArea) : { area: 0 };
const planMetrics = coordsPlan ? calculatePolygonMetrics(coordsPlan) : { area: 0 };
const calculatedArea = Number(areaMetrics.area.toFixed(2) || 0);
const calculatedPlan = Number(planMetrics.area.toFixed(2) || 0);
const {
control,
handleSubmit,
setValue,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
traffic: "",
road_type: "",
position: "",
final_area_space: calculatedArea, // عرصه
final_plan_space: calculatedPlan, // عیان
payment_amount: "",
},
});
const { traffic, road_type, position } = useWatch({
control,
});
useEffect(() => {
const hasGeometry = calculatedArea > 0 || calculatedPlan > 0;
const t = parseFloat(traffic || "");
const r = parseFloat(road_type || "");
const p = parseFloat(position || "");
const inputsValid = hasGeometry && !isNaN(t) && t > 0 && !isNaN(r) && r > 0 && !isNaN(p) && p > 0;
if (inputsValid) {
const resultArea = t * r * p * calculatedArea * price_fee;
const resultPlan = t * r * p * calculatedPlan * price_fee;
setValue("payment_amount", Math.floor(resultArea + resultPlan).toString());
} else {
setValue("payment_amount", "");
}
}, [traffic, road_type, position, setValue, calculatedArea, calculatedPlan]);
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/computing_payment/${rowData.id}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (error) {
console.error("Error submitting payment:", error);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", gap: 3, mt: 1 }}>
<Box sx={{ display: "flex", gap: 1 }}>
<Controller
name="traffic"
control={control}
rules={{ required: "ترافیک الزامی است" }}
render={({ field }) => (
<FormControl fullWidth>
<InputLabel>ترافیک</InputLabel>
<Select {...field} error={!!errors.traffic} label="ترافیک">
<MenuItem value={1}>سبک</MenuItem>
<MenuItem value={1.5}>متوسط</MenuItem>
<MenuItem value={2}>سنگین</MenuItem>
</Select>
{errors.traffic && (
<FormHelperText sx={{ color: "darkred" }}>{errors.traffic.message}</FormHelperText>
)}
</FormControl>
)}
/>
<Controller
name="road_type"
control={control}
rules={{ required: "نوع راه الزامی است" }}
render={({ field }) => (
<FormControl fullWidth>
<InputLabel>نوع راه</InputLabel>
<Select {...field} error={!!errors.road_type} label="نوع راه">
<MenuItem value={1}>فرعی و راه‌آهن</MenuItem>
<MenuItem value={1.5}>اصلی و بزرگراه</MenuItem>
<MenuItem value={2}>آزادراه</MenuItem>
</Select>
{errors.road_type && (
<FormHelperText sx={{ color: "darkred" }}>{errors.road_type.message}</FormHelperText>
)}
</FormControl>
)}
/>
</Box>
<Controller
name="position"
control={control}
rules={{ required: "موقعیت اقتصادی الزامی است" }}
render={({ field }) => (
<FormControl fullWidth>
<InputLabel>موقعیت اقتصادی</InputLabel>
<Select {...field} error={!!errors.position} label="موقعیت اقتصادی">
<MenuItem value={2}>در شعاع ۱۰ کیلومتری از مراکز استان</MenuItem>
<MenuItem value={1.5}>در شعاع ۵ کیلومتری از سایر شهرها</MenuItem>
</Select>
{errors.position && (
<FormHelperText sx={{ color: "darkred" }}>{errors.position.message}</FormHelperText>
)}
</FormControl>
)}
/>
<Box sx={{ display: "flex", gap: 1 }}>
<Controller
name="final_area_space"
control={control}
render={({ field }) => (
<TextField
{...field}
type="number"
InputProps={{ readOnly: true }}
fullWidth
label="مساحت عرصه (متر مربع)"
/>
)}
/>
<Controller
name="final_plan_space"
control={control}
render={({ field }) => (
<TextField
{...field}
type="number"
InputProps={{ readOnly: true }}
fullWidth
label="مساحت اعیان (متر مربع)"
/>
)}
/>
</Box>
<Controller
name="payment_amount"
control={control}
render={({ field }) => {
const { value } = field;
return (
<TextField
fullWidth
label="مبلغ پرداختی (ریال)"
value={formatNumber(value)}
InputProps={{ readOnly: true }}
/>
);
}}
/>
<Controller
name="expert_description"
control={control}
rules={{ required: "توضیحات ناظر اجباری است" }}
render={({ field }) => (
<TextField
{...field}
fullWidth
error={!!errors.expert_description}
multiline
minRows={3}
label="توضیحات"
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
انجام عملیات
</Button>
</DialogActions>
</Box>
);
}
import { calculatePolygonMetrics } from "@/core/utils/geoCalculations";
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import { safeParsePolygon } from "@/core/utils/utils";
import useRequest from "@/lib/hooks/useRequest";
import {
Box,
Button,
DialogActions,
FormControl,
FormHelperText,
InputLabel,
MenuItem,
Select,
TextField,
} from "@mui/material";
import { useEffect, useState } from "react";
import { Controller, useForm, useWatch } from "react-hook-form";
const formatNumber = (num) => {
if (!num) return "";
return Number(num).toLocaleString("en-US");
};
const price_fee = 1; // TODO: Replace with real price_fee
export default function ComputePaymentForm({ mutate, onClose, rowData }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const coordsArea = safeParsePolygon(rowData.final_area);
const coordsPlan = safeParsePolygon(rowData.final_plan);
const areaMetrics = coordsArea ? calculatePolygonMetrics(coordsArea) : { area: 0 };
const planMetrics = coordsPlan ? calculatePolygonMetrics(coordsPlan) : { area: 0 };
const calculatedArea = Number(areaMetrics.area.toFixed(2) || 0);
const calculatedPlan = Number(planMetrics.area.toFixed(2) || 0);
const {
control,
handleSubmit,
setValue,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
traffic: "",
road_type: "",
position: "",
final_area_space: calculatedArea, // عرصه
final_plan_space: calculatedPlan, // عیان
payment_amount: "",
},
});
const { traffic, road_type, position } = useWatch({
control,
});
useEffect(() => {
const hasGeometry = calculatedArea > 0 || calculatedPlan > 0;
const t = parseFloat(traffic || "");
const r = parseFloat(road_type || "");
const p = parseFloat(position || "");
const inputsValid = hasGeometry && !isNaN(t) && t > 0 && !isNaN(r) && r > 0 && !isNaN(p) && p > 0;
if (inputsValid) {
const resultArea = t * r * p * calculatedArea * price_fee;
const resultPlan = t * r * p * calculatedPlan * price_fee;
setValue("payment_amount", Math.floor(resultArea + resultPlan).toString());
} else {
setValue("payment_amount", "");
}
}, [traffic, road_type, position, setValue, calculatedArea, calculatedPlan]);
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/computing_payment/${rowData.id}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (error) {
console.error("Error submitting payment:", error);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", gap: 3, mt: 1 }}>
<Box sx={{ display: "flex", gap: 1 }}>
<Controller
name="traffic"
control={control}
rules={{ required: "ترافیک الزامی است" }}
render={({ field }) => (
<FormControl fullWidth>
<InputLabel>ترافیک</InputLabel>
<Select {...field} error={!!errors.traffic} label="ترافیک">
<MenuItem value={1}>سبک</MenuItem>
<MenuItem value={1.5}>متوسط</MenuItem>
<MenuItem value={2}>سنگین</MenuItem>
</Select>
{errors.traffic && (
<FormHelperText sx={{ color: "darkred" }}>{errors.traffic.message}</FormHelperText>
)}
</FormControl>
)}
/>
<Controller
name="road_type"
control={control}
rules={{ required: "نوع راه الزامی است" }}
render={({ field }) => (
<FormControl fullWidth>
<InputLabel>نوع راه</InputLabel>
<Select {...field} error={!!errors.road_type} label="نوع راه">
<MenuItem value={1}>فرعی و راه‌آهن</MenuItem>
<MenuItem value={1.5}>اصلی و بزرگراه</MenuItem>
<MenuItem value={2}>آزادراه</MenuItem>
</Select>
{errors.road_type && (
<FormHelperText sx={{ color: "darkred" }}>{errors.road_type.message}</FormHelperText>
)}
</FormControl>
)}
/>
</Box>
<Controller
name="position"
control={control}
rules={{ required: "موقعیت اقتصادی الزامی است" }}
render={({ field }) => (
<FormControl fullWidth>
<InputLabel>موقعیت اقتصادی</InputLabel>
<Select {...field} error={!!errors.position} label="موقعیت اقتصادی">
<MenuItem value={2}>در شعاع ۱۰ کیلومتری از مراکز استان</MenuItem>
<MenuItem value={1.5}>در شعاع ۵ کیلومتری از سایر شهرها</MenuItem>
</Select>
{errors.position && (
<FormHelperText sx={{ color: "darkred" }}>{errors.position.message}</FormHelperText>
)}
</FormControl>
)}
/>
<Box sx={{ display: "flex", gap: 1 }}>
<Controller
name="final_area_space"
control={control}
render={({ field }) => (
<TextField
{...field}
type="number"
InputProps={{ readOnly: true }}
fullWidth
label="مساحت عرصه (متر مربع)"
/>
)}
/>
<Controller
name="final_plan_space"
control={control}
render={({ field }) => (
<TextField
{...field}
type="number"
InputProps={{ readOnly: true }}
fullWidth
label="مساحت اعیان (متر مربع)"
/>
)}
/>
</Box>
<Controller
name="payment_amount"
control={control}
render={({ field }) => {
const { value } = field;
return (
<TextField
fullWidth
label="مبلغ پرداختی (ریال)"
value={formatNumber(value)}
InputProps={{ readOnly: true }}
/>
);
}}
/>
<Controller
name="expert_description"
control={control}
rules={{ required: "توضیحات ناظر اجباری است" }}
render={({ field }) => (
<TextField
{...field}
fullWidth
error={!!errors.expert_description}
multiline
minRows={3}
label="توضیحات"
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
انجام عملیات
</Button>
</DialogActions>
</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 useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function ConfirmFileForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/file_accepted/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (err) {
console.log(err);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button>
</DialogActions>
</Box>
);
}
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function ConfirmFileForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/file_accepted/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (err) {
console.log(err);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button>
</DialogActions>
</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 useRequest from "@/lib/hooks/useRequest";
import { Box, Button, Checkbox, DialogActions, FormControlLabel, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function ConfirmRequestForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
need_payment: false,
needsAccessRoad: false,
},
});
const onSubmit = (data) => {
const confirmType = data.needsAccessRoad ? "need_road_access" : "without_road_access";
const url = `${PRIVACY_ADMIN_ACTION_API}/${confirmType}/${rowId}`;
const body = {
expert_description: data.expert_description,
need_payment: data.need_payment ? 1 : 0,
};
setIsSubmitting(true);
try {
request(url, "post", {
data: body,
}).then(() => {
mutate();
onClose();
});
} catch (error) {
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{ required: "توضیحات الزامی است" }}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<Controller
name="need_payment"
control={control}
render={({ field }) => (
<FormControlLabel
control={<Checkbox {...field} checked={field.value} />}
label="نیاز به پرداخت وجه خزانه"
/>
)}
/>
<Controller
name="needsAccessRoad"
control={control}
render={({ field }) => (
<FormControlLabel
control={<Checkbox {...field} checked={field.value} />}
label="نیاز به راه دسترسی"
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
انجام عملیات
</Button>
</DialogActions>
</Box>
);
}
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, Checkbox, DialogActions, FormControlLabel, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function ConfirmRequestForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
need_payment: false,
needsAccessRoad: false,
},
});
const onSubmit = (data) => {
const confirmType = data.needsAccessRoad ? "need_road_access" : "without_road_access";
const url = `${PRIVACY_ADMIN_ACTION_API}/${confirmType}/${rowId}`;
const body = {
expert_description: data.expert_description,
need_payment: data.need_payment ? 1 : 0,
};
setIsSubmitting(true);
try {
request(url, "post", {
data: body,
}).then(() => {
mutate();
onClose();
});
} catch (error) {
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{ required: "توضیحات الزامی است" }}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<Controller
name="need_payment"
control={control}
render={({ field }) => (
<FormControlLabel
control={<Checkbox {...field} checked={field.value} />}
label="نیاز به پرداخت وجه خزانه"
/>
)}
/>
<Controller
name="needsAccessRoad"
control={control}
render={({ field }) => (
<FormControlLabel
control={<Checkbox {...field} checked={field.value} />}
label="نیاز به راه دسترسی"
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
انجام عملیات
</Button>
</DialogActions>
</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 useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function ReferForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/refer_request/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (error) {
console.log(error);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
fullWidth
multiline
minRows={3}
label="توضیحات"
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : " انجام عملیات"}
</Button>
</DialogActions>
</Box>
);
}
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function ReferForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/refer_request/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (error) {
console.log(error);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
fullWidth
multiline
minRows={3}
label="توضیحات"
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : " انجام عملیات"}
</Button>
</DialogActions>
</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 useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function RejectFileForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/file_rejected/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (err) {
console.log(err);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button>
</DialogActions>
</Box>
);
}
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function RejectFileForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/file_rejected/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (err) {
console.log(err);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button>
</DialogActions>
</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 useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function RejectRequestForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/reject_request/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (err) {
console.log(err);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button>
</DialogActions>
</Box>
);
}
import { PRIVACY_ADMIN_ACTION_API } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { Box, Button, DialogActions, TextField } from "@mui/material";
import { useState } from "react";
import { Controller, useForm } from "react-hook-form";
export default function RejectRequestForm({ mutate, onClose, rowId }) {
const [isSubmitting, setIsSubmitting] = useState(false);
const request = useRequest({ notificationSuccess: true, notificationFailed: true });
const {
control,
handleSubmit,
formState: { errors },
} = useForm({
defaultValues: {
expert_description: "",
},
});
const onSubmit = (data) => {
setIsSubmitting(true);
try {
request(`${PRIVACY_ADMIN_ACTION_API}/reject_request/${rowId}`, "post", {
data,
}).then(() => {
onClose();
mutate();
});
} catch (err) {
console.log(err);
} finally {
setIsSubmitting(false);
}
};
return (
<Box sx={{ display: "flex", flexDirection: "column", mt: 1 }}>
<Controller
name="expert_description"
control={control}
rules={{
required: "توضیحات الزامی است",
}}
render={({ field }) => (
<TextField
{...field}
fullWidth
multiline
minRows={3}
label="توضیحات"
error={!!errors.expert_description}
helperText={errors.expert_description?.message}
/>
)}
/>
<DialogActions>
<Button onClick={onClose} variant="outlined" disabled={isSubmitting}>
انصراف
</Button>
<Button variant="contained" onClick={handleSubmit(onSubmit)} disabled={isSubmitting}>
{isSubmitting ? "در حال ثبت..." : "انجام عملیات"}
</Button>
</DialogActions>
</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 TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return (
<>
<DialogContent>
<TableContent rowId={rowId} />
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن
</Button>
</DialogActions>
</>
);
};
export default HistoryContent;
import { Button, DialogActions, DialogContent } from "@mui/material";
import TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return (
<>
<DialogContent>
<TableContent rowId={rowId} />
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن
</Button>
</DialogActions>
</>
);
};
export default HistoryContent;

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

@@ -1,66 +1,66 @@
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
export default TableContent;
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
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 { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
export default History;
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
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 { IconButton, Tooltip } from "@mui/material";
const ReferralAction = ({ onClick, disabled }) => {
if (disabled) return;
return (
<>
<Tooltip title="ارجاع درخواست">
<span>
<IconButton color="info" onClick={onClick} disabled={disabled}>
<Reply />
</IconButton>
</span>
</Tooltip>
</>
);
};
export default ReferralAction;
import { Reply } from "@mui/icons-material";
import { IconButton, Tooltip } from "@mui/material";
const ReferralAction = ({ onClick, disabled }) => {
if (disabled) return;
return (
<>
<Tooltip title="ارجاع درخواست">
<span>
<IconButton color="info" onClick={onClick} disabled={disabled}>
<Reply />
</IconButton>
</span>
</Tooltip>
</>
);
};
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 { IconButton, Tooltip } from "@mui/material";
const RejectAction = ({ onClick, disabled }) => {
if (disabled) return;
return (
<>
<Tooltip title="عدم تایید اقدام">
<span>
<IconButton color="error" onClick={onClick} disabled={disabled}>
<ThumbDownIcon />
</IconButton>
</span>
</Tooltip>
</>
);
};
export default RejectAction;
import ThumbDownIcon from "@mui/icons-material/ThumbDown";
import { IconButton, Tooltip } from "@mui/material";
const RejectAction = ({ onClick, disabled }) => {
if (disabled) return;
return (
<>
<Tooltip title="عدم تایید اقدام">
<span>
<IconButton color="error" onClick={onClick} disabled={disabled}>
<ThumbDownIcon />
</IconButton>
</span>
</Tooltip>
</>
);
};
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 ComputePaymentForm from "./Forms/ComputePaymentForm";
import ConfirmFileForm from "./Forms/ConfirmFileForm";
import ConfirmRequestForm from "./Forms/ConfirmRequestForm";
import ReferForm from "./Forms/ReferForm";
import RejectFileForm from "./Forms/RejectFileForm";
import RejectRequestForm from "./Forms/RejectRequestForm";
export default function RenderActionForm({ type, rowData, mutate, onClose }) {
const formType = `${type}_${rowData?.state_id}`;
function renderForm() {
switch (formType) {
case "refer_request_2":
return <ReferForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "reject_request_2":
return <RejectRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "reject_request_5":
return <RejectFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_2":
return <ConfirmRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_5":
return <ConfirmFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_13":
return <ComputePaymentForm mutate={mutate} onClose={onClose} rowData={rowData} />;
default:
return <></>;
}
}
return <DialogContent>{renderForm()}</DialogContent>;
}
import { DialogContent } from "@mui/material";
import ComputePaymentForm from "./Forms/ComputePaymentForm";
import ConfirmFileForm from "./Forms/ConfirmFileForm";
import ConfirmRequestForm from "./Forms/ConfirmRequestForm";
import ReferForm from "./Forms/ReferForm";
import RejectFileForm from "./Forms/RejectFileForm";
import RejectRequestForm from "./Forms/RejectRequestForm";
export default function RenderActionForm({ type, rowData, mutate, onClose }) {
const formType = `${type}_${rowData?.state_id}`;
function renderForm() {
switch (formType) {
case "refer_request_2":
return <ReferForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "reject_request_2":
return <RejectRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "reject_request_5":
return <RejectFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_2":
return <ConfirmRequestForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_5":
return <ConfirmFileForm mutate={mutate} onClose={onClose} rowId={rowData.id} />;
case "confirm_request_13":
return <ComputePaymentForm mutate={mutate} onClose={onClose} rowData={rowData} />;
default:
return <></>;
}
}
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 { useState } from "react";
import ActionDialog from "./ActionsDialog";
import ConfirmAction from "./ConfirmAction";
import ReferralAction from "./ReferralAction";
import RejectAction from "./RejectAction";
import History from "./History";
const RowActions = ({ row: { original }, mutate }) => {
const [modal, setModal] = useState({
open: false,
type: null, // "reject_request" | "confirm_request" | "refer_request"
rowData: null,
});
const handleOpenModal = (type, rowData) => {
setModal({ open: true, type, rowData });
};
const handleCloseModal = () => {
setModal({ open: false, type: null, rowData: null });
};
const stateId = original.state_id;
const disabled = {
referral: stateId !== 2,
reject: stateId !== 2 && stateId !== 5,
confirm: stateId !== 2 && stateId !== 5 && stateId !== 13,
};
return (
<>
<Box sx={{ display: "flex", gap: 1, justifyContent: "center" }}>
<History rowId={original.id} />
<ReferralAction
onClick={() => handleOpenModal("refer_request", original)}
disabled={disabled.referral}
/>
<RejectAction onClick={() => handleOpenModal("reject_request", original)} disabled={disabled.reject} />
<ConfirmAction
onClick={() => handleOpenModal("confirm_request", original)}
disabled={disabled.confirm}
/>
</Box>
<ActionDialog
open={modal.open}
type={modal.type}
rowData={modal.rowData}
onClose={handleCloseModal}
mutate={mutate}
/>
</>
);
};
export default RowActions;
import { Box } from "@mui/material";
import { useState } from "react";
import ActionDialog from "./ActionsDialog";
import ConfirmAction from "./ConfirmAction";
import ReferralAction from "./ReferralAction";
import RejectAction from "./RejectAction";
import History from "./History";
const RowActions = ({ row: { original }, mutate }) => {
const [modal, setModal] = useState({
open: false,
type: null, // "reject_request" | "confirm_request" | "refer_request"
rowData: null,
});
const handleOpenModal = (type, rowData) => {
setModal({ open: true, type, rowData });
};
const handleCloseModal = () => {
setModal({ open: false, type: null, rowData: null });
};
const stateId = original.state_id;
const disabled = {
referral: stateId !== 2,
reject: stateId !== 2 && stateId !== 5,
confirm: stateId !== 2 && stateId !== 5 && stateId !== 13,
};
return (
<>
<Box sx={{ display: "flex", gap: 1, justifyContent: "center" }}>
<History rowId={original.id} />
<ReferralAction
onClick={() => handleOpenModal("refer_request", original)}
disabled={disabled.referral}
/>
<RejectAction onClick={() => handleOpenModal("reject_request", original)} disabled={disabled.reject} />
<ConfirmAction
onClick={() => handleOpenModal("confirm_request", original)}
disabled={disabled.confirm}
/>
</Box>
<ActionDialog
open={modal.open}
type={modal.type}
rowData={modal.rowData}
onClose={handleCloseModal}
mutate={mutate}
/>
</>
);
};
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 { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
export default ShowBound;
import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
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 { FeatureGroup, useMap } from "react-leaflet";
const ShowForbiddenBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
export default ShowForbiddenBound;
import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet";
const ShowForbiddenBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
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");
import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers";
import { useMemo, useState } from "react";
import ShowBound from "./ShowBound";
import ShowForbiddenBound from "./ShowForbiddenBound";
const ShowPrimaryArea = ({ primaryArea, forbiddenArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [primaryArea]);
const forbiddenBound = useMemo(() => {
const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]);
return forbiddenArea.type === "polygon"
? L.polygon(latLngCoords, {
color: "#ff5555",
})
: L.polyline(latLngCoords);
}, [forbiddenArea]);
return (
<Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon />
</IconButton>
</Tooltip>
<Dialog
open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
padding: 1,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح
</Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent>
<Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} />
<ShowForbiddenBound bound={forbiddenBound} />
</MapLayer>
</Box>
</Box>
</DialogContent>
</Dialog>
</Box>
);
};
export default ShowPrimaryArea;
const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material");
import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers";
import { useMemo, useState } from "react";
import ShowBound from "./ShowBound";
import ShowForbiddenBound from "./ShowForbiddenBound";
const ShowPrimaryArea = ({ primaryArea, forbiddenArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [primaryArea]);
const forbiddenBound = useMemo(() => {
const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]);
return forbiddenArea.type === "polygon"
? L.polygon(latLngCoords, {
color: "#ff5555",
})
: L.polyline(latLngCoords);
}, [forbiddenArea]);
return (
<Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon />
</IconButton>
</Tooltip>
<Dialog
open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
padding: 1,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح
</Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent>
<Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} />
<ShowForbiddenBound bound={forbiddenBound} />
</MapLayer>
</Box>
</Box>
</DialogContent>
</Dialog>
</Box>
);
};
export default ShowPrimaryArea;

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

@@ -1,14 +1,14 @@
"use client";
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import PrivacyOfficeList from "./PrivacyOfficeList";
const PrivacyOfficePage = () => {
return (
<Stack spacing={1}>
<PageTitle title={"کارتابل اداره حریم استعلام حریم"} />
<PrivacyOfficeList />
</Stack>
);
};
export default PrivacyOfficePage;
"use client";
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import PrivacyOfficeList from "./PrivacyOfficeList";
const PrivacyOfficePage = () => {
return (
<Stack spacing={1}>
<PageTitle title={"کارتابل اداره حریم استعلام حریم"} />
<PrivacyOfficeList />
</Stack>
);
};
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 { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
<DialogTitle>تاییدیه ایمنی راه</DialogTitle>
{loading ? (
<DialogLoading loadingOpen={loading} />
) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : (
<DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent>
)}
</>
);
};
export default ConfirmRoadSafetyDialog;
import DialogLoading from "@/core/components/DialogLoading";
import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
<DialogTitle>تاییدیه ایمنی راه</DialogTitle>
{loading ? (
<DialogLoading loadingOpen={loading} />
) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : (
<DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent>
)}
</>
);
};
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 { Box, TextField, Button, CircularProgress, Alert, DialogContent } from "@mui/material";
import useRequest from "@/lib/hooks/useRequest";
import { CONFIRM_ROAD_SAFETY_FORM } from "@/core/utils/routes";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [success, setSuccess] = useState(false);
const handleSubmit = async () => {
if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید");
return;
}
setLoading(true);
setError(null);
setSuccess(false);
try {
const res = await requestServer(`${CONFIRM_ROAD_SAFETY_FORM}/${rowId}`, "post", {
data: {
expert_description: description,
},
});
setSuccess(true);
mutate();
setDescription("");
handleClose();
} catch (err) {
setError(err.message);
} finally {
setLoading(false);
}
};
return (
<DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField
label="توضیحات"
multiline
rows={3}
value={description}
onChange={(e) => setDescription(e.target.value)}
fullWidth
/>
<Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"}
</Button>
</Box>
</DialogContent>
);
};
export default ConfirmRoadSafetyFormContext;
import { useState } from "react";
import { Box, TextField, Button, CircularProgress, Alert, DialogContent } from "@mui/material";
import useRequest from "@/lib/hooks/useRequest";
import { CONFIRM_ROAD_SAFETY_FORM } from "@/core/utils/routes";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [success, setSuccess] = useState(false);
const handleSubmit = async () => {
if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید");
return;
}
setLoading(true);
setError(null);
setSuccess(false);
try {
const res = await requestServer(`${CONFIRM_ROAD_SAFETY_FORM}/${rowId}`, "post", {
data: {
expert_description: description,
},
});
setSuccess(true);
mutate();
setDescription("");
handleClose();
} catch (err) {
setError(err.message);
} finally {
setLoading(false);
}
};
return (
<DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField
label="توضیحات"
multiline
rows={3}
value={description}
onChange={(e) => setDescription(e.target.value)}
fullWidth
/>
<Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"}
</Button>
</Box>
</DialogContent>
);
};
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 { Controller } from "react-hook-form";
const DescriptionForm = ({ control }) => {
return (
<Stack sx={{ mt: 1 }}>
<Controller
name="description"
control={control}
render={({ field, fieldState: { error } }) => (
<TextField
{...field}
multiline
rows={8}
label="توضیحات"
placeholder="لطفاً توضیحات خود را توضیح دهید"
error={!!error}
helperText={error?.message}
fullWidth
variant="outlined"
sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Stack>
);
};
export default DescriptionForm;
import { Stack, TextField } from "@mui/material";
import { Controller } from "react-hook-form";
const DescriptionForm = ({ control }) => {
return (
<Stack sx={{ mt: 1 }}>
<Controller
name="description"
control={control}
render={({ field, fieldState: { error } }) => (
<TextField
{...field}
multiline
rows={8}
label="توضیحات"
placeholder="لطفاً توضیحات خود را توضیح دهید"
error={!!error}
helperText={error?.message}
fullWidth
variant="outlined"
sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Stack>
);
};
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";
const QuestionVerifyNeedRoadForm = ({ row }) => {
return (
<Stack sx={{ py: 1 }}>
<Card
variant="outlined"
sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }}
>
<CardContent>
<Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}>
آیا نیاز به راه دسترسی است؟
</Typography>
<Stack
sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }}
spacing={1}
direction={"row"}
>
<Typography variant={"subtitle2"}>دفتر حریم راه : </Typography>
<Typography variant={"h5"} fontWeight={"bolder"}>
{row.original.need_road_access == 1 ? "بله" : "خیر"}
</Typography>
</Stack>
</CardContent>
</Card>
</Stack>
);
};
export default QuestionVerifyNeedRoadForm;
import { Card, CardContent, Stack, Typography } from "@mui/material";
const QuestionVerifyNeedRoadForm = ({ row }) => {
return (
<Stack sx={{ py: 1 }}>
<Card
variant="outlined"
sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }}
>
<CardContent>
<Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}>
آیا نیاز به راه دسترسی است؟
</Typography>
<Stack
sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }}
spacing={1}
direction={"row"}
>
<Typography variant={"subtitle2"}>دفتر حریم راه : </Typography>
<Typography variant={"h5"} fontWeight={"bolder"}>
{row.original.need_road_access == 1 ? "بله" : "خیر"}
</Typography>
</Stack>
</CardContent>
</Card>
</Stack>
);
};
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";
const QuestionVerifyRoadSafetyForm = ({ row }) => {
return (
<Stack sx={{ py: 1 }}>
<Card
variant="outlined"
sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }}
>
<CardContent>
<Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}>
آیا ایمنی راه این طرح مورد تایید است؟
</Typography>
<Stack
sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }}
spacing={1}
direction={"row"}
>
<Typography variant={"subtitle2"}>دفتر حریم راه : </Typography>
<Typography variant={"h5"} fontWeight={"bolder"}>
{row.original.is_possible == 1 ? "بله" : "خیر"}
</Typography>
</Stack>
</CardContent>
</Card>
</Stack>
);
};
export default QuestionVerifyRoadSafetyForm;
import { Card, CardContent, Stack, Typography } from "@mui/material";
const QuestionVerifyRoadSafetyForm = ({ row }) => {
return (
<Stack sx={{ py: 1 }}>
<Card
variant="outlined"
sx={{ display: "flex", justifyContent: "center", alignItems: "center", borderColor: "primary.main" }}
>
<CardContent>
<Typography color={"primary"} variant={"h6"} fontWeight={"bolder"}>
آیا ایمنی راه این طرح مورد تایید است؟
</Typography>
<Stack
sx={{ pt: 2, display: "flex", justifyContent: "center", alignItems: "center" }}
spacing={1}
direction={"row"}
>
<Typography variant={"subtitle2"}>دفتر حریم راه : </Typography>
<Typography variant={"h5"} fontWeight={"bolder"}>
{row.original.is_possible == 1 ? "بله" : "خیر"}
</Typography>
</Stack>
</CardContent>
</Card>
</Stack>
);
};
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 { REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import { Button, DialogActions, DialogContent, Stack, TextField } from "@mui/material";
import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup";
const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"),
});
const defaultValues = {
description: "",
};
const ReferForm = ({ rowId, mutate, handleClose, setOpenReferDialog }) => {
const requestServer = useRequest({ notificationSuccess: true });
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" });
const onSubmit = async (data) => {
await requestServer(`${REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", {
data: {
expert_description: data.description,
},
})
.then(() => {
handleClose();
setOpenReferDialog(false);
mutate();
})
.catch(() => {});
};
return (
<>
<DialogContent dividers>
<Stack sx={{ mt: 1 }}>
<Controller
name="description"
control={control}
render={({ field, fieldState: { error } }) => (
<TextField
{...field}
multiline
rows={4}
label="دلیل مخالفت"
placeholder="لطفاً دلیل مخالفت خود را توضیح دهید"
error={!!error}
helperText={error?.message}
fullWidth
variant="outlined"
sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Stack>
</DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "center" }}>
<Button
variant="contained"
size="large"
disabled={isSubmitting}
type="button"
onClick={handleSubmit(onSubmit)}
>
ثبت
</Button>
</DialogActions>
</>
);
};
export default ReferForm;
import StyledForm from "@/core/components/StyledForm";
import { REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import { Button, DialogActions, DialogContent, Stack, TextField } from "@mui/material";
import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup";
const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"),
});
const defaultValues = {
description: "",
};
const ReferForm = ({ rowId, mutate, handleClose, setOpenReferDialog }) => {
const requestServer = useRequest({ notificationSuccess: true });
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" });
const onSubmit = async (data) => {
await requestServer(`${REFER_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", {
data: {
expert_description: data.description,
},
})
.then(() => {
handleClose();
setOpenReferDialog(false);
mutate();
})
.catch(() => {});
};
return (
<>
<DialogContent dividers>
<Stack sx={{ mt: 1 }}>
<Controller
name="description"
control={control}
render={({ field, fieldState: { error } }) => (
<TextField
{...field}
multiline
rows={4}
label="دلیل مخالفت"
placeholder="لطفاً دلیل مخالفت خود را توضیح دهید"
error={!!error}
helperText={error?.message}
fullWidth
variant="outlined"
sx={{ mt: 1 }}
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Stack>
</DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "center" }}>
<Button
variant="contained"
size="large"
disabled={isSubmitting}
type="button"
onClick={handleSubmit(onSubmit)}
>
ثبت
</Button>
</DialogActions>
</>
);
};
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 { Button, Dialog, DialogTitle, IconButton } from "@mui/material";
import { useState } from "react";
import ReferForm from "./Form";
const Refer = ({ rowId, mutate, handleClose, isSubmitting }) => {
const [openReferDialog, setOpenReferDialog] = useState(false);
return (
<>
<Button
onClick={() => setOpenReferDialog(true)}
variant="contained"
color="error"
disabled={isSubmitting}
size="large"
>
مخالفت
</Button>
<Dialog
open={openReferDialog}
onClose={() => {
setOpenReferDialog(false);
}}
maxWidth="xs"
fullWidth
>
<IconButton
aria-label="close"
onClick={() => setOpenReferDialog(false)}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
<DialogTitle>مخالفت و ارجاع به دفتر حریم</DialogTitle>
{openReferDialog && (
<ReferForm
handleClose={handleClose}
setOpenReferDialog={setOpenReferDialog}
rowId={rowId}
mutate={mutate}
/>
)}
</Dialog>
</>
);
};
export default Refer;
import { Close } from "@mui/icons-material";
import { Button, Dialog, DialogTitle, IconButton } from "@mui/material";
import { useState } from "react";
import ReferForm from "./Form";
const Refer = ({ rowId, mutate, handleClose, isSubmitting }) => {
const [openReferDialog, setOpenReferDialog] = useState(false);
return (
<>
<Button
onClick={() => setOpenReferDialog(true)}
variant="contained"
color="error"
disabled={isSubmitting}
size="large"
>
مخالفت
</Button>
<Dialog
open={openReferDialog}
onClose={() => {
setOpenReferDialog(false);
}}
maxWidth="xs"
fullWidth
>
<IconButton
aria-label="close"
onClick={() => setOpenReferDialog(false)}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
<DialogTitle>مخالفت و ارجاع به دفتر حریم</DialogTitle>
{openReferDialog && (
<ReferForm
handleClose={handleClose}
setOpenReferDialog={setOpenReferDialog}
rowId={rowId}
mutate={mutate}
/>
)}
</Dialog>
</>
);
};
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 { CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import { Button, DialogActions, DialogContent, Stack } from "@mui/material";
import { useForm } from "react-hook-form";
import { object, string } from "yup";
import QuestionVerifyNeedRoadForm from "./QuestionVerifyNeedRoadForm";
import QuestionVerifyRoadSafetyForm from "./QuestionVerifyRoadSafetyForm";
import Refer from "./Refer";
import DescriptionForm from "./DescriptionForm";
const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"),
});
const defaultValues = {
description: "",
};
const Questions = ({ row, rowId, mutate, handleClose, handlePrev }) => {
const requestServer = useRequest({ notificationSuccess: true });
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" });
const onSubmit = async (data) => {
await requestServer(`${CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", {
data: {
expert_description: data.description,
},
})
.then(() => {
handleClose();
mutate();
})
.catch(() => {});
};
return (
<StyledForm onSubmit={handleSubmit(onSubmit)}>
<DialogContent dividers>
<Stack>
<QuestionVerifyRoadSafetyForm row={row} />
<QuestionVerifyNeedRoadForm row={row} />
<DescriptionForm control={control} />
</Stack>
</DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "space-between" }}>
<Stack spacing={1} direction={"row"}>
<Button
onClick={handlePrev}
variant="outlined"
color="secondary"
disabled={isSubmitting}
size="large"
>
{"مرحله قبلی"}
</Button>
<Refer rowId={rowId} mutate={mutate} handleClose={handleClose} isSubmitting={isSubmitting} />
</Stack>
<Button variant="contained" size="large" disabled={isSubmitting} type="submit">
موافقت و ارجاع
</Button>
</DialogActions>
</StyledForm>
);
};
export default Questions;
import StyledForm from "@/core/components/StyledForm";
import { CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { yupResolver } from "@hookform/resolvers/yup";
import { Button, DialogActions, DialogContent, Stack } from "@mui/material";
import { useForm } from "react-hook-form";
import { object, string } from "yup";
import QuestionVerifyNeedRoadForm from "./QuestionVerifyNeedRoadForm";
import QuestionVerifyRoadSafetyForm from "./QuestionVerifyRoadSafetyForm";
import Refer from "./Refer";
import DescriptionForm from "./DescriptionForm";
const validationSchema = object({
description: string().required("وارد کردن توضیحات الزامیست!"),
});
const defaultValues = {
description: "",
};
const Questions = ({ row, rowId, mutate, handleClose, handlePrev }) => {
const requestServer = useRequest({ notificationSuccess: true });
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({ defaultValues, resolver: yupResolver(validationSchema), mode: "all" });
const onSubmit = async (data) => {
await requestServer(`${CONFIRM_INQUIRY_PRIVACY_ZAMIN_GOV_ASSISTANT}/${rowId}`, "post", {
data: {
expert_description: data.description,
},
})
.then(() => {
handleClose();
mutate();
})
.catch(() => {});
};
return (
<StyledForm onSubmit={handleSubmit(onSubmit)}>
<DialogContent dividers>
<Stack>
<QuestionVerifyRoadSafetyForm row={row} />
<QuestionVerifyNeedRoadForm row={row} />
<DescriptionForm control={control} />
</Stack>
</DialogContent>
<DialogActions sx={{ alignItems: "center", justifyContent: "space-between" }}>
<Stack spacing={1} direction={"row"}>
<Button
onClick={handlePrev}
variant="outlined"
color="secondary"
disabled={isSubmitting}
size="large"
>
{"مرحله قبلی"}
</Button>
<Refer rowId={rowId} mutate={mutate} handleClose={handleClose} isSubmitting={isSubmitting} />
</Stack>
<Button variant="contained" size="large" disabled={isSubmitting} type="submit">
موافقت و ارجاع
</Button>
</DialogActions>
</StyledForm>
);
};
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 { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmRoadSafetyForm = ({ row, rowId, mutate }) => {
const [openConfirmRoadSafetyForm, setOpenConfirmRoadSafetyForm] = useState(false);
const openRoadSafetyDialog = () => {
setOpenConfirmRoadSafetyForm(true);
};
const handleClose = () => {
setOpenConfirmRoadSafetyForm(false);
};
return (
<Stack>
<Tooltip title="تاییدیه ایمنی راه" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
openRoadSafetyDialog();
}}
>
<Engineering />
</IconButton>
</Tooltip>
<Dialog open={openConfirmRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton
aria-label="close"
onClick={() => handleClose()}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
{openConfirmRoadSafetyForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)}
</Dialog>
</Stack>
);
};
export default ConfirmRoadSafetyForm;
import { Close, Engineering } from "@mui/icons-material";
import { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmRoadSafetyForm = ({ row, rowId, mutate }) => {
const [openConfirmRoadSafetyForm, setOpenConfirmRoadSafetyForm] = useState(false);
const openRoadSafetyDialog = () => {
setOpenConfirmRoadSafetyForm(true);
};
const handleClose = () => {
setOpenConfirmRoadSafetyForm(false);
};
return (
<Stack>
<Tooltip title="تاییدیه ایمنی راه" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
openRoadSafetyDialog();
}}
>
<Engineering />
</IconButton>
</Tooltip>
<Dialog open={openConfirmRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton
aria-label="close"
onClick={() => handleClose()}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
{openConfirmRoadSafetyForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)}
</Dialog>
</Stack>
);
};
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 { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
<DialogTitle>تاییدیه ضمانت نامه ها</DialogTitle>
{loading ? (
<DialogLoading loadingOpen={loading} />
) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : (
<DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent>
)}
</>
);
};
export default ConfirmRoadSafetyDialog;
import DialogLoading from "@/core/components/DialogLoading";
import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
<DialogTitle>تاییدیه ضمانت نامه ها</DialogTitle>
{loading ? (
<DialogLoading loadingOpen={loading} />
) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : (
<DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent>
)}
</>
);
};
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 { CONFIRM_VERIFY_LICENSE_FORM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { useState } from "react";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [success, setSuccess] = useState(false);
const handleSubmit = async () => {
if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید");
return;
}
setLoading(true);
setError(null);
setSuccess(false);
try {
const res = await requestServer(`${CONFIRM_VERIFY_LICENSE_FORM}/${rowId}`, "post", {
data: {
expert_description: description,
},
});
setSuccess(true);
mutate();
setDescription("");
handleClose();
} catch (err) {
setError(err.message);
} finally {
setLoading(false);
}
};
return (
<DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField
label="توضیحات"
multiline
rows={3}
value={description}
onChange={(e) => setDescription(e.target.value)}
fullWidth
/>
<Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"}
</Button>
</Box>
</DialogContent>
);
};
export default ConfirmRoadSafetyFormContext;
import { Alert, Box, Button, CircularProgress, DialogContent, TextField } from "@mui/material";
import { CONFIRM_VERIFY_LICENSE_FORM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { useState } from "react";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [success, setSuccess] = useState(false);
const handleSubmit = async () => {
if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید");
return;
}
setLoading(true);
setError(null);
setSuccess(false);
try {
const res = await requestServer(`${CONFIRM_VERIFY_LICENSE_FORM}/${rowId}`, "post", {
data: {
expert_description: description,
},
});
setSuccess(true);
mutate();
setDescription("");
handleClose();
} catch (err) {
setError(err.message);
} finally {
setLoading(false);
}
};
return (
<DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField
label="توضیحات"
multiline
rows={3}
value={description}
onChange={(e) => setDescription(e.target.value)}
fullWidth
/>
<Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"}
</Button>
</Box>
</DialogContent>
);
};
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 { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmVerifyLicenseForm = ({ row, rowId, mutate }) => {
const [openConfirmVerifyLicenseForm, setOpenConfirmVerifyLicenseForm] = useState(false);
const openConfirmVerifyLicenseFormDialog = () => {
setOpenConfirmVerifyLicenseForm(true);
};
const handleClose = () => {
setOpenConfirmVerifyLicenseForm(false);
};
return (
<Stack>
<Tooltip title="تاییدیه ضمانت نامه ها" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
openConfirmVerifyLicenseFormDialog();
}}
>
<ThumbUp />
</IconButton>
</Tooltip>
<Dialog open={openConfirmVerifyLicenseForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton
aria-label="close"
onClick={() => handleClose()}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
{openConfirmVerifyLicenseForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)}
</Dialog>
</Stack>
);
};
export default ConfirmVerifyLicenseForm;
import { Close, ThumbUp } from "@mui/icons-material";
import { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmVerifyLicenseForm = ({ row, rowId, mutate }) => {
const [openConfirmVerifyLicenseForm, setOpenConfirmVerifyLicenseForm] = useState(false);
const openConfirmVerifyLicenseFormDialog = () => {
setOpenConfirmVerifyLicenseForm(true);
};
const handleClose = () => {
setOpenConfirmVerifyLicenseForm(false);
};
return (
<Stack>
<Tooltip title="تاییدیه ضمانت نامه ها" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
openConfirmVerifyLicenseFormDialog();
}}
>
<ThumbUp />
</IconButton>
</Tooltip>
<Dialog open={openConfirmVerifyLicenseForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton
aria-label="close"
onClick={() => handleClose()}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
{openConfirmVerifyLicenseForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)}
</Dialog>
</Stack>
);
};
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 { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
<DialogTitle>تاییدیه دسترسی راه</DialogTitle>
{loading ? (
<DialogLoading loadingOpen={loading} />
) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : (
<DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent>
)}
</>
);
};
export default ConfirmRoadSafetyDialog;
import DialogLoading from "@/core/components/DialogLoading";
import { GET_REQUEST_INQUIRY_PRIVACY } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { DialogContent, DialogTitle, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import ConfirmRoadSafetyFormContext from "./ConfirmRoadSafetyFormContext";
const ConfirmRoadSafetyDialog = ({ row, handleClose, rowId, mutate }) => {
const [loading, setLoading] = useState(true);
const [data, setData] = useState(null);
const request = useRequest();
useEffect(() => {
const fetchData = async () => {
try {
setLoading(true);
const response = await request(`${GET_REQUEST_INQUIRY_PRIVACY}/${rowId}`);
setData(response.data.data);
} catch (error) {
} finally {
setLoading(false);
}
};
fetchData();
}, [rowId]);
return (
<>
<DialogTitle>تاییدیه دسترسی راه</DialogTitle>
{loading ? (
<DialogLoading loadingOpen={loading} />
) : data ? (
<ConfirmRoadSafetyFormContext rowId={rowId} mutate={mutate} handleClose={handleClose} />
) : (
<DialogContent>
<Typography textAlign={"center"}>اطلاعات درخواست در سامانه یافت نشد</Typography>
</DialogContent>
)}
</>
);
};
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 { useState } from "react";
import { CONFIRM_VERIFY_ROAD_SAFETY_FORM } from "@/core/utils/routes";
import { Alert, Box, Button, CircularProgress, DialogContent, TextField } from "@mui/material";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [success, setSuccess] = useState(false);
const handleSubmit = async () => {
if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید");
return;
}
setLoading(true);
setError(null);
setSuccess(false);
try {
const res = await requestServer(`${CONFIRM_VERIFY_ROAD_SAFETY_FORM}/${rowId}`, "post", {
data: {
expert_description: description,
},
});
setSuccess(true);
mutate();
setDescription("");
handleClose();
} catch (err) {
setError(err.message);
} finally {
setLoading(false);
}
};
return (
<DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField
label="توضیحات"
multiline
rows={3}
value={description}
onChange={(e) => setDescription(e.target.value)}
fullWidth
/>
<Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"}
</Button>
</Box>
</DialogContent>
);
};
export default ConfirmRoadSafetyFormContext;
import useRequest from "@/lib/hooks/useRequest";
import { useState } from "react";
import { CONFIRM_VERIFY_ROAD_SAFETY_FORM } from "@/core/utils/routes";
import { Alert, Box, Button, CircularProgress, DialogContent, TextField } from "@mui/material";
const ConfirmRoadSafetyFormContext = ({ rowId, mutate, handleClose }) => {
const requestServer = useRequest({ notificationShow: true, notificationSuccess: true });
const [description, setDescription] = useState("");
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [success, setSuccess] = useState(false);
const handleSubmit = async () => {
if (!description.trim()) {
setError("لطفاً توضیحات را وارد کنید");
return;
}
setLoading(true);
setError(null);
setSuccess(false);
try {
const res = await requestServer(`${CONFIRM_VERIFY_ROAD_SAFETY_FORM}/${rowId}`, "post", {
data: {
expert_description: description,
},
});
setSuccess(true);
mutate();
setDescription("");
handleClose();
} catch (err) {
setError(err.message);
} finally {
setLoading(false);
}
};
return (
<DialogContent>
<Box sx={{ marginTop: 2 }} display="flex" flexDirection="column" gap={2}>
{error && <Alert severity="error">{error}</Alert>}
{success && <Alert severity="success">با موفقیت ثبت شد</Alert>}
<TextField
label="توضیحات"
multiline
rows={3}
value={description}
onChange={(e) => setDescription(e.target.value)}
fullWidth
/>
<Button variant="contained" onClick={handleSubmit} disabled={loading}>
{loading ? <CircularProgress size={22} /> : "ثبت"}
</Button>
</Box>
</DialogContent>
);
};
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 { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmVerifyRoadSafetyForm = ({ row, rowId, mutate }) => {
const [openConfirmVerifyRoadSafetyForm, setOpenConfirmVerifyRoadSafetyForm] = useState(false);
const openConfirmVerifyRoadSafetyDialog = () => {
setOpenConfirmVerifyRoadSafetyForm(true);
};
const handleClose = () => {
setOpenConfirmVerifyRoadSafetyForm(false);
};
return (
<Stack>
<Tooltip title="تاییدیه دسترسی راه" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
openConfirmVerifyRoadSafetyDialog();
}}
>
<DoneAll />
</IconButton>
</Tooltip>
<Dialog open={openConfirmVerifyRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton
aria-label="close"
onClick={() => handleClose()}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
{openConfirmVerifyRoadSafetyForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)}
</Dialog>
</Stack>
);
};
export default ConfirmVerifyRoadSafetyForm;
import { Close, DoneAll } from "@mui/icons-material";
import { Dialog, IconButton, Stack, Tooltip } from "@mui/material";
import { useState } from "react";
import ConfirmRoadSafetyDialog from "./ConfirmRoadSafetyDialog";
const ConfirmVerifyRoadSafetyForm = ({ row, rowId, mutate }) => {
const [openConfirmVerifyRoadSafetyForm, setOpenConfirmVerifyRoadSafetyForm] = useState(false);
const openConfirmVerifyRoadSafetyDialog = () => {
setOpenConfirmVerifyRoadSafetyForm(true);
};
const handleClose = () => {
setOpenConfirmVerifyRoadSafetyForm(false);
};
return (
<Stack>
<Tooltip title="تاییدیه دسترسی راه" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
openConfirmVerifyRoadSafetyDialog();
}}
>
<DoneAll />
</IconButton>
</Tooltip>
<Dialog open={openConfirmVerifyRoadSafetyForm} onClose={handleClose} maxWidth="sm" fullWidth>
<IconButton
aria-label="close"
onClick={() => handleClose()}
sx={{
position: "absolute",
right: 8,
top: 8,
zIndex: 10,
color: (theme) => theme.palette.grey[500],
}}
>
<Close />
</IconButton>
{openConfirmVerifyRoadSafetyForm && (
<ConfirmRoadSafetyDialog row={row} handleClose={handleClose} rowId={rowId} mutate={mutate} />
)}
</Dialog>
</Stack>
);
};
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 TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return (
<>
<DialogContent>
<TableContent rowId={rowId} />
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن
</Button>
</DialogActions>
</>
);
};
export default HistoryContent;
import { Button, DialogActions, DialogContent } from "@mui/material";
import TableContent from "./TableContent";
const HistoryContent = ({ setOpenReferReasonDialog, rowId }) => {
return (
<>
<DialogContent>
<TableContent rowId={rowId} />
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferReasonDialog(false)} variant="outlined" color="secondary" autoFocus>
بستن
</Button>
</DialogActions>
</>
);
};
export default HistoryContent;

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

@@ -1,66 +1,66 @@
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
export default TableContent;
import {
Box,
Table,
TableBody,
TableCell,
TableContainer,
TableHead,
TableRow,
CircularProgress,
Typography,
} from "@mui/material";
import "moment/locale/fa";
import { useHistory } from "@/lib/hooks/useHistory";
const TableContent = ({ rowId }) => {
const { historyData, loading, error } = useHistory(rowId);
if (loading) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<CircularProgress />
</Box>
);
}
if (error) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography color="error">{error}</Typography>
</Box>
);
}
if (!historyData.length) {
return (
<Box display="flex" justifyContent="center" alignItems="center" height={200}>
<Typography>اطلاعاتی وجود ندارد</Typography>
</Box>
);
}
return (
<Box>
<TableContainer sx={{ maxHeight: 600 }}>
<Table stickyHeader sx={{ minWidth: 800 }}>
<TableHead>
<TableRow>
<TableCell>وضعیت</TableCell>
<TableCell>توضیحات کارشناس</TableCell>
</TableRow>
</TableHead>
<TableBody>
{historyData.map((row) => (
<TableRow key={row.id} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
<TableCell>{row.previous_state_name}</TableCell>
<TableCell>{row.expert_description}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</Box>
);
};
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 { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
export default History;
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { RestorePage } from "@mui/icons-material";
import HistoryContent from "./HistoryContent";
import { useState } from "react";
const History = ({ rowId }) => {
const [openReferReasonDialog, setOpenReferReasonDialog] = useState(false);
return (
<>
<Tooltip title="تاریخچه">
<IconButton color="warning" onClick={() => setOpenReferReasonDialog(true)}>
<RestorePage />
</IconButton>
</Tooltip>
<Dialog
fullWidth
maxWidth={"md"}
open={openReferReasonDialog}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<DialogTitle>تاریخچه</DialogTitle>
<HistoryContent rowId={rowId} setOpenReferReasonDialog={setOpenReferReasonDialog} />
</Dialog>
</>
);
};
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 ConfirmRoadSafetyForm from "./ConfirmRoadSafetyForm";
import ConfirmVerifyRoadSafetyForm from "./ConfirmVerifyRoadSafetyForm";
import ConfirmVerifyLicenseForm from "./ConfirmVerifyLicenseForm";
import History from "./History";
const RowActions = ({ row, mutate }) => {
return (
<Box sx={{ display: "flex", gap: 1 }}>
<History rowId={row.original.id} />
{row.original.state_id == 3 && (
<ConfirmRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)}
{row.original.state_id == 6 && (
<ConfirmVerifyRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)}
{row.original.state_id == 14 && (
<ConfirmVerifyLicenseForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)}
</Box>
);
};
export default RowActions;
import { Box } from "@mui/material";
import ConfirmRoadSafetyForm from "./ConfirmRoadSafetyForm";
import ConfirmVerifyRoadSafetyForm from "./ConfirmVerifyRoadSafetyForm";
import ConfirmVerifyLicenseForm from "./ConfirmVerifyLicenseForm";
import History from "./History";
const RowActions = ({ row, mutate }) => {
return (
<Box sx={{ display: "flex", gap: 1 }}>
<History rowId={row.original.id} />
{row.original.state_id == 3 && (
<ConfirmRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)}
{row.original.state_id == 6 && (
<ConfirmVerifyRoadSafetyForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)}
{row.original.state_id == 14 && (
<ConfirmVerifyLicenseForm row={row} mutate={mutate} rowId={row.getValue("id")} />
)}
</Box>
);
};
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 { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
export default ShowBound;
import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet";
const ShowBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
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 { FeatureGroup, useMap } from "react-leaflet";
const ShowForbiddenBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
export default ShowForbiddenBound;
import { useEffect, useRef } from "react";
import { FeatureGroup, useMap } from "react-leaflet";
const ShowForbiddenBound = ({ bound }) => {
const map = useMap();
const featureRef = useRef(null);
const safeFitBounds = (layer) => {
if (!layer || !map) return;
try {
const latLngs = layer.getLatLngs();
map.fitBounds(latLngs, {
paddingTopLeft: [20, 20],
paddingBottomRight: [20, 20],
});
} catch (e) {
console.warn("fitBounds failed:", e);
}
};
useEffect(() => {
bound?.editing?.disable();
featureRef.current.addLayer(bound);
safeFitBounds(bound);
}, []);
return <FeatureGroup ref={featureRef} />;
};
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");
import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers";
import L from "leaflet";
import { useMemo, useState } from "react";
import ShowBound from "./ShowBound";
import ShowForbiddenBound from "./ShowForbiddenBound";
const ShowProjectArea = ({ primaryArea, forbiddenArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon"
? L.polygon(latLngCoords, {
color: "#ff5555",
})
: L.polyline(latLngCoords);
}, [primaryArea]);
const forbiddenBound = useMemo(() => {
const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]);
return forbiddenArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [forbiddenArea]);
return (
<Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon />
</IconButton>
</Tooltip>
<Dialog
open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
padding: 1,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح
</Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent>
<Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} />
<ShowForbiddenBound bound={forbiddenBound} />
</MapLayer>
</Box>
</Box>
</DialogContent>
</Dialog>
</Box>
);
};
export default ShowProjectArea;
const { IconButton, Tooltip, Box, Dialog, DialogTitle, Typography, DialogContent } = require("@mui/material");
import MapLayer from "@/core/components/MapLayer";
import CloseIcon from "@mui/icons-material/Close";
import LayersIcon from "@mui/icons-material/Layers";
import L from "leaflet";
import { useMemo, useState } from "react";
import ShowBound from "./ShowBound";
import ShowForbiddenBound from "./ShowForbiddenBound";
const ShowProjectArea = ({ primaryArea, forbiddenArea }) => {
const [openShowAreaDialog, setOpenShowAreaDialog] = useState(false);
const bound = useMemo(() => {
const latLngCoords = primaryArea.coordinates.map((coord) => [coord[1], coord[0]]);
return primaryArea.type === "polygon"
? L.polygon(latLngCoords, {
color: "#ff5555",
})
: L.polyline(latLngCoords);
}, [primaryArea]);
const forbiddenBound = useMemo(() => {
const latLngCoords = forbiddenArea.coordinates.map((coord) => [coord[1], coord[0]]);
return forbiddenArea.type === "polygon" ? L.polygon(latLngCoords) : L.polyline(latLngCoords);
}, [forbiddenArea]);
return (
<Box>
<Tooltip title="نمایش پلیگان" placement="right" arrow>
<IconButton size="small" color="primary" onClick={() => setOpenShowAreaDialog(true)}>
<LayersIcon />
</IconButton>
</Tooltip>
<Dialog
open={openShowAreaDialog}
onClose={() => setOpenShowAreaDialog(false)}
PaperProps={{
sx: {
transition: "all .3s",
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
borderRadius: 2,
padding: 1,
},
}}
maxWidth="sm"
fullWidth
dir="rtl"
>
<DialogTitle sx={{ display: "flex", justifyContent: "space-between", padding: "16px 24px" }}>
<Typography variant="body1" sx={{ fontWeight: "bold", fontSize: "large" }}>
محدوده طرح
</Typography>
<IconButton onClick={() => setOpenShowAreaDialog(false)} size="small">
<CloseIcon />
</IconButton>
</DialogTitle>
<DialogContent>
<Box sx={{ flex: 1 }}>
<Box sx={{ width: "100%", height: "400px" }}>
<MapLayer style={{ borderRadius: "4px" }}>
<ShowBound bound={bound} />
<ShowForbiddenBound bound={forbiddenBound} />
</MapLayer>
</Box>
</Box>
</DialogContent>
</Dialog>
</Box>
);
};
export default ShowProjectArea;

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

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

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

@@ -1,15 +1,15 @@
"use client";
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import TechnicalDeputyList from "./TechnicalDeputyList";
const TechnicalDeputy = () => {
return (
<Stack spacing={1}>
<PageTitle title={"استعلام حریم راه - پنجره واحد"} />
<TechnicalDeputyList />
</Stack>
);
};
export default TechnicalDeputy;
"use client";
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import TechnicalDeputyList from "./TechnicalDeputyList";
const TechnicalDeputy = () => {
return (
<Stack spacing={1}>
<PageTitle title={"استعلام حریم راه - پنجره واحد"} />
<TechnicalDeputyList />
</Stack>
);
};
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 useEdaratLists from "@/lib/hooks/useEdaratLists";
import { useEffect, useState } from "react";
const CityContent = ({ provinceID, field, fieldState: { error } }) => {
const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists(provinceID);
const [prevDependency, setPrevDependency] = useState(provinceID);
useEffect(() => {
if (prevDependency === provinceID) return;
field.onChange(null);
setPrevDependency(provinceID);
}, [provinceID]);
return (
<SelectBox
value={
!provinceID
? "dependency"
: errorEdaratList
? "error"
: loadingEdaratList
? "loading"
: field.value || ""
}
label={"اداره"}
selectors={edaratList}
schema={{ name: "name_fa", value: "id" }}
error={error}
onChange={field.onChange}
helperText={error?.message}
isLoading={loadingEdaratList}
errorEcured={errorEdaratList}
isDependency={!provinceID}
dependencyLabel={"ابتدا استان را انتخاب کنید"}
/>
);
};
export default CityContent;
import SelectBox from "@/core/components/SelectBox";
import useEdaratLists from "@/lib/hooks/useEdaratLists";
import { useEffect, useState } from "react";
const CityContent = ({ provinceID, field, fieldState: { error } }) => {
const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists(provinceID);
const [prevDependency, setPrevDependency] = useState(provinceID);
useEffect(() => {
if (prevDependency === provinceID) return;
field.onChange(null);
setPrevDependency(provinceID);
}, [provinceID]);
return (
<SelectBox
value={
!provinceID
? "dependency"
: errorEdaratList
? "error"
: loadingEdaratList
? "loading"
: field.value || ""
}
label={"اداره"}
selectors={edaratList}
schema={{ name: "name_fa", value: "id" }}
error={error}
onChange={field.onChange}
helperText={error?.message}
isLoading={loadingEdaratList}
errorEcured={errorEdaratList}
isDependency={!provinceID}
dependencyLabel={"ابتدا استان را انتخاب کنید"}
/>
);
};
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 CityContent from "./CityContent";
const CityController = ({ control }) => {
const provinceID = useWatch({ control, name: "provinceId" });
return (
<Controller
name="edarehShahriId"
control={control}
render={(props) => <CityContent provinceID={provinceID} {...props} />}
/>
);
};
export default CityController;
import { Controller, useWatch } from "react-hook-form";
import CityContent from "./CityContent";
const CityController = ({ control }) => {
const provinceID = useWatch({ control, name: "provinceId" });
return (
<Controller
name="edarehShahriId"
control={control}
render={(props) => <CityContent provinceID={provinceID} {...props} />}
/>
);
};
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 StyledForm from "@/core/components/StyledForm";
import validateNationalCode from "@/core/utils/nationalCodeValidation";
import { yupResolver } from "@hookform/resolvers/yup";
import { Beenhere, ExitToApp } from "@mui/icons-material";
import {
Button,
DialogActions,
DialogContent,
Grid,
Stack,
TextField,
ToggleButton,
ToggleButtonGroup,
} from "@mui/material";
import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup";
import LogesticController from "./LogesticController";
const validationSchema = object({
provinceId: string().required("لطفا استان را وارد کنید!!!"),
edarehShahriId: string().required("لطفا اداره را وارد کنید!!!"),
name: string().required("وارد کردن نام و نام خانوادگی الزامیست!"),
code: string()
.required("لطفا کد ملی را وارد کنید!!!")
.test("max", "کد ملی باید شامل 10 رقم باشد", (value) => value.toString().length === 10)
.test("validation", "کد ملی صحیح نمی باشد", (value) => validateNationalCode(value)),
phone_number: string()
.matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شده و 11 رقم باشد")
.required("لطفا تلفن همراه را وارد کنید!!!"),
});
const CreateFormContent = ({ setOpen, defaultValues, onSubmitBase }) => {
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({
defaultValues,
resolver: yupResolver(validationSchema),
mode: "all",
});
const handleOnSubmit = async (data) => {
await onSubmitBase(data);
};
return (
<>
<StyledForm onSubmit={handleSubmit(handleOnSubmit)}>
<DialogContent dividers>
<Stack spacing={3}>
{/* <Stack justifyContent={"center"} alignItems={"center"}>
<Controller
name="isDriver"
control={control}
render={({ field, fieldState: { error } }) => (
<ToggleButtonGroup
size="small"
value={field.value}
exclusive
onChange={(event, newAlignment) => {
if (newAlignment !== null) {
field.onChange(newAlignment);
}
}}
>
<ToggleButton sx={{ px: 3 }} value="0">
راهدار
</ToggleButton>
<ToggleButton sx={{ px: 3 }} value="1">
راننده
</ToggleButton>
</ToggleButtonGroup>
)}
/>
</Stack> */}
<LogesticController control={control} />
<Stack>
<Grid spacing={2}>
<Grid item xs={12} sm={6}>
<Controller
name="name"
control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => (
<PersianTextField
fullWidth
size="small"
label="نام و نام خانوادگی"
value={value}
onChange={onChange}
placeholder="نام و نام خانوادگی را وارد کنید"
error={!!error}
helperText={error ? error.message : null}
variant="outlined"
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Grid>
</Grid>
</Stack>
<Stack>
<Grid spacing={2}>
<Grid item xs={12} sm={6}>
<Controller
name="code"
control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => (
<PersianTextField
fullWidth
size="small"
label="کد ملی"
value={value}
onChange={onChange}
placeholder="کد ملی را وارد کنید"
error={!!error}
helperText={error ? error.message : null}
variant="outlined"
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Grid>
</Grid>
</Stack>
<Stack>
<Grid spacing={2}>
<Grid item xs={12} sm={6}>
<Controller
name="phone_number"
control={control}
render={({ field, fieldState: { error } }) => (
<TextField
value={field.value}
variant="outlined"
name="phone_number"
type={"tel"}
inputProps={{
inputMode: "number",
min: 0,
pattern: "[0-9]*",
}}
onChange={(event) => {
const inputValue = event.target.value;
if (isNaN(Number(inputValue))) {
return;
}
field.onChange(inputValue);
}}
label="شماره همراه"
placeholder={"شماره همراه را وارد کنید"}
fullWidth
size="small"
error={error}
helperText={error?.message}
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Grid>
</Grid>
</Stack>
</Stack>
</DialogContent>
<DialogActions>
<Button
onClick={() => setOpen(false)}
variant="outlined"
color="secondary"
startIcon={<ExitToApp />}
>
بستن
</Button>
<Button variant="contained" disabled={isSubmitting} type="submit" endIcon={<Beenhere />}>
{" "}
{isSubmitting ? "در حال ثبت راهدار" : "ثبت راهدار"}{" "}
</Button>
</DialogActions>
</StyledForm>
</>
);
};
export default CreateFormContent;
import PersianTextField from "@/core/components/PersianTextField";
import StyledForm from "@/core/components/StyledForm";
import validateNationalCode from "@/core/utils/nationalCodeValidation";
import { yupResolver } from "@hookform/resolvers/yup";
import { Beenhere, ExitToApp } from "@mui/icons-material";
import {
Button,
DialogActions,
DialogContent,
Grid,
Stack,
TextField,
ToggleButton,
ToggleButtonGroup,
} from "@mui/material";
import { Controller, useForm } from "react-hook-form";
import { object, string } from "yup";
import LogesticController from "./LogesticController";
const validationSchema = object({
provinceId: string().required("لطفا استان را وارد کنید!!!"),
edarehShahriId: string().required("لطفا اداره را وارد کنید!!!"),
name: string().required("وارد کردن نام و نام خانوادگی الزامیست!"),
code: string()
.required("لطفا کد ملی را وارد کنید!!!")
.test("max", "کد ملی باید شامل 10 رقم باشد", (value) => value.toString().length === 10)
.test("validation", "کد ملی صحیح نمی باشد", (value) => validateNationalCode(value)),
phone_number: string()
.matches(/^09\d{9}$/, "شماره موبایل باید با 09 شروع شده و 11 رقم باشد")
.required("لطفا تلفن همراه را وارد کنید!!!"),
});
const CreateFormContent = ({ setOpen, defaultValues, onSubmitBase }) => {
const {
control,
handleSubmit,
formState: { isSubmitting },
} = useForm({
defaultValues,
resolver: yupResolver(validationSchema),
mode: "all",
});
const handleOnSubmit = async (data) => {
await onSubmitBase(data);
};
return (
<>
<StyledForm onSubmit={handleSubmit(handleOnSubmit)}>
<DialogContent dividers>
<Stack spacing={3}>
{/* <Stack justifyContent={"center"} alignItems={"center"}>
<Controller
name="isDriver"
control={control}
render={({ field, fieldState: { error } }) => (
<ToggleButtonGroup
size="small"
value={field.value}
exclusive
onChange={(event, newAlignment) => {
if (newAlignment !== null) {
field.onChange(newAlignment);
}
}}
>
<ToggleButton sx={{ px: 3 }} value="0">
راهدار
</ToggleButton>
<ToggleButton sx={{ px: 3 }} value="1">
راننده
</ToggleButton>
</ToggleButtonGroup>
)}
/>
</Stack> */}
<LogesticController control={control} />
<Stack>
<Grid spacing={2}>
<Grid item xs={12} sm={6}>
<Controller
name="name"
control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => (
<PersianTextField
fullWidth
size="small"
label="نام و نام خانوادگی"
value={value}
onChange={onChange}
placeholder="نام و نام خانوادگی را وارد کنید"
error={!!error}
helperText={error ? error.message : null}
variant="outlined"
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Grid>
</Grid>
</Stack>
<Stack>
<Grid spacing={2}>
<Grid item xs={12} sm={6}>
<Controller
name="code"
control={control}
render={({ field: { onChange, value }, fieldState: { error } }) => (
<PersianTextField
fullWidth
size="small"
label="کد ملی"
value={value}
onChange={onChange}
placeholder="کد ملی را وارد کنید"
error={!!error}
helperText={error ? error.message : null}
variant="outlined"
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Grid>
</Grid>
</Stack>
<Stack>
<Grid spacing={2}>
<Grid item xs={12} sm={6}>
<Controller
name="phone_number"
control={control}
render={({ field, fieldState: { error } }) => (
<TextField
value={field.value}
variant="outlined"
name="phone_number"
type={"tel"}
inputProps={{
inputMode: "number",
min: 0,
pattern: "[0-9]*",
}}
onChange={(event) => {
const inputValue = event.target.value;
if (isNaN(Number(inputValue))) {
return;
}
field.onChange(inputValue);
}}
label="شماره همراه"
placeholder={"شماره همراه را وارد کنید"}
fullWidth
size="small"
error={error}
helperText={error?.message}
InputLabelProps={{ shrink: true }}
/>
)}
/>
</Grid>
</Grid>
</Stack>
</Stack>
</DialogContent>
<DialogActions>
<Button
onClick={() => setOpen(false)}
variant="outlined"
color="secondary"
startIcon={<ExitToApp />}
>
بستن
</Button>
<Button variant="contained" disabled={isSubmitting} type="submit" endIcon={<Beenhere />}>
{" "}
{isSubmitting ? "در حال ثبت راهدار" : "ثبت راهدار"}{" "}
</Button>
</DialogActions>
</StyledForm>
</>
);
};
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 CityController from "./CityController";
import useProvinces from "@/lib/hooks/useProvince";
import { Controller, useWatch } from "react-hook-form";
import SelectBox from "@/core/components/SelectBox";
const LogesticController = ({ control }) => {
const { provinces, errorProvinces, loadingProvinces } = useProvinces();
const isProvince = useWatch({ control, name: "isProvince" });
return (
<>
{!isProvince ? (
<Stack>
<Controller
name="provinceId"
control={control}
render={({ field, fieldState: { error } }) => {
return (
<SelectBox
value={errorProvinces ? "error" : loadingProvinces ? "loading" : field.value || ""}
label="استان"
selectors={provinces}
schema={{ name: "name_fa", value: "id" }}
error={error}
disabled={isProvince}
onChange={field.onChange}
helperText={error?.message}
isLoading={loadingProvinces}
errorEcured={errorProvinces}
/>
);
}}
/>
</Stack>
) : null}
<Stack>
<CityController control={control} />
</Stack>
</>
);
};
export default LogesticController;
import { Grid, Stack } from "@mui/material";
import CityController from "./CityController";
import useProvinces from "@/lib/hooks/useProvince";
import { Controller, useWatch } from "react-hook-form";
import SelectBox from "@/core/components/SelectBox";
const LogesticController = ({ control }) => {
const { provinces, errorProvinces, loadingProvinces } = useProvinces();
const isProvince = useWatch({ control, name: "isProvince" });
return (
<>
{!isProvince ? (
<Stack>
<Controller
name="provinceId"
control={control}
render={({ field, fieldState: { error } }) => {
return (
<SelectBox
value={errorProvinces ? "error" : loadingProvinces ? "loading" : field.value || ""}
label="استان"
selectors={provinces}
schema={{ name: "name_fa", value: "id" }}
error={error}
disabled={isProvince}
onChange={field.onChange}
helperText={error?.message}
isLoading={loadingProvinces}
errorEcured={errorProvinces}
/>
);
}}
/>
</Stack>
) : null}
<Stack>
<CityController control={control} />
</Stack>
</>
);
};
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 { useAuth } from "@/lib/contexts/auth";
import { usePermissions } from "@/lib/hooks/usePermissions";
import useRequest from "@/lib/hooks/useRequest";
import CloseIcon from "@mui/icons-material/Close";
import { Dialog, DialogTitle, IconButton } from "@mui/material";
import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog";
import CreateFormContent from "./CreateFormContent";
const CreateForm = ({ open, setOpen, mutate }) => {
const requestServer = useRequest({ notificationSuccess: true });
const { data: userPermissions } = usePermissions();
const { user } = useAuth();
const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country");
const defaultValues = {
isDriver: "0",
isProvince: !hasCountryPermission,
provinceId: !hasCountryPermission ? user.province_id : "",
edarehShahriId: "",
name: "",
code: "",
phone_number: "",
};
const onSubmit = async (result) => {
const formData = new FormData();
formData.append("is_driver", result.isDriver);
formData.append("province_id", result.provinceId);
formData.append("edareh_shahri_id", result.edarehShahriId);
formData.append("name", result.name);
formData.append("code", result.code);
formData.append("mobile", result.phone_number);
await requestServer(CREATE_RAHDARAN_ITEM, "post", {
data: formData,
})
.then(() => {
mutate();
setOpen(false);
})
.catch(() => {});
};
return (
<Dialog open={open} fullWidth maxWidth="xs">
<IconButton
aria-label="close"
onClick={() => setOpen(false)}
sx={(theme) => ({
position: "absolute",
right: 8,
top: 8,
zIndex: 50,
color: theme.palette.grey[500],
})}
>
<CloseIcon />
</IconButton>
<DialogHeader>
<DialogTitle>ثبت راهدار جدید</DialogTitle>
</DialogHeader>
{open && (
<CreateFormContent
defaultValues={defaultValues}
onSubmitBase={onSubmit}
setOpen={setOpen}
mutate={mutate}
/>
)}
</Dialog>
);
};
export default CreateForm;
import { CREATE_RAHDARAN_ITEM } from "@/core/utils/routes";
import { useAuth } from "@/lib/contexts/auth";
import { usePermissions } from "@/lib/hooks/usePermissions";
import useRequest from "@/lib/hooks/useRequest";
import CloseIcon from "@mui/icons-material/Close";
import { Dialog, DialogTitle, IconButton } from "@mui/material";
import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog";
import CreateFormContent from "./CreateFormContent";
const CreateForm = ({ open, setOpen, mutate }) => {
const requestServer = useRequest({ notificationSuccess: true });
const { data: userPermissions } = usePermissions();
const { user } = useAuth();
const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country");
const defaultValues = {
isDriver: "0",
isProvince: !hasCountryPermission,
provinceId: !hasCountryPermission ? user.province_id : "",
edarehShahriId: "",
name: "",
code: "",
phone_number: "",
};
const onSubmit = async (result) => {
const formData = new FormData();
formData.append("is_driver", result.isDriver);
formData.append("province_id", result.provinceId);
formData.append("edareh_shahri_id", result.edarehShahriId);
formData.append("name", result.name);
formData.append("code", result.code);
formData.append("mobile", result.phone_number);
await requestServer(CREATE_RAHDARAN_ITEM, "post", {
data: formData,
})
.then(() => {
mutate();
setOpen(false);
})
.catch(() => {});
};
return (
<Dialog open={open} fullWidth maxWidth="xs">
<IconButton
aria-label="close"
onClick={() => setOpen(false)}
sx={(theme) => ({
position: "absolute",
right: 8,
top: 8,
zIndex: 50,
color: theme.palette.grey[500],
})}
>
<CloseIcon />
</IconButton>
<DialogHeader>
<DialogTitle>ثبت راهدار جدید</DialogTitle>
</DialogHeader>
{open && (
<CreateFormContent
defaultValues={defaultValues}
onSubmitBase={onSubmit}
setOpen={setOpen}
mutate={mutate}
/>
)}
</Dialog>
);
};
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 { Button, IconButton, useMediaQuery, useTheme } from "@mui/material";
import CreateForm from "./Form";
import { useState } from "react";
const CreateRahdar = ({ mutate }) => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
const [open, setOpen] = useState(false);
const handleOpen = () => {
setOpen(true);
};
return (
<>
{isMobile ? (
<IconButton aria-label="ثبت راهدار" color="primary" onClick={handleOpen}>
<AddCircle sx={{ fontSize: "25px" }} />
</IconButton>
) : (
<Button
size={"small"}
variant="contained"
color="primary"
startIcon={<AddCircle />}
onClick={handleOpen}
>
ثبت راهدار
</Button>
)}
<CreateForm open={open} setOpen={setOpen} mutate={mutate} />
</>
);
};
export default CreateRahdar;
import { AddCircle } from "@mui/icons-material";
import { Button, IconButton, useMediaQuery, useTheme } from "@mui/material";
import CreateForm from "./Form";
import { useState } from "react";
const CreateRahdar = ({ mutate }) => {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
const [open, setOpen] = useState(false);
const handleOpen = () => {
setOpen(true);
};
return (
<>
{isMobile ? (
<IconButton aria-label="ثبت راهدار" color="primary" onClick={handleOpen}>
<AddCircle sx={{ fontSize: "25px" }} />
</IconButton>
) : (
<Button
size={"small"}
variant="contained"
color="primary"
startIcon={<AddCircle />}
onClick={handleOpen}
>
ثبت راهدار
</Button>
)}
<CreateForm open={open} setOpen={setOpen} mutate={mutate} />
</>
);
};
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 useRequest from "@/lib/hooks/useRequest";
import { DialogTitle } from "@mui/material";
import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog";
import CreateFormContent from "../Create/Form/CreateFormContent";
const EditController = ({ rowId, mutate, setOpen, row }) => {
const requestServer = useRequest({ notificationSuccess: true });
const defaultData = {
isDriver: `${row.original?.is_driver}` || "0",
provinceId: row.original?.province_id || "",
edarehShahriId: row.original?.edareh_shahri_id || "",
name: row.original?.name || "",
code: row.original?.code || "",
phone_number: row.original?.mobile || "",
};
const handleSubmit = async (result) => {
const formData = new FormData();
formData.append("is_driver", result.isDriver);
formData.append("province_id", result.provinceId);
formData.append("edareh_shahri_id", result.edarehShahriId);
formData.append("name", result.name);
formData.append("code", result.code);
formData.append("mobile", result.phone_number);
await requestServer(`${UPDATE_RAHDARAN_ITEM}/${rowId}`, "post", {
data: formData,
})
.then(() => {
mutate();
setOpen(false);
})
.catch(() => {});
};
return (
<>
<DialogHeader>
<DialogTitle>ویرایش راهدار</DialogTitle>
</DialogHeader>
<CreateFormContent setOpen={setOpen} defaultValues={defaultData} onSubmitBase={handleSubmit} />
</>
);
};
export default EditController;
import { UPDATE_RAHDARAN_ITEM } from "@/core/utils/routes";
import useRequest from "@/lib/hooks/useRequest";
import { DialogTitle } from "@mui/material";
import { DialogHeader } from "next/dist/client/components/react-dev-overlay/internal/components/Dialog";
import CreateFormContent from "../Create/Form/CreateFormContent";
const EditController = ({ rowId, mutate, setOpen, row }) => {
const requestServer = useRequest({ notificationSuccess: true });
const defaultData = {
isDriver: `${row.original?.is_driver}` || "0",
provinceId: row.original?.province_id || "",
edarehShahriId: row.original?.edareh_shahri_id || "",
name: row.original?.name || "",
code: row.original?.code || "",
phone_number: row.original?.mobile || "",
};
const handleSubmit = async (result) => {
const formData = new FormData();
formData.append("is_driver", result.isDriver);
formData.append("province_id", result.provinceId);
formData.append("edareh_shahri_id", result.edarehShahriId);
formData.append("name", result.name);
formData.append("code", result.code);
formData.append("mobile", result.phone_number);
await requestServer(`${UPDATE_RAHDARAN_ITEM}/${rowId}`, "post", {
data: formData,
})
.then(() => {
mutate();
setOpen(false);
})
.catch(() => {});
};
return (
<>
<DialogHeader>
<DialogTitle>ویرایش راهدار</DialogTitle>
</DialogHeader>
<CreateFormContent setOpen={setOpen} defaultValues={defaultData} onSubmitBase={handleSubmit} />
</>
);
};
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 CloseIcon from "@mui/icons-material/Close";
import { Dialog, IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import EditController from "./EditController";
const EditRahdar = ({ mutate, row, rowId }) => {
const [open, setOpen] = useState(false);
return (
<>
<Tooltip title="ویرایش راهدار" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
setOpen(true);
}}
>
<BorderColorIcon />
</IconButton>
</Tooltip>
<Dialog
fullWidth
open={open}
maxWidth={"xs"}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<IconButton
aria-label="close"
onClick={() => setOpen(false)}
sx={(theme) => ({
position: "absolute",
right: 8,
top: 8,
zIndex: 50,
color: theme.palette.grey[500],
})}
>
<CloseIcon />
</IconButton>
{open && <EditController setOpen={setOpen} rowId={rowId} row={row} mutate={mutate} />}
</Dialog>
</>
);
};
export default EditRahdar;
import BorderColorIcon from "@mui/icons-material/BorderColor";
import CloseIcon from "@mui/icons-material/Close";
import { Dialog, IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import EditController from "./EditController";
const EditRahdar = ({ mutate, row, rowId }) => {
const [open, setOpen] = useState(false);
return (
<>
<Tooltip title="ویرایش راهدار" arrow placement="right">
<IconButton
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={() => {
setOpen(true);
}}
>
<BorderColorIcon />
</IconButton>
</Tooltip>
<Dialog
fullWidth
open={open}
maxWidth={"xs"}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
>
<IconButton
aria-label="close"
onClick={() => setOpen(false)}
sx={(theme) => ({
position: "absolute",
right: 8,
top: 8,
zIndex: 50,
color: theme.palette.grey[500],
})}
>
<CloseIcon />
</IconButton>
{open && <EditController setOpen={setOpen} rowId={rowId} row={row} mutate={mutate} />}
</Dialog>
</>
);
};
export default EditRahdar;

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

@@ -1,181 +1,181 @@
"use client";
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_RAHDARAN_TABLE_LIST } from "@/core/utils/routes";
import { Box } from "@mui/material";
import { useEffect, useMemo, useState } from "react";
import RowActions from "./RowActions";
import Toolbar from "./Toolbar";
import { useAuth } from "@/lib/contexts/auth";
import useProvinces from "@/lib/hooks/useProvince";
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import useEdaratLists from "@/lib/hooks/useEdaratLists";
import { usePermissions } from "@/lib/hooks/usePermissions";
const RahdaranList = () => {
const { data: userPermissions } = usePermissions();
const { user } = useAuth();
const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country");
const columns = useMemo(() => {
const provinceColumn = {
accessorKey: "province_id",
header: "استان",
id: "province_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
grow: false,
size: 130,
ColumnSelectComponent: (props) => {
const { provinces, errorProvinces, loadingProvinces } = useProvinces();
const getColumnSelectOptions = useMemo(() => {
if (loadingProvinces) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorProvinces) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "کل کشور" },
...provinces.map((province) => ({
value: province.id,
label: province.name_fa,
})),
];
}, [provinces, errorProvinces, loadingProvinces]);
return (
<CustomSelectByDependency
{...props}
value={loadingProvinces ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ row }) => <>{row.original.province_name}</>,
};
return [
{
accessorKey: "id",
header: "کد یکتا",
id: "id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
...(hasCountryPermission ? [provinceColumn] : []),
{
header: "اداره",
id: "edareh_shahri_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
dependencyId: hasCountryPermission ? "province_id" : null,
grow: false,
size: 120,
ColumnSelectComponent: (props) => {
const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists(
hasCountryPermission ? props.dependencyFieldValue.value : user.province_id
);
const [prevDependency, setPrevDependency] = useState(
hasCountryPermission ? props.dependencyFieldValue.value : user.province_id
);
const getColumnSelectOptions = useMemo(() => {
if (hasCountryPermission && props.dependencyFieldValue.value === "") {
return [{ value: "empty", label: "ابتدا استان را انتخاب کنید" }];
}
if (loadingEdaratList) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorEdaratList) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "کل ادارات" },
...edaratList.map((edare) => ({
value: edare.id,
label: edare.name_fa,
})),
];
}, [edaratList, loadingEdaratList, errorEdaratList]);
useEffect(() => {
if (hasCountryPermission) return;
if (prevDependency === props.dependencyFieldValue?.value) return;
props.handleChange({ ...props.filterParameters, value: "" });
setPrevDependency(props.dependencyFieldValue?.value);
}, [props.dependencyFieldValue?.value, hasCountryPermission]);
return (
<CustomSelectByDependency
{...props}
value={
props.dependencyFieldValue?.value === ""
? "empty"
: loadingEdaratList
? "loading"
: props.filterParameters.value
}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ renderedCellValue, row }) => <>{row.original.edareh_shahri_name}</>,
},
{
accessorKey: "name",
header: "نام و نام خانوادگی",
id: "name",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "code",
header: "کد ملی",
id: "code",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "mobile",
header: "شماره همراه",
id: "mobile",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
];
}, []);
return (
<>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
need_filter={true}
columns={columns}
sorting={[{ id: "id", desc: true }]}
table_url={GET_RAHDARAN_TABLE_LIST}
page_name={"permissionTablePage"}
table_name={"permissionTableList"}
TableToolbar={Toolbar}
enableRowActions
positionActionsColumn={"last"}
RowActions={RowActions}
/>
</Box>
</>
);
};
export default RahdaranList;
"use client";
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_RAHDARAN_TABLE_LIST } from "@/core/utils/routes";
import { Box } from "@mui/material";
import { useEffect, useMemo, useState } from "react";
import RowActions from "./RowActions";
import Toolbar from "./Toolbar";
import { useAuth } from "@/lib/contexts/auth";
import useProvinces from "@/lib/hooks/useProvince";
import CustomSelectByDependency from "@/core/components/DataTable/filter/fieldsType/CustomSelectByDependency";
import useEdaratLists from "@/lib/hooks/useEdaratLists";
import { usePermissions } from "@/lib/hooks/usePermissions";
const RahdaranList = () => {
const { data: userPermissions } = usePermissions();
const { user } = useAuth();
const hasCountryPermission = userPermissions?.includes("manage-rahdaran-country");
const columns = useMemo(() => {
const provinceColumn = {
accessorKey: "province_id",
header: "استان",
id: "province_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
grow: false,
size: 130,
ColumnSelectComponent: (props) => {
const { provinces, errorProvinces, loadingProvinces } = useProvinces();
const getColumnSelectOptions = useMemo(() => {
if (loadingProvinces) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorProvinces) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "کل کشور" },
...provinces.map((province) => ({
value: province.id,
label: province.name_fa,
})),
];
}, [provinces, errorProvinces, loadingProvinces]);
return (
<CustomSelectByDependency
{...props}
value={loadingProvinces ? "loading" : props.filterParameters.value}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ row }) => <>{row.original.province_name}</>,
};
return [
{
accessorKey: "id",
header: "کد یکتا",
id: "id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
sortDescFirst: false,
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
...(hasCountryPermission ? [provinceColumn] : []),
{
header: "اداره",
id: "edareh_shahri_id",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
dependencyId: hasCountryPermission ? "province_id" : null,
grow: false,
size: 120,
ColumnSelectComponent: (props) => {
const { edaratList, loadingEdaratList, errorEdaratList } = useEdaratLists(
hasCountryPermission ? props.dependencyFieldValue.value : user.province_id
);
const [prevDependency, setPrevDependency] = useState(
hasCountryPermission ? props.dependencyFieldValue.value : user.province_id
);
const getColumnSelectOptions = useMemo(() => {
if (hasCountryPermission && props.dependencyFieldValue.value === "") {
return [{ value: "empty", label: "ابتدا استان را انتخاب کنید" }];
}
if (loadingEdaratList) {
return [{ value: "loading", label: "در حال بارگذاری..." }];
}
if (errorEdaratList) {
return [{ value: "error", label: "خطا در بارگذاری" }];
}
return [
{ value: "", label: "کل ادارات" },
...edaratList.map((edare) => ({
value: edare.id,
label: edare.name_fa,
})),
];
}, [edaratList, loadingEdaratList, errorEdaratList]);
useEffect(() => {
if (hasCountryPermission) return;
if (prevDependency === props.dependencyFieldValue?.value) return;
props.handleChange({ ...props.filterParameters, value: "" });
setPrevDependency(props.dependencyFieldValue?.value);
}, [props.dependencyFieldValue?.value, hasCountryPermission]);
return (
<CustomSelectByDependency
{...props}
value={
props.dependencyFieldValue?.value === ""
? "empty"
: loadingEdaratList
? "loading"
: props.filterParameters.value
}
columnSelectOption={getColumnSelectOptions}
/>
);
},
Cell: ({ renderedCellValue, row }) => <>{row.original.edareh_shahri_name}</>,
},
{
accessorKey: "name",
header: "نام و نام خانوادگی",
id: "name",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "code",
header: "کد ملی",
id: "code",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "mobile",
header: "شماره همراه",
id: "mobile",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
];
}, []);
return (
<>
<Box sx={{ p: 1, border: 1, borderColor: "divider", borderRadius: 1 }}>
<DataTableWithAuth
need_filter={true}
columns={columns}
sorting={[{ id: "id", desc: true }]}
table_url={GET_RAHDARAN_TABLE_LIST}
page_name={"permissionTablePage"}
table_name={"permissionTableList"}
TableToolbar={Toolbar}
enableRowActions
positionActionsColumn={"last"}
RowActions={RowActions}
/>
</Box>
</>
);
};
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 React, { useState } from "react";
import useRequest from "@/lib/hooks/useRequest";
import { DELETE_RAHDARAN_ITEM } from "@/core/utils/routes";
const DeleteContent = ({ rowId, mutate, setOpenDeleteDialog }) => {
const [submitting, setSubmitting] = useState(false);
const requestServer = useRequest({ notificationSuccess: true });
const handleClick = () => {
setSubmitting(true);
requestServer(`${DELETE_RAHDARAN_ITEM}/${rowId}`, "delete")
.then(() => {
mutate();
setSubmitting(false);
setOpenDeleteDialog(false);
})
.catch(() => {
setSubmitting(false);
});
};
return (
<>
<DialogContent>
<Stack alignItems="center" spacing={2}>
<Typography mt={2}>آیا از حذف راهدار اطمینان دارید؟</Typography>
</Stack>
</DialogContent>
<DialogActions sx={{ justifyContent: "center", paddingBottom: 2, width: "100%" }}>
<Button onClick={() => setOpenDeleteDialog(false)} variant="outlined" color="secondary">
خیر !
</Button>
<Button onClick={handleClick} variant="contained" color="error" disabled={submitting}>
{submitting ? "درحال حذف..." : "بله اطمینان دارم"}
</Button>
</DialogActions>
</>
);
};
export default DeleteContent;
import { Button, DialogActions, DialogContent, Stack, Typography } from "@mui/material";
import React, { useState } from "react";
import useRequest from "@/lib/hooks/useRequest";
import { DELETE_RAHDARAN_ITEM } from "@/core/utils/routes";
const DeleteContent = ({ rowId, mutate, setOpenDeleteDialog }) => {
const [submitting, setSubmitting] = useState(false);
const requestServer = useRequest({ notificationSuccess: true });
const handleClick = () => {
setSubmitting(true);
requestServer(`${DELETE_RAHDARAN_ITEM}/${rowId}`, "delete")
.then(() => {
mutate();
setSubmitting(false);
setOpenDeleteDialog(false);
})
.catch(() => {
setSubmitting(false);
});
};
return (
<>
<DialogContent>
<Stack alignItems="center" spacing={2}>
<Typography mt={2}>آیا از حذف راهدار اطمینان دارید؟</Typography>
</Stack>
</DialogContent>
<DialogActions sx={{ justifyContent: "center", paddingBottom: 2, width: "100%" }}>
<Button onClick={() => setOpenDeleteDialog(false)} variant="outlined" color="secondary">
خیر !
</Button>
<Button onClick={handleClick} variant="contained" color="error" disabled={submitting}>
{submitting ? "درحال حذف..." : "بله اطمینان دارم"}
</Button>
</DialogActions>
</>
);
};
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 { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import DeleteContent from "./DeleteContent";
const DeleteDialog = ({ rowId, mutate }) => {
const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
return (
<>
<Tooltip title="حذف">
<IconButton color="error" onClick={() => setOpenDeleteDialog(true)}>
<DeleteIcon />
</IconButton>
</Tooltip>
<Dialog
open={openDeleteDialog}
onClose={() => setOpenDeleteDialog(false)}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
dir="rtl"
maxWidth={"md"}
>
<DialogTitle>حذف راهدار</DialogTitle>
{openDeleteDialog && (
<DeleteContent rowId={rowId} mutate={mutate} setOpenDeleteDialog={setOpenDeleteDialog} />
)}
</Dialog>
</>
);
};
export default DeleteDialog;
import DeleteIcon from "@mui/icons-material/Delete";
import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material";
import { useState } from "react";
import DeleteContent from "./DeleteContent";
const DeleteDialog = ({ rowId, mutate }) => {
const [openDeleteDialog, setOpenDeleteDialog] = useState(false);
return (
<>
<Tooltip title="حذف">
<IconButton color="error" onClick={() => setOpenDeleteDialog(true)}>
<DeleteIcon />
</IconButton>
</Tooltip>
<Dialog
open={openDeleteDialog}
onClose={() => setOpenDeleteDialog(false)}
PaperProps={{
sx: {
boxShadow: "rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px",
},
}}
dir="rtl"
maxWidth={"md"}
>
<DialogTitle>حذف راهدار</DialogTitle>
{openDeleteDialog && (
<DeleteContent rowId={rowId} mutate={mutate} setOpenDeleteDialog={setOpenDeleteDialog} />
)}
</Dialog>
</>
);
};
export default DeleteDialog;

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

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

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

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

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

@@ -1,13 +1,13 @@
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import RahdaranList from "./RahdaranList";
const RahdaranTablePage = () => {
return (
<Stack spacing={1}>
<PageTitle title={"راهداران"} />
<RahdaranList />
</Stack>
);
};
export default RahdaranTablePage;
import PageTitle from "@/core/components/PageTitle";
import { Stack } from "@mui/material";
import RahdaranList from "./RahdaranList";
const RahdaranTablePage = () => {
return (
<Stack spacing={1}>
<PageTitle title={"راهداران"} />
<RahdaranList />
</Stack>
);
};
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 UploadSystem from "@/core/components/UploadSystem";
import { Controller } from "react-hook-form";
import React, { useEffect, useState } from "react";
const ImageUpload = ({ control, setValue, errors, getValues, beforeImage = null, afterImage = null }) => {
const [beforeImg, setBeforeImg] = useState(beforeImage ? beforeImage : null);
const [beforeFileType, setBeforeFileType] = useState(beforeImage ? "image/" : null);
const [beforeFileName, setBeforeFileName] = useState(null);
const [showBeforeImage, setShowBeforeImage] = useState(!beforeImage);
const [afterImg, setAfterImg] = useState(afterImage ? afterImage : null);
const [afterFileType, setAfterFileType] = useState(afterImage ? "image/" : null);
const [afterFileName, setAfterFileName] = useState(null);
const [showAfterImage, setShowAfterImage] = useState(!afterImage);
useEffect(() => {
const beforeImage = getValues("before_image");
const afterImage = getValues("after_image");
if (beforeImage) {
setShowBeforeImage(false);
if (typeof beforeImage === "string") {
setBeforeImg(beforeImage);
setBeforeFileType("image/");
} else if (beforeImage instanceof File) {
setBeforeImg(URL.createObjectURL(beforeImage));
setBeforeFileType(beforeImage.type);
}
}
if (afterImage) {
setShowAfterImage(false);
if (typeof afterImage === "string") {
setAfterImg(afterImage);
setAfterFileType("image/");
} else if (afterImage instanceof File) {
setAfterImg(URL.createObjectURL(afterImage));
setAfterFileType(afterImage.type);
}
}
}, [getValues]);
const handleBeforeFileChange = (event) => {
const uploadedFile = event.target?.files?.[0];
if (uploadedFile) {
const fileType = event.target?.files?.[0].type;
const fileName = event.target?.files?.[0].name;
setBeforeImg(URL.createObjectURL(uploadedFile));
setBeforeFileType(fileType);
setBeforeFileName(fileName);
setValue("before_image", uploadedFile);
setShowBeforeImage(false);
}
};
const handleAfterFileChange = (event) => {
const uploadedFile = event.target?.files?.[0];
if (uploadedFile) {
const fileType = event.target?.files?.[0].type;
const fileName = event.target?.files?.[0].name;
setAfterImg(URL.createObjectURL(uploadedFile));
setAfterFileType(fileType);
setAfterFileName(fileName);
setValue("after_image", uploadedFile);
setShowAfterImage(false);
}
};
return (
<Grid container spacing={2}>
<Grid item xs={12} md={6}>
<Controller
name="before_image"
control={control}
render={({ field: { value, onChange } }) => {
return (
<FormControl
error={errors.before_image}
sx={{
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
}}
>
<FormHelperText
sx={{
fontSize: 12,
border: 1,
borderBottom: 0,
borderColor: "divider",
px: 2,
py: 0.5,
borderRadius: 2,
borderBottomRightRadius: 0,
borderBottomLeftRadius: 0,
}}
id="before_image"
>
عکس قبل از اقدام
</FormHelperText>
<UploadSystem
selectedImage={beforeImg}
handleUploadChange={handleBeforeFileChange}
fileType={beforeFileType}
fileName={beforeFileName}
setSelectedImage={setBeforeImg}
imageSize={[250, 150]}
setShowAddIcon={setShowBeforeImage}
showAddIcon={showBeforeImage}
/>
<FormHelperText id="before_image">
{errors.before_image ? errors.before_image.message : null}
</FormHelperText>
</FormControl>
);
}}
/>
</Grid>
<Grid item xs={12} md={6}>
<Controller
name="after_image"
control={control}
render={({ field: { value, onChange } }) => {
return (
<FormControl
error={errors.before_image}
sx={{
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
}}
>
<FormHelperText
sx={{
fontSize: 12,
border: 1,
borderBottom: 0,
borderColor: "divider",
px: 2,
py: 0.5,
borderRadius: 2,
borderBottomRightRadius: 0,
borderBottomLeftRadius: 0,
}}
id="before_image"
>
عکس بعد از اقدام
</FormHelperText>
<UploadSystem
selectedImage={afterImg}
handleUploadChange={handleAfterFileChange}
fileType={afterFileType}
fileName={afterFileName}
setSelectedImage={setAfterImg}
imageSize={[250, 150]}
setShowAddIcon={setShowAfterImage}
showAddIcon={showAfterImage}
/>
<FormHelperText id="after_image">
{errors.after_image ? errors.after_image.message : null}
</FormHelperText>
</FormControl>
);
}}
/>
</Grid>
</Grid>
);
};
export default ImageUpload;
import { FormControl, FormHelperText, Grid } from "@mui/material";
import UploadSystem from "@/core/components/UploadSystem";
import { Controller } from "react-hook-form";
import React, { useEffect, useState } from "react";
const ImageUpload = ({ control, setValue, errors, getValues, beforeImage = null, afterImage = null }) => {
const [beforeImg, setBeforeImg] = useState(beforeImage ? beforeImage : null);
const [beforeFileType, setBeforeFileType] = useState(beforeImage ? "image/" : null);
const [beforeFileName, setBeforeFileName] = useState(null);
const [showBeforeImage, setShowBeforeImage] = useState(!beforeImage);
const [afterImg, setAfterImg] = useState(afterImage ? afterImage : null);
const [afterFileType, setAfterFileType] = useState(afterImage ? "image/" : null);
const [afterFileName, setAfterFileName] = useState(null);
const [showAfterImage, setShowAfterImage] = useState(!afterImage);
useEffect(() => {
const beforeImage = getValues("before_image");
const afterImage = getValues("after_image");
if (beforeImage) {
setShowBeforeImage(false);
if (typeof beforeImage === "string") {
setBeforeImg(beforeImage);
setBeforeFileType("image/");
} else if (beforeImage instanceof File) {
setBeforeImg(URL.createObjectURL(beforeImage));
setBeforeFileType(beforeImage.type);
}
}
if (afterImage) {
setShowAfterImage(false);
if (typeof afterImage === "string") {
setAfterImg(afterImage);
setAfterFileType("image/");
} else if (afterImage instanceof File) {
setAfterImg(URL.createObjectURL(afterImage));
setAfterFileType(afterImage.type);
}
}
}, [getValues]);
const handleBeforeFileChange = (event) => {
const uploadedFile = event.target?.files?.[0];
if (uploadedFile) {
const fileType = event.target?.files?.[0].type;
const fileName = event.target?.files?.[0].name;
setBeforeImg(URL.createObjectURL(uploadedFile));
setBeforeFileType(fileType);
setBeforeFileName(fileName);
setValue("before_image", uploadedFile);
setShowBeforeImage(false);
}
};
const handleAfterFileChange = (event) => {
const uploadedFile = event.target?.files?.[0];
if (uploadedFile) {
const fileType = event.target?.files?.[0].type;
const fileName = event.target?.files?.[0].name;
setAfterImg(URL.createObjectURL(uploadedFile));
setAfterFileType(fileType);
setAfterFileName(fileName);
setValue("after_image", uploadedFile);
setShowAfterImage(false);
}
};
return (
<Grid container spacing={2}>
<Grid item xs={12} md={6}>
<Controller
name="before_image"
control={control}
render={({ field: { value, onChange } }) => {
return (
<FormControl
error={errors.before_image}
sx={{
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
}}
>
<FormHelperText
sx={{
fontSize: 12,
border: 1,
borderBottom: 0,
borderColor: "divider",
px: 2,
py: 0.5,
borderRadius: 2,
borderBottomRightRadius: 0,
borderBottomLeftRadius: 0,
}}
id="before_image"
>
عکس قبل از اقدام
</FormHelperText>
<UploadSystem
selectedImage={beforeImg}
handleUploadChange={handleBeforeFileChange}
fileType={beforeFileType}
fileName={beforeFileName}
setSelectedImage={setBeforeImg}
imageSize={[250, 150]}
setShowAddIcon={setShowBeforeImage}
showAddIcon={showBeforeImage}
/>
<FormHelperText id="before_image">
{errors.before_image ? errors.before_image.message : null}
</FormHelperText>
</FormControl>
);
}}
/>
</Grid>
<Grid item xs={12} md={6}>
<Controller
name="after_image"
control={control}
render={({ field: { value, onChange } }) => {
return (
<FormControl
error={errors.before_image}
sx={{
display: "flex",
flexDirection: "column",
alignItems: "center",
justifyContent: "center",
}}
>
<FormHelperText
sx={{
fontSize: 12,
border: 1,
borderBottom: 0,
borderColor: "divider",
px: 2,
py: 0.5,
borderRadius: 2,
borderBottomRightRadius: 0,
borderBottomLeftRadius: 0,
}}
id="before_image"
>
عکس بعد از اقدام
</FormHelperText>
<UploadSystem
selectedImage={afterImg}
handleUploadChange={handleAfterFileChange}
fileType={afterFileType}
fileName={afterFileName}
setSelectedImage={setAfterImg}
imageSize={[250, 150]}
setShowAddIcon={setShowAfterImage}
showAddIcon={showAfterImage}
/>
<FormHelperText id="after_image">
{errors.after_image ? errors.after_image.message : null}
</FormHelperText>
</FormControl>
);
}}
/>
</Grid>
</Grid>
);
};
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 { Button } from "@mui/material";
const Allocate = ({ row, setMission, setOpenDialog }) => {
const handleClick = () => {
setMission(row.original);
setOpenDialog(false);
};
return (
<>
<Button
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={handleClick}
startIcon={<Done />}
>
انتخاب
</Button>
</>
);
};
export default Allocate;
import { Done } from "@mui/icons-material";
import { Button } from "@mui/material";
const Allocate = ({ row, setMission, setOpenDialog }) => {
const handleClick = () => {
setMission(row.original);
setOpenDialog(false);
};
return (
<>
<Button
color="primary"
sx={{ textTransform: "unset", alignSelf: "center" }}
onClick={handleClick}
startIcon={<Done />}
>
انتخاب
</Button>
</>
);
};
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";
const RowActions = ({ row, setMission, setOpenDialog }) => {
return <Allocate row={row} setMission={setMission} setOpenDialog={setOpenDialog} />;
};
export default RowActions;
import Allocate from "./Allocate";
const RowActions = ({ row, setMission, setOpenDialog }) => {
return <Allocate row={row} setMission={setMission} setOpenDialog={setOpenDialog} />;
};
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 { GET_ROAD_MISSIONS_OPERATOR_LIST } from "@/core/utils/routes";
import { Box } from "@mui/material";
import { useMemo } from "react";
import RowActions from "./RowActions";
import moment from "jalali-moment";
const MissionList = ({ setMission, setOpenDialog }) => {
const columns = useMemo(
() => [
{
accessorKey: "id",
header: "کد یکتا",
id: "id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "explanation",
header: "موضوع",
id: "explanation",
enableColumnFilter: false,
datatype: "numeric",
filterMode: "equals",
grow: false,
size: 100,
},
{
accessorKey: "zone",
header: "محدوده",
id: "zone",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
sortDescFirst: true,
grow: false,
size: 100,
columnSelectOption: () => {
return missionRegions.map((region) => ({
value: region.id,
label: region.name_fa,
}));
},
Cell: ({ row }) => row.original.zone_fa,
},
{
accessorFn: (row) => moment(row.start_time).locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ خروج",
id: "start_time",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
{
accessorFn: (row) => moment(row.finish_time).locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ ورود",
id: "finish_time",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
{
accessorKey: "end_point",
header: "مقصد",
id: "end_point",
enableColumnFilter: false,
datatype: "numeric",
filterMode: "equals",
grow: false,
size: 100,
},
],
[]
);
return (
<>
<Box sx={{ mt: 3, p: 1 }}>
<DataTableWithAuth
need_filter={true}
table_title="لیست ماموریت ها"
columns={columns}
sorting={[{ id: "id", desc: true }]}
table_url={GET_ROAD_MISSIONS_OPERATOR_LIST}
page_name={"roadItemsOperator"}
table_name={"roadItemsOperatorListMissionList"}
enableRowActions
positionActionsColumn={"first"}
RowActions={(props) => (
<RowActions {...props} setMission={setMission} setOpenDialog={setOpenDialog} />
)}
/>
</Box>
</>
);
};
export default MissionList;
import DataTableWithAuth from "@/core/components/DataTableWithAuth";
import { GET_ROAD_MISSIONS_OPERATOR_LIST } from "@/core/utils/routes";
import { Box } from "@mui/material";
import { useMemo } from "react";
import RowActions from "./RowActions";
import moment from "jalali-moment";
const MissionList = ({ setMission, setOpenDialog }) => {
const columns = useMemo(
() => [
{
accessorKey: "id",
header: "کد یکتا",
id: "id",
enableColumnFilter: true,
datatype: "text",
filterMode: "equals",
columnFilterModeOptions: ["equals", "contains"],
grow: false,
size: 100,
},
{
accessorKey: "explanation",
header: "موضوع",
id: "explanation",
enableColumnFilter: false,
datatype: "numeric",
filterMode: "equals",
grow: false,
size: 100,
},
{
accessorKey: "zone",
header: "محدوده",
id: "zone",
enableColumnFilter: true,
datatype: "numeric",
filterMode: "equals",
sortDescFirst: true,
grow: false,
size: 100,
columnSelectOption: () => {
return missionRegions.map((region) => ({
value: region.id,
label: region.name_fa,
}));
},
Cell: ({ row }) => row.original.zone_fa,
},
{
accessorFn: (row) => moment(row.start_time).locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ خروج",
id: "start_time",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
{
accessorFn: (row) => moment(row.finish_time).locale("fa").format("HH:mm | yyyy/MM/DD"),
header: "تاریخ ورود",
id: "finish_time",
enableColumnFilter: true,
datatype: "date",
filterMode: "between",
grow: false,
size: 100,
},
{
accessorKey: "end_point",
header: "مقصد",
id: "end_point",
enableColumnFilter: false,
datatype: "numeric",
filterMode: "equals",
grow: false,
size: 100,
},
],
[]
);
return (
<>
<Box sx={{ mt: 3, p: 1 }}>
<DataTableWithAuth
need_filter={true}
table_title="لیست ماموریت ها"
columns={columns}
sorting={[{ id: "id", desc: true }]}
table_url={GET_ROAD_MISSIONS_OPERATOR_LIST}
page_name={"roadItemsOperator"}
table_name={"roadItemsOperatorListMissionList"}
enableRowActions
positionActionsColumn={"first"}
RowActions={(props) => (
<RowActions {...props} setMission={setMission} setOpenDialog={setOpenDialog} />
)}
/>
</Box>
</>
);
};
export default MissionList;

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