loan/expert-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feature/loan followup

Browse Source
This commit is contained in:
Amin Ghasempoor
2024-11-02 06:48:57 +00:00
committed by AmirHossein Mahmoodi
parent 4cf1717017
commit 1e9bb58552
12 changed files with 616 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/components/dashboard/loan-followup/Form/ReferPassengerBoss/ReferPassengerBossContent.jsx Normal file
View File

@@ -0,0 +1,80 @@
import useNotification from "@/lib/app/hooks/useNotification";
import useRequest from "@/lib/app/hooks/useRequest";
import {Button, DialogActions, DialogContent, Stack, TextField} from "@mui/material"
import {useFormik} from "formik";
import {useTranslations} from "next-intl";
import * as Yup from "yup";
import {REFER_LOAN_FOLLOWUP_PASSENGERBOSS} from "@/core/data/apiRoutes";
const ReferPassengerBossContent = ({rowId, mutate, setOpenReferDialog}) => {
const t = useTranslations();
const requestServer = useRequest({auth: true})
const {update_notification} = useNotification()
const validationSchema = Yup.object().shape({
description: Yup.string().required(t("ReferDialog.description_error")),
});
const formik = useFormik({
initialValues: {
description: "",
},
validationSchema,
onSubmit: (values, {setSubmitting}) => {
const formData = new FormData();
formData.append("expert_description", values.description);
requestServer(`${REFER_LOAN_FOLLOWUP_PASSENGERBOSS}/${rowId}`, 'post', {
data: formData,
}).then((response) => {
setOpenReferDialog(false)
mutate()
update_notification()
}).catch(() => {
}).finally(() => {
setSubmitting(false);
});
},
});
const handleDescriptionChange = (event) => {
formik.setFieldValue("description", event.target.value);
formik.handleChange(event);
};
return (
<>
<DialogContent>
<Stack spacing={2}>
<Stack>
<TextField
name="description"
multiline
rows={8}
label={t("ReferDialog.description")}
value={formik.values.description}
onChange={handleDescriptionChange}
onBlur={formik.handleBlur("description")}
error={
formik.touched.description && Boolean(formik.errors.description)
}
helperText={formik.touched.description && formik.errors.description}
fullWidth
variant="outlined"
sx={{mt: 1}}
/>
</Stack>
</Stack>
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferDialog(false)} variant="outlined" color="secondary"
disabled={formik.isSubmitting} autoFocus>
{t("ReferDialog.button-cancel")}
</Button>
<Button onClick={formik.handleSubmit} variant="contained" color="primary"
disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
{t("ReferDialog.button-refer")}
</Button>
</DialogActions>
</>
)
}
export default ReferPassengerBossContent

25
src/components/dashboard/loan-followup/Form/ReferPassengerBoss/index.jsx Normal file
View File

