diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index 3194638..18aec33 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -31,8 +31,10 @@ "machinery-expert": "ماشین آلات", "passenger-boss": "رئیس مسافر ", "transportation-assistant": "معاونت حمل و نقل", + "commercial-chief": "رئیس اداره بازرگانی", "province-manager": "مدیر کل استانی", "inspector-expert": "بازدید کارشناس", + "province-head-expert": "کارشناس ستادی", "change-password": "تغییر رمز عبور", "edit-profile": "ویرایش پروفایل" }, @@ -78,7 +80,11 @@ "province_manager_page": "مدیر کل استانی", "passenger_office_page": "اداره مسافر", "machinary_office_page": "ماشین آلات", +<<<<<<< public/locales/fa/app.json "inspector_expert_page": "بازدید کارشناس", +======= + "commercial_chief_page": "رئیس اداره بازرگانی", +>>>>>>> public/locales/fa/app.json "edit_profile": "ویرایش پروفایل" }, "MuiDatePicker": { @@ -131,6 +137,17 @@ "vehicle_type": "نوع ماشین", "state_name": "وضعیت درخواست" }, + "CommercialChief": { + "name": "نام", + "id": "کد یکتا", + "national_id": "کد ملی", + "phone_number": "موبایل", + "created_at": "تاریخ درخواست", + "updated_at": "تاریخ بروزرسانی", + "navgan_id": "کد ناوگان", + "vehicle_type": "نوع ماشین", + "state_name": "وضعیت درخواست" + }, "ProvinceManager": { "name": "نام", "id": "کد یکتا", @@ -153,6 +170,17 @@ "vehicle_type": "نوع ماشین", "state_name": "وضعیت درخواست" }, + "ProvinceHeadExpert": { + "name": "نام", + "id": "کد یکتا", + "national_id": "کد ملی", + "phone_number": "موبایل", + "created_at": "تاریخ درخواست", + "updated_at": "تاریخ بروزرسانی", + "navgan_id": "کد ناوگان", + "vehicle_type": "نوع ماشین", + "state_name": "وضعیت درخواست" + }, "TransportationAssistance": { "name": "نام", "id": "کد یکتا", @@ -203,6 +231,14 @@ "proposed_amount": "مقدار پیشنهادی", "proposed_amount_positive": "مقدار پیشنهادی باید مثبت باشد" }, + "ReviseDialog": { + "confirm": "تایید", + "button-cancel": "بستن", + "button-confirm": "تایید", + "description_error": "وارد کردن توضیحات الزامی است!", + "optional": " (اختیاری)", + "description": "توضیحات خود را وارد نمائید" + }, "RejectDialog": { "reject": "عدم تایید", "context": "آیا از عدم تایید این آیتم اطمینان دارید؟", diff --git a/src/components/dashboard/commercial-chief/Form/ConfirmForm.jsx b/src/components/dashboard/commercial-chief/Form/ConfirmForm.jsx new file mode 100644 index 0000000..ca19fd0 --- /dev/null +++ b/src/components/dashboard/commercial-chief/Form/ConfirmForm.jsx @@ -0,0 +1,138 @@ +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + IconButton, + Stack, + TextField, + Tooltip, + Typography +} from "@mui/material"; +import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt"; +import UploadSystem from "@/core/components/UploadSystem"; +import {useFormik} from "formik"; +import UploadFileNotification from "@/core/components/notifications/UploadFileNotification"; +import {CONFIRM_COMMERCIAL_CHIEF} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const Confirm = ({rowId, fetchUrl, mutate}) => { + const t = useTranslations(); + const [selectedImage, setSelectedImage] = useState(""); + const [fileType, setfileType] = useState(null); + const [fileName, setfileName] = useState(null); + const [showAddIcon, setShowAddIcon] = useState(true); + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const requestServer = useRequest({auth: true}) + + const formik = useFormik({ + initialValues: { + description: "", + confirm_img: null + }, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + if (values.description != "") formData.append("expert_description", values.description); + if (values.confirm_img != null) formData.append("attachment", values.confirm_img); + + requestServer(`${CONFIRM_COMMERCIAL_CHIEF}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handleDescriptionChange = (event) => { + formik.setFieldValue("description", event.target.value) + }; + + const handleUploadChange = (event) => { + const uploadedFile = event.target?.files?.[0]; + if (uploadedFile) { + const maxFileSize = 2 * 1024 * 1024; + if (uploadedFile.size > maxFileSize) { + UploadFileNotification(t); + event.target.value = ""; + return; + } + + const fileType = event.target?.files?.[0].type; + const fileName = event.target?.files?.[0].name; + setSelectedImage(URL.createObjectURL(uploadedFile)); + setfileType(fileType); + setfileName(fileName); + formik.setFieldValue("confirm_img", uploadedFile); + setShowAddIcon(false); + } + }; + return ( + <> + + { + setOpenConfirmDialog(true) + }} + > + + + + + {t("ConfirmDialog.confirm")} + + + + + {t("ConfirmDialog.description")}{t("ConfirmDialog.optional")}} + value={formik.values.description} + onChange={handleDescriptionChange} + fullWidth + variant="outlined" + sx={{mt: 1}} + /> + + + {t("UploadSystem.upload_file")}{t("UploadSystem.optional")} + + + + + + + + + + + ); +}; +export default Confirm; \ No newline at end of file diff --git a/src/components/dashboard/commercial-chief/Form/RejectForm.jsx b/src/components/dashboard/commercial-chief/Form/RejectForm.jsx new file mode 100644 index 0000000..8a76078 --- /dev/null +++ b/src/components/dashboard/commercial-chief/Form/RejectForm.jsx @@ -0,0 +1,144 @@ +import {REJECT_COMMERCIAL_CHIEF} from "@/core/data/apiRoutes"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + IconButton, + Stack, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import {useTranslations} from "next-intl"; +import {useFormik} from "formik"; +import * as Yup from "yup"; +import {useState} from "react"; +import UploadSystem from "@/core/components/UploadSystem"; +import UploadFileNotification from "@/core/components/notifications/UploadFileNotification"; +import useDirection from "@/lib/app/hooks/useDirection"; +import ThumbDownIcon from "@mui/icons-material/ThumbDown"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const Reject = ({rowId, fetchUrl, mutate}) => { + const [selectedImage, setSelectedImage] = useState(""); + const [fileType, setfileType] = useState(null); + const [fileName, setfileName] = useState(null); + const [showAddIcon, setShowAddIcon] = useState(true); + const t = useTranslations(); + const {directionApp} = useDirection(); + const [openRejectDialog, setOpenRejectDialog] = useState(false); + const requestServer = useRequest({auth: true}) + + const validationSchema = Yup.object().shape({ + description: Yup.string().required(t("RejectDialog.description_error")), + }); + + const formik = useFormik({ + initialValues: { + description: "", + reject_img: null + }, + validationSchema, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + formData.append("expert_description", values.description); + if (values.reject_img != null) formData.append("attachment", values.reject_img); + + requestServer(`${REJECT_COMMERCIAL_CHIEF}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handleDescriptionChange = (event) => { + formik.setFieldValue("description", event.target.value); + formik.handleChange(event); + }; + const handleUploadChange = (event) => { + const uploadedFile = event.target?.files?.[0]; + if (uploadedFile) { + const maxFileSize = 2 * 1024 * 1024; + if (uploadedFile.size > maxFileSize) { + UploadFileNotification(t); + event.target.value = ""; + return; + } + const fileType = event.target?.files?.[0].type; + const fileName = event.target?.files?.[0].name; + setSelectedImage(URL.createObjectURL(uploadedFile)); + setfileType(fileType); + setfileName(fileName); + formik.setFieldValue("reject_img", uploadedFile); + setShowAddIcon(false); + } + }; + return ( + <> + + setOpenRejectDialog(true)}> + + + + + {t("RejectDialog.reject")} + + + + + + + {t("UploadSystem.upload_file")}{t("UploadSystem.optional")} + + + + + + + + + + + ); +}; +export default Reject; \ No newline at end of file diff --git a/src/components/dashboard/commercial-chief/TableRowActions.jsx b/src/components/dashboard/commercial-chief/TableRowActions.jsx new file mode 100644 index 0000000..601240f --- /dev/null +++ b/src/components/dashboard/commercial-chief/TableRowActions.jsx @@ -0,0 +1,23 @@ +import {Box} from "@mui/material"; +import ConfirmForm from "./Form/ConfirmForm" +import RejectForm from "./Form/RejectForm" + +const TableRow = ({row, mutate, fetchUrl}) => { + + return ( + + + + + ); +}; + +export default TableRow; diff --git a/src/components/dashboard/commercial-chief/TableTollbar.jsx b/src/components/dashboard/commercial-chief/TableTollbar.jsx new file mode 100644 index 0000000..e69de29 diff --git a/src/components/dashboard/commercial-chief/index.jsx b/src/components/dashboard/commercial-chief/index.jsx new file mode 100644 index 0000000..0222a9d --- /dev/null +++ b/src/components/dashboard/commercial-chief/index.jsx @@ -0,0 +1,236 @@ +import DashboardLayouts from "@/layouts/dashboardLayouts"; +import {Box, IconButton, Typography} from "@mui/material"; +import ClearIcon from "@mui/icons-material/Clear"; +import {useMemo} from "react"; +import {GET_COMMERCIAL_CHIEF} from "@/core/data/apiRoutes"; +import {useTranslations} from "next-intl"; +import TableRowActions from "./TableRowActions"; +import {LocalizationProvider, MobileDateTimePicker,} from "@mui/x-date-pickers"; +import {AdapterDateFnsJalali} from "@mui/x-date-pickers/AdapterDateFnsJalali"; +import moment from "jalali-moment"; +import {faIR} from "@mui/x-date-pickers/locales"; +import DataTable from "@/core/components/DataTable"; + +function DashboardCommercialChiefComponent() { + const t = useTranslations(); + const columns = useMemo( + () => [ + { + accessorFn: (row) => row.id, + id: "id", + header: t("CommercialChief.id"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: [ + "equals", + "notEquals", + "contains", + "lessThan", + "greaterThan", + "between", + ], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.name, + id: "name", + header: t("CommercialChief.name"), + enableColumnFilter: true, + datatype: "text", + filterFn: "contains", + columnFilterModeOptions: ["contains", "equals", "notEquals"], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.national_id, + id: "national_id", + header: t("CommercialChief.national_id"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: [ + "equals", + "notEquals", + "contains", + "lessThan", + "greaterThan", + "between", + ], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.phone_number, + id: "phone_number", + header: t("CommercialChief.phone_number"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: [ + "equals", + "notEquals", + "contains", + "lessThan", + "greaterThan", + "between", + ], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => + moment(row.created_at).locale("fa").format("HH:mm | yyyy/MM/DD"), + id: "created_at", + header: t("CommercialChief.created_at"), + enableColumnFilter: true, + datatype: "date", + filterFn: "lessThan", + columnFilterModeOptions: ["lessThan", "greaterThan"], + Cell: ({renderedCellValue}) => { + return {renderedCellValue}; + }, + Header: ({column}) => {column.columnDef.header}, + Filter: ({column}) => { + const filterFnValue = column.columnDef._filterFn; + return ( + + + { + const date = new Date(newValue); + const formattedDate = moment(date) + .locale("en") + .format("YYYY-MM-DD HH:mm"); + column.setFilterValue(formattedDate); + }} + slotProps={{ + textField: { + placeholder: "تاریخ خود را وارد کنید", + helperText: `${t("filter_mode")}: ${t(filterFnValue)}`, + sx: {minWidth: "120px"}, + variant: "standard", + }, + }} + value={ + column.getFilterValue() + ? new Date(column.getFilterValue()) + : null + } + /> + + { + column.setFilterValue(null); + }} + sx={{ + color: column.getFilterValue() + ? "rgba(0, 0, 0, 0.54)" + : "#bfbfbf", + }} + > + + + + ); + }, + }, + { + accessorFn: (row) => + moment(row.updated_at).locale("fa").format("HH:mm | yyyy/MM/DD"), + id: "updated_at", + header: t("CommercialChief.updated_at"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + // { + // accessorFn: (row) => row.navgan_id, + // id: "navgan_id", + // header: t("CommercialChief.navgan_id"), + // enableColumnFilter: true, + // datatype: "numeric", + // filterFn: "equals", + // columnFilterModeOptions: [ + // "equals", + // "notEquals", + // "contains", + // "lessThan", + // "greaterThan", + // "between", + // ], + // Cell: ({renderedCellValue}) => ( + // {renderedCellValue} + // ), + // }, + // { + // accessorFn: (row) => row.vehicle_type, + // id: "vehicle_type", + // header: t("CommercialChief.vehicle_type"), + // enableColumnFilter: true, + // datatype: "text", + // filterFn: "contains", + // columnFilterModeOptions: ["contains", "equals", "notEquals"], + // Cell: ({renderedCellValue}) => ( + // {renderedCellValue} + // ), + // }, + { + accessorFn: (row) => row.state_name, + id: "state_id", + header: t("CommercialChief.state_name"), + enableColumnFilter: false, + datatype: "numeric", + // filterFn: "equals", + // filterSelectOptions: [ + // ], + // filterVariant: "select", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + ], + [] + ); + return ( + + + + + + ); +} + +export default DashboardCommercialChiefComponent; diff --git a/src/components/dashboard/province-head-expert/Form/ConfirmForm.jsx b/src/components/dashboard/province-head-expert/Form/ConfirmForm.jsx new file mode 100644 index 0000000..d975b50 --- /dev/null +++ b/src/components/dashboard/province-head-expert/Form/ConfirmForm.jsx @@ -0,0 +1,137 @@ +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + IconButton, + Stack, + TextField, + Tooltip, + Typography +} from "@mui/material"; +import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt"; +import UploadSystem from "@/core/components/UploadSystem"; +import {useFormik} from "formik"; +import UploadFileNotification from "@/core/components/notifications/UploadFileNotification"; +import {CONFIRM_PROVINCE_HEAD_EXPERT} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const Confirm = ({rowId, fetchUrl, mutate}) => { + const t = useTranslations(); + const [selectedImage, setSelectedImage] = useState(""); + const [fileType, setfileType] = useState(null); + const [fileName, setfileName] = useState(null); + const [showAddIcon, setShowAddIcon] = useState(true); + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const requestServer = useRequest({auth: true}) + + const formik = useFormik({ + initialValues: { + description: "", + confirm_img: null + }, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + if (values.description != "") formData.append("expert_description", values.description); + if (values.confirm_img != null) formData.append("attachment", values.confirm_img); + + requestServer(`${CONFIRM_PROVINCE_HEAD_EXPERT}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handleDescriptionChange = (event) => { + formik.setFieldValue("description", event.target.value) + }; + const handleUploadChange = (event) => { + const uploadedFile = event.target?.files?.[0]; + if (uploadedFile) { + const maxFileSize = 2 * 1024 * 1024; + if (uploadedFile.size > maxFileSize) { + UploadFileNotification(t); + event.target.value = ""; + return; + } + + const fileType = event.target?.files?.[0].type; + const fileName = event.target?.files?.[0].name; + setSelectedImage(URL.createObjectURL(uploadedFile)); + setfileType(fileType); + setfileName(fileName); + formik.setFieldValue("confirm_img", uploadedFile); + setShowAddIcon(false); + } + }; + return ( + <> + + { + setOpenConfirmDialog(true) + }} + > + + + + + {t("ConfirmDialog.confirm")} + + + + + {t("ConfirmDialog.description")}{t("ConfirmDialog.optional")}} + value={formik.values.description} + onChange={handleDescriptionChange} + fullWidth + variant="outlined" + sx={{mt: 1}} + /> + + + {t("UploadSystem.upload_file")}{t("UploadSystem.optional")} + + + + + + + + + + + ); +}; +export default Confirm; \ No newline at end of file diff --git a/src/components/dashboard/province-head-expert/Form/RejectForm.jsx b/src/components/dashboard/province-head-expert/Form/RejectForm.jsx new file mode 100644 index 0000000..74bb8fd --- /dev/null +++ b/src/components/dashboard/province-head-expert/Form/RejectForm.jsx @@ -0,0 +1,144 @@ +import {REJECT_PROVINCE_HEAD_EXPERT} from "@/core/data/apiRoutes"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + IconButton, + Stack, + TextField, + Tooltip, + Typography, +} from "@mui/material"; +import {useTranslations} from "next-intl"; +import {useFormik} from "formik"; +import * as Yup from "yup"; +import {useState} from "react"; +import UploadSystem from "@/core/components/UploadSystem"; +import UploadFileNotification from "@/core/components/notifications/UploadFileNotification"; +import useDirection from "@/lib/app/hooks/useDirection"; +import ThumbDownIcon from "@mui/icons-material/ThumbDown"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const Reject = ({rowId, fetchUrl, mutate}) => { + const [selectedImage, setSelectedImage] = useState(""); + const [fileType, setfileType] = useState(null); + const [fileName, setfileName] = useState(null); + const [showAddIcon, setShowAddIcon] = useState(true); + const t = useTranslations(); + const {directionApp} = useDirection(); + const [openRejectDialog, setOpenRejectDialog] = useState(false); + const requestServer = useRequest({auth: true}) + + const validationSchema = Yup.object().shape({ + description: Yup.string().required(t("RejectDialog.description_error")), + }); + + const formik = useFormik({ + initialValues: { + description: "", + reject_img: null + }, + validationSchema, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + formData.append("expert_description", values.description); + if (values.reject_img != null) formData.append("attachment", values.reject_img); + + requestServer(`${REJECT_PROVINCE_HEAD_EXPERT}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handleDescriptionChange = (event) => { + formik.setFieldValue("description", event.target.value); + formik.handleChange(event); + }; + const handleUploadChange = (event) => { + const uploadedFile = event.target?.files?.[0]; + if (uploadedFile) { + const maxFileSize = 2 * 1024 * 1024; + if (uploadedFile.size > maxFileSize) { + UploadFileNotification(t); + event.target.value = ""; + return; + } + const fileType = event.target?.files?.[0].type; + const fileName = event.target?.files?.[0].name; + setSelectedImage(URL.createObjectURL(uploadedFile)); + setfileType(fileType); + setfileName(fileName); + formik.setFieldValue("reject_img", uploadedFile); + setShowAddIcon(false); + } + }; + return ( + <> + + setOpenRejectDialog(true)}> + + + + + {t("RejectDialog.reject")} + + + + + + + {t("UploadSystem.upload_file")}{t("UploadSystem.optional")} + + + + + + + + + + + ); +}; +export default Reject; \ No newline at end of file diff --git a/src/components/dashboard/province-head-expert/Form/ReviceForm.jsx b/src/components/dashboard/province-head-expert/Form/ReviceForm.jsx new file mode 100644 index 0000000..c3f0a72 --- /dev/null +++ b/src/components/dashboard/province-head-expert/Form/ReviceForm.jsx @@ -0,0 +1,94 @@ +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + IconButton, + Stack, + TextField, + Tooltip, +} from "@mui/material"; +import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt"; +import {useFormik} from "formik"; +import {REVISE_PROVINCE_HEAD_EXPERT} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const Revise = ({rowId, fetchUrl, mutate}) => { + const t = useTranslations(); + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const requestServer = useRequest({auth: true}) + + const formik = useFormik({ + initialValues: { + description: "", + }, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + if (values.description != "") formData.append("expert_description", values.description); + + requestServer(`${REVISE_PROVINCE_HEAD_EXPERT}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handleDescriptionChange = (event) => { + formik.setFieldValue("description", event.target.value) + }; + + return ( + <> + + { + setOpenConfirmDialog(true) + }} + > + + + + + {t("ReviseDialog.confirm")} + + + + + {t("ReviseDialog.description")}{t("ReviseDialog.optional")}} + value={formik.values.description} + onChange={handleDescriptionChange} + fullWidth + variant="outlined" + sx={{mt: 1}} + /> + + + + + + + + + + ); +}; +export default Revise; \ No newline at end of file diff --git a/src/components/dashboard/province-head-expert/TableRowActions.jsx b/src/components/dashboard/province-head-expert/TableRowActions.jsx new file mode 100644 index 0000000..b92f311 --- /dev/null +++ b/src/components/dashboard/province-head-expert/TableRowActions.jsx @@ -0,0 +1,29 @@ +import {Box} from "@mui/material"; +import ConfirmForm from "./Form/ConfirmForm" +import RejectForm from "./Form/RejectForm" +import ReviseForm from "@/components/dashboard/province-head-expert/Form/ReviceForm"; + +const TableRowActions = ({row, mutate, fetchUrl}) => { + + return ( + + + + + + ); +}; + +export default TableRowActions; diff --git a/src/components/dashboard/province-head-expert/TableTollbar.jsx b/src/components/dashboard/province-head-expert/TableTollbar.jsx new file mode 100644 index 0000000..e69de29 diff --git a/src/components/dashboard/province-head-expert/index.jsx b/src/components/dashboard/province-head-expert/index.jsx new file mode 100644 index 0000000..f5e58e6 --- /dev/null +++ b/src/components/dashboard/province-head-expert/index.jsx @@ -0,0 +1,237 @@ +import DashboardLayouts from "@/layouts/dashboardLayouts"; +import {Box, IconButton, Typography} from "@mui/material"; +import ClearIcon from "@mui/icons-material/Clear"; +import {useMemo} from "react"; +import {GET_PROVINCE_HEAD_EXPERT} from "@/core/data/apiRoutes"; +import {useTranslations} from "next-intl"; +import {LocalizationProvider, MobileDateTimePicker,} from "@mui/x-date-pickers"; +import {AdapterDateFnsJalali} from "@mui/x-date-pickers/AdapterDateFnsJalali"; +import moment from "jalali-moment"; +import {faIR} from "@mui/x-date-pickers/locales"; +import DataTable from "@/core/components/DataTable"; +import TableRowActions from "./TableRowActions" + +function DashboardProvinceHeadExpertComponent() { + const t = useTranslations(); + + const columns = useMemo( + () => [ + { + accessorFn: (row) => row.id, + id: "id", + header: t("ProvinceHeadExpert.id"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: [ + "equals", + "notEquals", + "contains", + "lessThan", + "greaterThan", + "between", + ], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.name, + id: "name", + header: t("ProvinceHeadExpert.name"), + enableColumnFilter: true, + datatype: "text", + filterFn: "contains", + columnFilterModeOptions: ["contains", "equals", "notEquals"], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.national_id, + id: "national_id", + header: t("ProvinceHeadExpert.national_id"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: [ + "equals", + "notEquals", + "contains", + "lessThan", + "greaterThan", + "between", + ], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.phone_number, + id: "phone_number", + header: t("ProvinceHeadExpert.phone_number"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: [ + "equals", + "notEquals", + "contains", + "lessThan", + "greaterThan", + "between", + ], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => + moment(row.created_at).locale("fa").format("HH:mm | yyyy/MM/DD"), + id: "created_at", + header: t("ProvinceHeadExpert.created_at"), + enableColumnFilter: true, + datatype: "date", + filterFn: "lessThan", + columnFilterModeOptions: ["lessThan", "greaterThan"], + Cell: ({renderedCellValue}) => { + return {renderedCellValue}; + }, + Header: ({column}) => {column.columnDef.header}, + Filter: ({column}) => { + const filterFnValue = column.columnDef._filterFn; + return ( + + + { + const date = new Date(newValue); + const formattedDate = moment(date) + .locale("en") + .format("YYYY-MM-DD HH:mm"); + column.setFilterValue(formattedDate); + }} + slotProps={{ + textField: { + placeholder: "تاریخ خود را وارد کنید", + helperText: `${t("filter_mode")}: ${t(filterFnValue)}`, + sx: {minWidth: "120px"}, + variant: "standard", + }, + }} + value={ + column.getFilterValue() + ? new Date(column.getFilterValue()) + : null + } + /> + + { + column.setFilterValue(null); + }} + sx={{ + color: column.getFilterValue() + ? "rgba(0, 0, 0, 0.54)" + : "#bfbfbf", + }} + > + + + + ); + }, + }, + { + accessorFn: (row) => + moment(row.updated_at).locale("fa").format("HH:mm | yyyy/MM/DD"), + id: "updated_at", + header: t("ProvinceHeadExpert.updated_at"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.navgan_id, + id: "navgan_id", + header: t("ProvinceHeadExpert.navgan_id"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: [ + "equals", + "notEquals", + "contains", + "lessThan", + "greaterThan", + "between", + ], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.vehicle_type, + id: "vehicle_type", + header: t("ProvinceHeadExpert.vehicle_type"), + enableColumnFilter: true, + datatype: "text", + filterFn: "contains", + columnFilterModeOptions: ["contains", "equals", "notEquals"], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.state_name, + id: "state_id", + header: t("ProvinceHeadExpert.state_name"), + enableColumnFilter: false, + datatype: "numeric", + // filterFn: "equals", + // filterSelectOptions: [ + // ], + // filterVariant: "select", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + ], + [] + ); + return ( + + + + + + ); +} + +export default DashboardProvinceHeadExpertComponent; diff --git a/src/core/data/apiRoutes.js b/src/core/data/apiRoutes.js index 089f62f..884ad35 100644 --- a/src/core/data/apiRoutes.js +++ b/src/core/data/apiRoutes.js @@ -56,6 +56,17 @@ export const REJECT_MACHINARY_OFFICE = BASE_URL + "/dashboard/machinery_expert/reject"; //passenger office +//commercial chief +export const GET_COMMERCIAL_CHIEF = + BASE_URL + "/dashboard/commercial_chief/show"; + +export const CONFIRM_COMMERCIAL_CHIEF = + BASE_URL + "/dashboard/commercial_chief/confirm"; + +export const REJECT_COMMERCIAL_CHIEF = + BASE_URL + "/dashboard/commercial_chief/reject"; +//commercial chief + //province manager export const GET_PROVINCE_MANAGER = BASE_URL + "/dashboard/province_manager/show"; @@ -80,3 +91,18 @@ export const REJECT_INSPECTOR_EXPERT = export const REVISE_INSPECTOR_EXPERT = BASE_URL + "/dashboard/inspector_expert/revise" //inspector expert + +// province head expert +export const GET_PROVINCE_HEAD_EXPERT = + BASE_URL + "/dashboard/province_head_expert/show"; + +export const CONFIRM_PROVINCE_HEAD_EXPERT = + BASE_URL + "/dashboard/province_head_expert/confirm"; + +export const REJECT_PROVINCE_HEAD_EXPERT = + BASE_URL + "/dashboard/province_head_expert/reject"; + +export const REVISE_PROVINCE_HEAD_EXPERT = + BASE_URL + "/dashboard/province_head_expert/edit"; +//province head expert + diff --git a/src/core/data/sidebarMenu.jsx b/src/core/data/sidebarMenu.jsx index 5a9094e..5043b73 100644 --- a/src/core/data/sidebarMenu.jsx +++ b/src/core/data/sidebarMenu.jsx @@ -41,6 +41,14 @@ const sidebarMenu = [ selected: false, role: "passenger_office_chief", }, + { + key: "sidebar.commercial-chief", + type: "page", + route: "/dashboard/commercial-chief", + icon: , + selected: false, + role: "commercial_chief", + }, { key: "sidebar.transportation-assistant", type: "page", @@ -65,6 +73,14 @@ const sidebarMenu = [ selected: false, role: "inspector_expert", }, + { + key: "sidebar.province-head-expert", + type: "page", + route: "/dashboard/province-head-expert", + icon: , + selected: false, + role: "province_head_expert", + }, ], ]; diff --git a/src/pages/dashboard/commercial-chief/index.jsx b/src/pages/dashboard/commercial-chief/index.jsx new file mode 100644 index 0000000..348bedb --- /dev/null +++ b/src/pages/dashboard/commercial-chief/index.jsx @@ -0,0 +1,26 @@ +import RolePermissionMiddleware from "@/middlewares/RolePermission"; +import WithAuthMiddleware from "@/middlewares/WithAuth"; +import {parse} from "next-useragent"; +import DashboardCommercialChiefComponent from "@/components/dashboard/commercial-chief"; + +const requiredPermissions = ["commercial_chief"]; +export default function PassengerBoss() { + return ( + + + + + + ); +} + +export async function getServerSideProps({req, locale}) { + const {isBot} = parse(req.headers["user-agent"]); + return { + props: { + messages: (await import(`&/locales/${locale}/app.json`)).default, + title: "Dashboard.commercial_chief_page", + isBot, + }, + }; +} diff --git a/src/pages/dashboard/province-head-expert/index.jsx b/src/pages/dashboard/province-head-expert/index.jsx new file mode 100644 index 0000000..e84c22e --- /dev/null +++ b/src/pages/dashboard/province-head-expert/index.jsx @@ -0,0 +1,26 @@ +import RolePermissionMiddleware from "@/middlewares/RolePermission"; +import WithAuthMiddleware from "@/middlewares/WithAuth"; +import {parse} from "next-useragent"; +import DashboardProvinceHeadExpertComponent from "@/components/dashboard/province-head-expert"; + +const requiredPermissions = ["province_head_expert"]; +export default function PassengerOffice() { + return ( + + + + + + ); +} + +export async function getServerSideProps({req, locale}) { + const {isBot} = parse(req.headers["user-agent"]); + return { + props: { + messages: (await import(`&/locales/${locale}/app.json`)).default, + title: "Dashboard.province_manager_page", + isBot, + }, + }; +}