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

change approved amount title delete interest rate and history facility and confirm img change repayment to select passenger boss

Browse Source
This commit is contained in:
AminGhasempoor
2024-05-11 13:35:53 +03:30
parent 2b54c5f74e
commit 323cfa95c3
2 changed files with 32 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

201
src/components/dashboard/passenger-boss/Form/ConfirmForm/ConfirmContent.jsx
View File

@@ -25,11 +25,7 @@ const vehicle_amount = {
const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) => {
const t = useTranslations();
const [selectedImage, setSelectedImage] = useState("");
const [expertImg, setExpertImg] = useState("");
const [fileType, setFileType] = useState(null);
const [fileName, setFileName] = useState(null);
const [showAddIcon, setShowAddIcon] = useState(true);
const [expertFileType, setExpertFileType] = useState(null);
const [expertFileName, setExpertFileName] = useState(null);
const [showExpertAddIcon, setShowExpertAddIcon] = useState(true);
@@ -76,13 +72,6 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
(value) => !isNaN(value)
).test("positive", `${t("ConfirmDialog.repayment_period_positive")}`, (value) => value >= 0)
.required(t("ConfirmDialog.repayment_period_error")),
participation_period: Yup.mixed().test(
"is-number",
`${t("ConfirmDialog.participation_period_number")}`,
(value) => !isNaN(value)
).test("positive", `${t("ConfirmDialog.participation_period_positive")}`, (value) => value >= 0)
.required(t("ConfirmDialog.participation_period_error")),
committed_employment: Yup.mixed().test(
"is-number",
`${t("ConfirmDialog.committed_employment_number")}`,
@@ -105,21 +94,6 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
(value) => !isNaN(value))
.test("positive", `${t("ConfirmDialog.tanafos_period_positive")}`, (value) => value > 0)
.required(t("ConfirmDialog.tanafos_period_error")),
interest_rate: Yup.mixed()
.test("is-number", `${t("ConfirmDialog.interest_rate_number")}`,
(value) => !isNaN(value))
.test("positive", `${t("ConfirmDialog.interest_rate_positive")}`, (value) => value > 0)
.required(t("ConfirmDialog.interest_rate_error")),
confirm_img: Yup.mixed().notRequired(t("ConfirmDialog.approved_amount_error"))
.test('fileSize', `${t("PassengerBoss.upload_file_unit")}`, (value) => {
if (!value) return true
return value.size <= 5 * 1024 * 1024;
})
.test('fileType', `${t("PassengerBoss.upload_file_format")}`, (value) => {
if (!value) return true
const allowedTypes = ['image/jpg', 'image/jpeg', 'image/png', 'application/pdf'];
return allowedTypes.includes(value.type);
}),
expert_img: Yup.mixed()
.required(t("PassengerBoss.upload_expert_file_required"))
.test('fileSize', `${t("PassengerBoss.upload_expert_file_unit")}`, (value) => {
@@ -140,15 +114,11 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
user_facility: "0",
physical_progress: "",
repayment_period: "",
participation_period: "",
interest_rate: "",
committed_employment: "",
sakht_period: "",
tanafos_period: "",
history_facilities: "0",
available_jobs: "",
expert_img: null,
confirm_img: null,
}, validationSchema,
onSubmit: (values, {setSubmitting}) => {
const formData = new FormData();
@@ -157,28 +127,13 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
formData.append("government_facility", values.government_facility);
formData.append("user_facility", values.user_facility);
formData.append("repayment_period", values.repayment_period);
formData.append("participation_period", values.participation_period);
formData.append("interest_rate", values.interest_rate);
formData.append("committed_employment", values.committed_employment);
formData.append("available_jobs", values.available_jobs);
formData.append("sakht_period", values.sakht_period);
formData.append("tanafos_period", values.tanafos_period);
formData.append("history_facilities", values.history_facilities);
if (values.description != "") formData.append("expert_description", values.description);
if (values.physical_progress != "") formData.append("physical_progress", values.physical_progress);
if (values.confirm_img != null) {
const attachments = [
{
title: "فایل ضمیمه کارتابل کارگروه",
file: values.confirm_img
}
];
attachments.forEach((attachment, index) => {
formData.append(`attachment[${index}][title]`, attachment.title);
formData.append(`attachment[${index}][file]`, attachment.file);
});
}
if (values.expert_img != null) {
const attachments = [
{
@@ -206,20 +161,6 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
},
});
const handleUploadChange = (event) => {
const uploadedFile = event.target?.files?.[0];
if (uploadedFile) {
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).then(() => {
formik.setFieldTouched("confirm_img", true);
})
setShowAddIcon(false);
}
};
const handleExpertFileChange = (event) => {
const uploadedFile = event.target?.files?.[0];
if (uploadedFile) {
@@ -394,93 +335,28 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
/>
</Stack>
<Stack>
<TextField
name="interest_rate"
label={t("ConfirmDialog.interest_rate")}
type="text"
inputProps={{
inputMode: "number",
min: 0,
pattern: "[0-9]*",
}}
variant="outlined"
value={formik.values.interest_rate}
onChange={(event) => {
if (isNaN(event.target.value) || event.target.value > 100) formik.setFieldValue("interest_rate", formik.values.interest_rate)
else
formik.setFieldValue("interest_rate", event.target.value)
}}
onBlur={formik.handleBlur("interest_rate")}
error={
formik.touched.interest_rate &&
Boolean(formik.errors.interest_rate)
}
helperText={
formik.touched.interest_rate && formik.errors.interest_rate
}
fullWidth
/>
</Stack>
<Stack>
<TextField
<SelectBox
name="repayment_period"
label={<>
<span>{t("ConfirmDialog.repayment_period")}</span> <small>{t("ConfirmDialog.month")}</small></>}
type="text"
inputProps={{
inputMode: "number",
min: 0,
pattern: "[0-9]*",
}}
variant="outlined"
selectType="repayment_period"
selectors={[
{id : 0, value : "12", name : "12 ماه"},
{id : 1, value : "24", name : "24 ماه"},
{id : 2, value : "36", name : "36 ماه"},
{id : 3, value : "48", name : "48 ماه"},
{id : 0, value : "60", name : "60 ماه"}
]}
schema={{value: "value", name: "name"}}
select={formik.values.repayment_period}
value={formik.values.repayment_period}
onChange={(event) => {
if (!isNaN(event.target.value)) {
formik.setFieldValue("repayment_period", event.target.value)
} else {
formik.setFieldValue("repayment_period", formik.values.repayment_period)
}
handleChange={(event) => {
formik.setFieldValue("repayment_period", event.target.value);
}}
setFieldTouched={formik.setFieldTouched}
error={formik.touched.repayment_period && Boolean(formik.errors.repayment_period)}
helperText={formik.touched.repayment_period && formik.errors.repayment_period}
onBlur={formik.handleBlur("repayment_period")}
error={
formik.touched.repayment_period &&
Boolean(formik.errors.repayment_period)
}
helperText={
formik.touched.repayment_period && formik.errors.repayment_period
}
fullWidth
/>
</Stack>
<Stack>
<TextField
name="participation_period"
label={<>
<span>{t("ConfirmDialog.participation_period")}</span> <small>{t("ConfirmDialog.month")}</small></>}
type="text"
inputProps={{
inputMode: "number",
min: 0,
pattern: "[0-9]*",
}}
variant="outlined"
value={formik.values.participation_period}
onChange={(event) => {
if (!isNaN(event.target.value)) {
formik.setFieldValue("participation_period", event.target.value)
} else {
formik.setFieldValue("participation_period", formik.values.participation_period)
}
}}
onBlur={formik.handleBlur("participation_period")}
error={
formik.touched.participation_period &&
Boolean(formik.errors.participation_period)
}
helperText={
formik.touched.participation_period && formik.errors.participation_period
}
fullWidth
/>
</Stack>
<Stack>
@@ -633,25 +509,6 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
fullWidth
/>
</Stack>
<Stack>
<SelectBox
name="history_facilities"
label={t("ConfirmDialog.history_facilities")}
size={'medium'}
value={formik.values.history_facilities}
selectType="history_facilities"
selectors={[{id: 1, value: "1", name: "دارد"}, {id: 0, value: "0", name: "ندارد"}]}
schema={{value: 'value', name: 'name'}}
select={formik.values.history_facilities}
handleChange={(event) => {
formik.setFieldValue('history_facilities', event.target.value)
}}
setFieldTouched={formik.setFieldTouched}
error={formik.touched.history_facilities && Boolean(formik.errors.history_facilities)}
helperText={formik.touched.history_facilities && formik.errors.history_facilities}
onBlur={formik.handleBlur("history_facilities")}
/>
</Stack>
<Stack>
<Typography>{t("PassengerBoss.upload_expert_img")}</Typography>
<UploadSystem
@@ -678,32 +535,6 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, vehicle_type}) =>
{formik.touched.expert_img && formik.errors.expert_img}
</FormHelperText>
</Stack>
<Stack>
<Typography>{t("PassengerBoss.upload_file")}</Typography>
<UploadSystem
selectedImage={selectedImage}
handleUploadChange={handleUploadChange}
setselectedImage={setSelectedImage}
setFieldValue={formik.setFieldValue}
fieldname="confirm_img"
fileType={fileType}
fileName={fileName}
imageAlt={t("app_name")}
imageSize={[250, 150]}
onBlur={formik.handleBlur("confirm_img")}
error={
formik.touched.confirm_img &&
Boolean(formik.errors.confirm_img)
}
setShowAddIcon={setShowAddIcon}
showAddIcon={showAddIcon}
/>
<FormHelperText
error={Boolean(formik.errors.confirm_img)}
>
{formik.touched.confirm_img && formik.errors.confirm_img}
</FormHelperText>
</Stack>
</Stack>
</DialogContent>
<DialogActions>