@@ -0,0 +1,25 @@
import {Dialog, DialogTitle, IconButton, Tooltip} from "@mui/material"
import {useTranslations} from "next-intl";
import {useState} from "react";
import UTurnRightIcon from '@mui/icons-material/UTurnRight';
import ReferPassengerBossContent from "./ReferPassengerBossContent";
const ReferPassengerBoss = ({rowId, mutate}) => {
const t = useTranslations();
const [openReferDialog, setOpenReferDialog] = useState(false);
return (
<>
<Tooltip title={t("ReferDialog.refer-passenger-boss")}>
<IconButton color="primary" onClick={() => setOpenReferDialog(true)}>
<UTurnRightIcon/>
</IconButton>
</Tooltip>
<Dialog fullWidth open={openReferDialog}
PaperProps={{sx: {boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'}}}>
<DialogTitle>{t("ReferDialog.refer-passenger-boss")}</DialogTitle>
<ReferPassengerBossContent mutate={mutate} rowId={rowId} setOpenReferDialog={setOpenReferDialog}/>
</Dialog>
</>
)
}
export default ReferPassengerBoss

14
src/components/dashboard/loan-followup/TableRowActions.jsx Normal file
View File

@@ -0,0 +1,14 @@
import {Box} from "@mui/material";
import ReferPassengerBoss from "@/components/dashboard/loan-followup/Form/ReferPassengerBoss";
const TableRow = ({row, mutate}) => {
return (
<Box sx={{display: "flex", flexWrap: "nowrap", gap: "8px"}}>
<ReferPassengerBoss
rowId={row.getValue("id")}
mutate={mutate}
/>
</Box>
);
};
export default TableRow;

10
src/components/dashboard/loan-followup/TableToolbar.jsx Normal file
View File

@@ -0,0 +1,10 @@
import {Stack} from "@mui/material";
const TableToolbar = ({table}) => {
return (
<Stack direction={"row"} spacing={2}>
</Stack>
)
}
export default TableToolbar

277
src/components/dashboard/loan-followup/index.jsx Normal file
View File

@@ -0,0 +1,277 @@
import {useTranslations} from "next-intl";
import {useMemo} from "react";
import {Box, Typography} from "@mui/material";
import moment from "jalali-moment";
import MuiDatePicker from "@/core/components/MuiDatePicker";
import DataTable from "@/core/components/DataTable";
import {GET_LOAN_FOLLOWUP} from "@/core/data/apiRoutes";
import TableToolbar from "./TableToolbar";
import TableRowActions from "./TableRowActions";
function DashboardLoanFollowUpComponent () {
const t = useTranslations();
const columns = useMemo(
() => [
{
accessorFn: (row) => row.id,
id: "id",
header: t("LoanFollowUp.id"),
enableColumnFilter: true,
datatype: "numeric",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
"lessThan",
"greaterThan",
"between",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.navgan_id,
id: "navgan_id",
header: t("LoanFollowUp.navgan_id"),
enableColumnFilter: true,
datatype: "numeric",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
"lessThan",
"greaterThan",
"between",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.name,
id: "name",
header: t("LoanFollowUp.name"),
enableColumnFilter: true,
datatype: "text",
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.national_id,
id: "national_id",
header: t("LoanFollowUp.national_id"),
enableColumnFilter: true,
datatype: "numeric",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
"lessThan",
"greaterThan",
"between",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.shenase_meli,
id: "shenase_meli",
header: t("LoanFollowUp.shenase_meli"),
enableColumnFilter: true,
datatype: "numeric",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
"lessThan",
"greaterThan",
"between",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.national_serial_number,
id: "national_serial_number",
header: t("LoanFollowUp.national_serial_number"),
enableColumnFilter: true,
datatype: "numeric",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
"lessThan",
"greaterThan",
"between",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.national_tracking_code,
id: "national_tracking_code",
header: t("LoanFollowUp.national_tracking_code"),
enableColumnFilter: true,
datatype: "text",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.birthday,
id: "birthday",
header: t("LoanFollowUp.birthday"),
enableColumnFilter: true,
datatype: "text",
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography
variant="body2">{moment(renderedCellValue).locale("fa").format("yyyy/MM/DD")}</Typography>
),
},
{
accessorFn: (row) => row.approved_amount,
id: "approved_amount",
header: t("LoanFollowUp.approved_amount"),
enableColumnFilter: true,
datatype: "text",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{Number(renderedCellValue).toLocaleString()}</Typography>
),
},
{
accessorFn: (row) => row.branch_name,
id: "branch_name",
header: t("LoanFollowUp.branch_name"),
enableColumnFilter: true,
datatype: "text",
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.province_name,
id: "province_name",
header: t("LoanFollowUp.province_name"),
enableColumnFilter: true,
datatype: "text",
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.city_name,
id: "city_name",
header: t("LoanFollowUp.city_name"),
enableColumnFilter: true,
datatype: "text",
filterFn: "contains",
columnFilterModeOptions: ["contains", "equals", "notEquals"],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) =>
moment(row.created_at).locale("fa").format("HH:mm | yyyy/MM/DD"),
id: "created_at",
header: t("LoanFollowUp.created_at"),
enableColumnFilter: true,
datatype: "date",
filterFn: "lessThan",
columnFilterModeOptions: ["lessThan", "greaterThan"],
Cell: ({renderedCellValue}) => {
return <Typography variant="body2">{renderedCellValue}</Typography>;
},
Header: ({column}) => <>{column.columnDef.header}</>,
Filter: ({column}) => {
return (
<MuiDatePicker column={column}/>
);
},
},
{
accessorFn: (row) => row.phone_number,
id: "phone_number",
header: t("LoanFollowUp.phone_number"),
enableColumnFilter: true,
datatype: "numeric",
filterFn: "equals",
columnFilterModeOptions: [
"equals",
"notEquals",
"contains",
"lessThan",
"greaterThan",
"between",
],
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
{
accessorFn: (row) => row.state_name,
id: "state_id",
header: t("LoanFollowUp.state_name"),
enableColumnFilter: false,
datatype: "numeric",
Cell: ({renderedCellValue}) => (
<Typography variant="body2">{renderedCellValue}</Typography>
),
},
],
[]
);
return (
<Box sx={{px: 3}}>
<DataTable
tableUrl={GET_LOAN_FOLLOWUP}
columns={columns}
selectableRow={false}
enableCustomToolbar={true}
CustomToolbar={TableToolbar}
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 shold change renderRowActions props ** see https://www.material-react-table.com/docs/guides/row-actions
enableRowActions={true}
TableRowAction={TableRowActions}
/>
</Box>
);
}
export default DashboardLoanFollowUpComponent

80
src/components/dashboard/passenger-boss/Form/ReferUser/ReferUserContent.jsx Normal file
View File

@@ -0,0 +1,80 @@
import useNotification from "@/lib/app/hooks/useNotification";
import useRequest from "@/lib/app/hooks/useRequest";
import {Button, DialogActions, DialogContent, Stack, TextField} from "@mui/material"
import {useFormik} from "formik";
import {useTranslations} from "next-intl";
import * as Yup from "yup";
import {REFER_LOAN_FOLLOWUP_USER} from "@/core/data/apiRoutes";
const ReferUserContent = ({rowId, mutate, setOpenReferDialog}) => {
const t = useTranslations();
const requestServer = useRequest({auth: true})
const {update_notification} = useNotification()
const validationSchema = Yup.object().shape({
description: Yup.string().required(t("ReferDialog.description_error")),
});
const formik = useFormik({
initialValues: {
description: "",
},
validationSchema,
onSubmit: (values, {setSubmitting}) => {
const formData = new FormData();
formData.append("expert_description", values.description);
requestServer(`${REFER_LOAN_FOLLOWUP_USER}/${rowId}`, 'post', {
data: formData,
}).then((response) => {
setOpenReferDialog(false)
mutate()
update_notification()
}).catch(() => {
}).finally(() => {
setSubmitting(false);
});
},
});
// const handleDescriptionChange = (event) => {
// formik.setFieldValue("description", event.target.value);
// formik.handleChange(event);
// };
return (
<>
<DialogContent>
<Stack spacing={2}>
<Stack>
<TextField
name="description"
multiline
rows={8}
label={t("ReferDialog.description")}
value={formik.values.description}
onChange={formik.handleChange}
onBlur={formik.handleBlur("description")}
error={
formik.touched.description && Boolean(formik.errors.description)
}
helperText={formik.touched.description && formik.errors.description}
fullWidth
variant="outlined"
sx={{mt: 1}}
/>
</Stack>
</Stack>
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenReferDialog(false)} variant="outlined" color="secondary"
disabled={formik.isSubmitting} autoFocus>
{t("ReferDialog.button-cancel")}
</Button>
<Button onClick={formik.handleSubmit} variant="contained" color="primary"
disabled={formik.isSubmitting || !formik.dirty || !formik.isValid}>
{t("ReferDialog.button-refer")}
</Button>
</DialogActions>
</>
)
}
export default ReferUserContent

