diff --git a/example.env.local b/example.env.local index 2c06285..6d90f46 100644 --- a/example.env.local +++ b/example.env.local @@ -1,5 +1,5 @@ NEXT_PUBLIC_API_NAME = "Loan Facilities Dashboard" -NEXT_PUBLIC_API_VERSION = "1.0.0" +NEXT_PUBLIC_API_VERSION = "1.7.0" NEXT_PUBLIC_DEFAULT_LANGUAGE = "fa" NEXT_PUBLIC_DEFAULT_DIRECTION = "rtl" diff --git a/package-lock.json b/package-lock.json index 42161b1..1815fa2 100644 --- a/package-lock.json +++ b/package-lock.json @@ -43,7 +43,8 @@ }, "devDependencies": { "@faker-js/faker": "^7.6.0", - "eslint-config-next": "^13.3.0" + "eslint-config-next": "^13.3.0", + "run-script-os": "^1.1.6" } }, "node_modules/@babel/code-frame": { @@ -4789,6 +4790,16 @@ "queue-microtask": "^1.2.2" } }, + "node_modules/run-script-os": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/run-script-os/-/run-script-os-1.1.6.tgz", + "integrity": "sha512-ql6P2LzhBTTDfzKts+Qo4H94VUKpxKDFz6QxxwaUZN0mwvi7L3lpOI7BqPCq7lgDh3XLl0dpeXwfcVIitlrYrw==", + "dev": true, + "bin": { + "run-os": "index.js", + "run-script-os": "index.js" + } + }, "node_modules/rxjs": { "version": "7.8.1", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", @@ -8841,6 +8852,12 @@ "queue-microtask": "^1.2.2" } }, + "run-script-os": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/run-script-os/-/run-script-os-1.1.6.tgz", + "integrity": "sha512-ql6P2LzhBTTDfzKts+Qo4H94VUKpxKDFz6QxxwaUZN0mwvi7L3lpOI7BqPCq7lgDh3XLl0dpeXwfcVIitlrYrw==", + "dev": true + }, "rxjs": { "version": "7.8.1", "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz", diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index e78f16e..065e317 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -35,6 +35,8 @@ "transportation-assistant": "معاونت حمل و نقل", "navgan-province-manager": "مدیر کل استانی", "refahi-province-manager": "مدیر کل استانی", + "refahi-loan-management": "مدیریت وام", + "navgan-loan-management": "مدیریت وام", "commercial-chief": "رئیس اداره بازرگانی", "inspector-expert": "بازدید کارشناس", "province-head-expert": "کارشناس ستادی", @@ -46,6 +48,8 @@ "passenger-office": "توزیع درخواست", "passenger-boss": "کارگروه استانی", "refahi-province-manager": "رفاهی", + "refahi-loan-management": "رفاهی", + "navgan-loan-management": "ناوگان", "navgan-province-manager": "ناوگان" }, "Authorization": { @@ -86,6 +90,7 @@ "province_manager_page": "مدیر کل استانی", "province_head_expert": "کارشناس ستادی", "passenger_office_page": "اداره مسافر", + "loan_management_page": "مدیریت وام", "machinary_office_page": "ماشین آلات", "development_assistant_page": "معاون توسعه", "inspector_expert_page": "بازدید کارشناس", @@ -186,7 +191,18 @@ "vehicle_type": "نوع ماشین", "state_name": "وضعیت درخواست" }, - "DevelopmentAssistant": { + "RefahiLoanManagement": { + "name": "نام", + "id": "کد یکتا", + "national_id": "کد ملی", + "phone_number": "موبایل", + "created_at": "تاریخ درخواست", + "updated_at": "تاریخ بروزرسانی", + "navgan_id": "کد ناوگان", + "vehicle_type": "نوع ماشین", + "state_name": "وضعیت درخواست" + }, + "NavganLoanManagement": { "name": "نام", "id": "کد یکتا", "national_id": "کد ملی", @@ -265,16 +281,18 @@ "approved_amount": "مبلغ تصویب شده", "approved_amount_error": "وارد کردن مبلغ تصویب شده الزامیست", "approved_amount_positive": "مبلغ تصویب شده باید مثبت باشد", + "approved_amount_number": "مبلغ تصویب شده باید عدد باشد", + "toman": "تومان", "proposed_amount_error": "وارد کردن مقدار پیشنهادی الزامیست", "proposed_amount": "مقدار پیشنهادی", "proposed_amount_positive": "مقدار پیشنهادی باید مثبت باشد" }, "ReviseDialog": { - "revise": "ویرایش", + "revise": " نیاز به ویرایش", "description_error": "وارد کردن توضیحات الزامی است!", "optional": " (اختیاری)", "button-cancel": "بستن", - "button-revise": "ویرایش", + "button-revise": "ارسال", "description": "توضیحات خود را وارد نمائید" }, "RejectDialog": { @@ -286,6 +304,16 @@ "optional": " (اختیاری)", "description_error": "وارد کردن توضیحات الزامی است!" }, + "UpdateDialog": { + "update": "تغییر وضعیت درخواست", + "update-tooltip": "بروزرسانی", + "button-cancel": "بستن", + "button-update": "بروزرسانی", + "description": "توضیحات خود را وارد نمائید", + "description_error": "وارد کردن توضیحات الزامی است!", + "next-state-id": "وضعیت بعدی", + "next-state-id-error": "وارد کردن وضعیت بعدی الزامی است!" + }, "UploadSystem": { "upload_file": "فایل خود را بارگذاری کنید", "optional": " (اختیاری)", diff --git a/src/components/dashboard/commercial-chief/index.jsx b/src/components/dashboard/commercial-chief/index.jsx index 4ac03b3..9f84193 100644 --- a/src/components/dashboard/commercial-chief/index.jsx +++ b/src/components/dashboard/commercial-chief/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; 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"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardCommercialChiefComponent() { const t = useTranslations(); @@ -96,56 +93,10 @@ function DashboardCommercialChiefComponent() { Cell: ({renderedCellValue}) => { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/development-assistant/index.jsx b/src/components/dashboard/development-assistant/index.jsx index e54daab..ed46fb0 100644 --- a/src/components/dashboard/development-assistant/index.jsx +++ b/src/components/dashboard/development-assistant/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; import {useMemo} from "react"; import {GET_DEVELOPMENT_ASSISTANT} 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"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardDevelopmentAssistantComponent() { const t = useTranslations(); @@ -97,56 +94,10 @@ function DashboardDevelopmentAssistantComponent() { Cell: ({renderedCellValue}) => { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/inspector-expert/Form/ReviseForm.jsx b/src/components/dashboard/inspector-expert/Form/ReviseForm.jsx index 2661965..92e1a1e 100644 --- a/src/components/dashboard/inspector-expert/Form/ReviseForm.jsx +++ b/src/components/dashboard/inspector-expert/Form/ReviseForm.jsx @@ -15,7 +15,7 @@ import {useFormik} from "formik"; import * as Yup from "yup"; import {useState} from "react"; import useRequest from "@/lib/app/hooks/useRequest"; -import EditIcon from "@mui/icons-material/Edit"; +import ReplyIcon from '@mui/icons-material/Reply'; import useNotification from "@/lib/app/hooks/useNotification"; @@ -59,7 +59,7 @@ const Revise = ({rowId, fetchUrl, mutate}) => { <> setOpenRejectDialog(true)}> - + { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx b/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx index ab4b11f..a55653c 100644 --- a/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx +++ b/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx @@ -21,6 +21,7 @@ import {CONFIRM_MACHINARY_OFFICE} from "@/core/data/apiRoutes"; import * as Yup from "yup"; import useRequest from "@/lib/app/hooks/useRequest"; import useNotification from "@/lib/app/hooks/useNotification"; +import PriceField from "@/core/components/PriceField"; const Confirm = ({rowId, fetchUrl, mutate}) => { @@ -35,7 +36,12 @@ const Confirm = ({rowId, fetchUrl, mutate}) => { const {update_notification} = useNotification() const validationSchema = Yup.object().shape({ - proposed_amount: Yup.number().positive(t("ConfirmDialog.proposed_amount_positive")).required(t("ConfirmDialog.proposed_amount_error")), + proposed_amount: Yup.mixed().test( + "is-number", + `${t("ConfirmDialog.approved_amount_number")}`, + (value) => !isNaN(value) + ).test("positive", `${t("ConfirmDialog.proposed_amount_positive")}`, (value) => value >= 0) + .required(t("ConfirmDialog.proposed_amount_error")) }) const formik = useFormik({ initialValues: { @@ -66,7 +72,11 @@ const Confirm = ({rowId, fetchUrl, mutate}) => { formik.setFieldValue("description", event.target.value) }; const handleAmountChange = (event) => { - formik.setFieldValue("proposed_amount", event.target.value); + if (!isNaN(event.target.value)) { + formik.setFieldValue("proposed_amount", event.target.value) + } else { + formik.setFieldValue("proposed_amount", formik.values.proposed_amount) + } }; const handleUploadChange = (event) => { const uploadedFile = event.target?.files?.[0]; @@ -119,12 +129,13 @@ const Confirm = ({rowId, fetchUrl, mutate}) => { /> - {t("ConfirmDialog.proposed_amount")}{t("ConfirmDialog.unit")}} - type="number" + type="text" inputProps={{ + inputMode: "number", min: 0, pattern: "[0-9]*", }} diff --git a/src/components/dashboard/machinary-office/index.jsx b/src/components/dashboard/machinary-office/index.jsx index 8f68209..73c373c 100644 --- a/src/components/dashboard/machinary-office/index.jsx +++ b/src/components/dashboard/machinary-office/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; import {useMemo} from "react"; import {GET_MACHINARY_OFFICE} 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"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardMachinaryOfficeComponent() { const t = useTranslations(); @@ -96,56 +93,10 @@ function DashboardMachinaryOfficeComponent() { Cell: ({renderedCellValue}) => { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/navgan-loan-management/Form/UpdateForm.jsx b/src/components/dashboard/navgan-loan-management/Form/UpdateForm.jsx new file mode 100644 index 0000000..7ac4ff6 --- /dev/null +++ b/src/components/dashboard/navgan-loan-management/Form/UpdateForm.jsx @@ -0,0 +1,147 @@ +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + FormControl, + FormHelperText, + IconButton, + InputLabel, + MenuItem, + Select, + Stack, + TextField, + Tooltip +} from "@mui/material"; +import {useFormik} from "formik"; +import ChangeCircleIcon from '@mui/icons-material/ChangeCircle'; +import {UPDATE_LOAN_MANAGEMENT_NAVGAN} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; +import useNotification from "@/lib/app/hooks/useNotification"; +import * as Yup from "yup"; +import useLoanStateNavgan from "@/lib/prefetchDataTable/hooks/useLoanStateNavgan"; + + +const Update = ({rowId, fetchUrl, mutate}) => { + const t = useTranslations(); + const {loan_state_navgan} = useLoanStateNavgan() + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const requestServer = useRequest({auth: true}) + const {update_notification} = useNotification() + + const validationSchema = Yup.object().shape({ + description: Yup.string().required(t("UpdateDialog.description_error")), + next_state_id: Yup.number().required(t("UpdateDialog.next-state-id-error")) + }); + + const formik = useFormik({ + initialValues: { + description: "", + next_state_id: "" + }, + validationSchema, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + formData.append("expert_description", values.description); + formData.append("next_state_id", values.next_state_id); + + requestServer(`${UPDATE_LOAN_MANAGEMENT_NAVGAN}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + update_notification() + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handleDescriptionChange = (event) => { + formik.setFieldValue("description", event.target.value) + }; + const handleNextStateIDChange = (event) => { + formik.setFieldValue("next_state_id", event.target.value) + }; + + return ( + <> + + { + setOpenConfirmDialog(true) + }} + > + + + + + {t("UpdateDialog.update")} + + + + + + + + {t("UpdateDialog.next-state-id")} + + + {formik.touched.next_state_id && formik.errors.next_state_id} + + + + + + + + + + + + ); +}; +export default Update; \ No newline at end of file diff --git a/src/components/dashboard/navgan-loan-management/TableRowActions.jsx b/src/components/dashboard/navgan-loan-management/TableRowActions.jsx new file mode 100644 index 0000000..fd599f9 --- /dev/null +++ b/src/components/dashboard/navgan-loan-management/TableRowActions.jsx @@ -0,0 +1,17 @@ +import {Box} from "@mui/material"; +import Update from "./Form/UpdateForm" + +const TableRowActions = ({row, mutate, fetchUrl}) => { + + return ( + + + + ); +}; + +export default TableRowActions; diff --git a/src/components/dashboard/navgan-loan-management/index.jsx b/src/components/dashboard/navgan-loan-management/index.jsx new file mode 100644 index 0000000..eddf02b --- /dev/null +++ b/src/components/dashboard/navgan-loan-management/index.jsx @@ -0,0 +1,154 @@ +import DashboardLayouts from "@/layouts/dashboardLayouts"; +import {Box, Typography} from "@mui/material"; +import {useMemo} from "react"; +import {GET_LOAN_MANAGEMENT_NAVGAN} from "@/core/data/apiRoutes"; +import {useTranslations} from "next-intl"; +import TableRowActions from "./TableRowActions"; +import DataTable from "@/core/components/DataTable"; +import moment from "jalali-moment"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; + +function DashboardNavganLoanManagementComponent() { + const t = useTranslations(); + + const columns = useMemo( + () => [ + { + accessorFn: (row) => row.id, + id: "id", + header: t("NavganLoanManagement.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("NavganLoanManagement.name"), + enableColumnFilter: true, + datatype: "text", + filterFn: "contains", + columnFilterModeOptions: ["contains", "equals", "notEquals"], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.national_id, + id: "national_id", + header: t("NavganLoanManagement.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("NavganLoanManagement.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("NavganLoanManagement.created_at"), + enableColumnFilter: true, + datatype: "date", + filterFn: "lessThan", + columnFilterModeOptions: ["lessThan", "greaterThan"], + Cell: ({renderedCellValue}) => { + return {renderedCellValue}; + }, + Header: ({column}) => <>{column.columnDef.header}, + Filter: ({column}) => { + return ( + + ); + }, + }, + { + accessorFn: (row) => + moment(row.updated_at).locale("fa").format("HH:mm | yyyy/MM/DD"), + id: "updated_at", + header: t("NavganLoanManagement.updated_at"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.state_name, + id: "state_id", + header: t("NavganLoanManagement.state_name"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + ], + [] + ); + return ( + + + } + enableLastUpdate={true} + enablePinning={true} + enableDensityToggle={false} + initialState={{density: 'compact'}} //compact (small) //comfortable (medium) //spacious (large) + enableColumnFilters={true} + enableHiding={true} + enableFullScreenToggle={false} + enableGlobalFilter={false} + enableColumnResizing={false} // if you want true this you should change renderRowActions props ** see https://www.material-react-table.com/docs/guides/row-actions + enableRowActions={true} + TableRowAction={TableRowActions} + /> + + + ); +} + +export default DashboardNavganLoanManagementComponent; diff --git a/src/components/dashboard/navgan-province-manager/index.jsx b/src/components/dashboard/navgan-province-manager/index.jsx index 702175c..8823e37 100644 --- a/src/components/dashboard/navgan-province-manager/index.jsx +++ b/src/components/dashboard/navgan-province-manager/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; import {useMemo} from "react"; import {GET_NAVGAN_PROVINCE_MANAGER} 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"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardNavganProvinceManagerComponent() { const t = useTranslations(); @@ -97,56 +94,10 @@ function DashboardNavganProvinceManagerComponent() { Cell: ({renderedCellValue}) => { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx b/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx index d4305f5..4b188f2 100644 --- a/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx +++ b/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx @@ -21,6 +21,7 @@ import * as Yup from "yup"; import useRequest from "@/lib/app/hooks/useRequest"; import {CONFIRM_PASSENGER_BOSS} from "@/core/data/apiRoutes"; import useNotification from "@/lib/app/hooks/useNotification"; +import PriceField from "@/core/components/PriceField"; const Confirm = ({rowId, fetchUrl, mutate}) => { @@ -35,7 +36,12 @@ const Confirm = ({rowId, fetchUrl, mutate}) => { const {update_notification} = useNotification() const validationSchema = Yup.object().shape({ - approved_amount: Yup.number().positive(t("ConfirmDialog.approved_amount_positive")).required(t("ConfirmDialog.approved_amount_error")) + approved_amount: Yup.mixed().test( + "is-number", + `${t("ConfirmDialog.approved_amount_number")}`, + (value) => !isNaN(value) + ).test("positive", `${t("ConfirmDialog.proposed_amount_positive")}`, (value) => value >= 0) + .required(t("ConfirmDialog.approved_amount_error")) }); const formik = useFormik({ initialValues: { @@ -66,7 +72,11 @@ const Confirm = ({rowId, fetchUrl, mutate}) => { formik.setFieldValue("description", event.target.value) }; const handleAmountChange = (event) => { - formik.setFieldValue("approved_amount", event.target.value); + if (!isNaN(event.target.value)) { + formik.setFieldValue("approved_amount", event.target.value) + } else { + formik.setFieldValue("approved_amount", formik.values.approved_amount) + } }; const handleUploadChange = (event) => { const uploadedFile = event.target?.files?.[0]; @@ -119,18 +129,19 @@ const Confirm = ({rowId, fetchUrl, mutate}) => { /> - {t("ConfirmDialog.approved_amount")}{t("ConfirmDialog.unit")}} - type="number" + type="text" inputProps={{ + inputMode: "number", min: 0, pattern: "[0-9]*", }} + onChange={handleAmountChange} variant="outlined" value={formik.values.approved_amount} - onChange={handleAmountChange} onBlur={formik.handleBlur("approved_amount")} error={ formik.touched.approved_amount && diff --git a/src/components/dashboard/passenger-boss/index.jsx b/src/components/dashboard/passenger-boss/index.jsx index 5fe7342..ad6848f 100644 --- a/src/components/dashboard/passenger-boss/index.jsx +++ b/src/components/dashboard/passenger-boss/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; import {useMemo} from "react"; import {GET_PASSENGER_BOSS} 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"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardPassengerOfficeComponent() { const t = useTranslations(); @@ -97,56 +94,10 @@ function DashboardPassengerOfficeComponent() { Cell: ({renderedCellValue}) => { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/passenger-office/index.jsx b/src/components/dashboard/passenger-office/index.jsx index d36acff..3f50345 100644 --- a/src/components/dashboard/passenger-office/index.jsx +++ b/src/components/dashboard/passenger-office/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; import {useMemo} from "react"; -import {faIR} from "@mui/x-date-pickers/locales"; import {GET_PASSENGER_OFFICE} 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 DataTable from "@/core/components/DataTable"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardPassengerOfficeComponent() { const t = useTranslations(); @@ -97,57 +94,10 @@ function DashboardPassengerOfficeComponent() { Cell: ({renderedCellValue}) => { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - actionbar: {actions: ["accept", "today"]}, - }, - }} - value={ - column.getFilterValue() - ? new Date(column.getFilterValue()) - : null - } - /> - - { - column.setFilterValue(null); - }} - sx={{ - color: column.getFilterValue() - ? "rgba(0, 0, 0, 0.54)" - : "#bfbfbf", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/province-head-expert/Form/ReviceForm.jsx b/src/components/dashboard/province-head-expert/Form/ReviceForm.jsx index 0c61316..864d607 100644 --- a/src/components/dashboard/province-head-expert/Form/ReviceForm.jsx +++ b/src/components/dashboard/province-head-expert/Form/ReviceForm.jsx @@ -11,8 +11,8 @@ import { TextField, Tooltip, } from "@mui/material"; -import EditIcon from '@mui/icons-material/Edit'; import {useFormik} from "formik"; +import ReplyIcon from '@mui/icons-material/Reply'; import {REVISE_PROVINCE_HEAD_EXPERT} from "@/core/data/apiRoutes"; import useRequest from "@/lib/app/hooks/useRequest"; import * as Yup from "yup"; @@ -63,7 +63,7 @@ const Revise = ({rowId, fetchUrl, mutate}) => { setOpenConfirmDialog(true) }} > - + { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/refahi-loan-management/Form/UpdateForm.jsx b/src/components/dashboard/refahi-loan-management/Form/UpdateForm.jsx new file mode 100644 index 0000000..fec5b4c --- /dev/null +++ b/src/components/dashboard/refahi-loan-management/Form/UpdateForm.jsx @@ -0,0 +1,147 @@ +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + FormControl, + FormHelperText, + IconButton, + InputLabel, + MenuItem, + Select, + Stack, + TextField, + Tooltip +} from "@mui/material"; +import {useFormik} from "formik"; +import ChangeCircleIcon from '@mui/icons-material/ChangeCircle'; +import {UPDATE_LOAN_MANAGEMENT_REFAHI} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; +import useNotification from "@/lib/app/hooks/useNotification"; +import * as Yup from "yup"; +import useLoanStateRefahi from "@/lib/prefetchDataTable/hooks/useLoanStateRefahi"; + + +const Update = ({rowId, fetchUrl, mutate}) => { + const t = useTranslations(); + const {loan_state_refahi} = useLoanStateRefahi() + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const requestServer = useRequest({auth: true}) + const {update_notification} = useNotification() + + const validationSchema = Yup.object().shape({ + description: Yup.string().required(t("UpdateDialog.description_error")), + next_state_id: Yup.number().required(t("UpdateDialog.next-state-id-error")) + }); + + const formik = useFormik({ + initialValues: { + description: "", + next_state_id: "" + }, + validationSchema, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + formData.append("description", values.description); + formData.append("next_state_id", values.next_state_id); + + requestServer(`${UPDATE_LOAN_MANAGEMENT_REFAHI}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + update_notification() + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handleDescriptionChange = (event) => { + formik.setFieldValue("description", event.target.value) + }; + const handleNextStateIDChange = (event) => { + formik.setFieldValue("next_state_id", event.target.value) + }; + + return ( + <> + + { + setOpenConfirmDialog(true) + }} + > + + + + + {t("UpdateDialog.update")} + + + + + + + + {t("UpdateDialog.next-state-id")} + + + {formik.touched.next_state_id && formik.errors.next_state_id} + + + + + + + + + + + + ); +}; +export default Update; \ No newline at end of file diff --git a/src/components/dashboard/refahi-loan-management/TableRowActions.jsx b/src/components/dashboard/refahi-loan-management/TableRowActions.jsx new file mode 100644 index 0000000..fd599f9 --- /dev/null +++ b/src/components/dashboard/refahi-loan-management/TableRowActions.jsx @@ -0,0 +1,17 @@ +import {Box} from "@mui/material"; +import Update from "./Form/UpdateForm" + +const TableRowActions = ({row, mutate, fetchUrl}) => { + + return ( + + + + ); +}; + +export default TableRowActions; diff --git a/src/components/dashboard/refahi-loan-management/index.jsx b/src/components/dashboard/refahi-loan-management/index.jsx new file mode 100644 index 0000000..4f0b3e1 --- /dev/null +++ b/src/components/dashboard/refahi-loan-management/index.jsx @@ -0,0 +1,154 @@ +import DashboardLayouts from "@/layouts/dashboardLayouts"; +import {Box, Typography} from "@mui/material"; +import {useMemo} from "react"; +import {GET_LOAN_MANAGEMENT_REFAHI} from "@/core/data/apiRoutes"; +import {useTranslations} from "next-intl"; +import TableRowActions from "./TableRowActions"; +import DataTable from "@/core/components/DataTable"; +import moment from "jalali-moment"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; + +function DashboardRefahiLoanManagementComponent() { + const t = useTranslations(); + + const columns = useMemo( + () => [ + { + accessorFn: (row) => row.id, + id: "id", + header: t("RefahiLoanManagement.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("RefahiLoanManagement.name"), + enableColumnFilter: true, + datatype: "text", + filterFn: "contains", + columnFilterModeOptions: ["contains", "equals", "notEquals"], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.national_id, + id: "national_id", + header: t("RefahiLoanManagement.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("RefahiLoanManagement.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("RefahiLoanManagement.created_at"), + enableColumnFilter: true, + datatype: "date", + filterFn: "lessThan", + columnFilterModeOptions: ["lessThan", "greaterThan"], + Cell: ({renderedCellValue}) => { + return {renderedCellValue}; + }, + Header: ({column}) => <>{column.columnDef.header}, + Filter: ({column}) => { + return ( + + ); + }, + }, + { + accessorFn: (row) => + moment(row.updated_at).locale("fa").format("HH:mm | yyyy/MM/DD"), + id: "updated_at", + header: t("RefahiLoanManagement.updated_at"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.state_name, + id: "state_id", + header: t("RefahiLoanManagement.state_name"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + ], + [] + ); + return ( + + + } + enableLastUpdate={true} + enablePinning={true} + enableDensityToggle={false} + initialState={{density: 'compact'}} //compact (small) //comfortable (medium) //spacious (large) + enableColumnFilters={true} + enableHiding={true} + enableFullScreenToggle={false} + enableGlobalFilter={false} + enableColumnResizing={false} // if you want true this you should change renderRowActions props ** see https://www.material-react-table.com/docs/guides/row-actions + enableRowActions={true} + TableRowAction={TableRowActions} + /> + + + ); +} + +export default DashboardRefahiLoanManagementComponent; diff --git a/src/components/dashboard/refahi-province-manager/index.jsx b/src/components/dashboard/refahi-province-manager/index.jsx index 8122fcf..740f6e7 100644 --- a/src/components/dashboard/refahi-province-manager/index.jsx +++ b/src/components/dashboard/refahi-province-manager/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; import {useMemo} from "react"; -import {faIR} from "@mui/x-date-pickers/locales"; import {GET_REFAHI_PROVINCE_MANAGER} 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 DataTable from "@/core/components/DataTable"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardRefahiProvinceManagerComponent() { const t = useTranslations(); @@ -97,57 +94,10 @@ function DashboardRefahiProvinceManagerComponent() { Cell: ({renderedCellValue}) => { return {renderedCellValue}; }, - Header: ({column}) => {column.columnDef.header}, + 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", - actionbar: {actions: ["accept", "today"]}, - }, - }} - value={ - column.getFilterValue() - ? new Date(column.getFilterValue()) - : null - } - /> - - { - column.setFilterValue(null); - }} - sx={{ - color: column.getFilterValue() - ? "rgba(0, 0, 0, 0.54)" - : "#bfbfbf", - }} - > - - - + ); }, }, diff --git a/src/components/dashboard/transportation-assistance/index.jsx b/src/components/dashboard/transportation-assistance/index.jsx index 8f96ed4..01314d1 100644 --- a/src/components/dashboard/transportation-assistance/index.jsx +++ b/src/components/dashboard/transportation-assistance/index.jsx @@ -1,15 +1,12 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, IconButton, Typography} from "@mui/material"; -import ClearIcon from "@mui/icons-material/Clear"; +import {Box, Typography} from "@mui/material"; import {useMemo} from "react"; import {GET_TRANSPORTATION_ASSISTANCE} 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 {faIR} from "@mui/x-date-pickers/locales"; import moment from "jalali-moment"; import DataTable from "@/core/components/DataTable"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; function DashboardTransportationAssistanceComponent() { const t = useTranslations(); @@ -97,56 +94,10 @@ function DashboardTransportationAssistanceComponent() { Cell: ({renderedCellValue}) => ( {renderedCellValue} ), - Header: ({column}) => {column.columnDef.header}, + 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", - }} - > - - - + ); }, }, diff --git a/src/core/components/MuiDatePicker.jsx b/src/core/components/MuiDatePicker.jsx index de6c5d5..18be3cc 100644 --- a/src/core/components/MuiDatePicker.jsx +++ b/src/core/components/MuiDatePicker.jsx @@ -1,35 +1,61 @@ -import {DatePicker, LocalizationProvider} from "@mui/x-date-pickers"; +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 {Box, IconButton} from "@mui/material"; +import ClearIcon from "@mui/icons-material/Clear"; import {useTranslations} from "next-intl"; -export default function MuiDatePicker({ - setFieldValue, - selectType, - error, - helperText, - }) { +export default function MuiDatePicker({column}) { const t = useTranslations(); - - const handleDateChange = (date) => { - const selectedDate = moment(date).locale("fa"); // should add .format() at the end to format the data - setFieldValue(selectType, selectedDate); - }; + 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); }} - onChange={handleDateChange} - /> - + sx={{ + color: column.getFilterValue() + ? "rgba(0, 0, 0, 0.54)" + : "#bfbfbf", + }} + > + + + ); } diff --git a/src/core/components/PriceField.jsx b/src/core/components/PriceField.jsx new file mode 100644 index 0000000..29d8763 --- /dev/null +++ b/src/core/components/PriceField.jsx @@ -0,0 +1,23 @@ +import {InputAdornment, TextField, Typography} from "@mui/material"; +import {useTranslations} from "next-intl"; + +const PriceField = (props) => { + const t = useTranslations(); + return ( + + {((props.value) / 10).toLocaleString()} + {t("ConfirmDialog.toman")} + + ), + }} + {...props} + /> + ) +} +export default PriceField \ No newline at end of file diff --git a/src/core/data/apiRoutes.js b/src/core/data/apiRoutes.js index e430c68..aba46f1 100644 --- a/src/core/data/apiRoutes.js +++ b/src/core/data/apiRoutes.js @@ -133,3 +133,20 @@ export const GET_SIDEBAR_NOTIFICATION = BASE_URL + "/dashboard/notification" //sidebar notification +//loan management refahi +export const GET_LOAN_MANAGEMENT_REFAHI = + BASE_URL + "/dashboard/refahi_loans" +export const UPDATE_LOAN_MANAGEMENT_REFAHI = + BASE_URL + "/dashboard/refahi_loans/update" +export const GET_LOAN_STATE_REFAHI = + BASE_URL + "/dashboard/loan_states/refahi" +//loan management refahi + +// loan management navgan +export const GET_LOAN_MANAGEMENT_NAVGAN = + BASE_URL + "/dashboard/navgan_loans" +export const UPDATE_LOAN_MANAGEMENT_NAVGAN = + BASE_URL + "/dashboard/navgan_loans/update" +export const GET_LOAN_STATE_NAVGAN = + BASE_URL + "/dashboard/loan_states/navgan" +//loan management navgan diff --git a/src/core/data/sidebarMenu.jsx b/src/core/data/sidebarMenu.jsx index c2dc246..21a0952 100644 --- a/src/core/data/sidebarMenu.jsx +++ b/src/core/data/sidebarMenu.jsx @@ -9,6 +9,7 @@ import BusinessCenterIcon from '@mui/icons-material/BusinessCenter'; import GradingIcon from '@mui/icons-material/Grading'; import SupervisedUserCircleIcon from '@mui/icons-material/SupervisedUserCircle'; import Diversity3Icon from '@mui/icons-material/Diversity3'; +import PaidIcon from '@mui/icons-material/Paid'; const sidebarMenu = [ [ @@ -115,6 +116,26 @@ const sidebarMenu = [ selected: false, permission: "manage_province_affairs_refahi", }, + { + key: "sidebar.refahi-loan-management", + secondary: "secondary.refahi-loan-management", + name: "refahi_loan_management", + type: "page", + route: "/dashboard/refahi-loan-management", + icon: , + selected: false, + permission: "manage_refahi_loan", + }, + { + key: "sidebar.navgan-loan-management", + secondary: "secondary.navgan-loan-management", + name: "navgan_loan_management", + type: "page", + route: "/dashboard/navgan-loan-management", + icon: , + selected: false, + permission: "manage_navgan_loan", + }, ], ]; diff --git a/src/lib/prefetchDataTable/hooks/useLoanStateNavgan.jsx b/src/lib/prefetchDataTable/hooks/useLoanStateNavgan.jsx new file mode 100644 index 0000000..cf3453b --- /dev/null +++ b/src/lib/prefetchDataTable/hooks/useLoanStateNavgan.jsx @@ -0,0 +1,27 @@ +import useSWR from 'swr' +import {GET_LOAN_STATE_NAVGAN} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const useLoanStateNavgan = () => { + const requestServer = useRequest({auth: true, notification: false}) + + //swr config + const fetcher = (...args) => { + return requestServer(args, 'get').then((response) => { + return response.data.data; + }).catch(() => { + }) + }; + + const {data} = useSWR(GET_LOAN_STATE_NAVGAN, fetcher, { + revalidateIfStale: false, + revalidateOnFocus: false, + revalidateOnReconnect: false + }) + const loan_state_navgan = data + //swr config + + // render data + return {loan_state_navgan} +} +export default useLoanStateNavgan \ No newline at end of file diff --git a/src/lib/prefetchDataTable/hooks/useLoanStateRefahi.jsx b/src/lib/prefetchDataTable/hooks/useLoanStateRefahi.jsx new file mode 100644 index 0000000..598ac72 --- /dev/null +++ b/src/lib/prefetchDataTable/hooks/useLoanStateRefahi.jsx @@ -0,0 +1,27 @@ +import useSWR from 'swr' +import {GET_LOAN_STATE_REFAHI} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const useLoanStateRefahi = () => { + const requestServer = useRequest({auth: true, notification: false}) + + //swr config + const fetcher = (...args) => { + return requestServer(args, 'get').then((response) => { + return response.data.data; + }).catch(() => { + }) + }; + + const {data} = useSWR(GET_LOAN_STATE_REFAHI, fetcher, { + revalidateIfStale: false, + revalidateOnFocus: false, + revalidateOnReconnect: false + }) + const loan_state_refahi = data + //swr config + + // render data + return {loan_state_refahi} +} +export default useLoanStateRefahi \ No newline at end of file diff --git a/src/pages/dashboard/navgan-loan-management/index.jsx b/src/pages/dashboard/navgan-loan-management/index.jsx new file mode 100644 index 0000000..86fb592 --- /dev/null +++ b/src/pages/dashboard/navgan-loan-management/index.jsx @@ -0,0 +1,26 @@ +import RolePermissionMiddleware from "@/middlewares/RolePermission"; +import WithAuthMiddleware from "@/middlewares/WithAuth"; +import {parse} from "next-useragent"; +import DashboardNavganLoanManagementComponent from "@/components/dashboard/navgan-loan-management"; + +const requiredPermissions = ["manage_navgan_loan"]; +export default function NavganLoanManagement() { + 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.loan_management_page", + isBot, + }, + }; +} diff --git a/src/pages/dashboard/refahi-loan-management/index.jsx b/src/pages/dashboard/refahi-loan-management/index.jsx new file mode 100644 index 0000000..e513af3 --- /dev/null +++ b/src/pages/dashboard/refahi-loan-management/index.jsx @@ -0,0 +1,26 @@ +import RolePermissionMiddleware from "@/middlewares/RolePermission"; +import WithAuthMiddleware from "@/middlewares/WithAuth"; +import {parse} from "next-useragent"; +import DashboardRefahiLoanManagementComponent from "@/components/dashboard/refahi-loan-management"; + +const requiredPermissions = ["manage_refahi_loan"]; +export default function RefahiLoanManagement() { + 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.loan_management_page", + isBot, + }, + }; +}