24
src/components/dashboard/passenger-boss/Form/ReferUser/index.jsx Normal file
View File

@@ -0,0 +1,24 @@
import {Dialog,DialogTitle, IconButton, Tooltip} from "@mui/material"
import {useTranslations} from "next-intl";
import {useState} from "react";
import ContactMailIcon from '@mui/icons-material/ContactMail';
import ReferUserContent from "@/components/dashboard/passenger-boss/Form/ReferUser/ReferUserContent";
const ReferUser = ({rowId, mutate}) => {
const t = useTranslations();
const [openReferDialog, setOpenReferDialog] = useState(false);
return (
<>
<Tooltip title={t("ReferDialog.refer-user")}>
<IconButton color="primary" onClick={() => setOpenReferDialog(true)}>
<ContactMailIcon/>
</IconButton>
</Tooltip>
<Dialog fullWidth open={openReferDialog}
PaperProps={{sx: {boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'}}}>
<DialogTitle>{t("ReferDialog.refer-user")}</DialogTitle>
<ReferUserContent mutate={mutate} rowId={rowId} setOpenReferDialog={setOpenReferDialog} />
</Dialog>
</>
)
}
export default ReferUser

5
src/components/dashboard/passenger-boss/TableRowActions.jsx
View File

@@ -3,11 +3,16 @@ import Reject from "./Form/RejectForm"
import Confirm from "./Form/ConfirmForm";
import ReserveForm from "@/components/dashboard/passenger-boss/Form/ReserveForm";
import ReferReason from "@/components/dashboard/passenger-boss/Form/ReferReason";
import ReferUser from "@/components/dashboard/passenger-boss/Form/ReferUser";
const TableRow = ({row, mutate}) => {
return (
<Box sx={{display: "flex", flexWrap: "nowrap", gap: "8px"}}>
{row.original.latest_history?.action === "refer" ? <ReferReason row={row}/> : null}
<ReferUser
rowId={row.getValue("id")}
mutate={mutate}
/>
<Confirm
rowId={row.getValue("id")}
vehicle_type={row.original.vehicle_type}

9
src/core/data/apiRoutes.js
View File

@@ -31,7 +31,8 @@ export const EXPORT_PASSENGER_OFFICE =
//passenger boss
export const GET_PASSENGER_BOSS =
BASE_URL + "/dashboard/province_working_group/show";
export const REFER_LOAN_FOLLOWUP_USER =
BASE_URL + "/dashboard/province_working_group/refer_to_user";
export const CONFIRM_PASSENGER_BOSS =
BASE_URL + "/dashboard/province_working_group/confirm";
@@ -45,6 +46,12 @@ export const EXPORT_PASSENGER_BOSS_DETAILS =
BASE_URL + "/dashboard/province_working_group";
//passenger boss
//loan follow up
export const GET_LOAN_FOLLOWUP =
BASE_URL + "/dashboard/vezarat_loan_tracking/";
export const REFER_LOAN_FOLLOWUP_PASSENGERBOSS =
BASE_URL + "/dashboard/vezarat_loan_tracking/refer";
//transportation assistance
export const GET_TRANSPORTATION_ASSISTANCE =
BASE_URL + "/dashboard/transportation_assistant/show";

10
src/core/data/sidebarMenu.jsx
View File

@@ -16,6 +16,7 @@ import SecurityIcon from '@mui/icons-material/Security';
import SettingsIcon from '@mui/icons-material/Settings';
import RepartitionIcon from '@mui/icons-material/Repartition';
import AccountBalanceIcon from '@mui/icons-material/AccountBalance';
import RepeatIcon from '@mui/icons-material/Repeat';
const sidebarMenu = [
[
@@ -45,6 +46,15 @@ const sidebarMenu = [
selected: false,
permissions: ["view_navgan_loans", "view_navgan_loans_province"],
},
{
key: "sidebar.loan-followup",
name: "loan-followup",
type: "page",
route: "/dashboard/loan-followup",
icon: <RepeatIcon sx={{width: 'inherit', height: 'inherit'}}/>,
selected: false,
permissions: ["manage_vezarat_eghtesad_loans"], //permission should change
},
], [
{
key: "sidebar.reserve-loan",

21
src/pages/dashboard/loan-followup/index.jsx Normal file
View File

@@ -0,0 +1,21 @@
import {parse} from "next-useragent";
import DashboardLoanFollowUpComponent from "@/components/dashboard/loan-followup";
export default function LoanFollowUp() {
return (
<DashboardLoanFollowUpComponent/>
);
}
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_followup",
isBot,
locale,
layout: {name: 'DashboardLayout', props: {permissions: ["manage_vezarat_eghtesad_loans"]}} //permission should change
},
};
}