From 6d5db8dd3bed9c1acf50ff2be0631994a0d79894 Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Tue, 5 Sep 2023 15:15:11 +0330 Subject: [PATCH 01/14] enable custom tollbar --- public/locales/fa/app.json | 33 +++ .../dashboard/commercial-chief/index.jsx | 2 +- .../dashboard/development-assistant/index.jsx | 2 +- .../dashboard/inspector-expert/index.jsx | 2 +- .../dashboard/machinary-office/index.jsx | 2 +- .../navgan-loan-management/index.jsx | 3 +- .../navgan-province-manager/index.jsx | 2 +- .../passenger-boss/Form/ConfirmForm.jsx | 2 +- .../dashboard/passenger-boss/index.jsx | 3 +- .../dashboard/passenger-office/index.jsx | 3 +- .../dashboard/province-head-expert/index.jsx | 2 +- .../refahi-loan-management/index.jsx | 3 +- .../refahi-province-manager/index.jsx | 3 +- .../transportation-assistance/index.jsx | 2 +- .../user-management/Form/AddForm.jsx | 190 ++++++++++++++++++ .../user-management/Form/DeleteForm.jsx | 60 ++++++ .../user-management/Form/UpdateForm.jsx | 151 ++++++++++++++ .../user-management/TableRowActions.jsx | 23 +++ .../user-management/TableToolbar.jsx | 32 +++ .../dashboard/user-management/index.jsx | 155 ++++++++++++++ src/core/components/DataTable.jsx | 2 +- src/core/data/apiRoutes.js | 11 + src/core/data/sidebarMenu.jsx | 9 + src/pages/dashboard/user-management/index.jsx | 26 +++ 24 files changed, 704 insertions(+), 19 deletions(-) create mode 100644 src/components/dashboard/user-management/Form/AddForm.jsx create mode 100644 src/components/dashboard/user-management/Form/DeleteForm.jsx create mode 100644 src/components/dashboard/user-management/Form/UpdateForm.jsx create mode 100644 src/components/dashboard/user-management/TableRowActions.jsx create mode 100644 src/components/dashboard/user-management/TableToolbar.jsx create mode 100644 src/components/dashboard/user-management/index.jsx create mode 100644 src/pages/dashboard/user-management/index.jsx diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index 065e317..719ba4a 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -42,6 +42,7 @@ "province-head-expert": "کارشناس ستادی", "change-password": "تغییر رمز عبور", "development-assistant": "معاون توسعه", + "user-management": "مدیریت کاربر", "edit-profile": "ویرایش پروفایل" }, "secondary": { @@ -95,6 +96,7 @@ "development_assistant_page": "معاون توسعه", "inspector_expert_page": "بازدید کارشناس", "commercial_chief_page": "رئیس اداره بازرگانی", + "user_management_page": "مدیریت کاربر", "edit_profile": "ویرایش پروفایل" }, "MuiDatePicker": { @@ -268,6 +270,17 @@ "vehicle_type": "نوع ماشین", "state_name": "وضعیت درخواست" }, + "UserManagement": { + "name": "نام", + "id": "کد یکتا", + "national_id": "کد ملی", + "phone_number": "موبایل", + "created_at": "تاریخ درخواست", + "updated_at": "تاریخ بروزرسانی", + "navgan_id": "کد ناوگان", + "vehicle_type": "نوع ماشین", + "state_name": "وضعیت درخواست" + }, "ConfirmDialog": { "confirm": "تایید", "context": "آیا از تایید این آیتم اطمینان دارید؟", @@ -321,5 +334,25 @@ "upload_file_format": "فرمت قابل قبول : png,jpg,pdf", "delete": "پاک کردن", "uploadfile_error": "حجم فایل بیشتر از 2 مگابایت می باشد" + }, + "DeleteDialog": { + "delete": "حذف", + "button-cancel": "انصراف", + "button-delete": "حذف کردن" + }, + "AddDialog": { + "add": "اضافه کردن", + "phone_number": "شماره تلفن", + "phone_number_positive": "شماره تلفن باید مثبت باشد", + "phone_number_error": "وارد کردن شماره تلفن الزامیست", + "type_id_error": "وارد کردن نوع کاربر الزامیست", + "navgan_id_error": "وارد کردن کد ناوگان الزامیست", + "national_id_error": "وارد کردن کد ملی الزامیست", + "phone_number_number": "شماره تلفن باید شامل اعداد باشد", + "national_id": "کد ملی", + "type_id": "نوع کاربر", + "navgan_id": "کد ناوگان", + "button-cancel": "انصراف", + "button-add": "اضافه کردن" } } diff --git a/src/components/dashboard/commercial-chief/index.jsx b/src/components/dashboard/commercial-chief/index.jsx index 9f84193..ab514a5 100644 --- a/src/components/dashboard/commercial-chief/index.jsx +++ b/src/components/dashboard/commercial-chief/index.jsx @@ -131,7 +131,7 @@ function DashboardCommercialChiefComponent() { tableUrl={GET_COMMERCIAL_CHIEF} columns={columns} selectableRow={false} - enableCustomToolbar={true} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/development-assistant/index.jsx b/src/components/dashboard/development-assistant/index.jsx index ed46fb0..ab35636 100644 --- a/src/components/dashboard/development-assistant/index.jsx +++ b/src/components/dashboard/development-assistant/index.jsx @@ -132,7 +132,7 @@ function DashboardDevelopmentAssistantComponent() { tableUrl={GET_DEVELOPMENT_ASSISTANT} columns={columns} selectableRow={false} - enableCustomToolbar={true} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/inspector-expert/index.jsx b/src/components/dashboard/inspector-expert/index.jsx index 1be98ed..53a2661 100644 --- a/src/components/dashboard/inspector-expert/index.jsx +++ b/src/components/dashboard/inspector-expert/index.jsx @@ -131,7 +131,7 @@ function DashboardInspectorExpertComponent() { tableUrl={GET_INSPECTOR_EXPERT} columns={columns} selectableRow={false} - enableCustomToolbar={true} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/machinary-office/index.jsx b/src/components/dashboard/machinary-office/index.jsx index 73c373c..b341529 100644 --- a/src/components/dashboard/machinary-office/index.jsx +++ b/src/components/dashboard/machinary-office/index.jsx @@ -162,7 +162,7 @@ function DashboardMachinaryOfficeComponent() { tableUrl={GET_MACHINARY_OFFICE} columns={columns} selectableRow={false} - enableCustomToolbar={true} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/navgan-loan-management/index.jsx b/src/components/dashboard/navgan-loan-management/index.jsx index eddf02b..57d3227 100644 --- a/src/components/dashboard/navgan-loan-management/index.jsx +++ b/src/components/dashboard/navgan-loan-management/index.jsx @@ -132,8 +132,7 @@ function DashboardNavganLoanManagementComponent() { tableUrl={GET_LOAN_MANAGEMENT_NAVGAN} columns={columns} selectableRow={false} - enableCustomToolbar={true} - // CustomToolbar={} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/navgan-province-manager/index.jsx b/src/components/dashboard/navgan-province-manager/index.jsx index 8823e37..a529336 100644 --- a/src/components/dashboard/navgan-province-manager/index.jsx +++ b/src/components/dashboard/navgan-province-manager/index.jsx @@ -163,7 +163,7 @@ function DashboardNavganProvinceManagerComponent() { tableUrl={GET_NAVGAN_PROVINCE_MANAGER} columns={columns} selectableRow={false} - enableCustomToolbar={true} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx b/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx index 4b188f2..7349e22 100644 --- a/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx +++ b/src/components/dashboard/passenger-boss/Form/ConfirmForm.jsx @@ -40,7 +40,7 @@ const Confirm = ({rowId, fetchUrl, mutate}) => { "is-number", `${t("ConfirmDialog.approved_amount_number")}`, (value) => !isNaN(value) - ).test("positive", `${t("ConfirmDialog.proposed_amount_positive")}`, (value) => value >= 0) + ).test("positive", `${t("ConfirmDialog.approved_amount_positive")}`, (value) => value >= 0) .required(t("ConfirmDialog.approved_amount_error")) }); const formik = useFormik({ diff --git a/src/components/dashboard/passenger-boss/index.jsx b/src/components/dashboard/passenger-boss/index.jsx index ad6848f..4f5f553 100644 --- a/src/components/dashboard/passenger-boss/index.jsx +++ b/src/components/dashboard/passenger-boss/index.jsx @@ -163,8 +163,7 @@ function DashboardPassengerOfficeComponent() { tableUrl={GET_PASSENGER_BOSS} columns={columns} selectableRow={false} - enableCustomToolbar={true} - // CustomToolbar={} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/passenger-office/index.jsx b/src/components/dashboard/passenger-office/index.jsx index 3f50345..92335ad 100644 --- a/src/components/dashboard/passenger-office/index.jsx +++ b/src/components/dashboard/passenger-office/index.jsx @@ -163,8 +163,7 @@ function DashboardPassengerOfficeComponent() { tableUrl={GET_PASSENGER_OFFICE} columns={columns} selectableRow={false} - enableCustomToolbar={true} - // CustomToolbar={} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/province-head-expert/index.jsx b/src/components/dashboard/province-head-expert/index.jsx index c76c96d..6a20fa4 100644 --- a/src/components/dashboard/province-head-expert/index.jsx +++ b/src/components/dashboard/province-head-expert/index.jsx @@ -132,7 +132,7 @@ function DashboardProvinceHeadExpertComponent() { tableUrl={GET_PROVINCE_HEAD_EXPERT} columns={columns} selectableRow={false} - enableCustomToolbar={true} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/refahi-loan-management/index.jsx b/src/components/dashboard/refahi-loan-management/index.jsx index 4f0b3e1..762c026 100644 --- a/src/components/dashboard/refahi-loan-management/index.jsx +++ b/src/components/dashboard/refahi-loan-management/index.jsx @@ -132,8 +132,7 @@ function DashboardRefahiLoanManagementComponent() { tableUrl={GET_LOAN_MANAGEMENT_REFAHI} columns={columns} selectableRow={false} - enableCustomToolbar={true} - // CustomToolbar={} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/refahi-province-manager/index.jsx b/src/components/dashboard/refahi-province-manager/index.jsx index 740f6e7..25f7527 100644 --- a/src/components/dashboard/refahi-province-manager/index.jsx +++ b/src/components/dashboard/refahi-province-manager/index.jsx @@ -132,8 +132,7 @@ function DashboardRefahiProvinceManagerComponent() { tableUrl={GET_REFAHI_PROVINCE_MANAGER} columns={columns} selectableRow={false} - enableCustomToolbar={true} - // CustomToolbar={} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/transportation-assistance/index.jsx b/src/components/dashboard/transportation-assistance/index.jsx index 01314d1..351107c 100644 --- a/src/components/dashboard/transportation-assistance/index.jsx +++ b/src/components/dashboard/transportation-assistance/index.jsx @@ -163,7 +163,7 @@ function DashboardTransportationAssistanceComponent() { tableUrl={GET_TRANSPORTATION_ASSISTANCE} columns={columns} selectableRow={false} - enableCustomToolbar={true} + enableCustomToolbar={false} enableLastUpdate={true} enablePinning={true} enableDensityToggle={false} diff --git a/src/components/dashboard/user-management/Form/AddForm.jsx b/src/components/dashboard/user-management/Form/AddForm.jsx new file mode 100644 index 0000000..a13ec48 --- /dev/null +++ b/src/components/dashboard/user-management/Form/AddForm.jsx @@ -0,0 +1,190 @@ +import {useTranslations} from "next-intl"; +import * as Yup from "yup"; +import {ADD_USER_MANAGEMENT} from "@/core/data/apiRoutes"; +import {useFormik} from "formik"; +import {Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField} from "@mui/material"; +import useRequest from "@/lib/app/hooks/useRequest"; + +const AddForm = ({openConfirmDialog, setOpenConfirmDialog, mutate, fetchUrl}) => { + const t = useTranslations(); + const requestServer = useRequest({auth: true}) + const validationSchema = Yup.object().shape({ + phone_number: Yup.mixed().test( + "is-number", + `${t("AddDialog.phone_number_number")}`, + (value) => !isNaN(value) + ).test("positive", `${t("AddDialog.phone_number_positive")}`, (value) => value >= 0) + .required(t("AddDialog.phone_number_error")), + type_id: Yup.number().required(t("AddDialog.type_id_error")), + navgan_id: Yup.number().required(t("AddDialog.navgan_id_error")), + national_id: Yup.number().required(t("AddDialog.national_id_error")), + }); + + // const handleSubmit = async (values, {setSubmitting, resetForm}) => { + // const formData = new FormData(); + // formData.append("phone_number", values.phone_number); + // formData.append("national_id", values.national_id); + // formData.append("type_id", values.type_id); + // formData.append("navgan_id", values.navgan_id); + // requestServer(ADD_USER_MANAGEMENT, 'post', { + // data: formData, + // }).then((response) => { + // mutate(fetchUrl) + // update_notification() + // }).catch(() => { + // }).finally(() => { + // setSubmitting(false); + // }); + // }; + // initialValues: { + // phone_number: "", + // national_id: "", + // type_id: "", + // navgan_id: "" + // } + const formik = useFormik({ + initialValues: { + phone_number: "", + national_id: "", + type_id: "", + navgan_id: "", + }, validationSchema, + onSubmit: (values, {setSubmitting}) => { + console.log("hello") + const formData = new FormData(); + formData.append("phone_number", values.phone_number); + formData.append("national_id", values.national_id); + formData.append("type_id", values.type_id); + formData.append("navgan_id", values.navgan_id); + + requestServer(ADD_USER_MANAGEMENT, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + update_notification() + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + const handlePhoneNumberChange = (event) => { + formik.setFieldValue("phone_number", event.target.value) + }; + const handleNationalIDChange = (event) => { + formik.setFieldValue("national_id", event.target.value) + }; + const handleTypeIDChange = (event) => { + formik.setFieldValue("type_id", event.target.value) + }; + const handleNavganIDChange = (event) => { + formik.setFieldValue("navgan_id", event.target.value) + }; + return ( + + {t("AddDialog.add")} + + + + + + + + + + + + + + + + + + + + + + ); +}; +export default AddForm; \ No newline at end of file diff --git a/src/components/dashboard/user-management/Form/DeleteForm.jsx b/src/components/dashboard/user-management/Form/DeleteForm.jsx new file mode 100644 index 0000000..122354b --- /dev/null +++ b/src/components/dashboard/user-management/Form/DeleteForm.jsx @@ -0,0 +1,60 @@ +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import {Button, Dialog, DialogActions, DialogTitle, IconButton, Tooltip} from "@mui/material"; +import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt"; +import {useFormik} from "formik"; +import {DELETE_USER_MANAGEMENT} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; +import useNotification from "@/lib/app/hooks/useNotification"; + + +const DeleteForm = ({rowId, fetchUrl, mutate}) => { + const t = useTranslations(); + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const requestServer = useRequest({auth: true}) + const {update_notification} = useNotification() + + const formik = useFormik({ + onSubmit: (values, {setSubmitting}) => { + + + requestServer(`${DELETE_USER_MANAGEMENT}/${rowId}`, 'post').then((response) => { + mutate(fetchUrl) + update_notification() + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + return ( + <> + + { + setOpenConfirmDialog(true) + }} + > + + + + + {t("DeleteDialog.delete")} + + + + + + + ); +}; +export default DeleteForm; \ No newline at end of file diff --git a/src/components/dashboard/user-management/Form/UpdateForm.jsx b/src/components/dashboard/user-management/Form/UpdateForm.jsx new file mode 100644 index 0000000..ea16667 --- /dev/null +++ b/src/components/dashboard/user-management/Form/UpdateForm.jsx @@ -0,0 +1,151 @@ +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 {UPDATE_USER_MANAGEMENT} from "@/core/data/apiRoutes"; +import useRequest from "@/lib/app/hooks/useRequest"; +import useNotification from "@/lib/app/hooks/useNotification"; + + +const UpdateForm = ({rowId, fetchUrl, mutate}) => { + const t = useTranslations(); + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const requestServer = useRequest({auth: true}) + const {update_notification} = useNotification() + + const formik = useFormik({ + initialValues: { + phone_number: "", + national_id: "", + type_id: "", + navgan_id: "", + }, + onSubmit: (values, {setSubmitting}) => { + const formData = new FormData(); + formData.append("phone_number", values.phone_number); + formData.append("national_id", values.national_id); + formData.append("type_id", values.type_id); + formData.append("navgan_id", values.navgan_id); + + requestServer(`${UPDATE_USER_MANAGEMENT}/${rowId}`, 'post', { + data: formData, + }).then((response) => { + mutate(fetchUrl) + update_notification() + }).catch(() => { + }).finally(() => { + setSubmitting(false); + }); + }, + }); + + const handlePhoneNumberChange = (event) => { + formik.setFieldValue("phone_number", event.target.value) + }; + const handleNationalIDChange = (event) => { + formik.setFieldValue("national_id", event.target.value) + }; + const handleTypeIDChange = (event) => { + formik.setFieldValue("type_id", event.target.value) + }; + const handleNavganIDChange = (event) => { + formik.setFieldValue("navgan_id", event.target.value) + }; + + return ( + <> + + { + setOpenConfirmDialog(true) + }} + > + + + + + {t("ConfirmDialog.confirm")} + + + + + + + + + + + + + + + + + + + + + + + ); +}; +export default UpdateForm; \ No newline at end of file diff --git a/src/components/dashboard/user-management/TableRowActions.jsx b/src/components/dashboard/user-management/TableRowActions.jsx new file mode 100644 index 0000000..c67acb3 --- /dev/null +++ b/src/components/dashboard/user-management/TableRowActions.jsx @@ -0,0 +1,23 @@ +import {Box} from "@mui/material"; +import DeleteForm from "./Form/DeleteForm" +import UpdateForm from "./Form/UpdateForm" + +const TableRowActions = ({row, mutate, fetchUrl}) => { + + return ( + + + + + ); +}; + +export default TableRowActions; diff --git a/src/components/dashboard/user-management/TableToolbar.jsx b/src/components/dashboard/user-management/TableToolbar.jsx new file mode 100644 index 0000000..7371fbc --- /dev/null +++ b/src/components/dashboard/user-management/TableToolbar.jsx @@ -0,0 +1,32 @@ +import DataSaverOnIcon from "@mui/icons-material/DataSaverOn"; +import {Button, Stack, Tooltip} from "@mui/material"; +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import AddForm from "./Form/AddForm"; + +function TableToolbar({mutate, fetchUrl}) { + const t = useTranslations(); + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + return ( + + + + + + + ); +} + +export default TableToolbar; diff --git a/src/components/dashboard/user-management/index.jsx b/src/components/dashboard/user-management/index.jsx new file mode 100644 index 0000000..596c7e6 --- /dev/null +++ b/src/components/dashboard/user-management/index.jsx @@ -0,0 +1,155 @@ +import DashboardLayouts from "@/layouts/dashboardLayouts"; +import {Box, Typography} from "@mui/material"; +import {useMemo} from "react"; +import {GET_USER_MANAGEMENT} from "@/core/data/apiRoutes"; +import {useTranslations} from "next-intl"; +import DataTable from "@/core/components/DataTable"; +import moment from "jalali-moment"; +import MuiDatePicker from "@/core/components/MuiDatePicker"; +import TableToolbar from "@/components/dashboard/user-management/TableToolbar"; +import TableRowActions from "./TableRowActions" + +function DashboardUserManagementComponent() { + const t = useTranslations(); + + const columns = useMemo( + () => [ + { + accessorFn: (row) => row.id, + id: "id", + header: t("UserManagement.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("UserManagement.name"), + enableColumnFilter: true, + datatype: "text", + filterFn: "contains", + columnFilterModeOptions: ["contains", "equals", "notEquals"], + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.national_id, + id: "national_id", + header: t("UserManagement.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("UserManagement.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("UserManagement.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("UserManagement.updated_at"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + { + accessorFn: (row) => row.state_name, + id: "state_id", + header: t("UserManagement.state_name"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ( + {renderedCellValue} + ), + }, + ], + [] + ); + return ( + + + + + + ); +} + +export default DashboardUserManagementComponent; diff --git a/src/core/components/DataTable.jsx b/src/core/components/DataTable.jsx index b3b0f26..8d06a02 100644 --- a/src/core/components/DataTable.jsx +++ b/src/core/components/DataTable.jsx @@ -134,7 +134,7 @@ function DataTable(props) { renderTopToolbarCustomActions={({table}) => ( <> {props.enableCustomToolbar /* send condition */ - ? props.CustomToolbar /* send component */ + ? /* send component */ : ""} )} diff --git a/src/core/data/apiRoutes.js b/src/core/data/apiRoutes.js index aba46f1..19b89a2 100644 --- a/src/core/data/apiRoutes.js +++ b/src/core/data/apiRoutes.js @@ -150,3 +150,14 @@ export const UPDATE_LOAN_MANAGEMENT_NAVGAN = export const GET_LOAN_STATE_NAVGAN = BASE_URL + "/dashboard/loan_states/navgan" //loan management navgan + +//user management +export const GET_USER_MANAGEMENT = + BASE_URL + "/dashboard/user_management/show" +export const ADD_USER_MANAGEMENT = + BASE_URL + "/dashboard/user_management/store" +export const UPDATE_USER_MANAGEMENT = + BASE_URL + "/dashboard/user_management/update" +export const DELETE_USER_MANAGEMENT = + BASE_URL + "/dashboard/user_management/delete" +//user management diff --git a/src/core/data/sidebarMenu.jsx b/src/core/data/sidebarMenu.jsx index 21a0952..29eab1d 100644 --- a/src/core/data/sidebarMenu.jsx +++ b/src/core/data/sidebarMenu.jsx @@ -136,6 +136,15 @@ const sidebarMenu = [ selected: false, permission: "manage_navgan_loan", }, + { + key: "sidebar.user-management", + name: "user_management", + type: "page", + route: "/dashboard/user-management", + icon: , + selected: false, + permission: "user_management", + }, ], ]; diff --git a/src/pages/dashboard/user-management/index.jsx b/src/pages/dashboard/user-management/index.jsx new file mode 100644 index 0000000..ce9cc1e --- /dev/null +++ b/src/pages/dashboard/user-management/index.jsx @@ -0,0 +1,26 @@ +import RolePermissionMiddleware from "@/middlewares/RolePermission"; +import WithAuthMiddleware from "@/middlewares/WithAuth"; +import {parse} from "next-useragent"; +import DashboardUserManagementComponent from "@/components/dashboard/user-management"; + +const requiredPermissions = ["manage_refahi_loan"]; +export default function UserManagement() { + 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.user_management_page", + isBot, + }, + }; +} From 525cd1e62b49e6c9b73a3a73db576141fedfc941 Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Sun, 10 Sep 2023 10:45:20 +0330 Subject: [PATCH 02/14] TF-4 AddDialog completed --- public/locales/fa/app.json | 22 +- .../user-management/Form/AddForm.jsx | 302 ++++++++++-------- .../user-management/Form/DeleteForm.jsx | 4 +- .../user-management/Form/UpdateForm.jsx | 24 +- .../user-management/TableToolbar.jsx | 27 +- 5 files changed, 191 insertions(+), 188 deletions(-) diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index 719ba4a..f51eb1a 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -321,11 +321,7 @@ "update": "تغییر وضعیت درخواست", "update-tooltip": "بروزرسانی", "button-cancel": "بستن", - "button-update": "بروزرسانی", - "description": "توضیحات خود را وارد نمائید", - "description_error": "وارد کردن توضیحات الزامی است!", - "next-state-id": "وضعیت بعدی", - "next-state-id-error": "وارد کردن وضعیت بعدی الزامی است!" + "button-update": "بروزرسانی" }, "UploadSystem": { "upload_file": "فایل خود را بارگذاری کنید", @@ -333,6 +329,10 @@ "upload_file_unit": "حداکثر 2Mb", "upload_file_format": "فرمت قابل قبول : png,jpg,pdf", "delete": "پاک کردن", + "phone_number": "شماره تلفن", + "national_id": "کد ملی", + "navgan_id": "کد ناوگان", + "type_id": "نوع کاربر", "uploadfile_error": "حجم فایل بیشتر از 2 مگابایت می باشد" }, "DeleteDialog": { @@ -345,11 +345,17 @@ "phone_number": "شماره تلفن", "phone_number_positive": "شماره تلفن باید مثبت باشد", "phone_number_error": "وارد کردن شماره تلفن الزامیست", + "phone_number_number": "شماره تلفن باید شامل اعداد باشد", + "phone_number_max": "شماره تلفن باید شامل 11 رقم باشد", + "national_id_positive": "کد ملی باید مثبت باشد", + "national_id_number": "کد ملی باید شامل اعداد باشد", + "national_id_max": "کد ملی باید شامل 10 رقم باشد", + "national_id": "کد ملی", + "national_id_error": "وارد کردن کد ملی الزامیست", "type_id_error": "وارد کردن نوع کاربر الزامیست", "navgan_id_error": "وارد کردن کد ناوگان الزامیست", - "national_id_error": "وارد کردن کد ملی الزامیست", - "phone_number_number": "شماره تلفن باید شامل اعداد باشد", - "national_id": "کد ملی", + "refahi": "رفاهی", + "navgan": "ناوگان", "type_id": "نوع کاربر", "navgan_id": "کد ناوگان", "button-cancel": "انصراف", diff --git a/src/components/dashboard/user-management/Form/AddForm.jsx b/src/components/dashboard/user-management/Form/AddForm.jsx index a13ec48..1f26ecf 100644 --- a/src/components/dashboard/user-management/Form/AddForm.jsx +++ b/src/components/dashboard/user-management/Form/AddForm.jsx @@ -2,46 +2,48 @@ import {useTranslations} from "next-intl"; import * as Yup from "yup"; import {ADD_USER_MANAGEMENT} from "@/core/data/apiRoutes"; import {useFormik} from "formik"; -import {Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField} from "@mui/material"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + FormControl, + FormHelperText, + InputLabel, + MenuItem, + Select, + Stack, + TextField, + Tooltip +} from "@mui/material"; import useRequest from "@/lib/app/hooks/useRequest"; +import DataSaverOnIcon from "@mui/icons-material/DataSaverOn"; +import {useState} from "react"; -const AddForm = ({openConfirmDialog, setOpenConfirmDialog, mutate, fetchUrl}) => { +const AddForm = ({mutate, fetchUrl}) => { const t = useTranslations(); const requestServer = useRequest({auth: true}) + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); const validationSchema = Yup.object().shape({ phone_number: Yup.mixed().test( "is-number", `${t("AddDialog.phone_number_number")}`, (value) => !isNaN(value) ).test("positive", `${t("AddDialog.phone_number_positive")}`, (value) => value >= 0) + .test("max", `${t("AddDialog.phone_number_max")}`, (value) => value.length <= 11) .required(t("AddDialog.phone_number_error")), + national_id: Yup.mixed().test( + "is-number", + `${t("AddDialog.national_id_number")}`, + (value) => !isNaN(value) + ).test("positive", `${t("AddDialog.national_id_positive")}`, (value) => value >= 0) + .test("max", `${t("AddDialog.national_id_max")}`, (value) => value.length <= 10) + .required(t("AddDialog.national_id_error")), type_id: Yup.number().required(t("AddDialog.type_id_error")), navgan_id: Yup.number().required(t("AddDialog.navgan_id_error")), - national_id: Yup.number().required(t("AddDialog.national_id_error")), }); - // const handleSubmit = async (values, {setSubmitting, resetForm}) => { - // const formData = new FormData(); - // formData.append("phone_number", values.phone_number); - // formData.append("national_id", values.national_id); - // formData.append("type_id", values.type_id); - // formData.append("navgan_id", values.navgan_id); - // requestServer(ADD_USER_MANAGEMENT, 'post', { - // data: formData, - // }).then((response) => { - // mutate(fetchUrl) - // update_notification() - // }).catch(() => { - // }).finally(() => { - // setSubmitting(false); - // }); - // }; - // initialValues: { - // phone_number: "", - // national_id: "", - // type_id: "", - // navgan_id: "" - // } const formik = useFormik({ initialValues: { phone_number: "", @@ -60,6 +62,7 @@ const AddForm = ({openConfirmDialog, setOpenConfirmDialog, mutate, fetchUrl}) => requestServer(ADD_USER_MANAGEMENT, 'post', { data: formData, }).then((response) => { + setOpenConfirmDialog(false) mutate(fetchUrl) update_notification() }).catch(() => { @@ -68,123 +71,142 @@ const AddForm = ({openConfirmDialog, setOpenConfirmDialog, mutate, fetchUrl}) => }); }, }); - const handlePhoneNumberChange = (event) => { - formik.setFieldValue("phone_number", event.target.value) - }; - const handleNationalIDChange = (event) => { - formik.setFieldValue("national_id", event.target.value) - }; - const handleTypeIDChange = (event) => { - formik.setFieldValue("type_id", event.target.value) - }; - const handleNavganIDChange = (event) => { - formik.setFieldValue("navgan_id", event.target.value) - }; return ( - - {t("AddDialog.add")} - - - - - - - - - - - - - - - - - - - - - + + + {t("AddDialog.add")} + + + + { + if (event.target.value.length <= 11) return formik.handleChange(event) + }} + fullWidth + variant="outlined" + onBlur={formik.handleBlur("phone_number")} + error={ + formik.touched.phone_number && + Boolean(formik.errors.phone_number) + } + helperText={ + formik.touched.phone_number && formik.errors.phone_number + } + sx={{mt: 1}} + /> + + + { + if (event.target.value.length <= 10) return formik.handleChange(event) + }} + fullWidth + variant="outlined" + onBlur={formik.handleBlur("national_id")} + error={ + formik.touched.national_id && + Boolean(formik.errors.national_id) + } + helperText={ + formik.touched.national_id && formik.errors.national_id + } + sx={{mt: 1}} + /> + + + + {t("AddDialog.type_id")} + + + {formik.touched.type_id && formik.errors.type_id} + + + + + + + + + + + + + + ); }; export default AddForm; \ No newline at end of file diff --git a/src/components/dashboard/user-management/Form/DeleteForm.jsx b/src/components/dashboard/user-management/Form/DeleteForm.jsx index 122354b..2e44a2f 100644 --- a/src/components/dashboard/user-management/Form/DeleteForm.jsx +++ b/src/components/dashboard/user-management/Form/DeleteForm.jsx @@ -1,8 +1,8 @@ import {useTranslations} from "next-intl"; import {useState} from "react"; import {Button, Dialog, DialogActions, DialogTitle, IconButton, Tooltip} from "@mui/material"; -import ThumbUpAltIcon from "@mui/icons-material/ThumbUpAlt"; import {useFormik} from "formik"; +import DeleteIcon from '@mui/icons-material/Delete'; import {DELETE_USER_MANAGEMENT} from "@/core/data/apiRoutes"; import useRequest from "@/lib/app/hooks/useRequest"; import useNotification from "@/lib/app/hooks/useNotification"; @@ -37,7 +37,7 @@ const DeleteForm = ({rowId, fetchUrl, mutate}) => { setOpenConfirmDialog(true) }} > - + { return ( <> - + { setOpenConfirmDialog(true) }} > - + - {t("ConfirmDialog.confirm")} + {t("UpdateDialog.update")} { { { { diff --git a/src/components/dashboard/user-management/TableToolbar.jsx b/src/components/dashboard/user-management/TableToolbar.jsx index 7371fbc..558cdc5 100644 --- a/src/components/dashboard/user-management/TableToolbar.jsx +++ b/src/components/dashboard/user-management/TableToolbar.jsx @@ -1,32 +1,11 @@ -import DataSaverOnIcon from "@mui/icons-material/DataSaverOn"; -import {Button, Stack, Tooltip} from "@mui/material"; import {useTranslations} from "next-intl"; -import {useState} from "react"; import AddForm from "./Form/AddForm"; function TableToolbar({mutate, fetchUrl}) { const t = useTranslations(); - const [openConfirmDialog, setOpenConfirmDialog] = useState(false); - return ( - - - - - - - ); + + return + } export default TableToolbar; From 77644bbf5f233a911ec495d95f52f4f10194c63e Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Sun, 10 Sep 2023 11:33:33 +0330 Subject: [PATCH 03/14] TF-4 delete and update Dialog --- public/locales/fa/app.json | 6 + .../user-management/Form/AddForm.jsx | 1 - .../user-management/Form/DeleteForm.jsx | 32 +++-- .../user-management/Form/UpdateForm.jsx | 115 +++++++++++++----- 4 files changed, 106 insertions(+), 48 deletions(-) diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index f51eb1a..7f2f162 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -321,6 +321,12 @@ "update": "تغییر وضعیت درخواست", "update-tooltip": "بروزرسانی", "button-cancel": "بستن", + "refahi": "رفاهی", + "navgan": "ناوگان", + "phone_number": "شماره تلفن", + "national_id": "کد ملی", + "type_id": "نوع کاربر", + "navgan_id": "کد ناوگان", "button-update": "بروزرسانی" }, "UploadSystem": { diff --git a/src/components/dashboard/user-management/Form/AddForm.jsx b/src/components/dashboard/user-management/Form/AddForm.jsx index 1f26ecf..d807d68 100644 --- a/src/components/dashboard/user-management/Form/AddForm.jsx +++ b/src/components/dashboard/user-management/Form/AddForm.jsx @@ -52,7 +52,6 @@ const AddForm = ({mutate, fetchUrl}) => { navgan_id: "", }, validationSchema, onSubmit: (values, {setSubmitting}) => { - console.log("hello") const formData = new FormData(); formData.append("phone_number", values.phone_number); formData.append("national_id", values.national_id); diff --git a/src/components/dashboard/user-management/Form/DeleteForm.jsx b/src/components/dashboard/user-management/Form/DeleteForm.jsx index 2e44a2f..f336036 100644 --- a/src/components/dashboard/user-management/Form/DeleteForm.jsx +++ b/src/components/dashboard/user-management/Form/DeleteForm.jsx @@ -1,32 +1,28 @@ import {useTranslations} from "next-intl"; import {useState} from "react"; import {Button, Dialog, DialogActions, DialogTitle, IconButton, Tooltip} from "@mui/material"; -import {useFormik} from "formik"; import DeleteIcon from '@mui/icons-material/Delete'; import {DELETE_USER_MANAGEMENT} from "@/core/data/apiRoutes"; import useRequest from "@/lib/app/hooks/useRequest"; import useNotification from "@/lib/app/hooks/useNotification"; - const DeleteForm = ({rowId, fetchUrl, mutate}) => { const t = useTranslations(); const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + const [isSubmitting, setIsSubmitting] = useState(false) const requestServer = useRequest({auth: true}) const {update_notification} = useNotification() - const formik = useFormik({ - onSubmit: (values, {setSubmitting}) => { - - - requestServer(`${DELETE_USER_MANAGEMENT}/${rowId}`, 'post').then((response) => { - mutate(fetchUrl) - update_notification() - }).catch(() => { - }).finally(() => { - setSubmitting(false); - }); - }, - }); + const handleSubmit = () => { + setIsSubmitting(true) + requestServer(`${DELETE_USER_MANAGEMENT}/${rowId}`, 'delete').then((response) => { + mutate(fetchUrl) + update_notification() + }).catch(() => { + }).finally(() => { + setIsSubmitting(false) + }); + } return ( <> @@ -45,11 +41,11 @@ const DeleteForm = ({rowId, fetchUrl, mutate}) => { {t("DeleteDialog.delete")} - diff --git a/src/components/dashboard/user-management/Form/UpdateForm.jsx b/src/components/dashboard/user-management/Form/UpdateForm.jsx index 1eef4a8..257fce8 100644 --- a/src/components/dashboard/user-management/Form/UpdateForm.jsx +++ b/src/components/dashboard/user-management/Form/UpdateForm.jsx @@ -6,7 +6,12 @@ import { DialogActions, DialogContent, DialogTitle, + FormControl, + FormHelperText, IconButton, + InputLabel, + MenuItem, + Select, Stack, TextField, Tooltip @@ -16,7 +21,7 @@ import UpdateIcon from '@mui/icons-material/Update'; import {UPDATE_USER_MANAGEMENT} from "@/core/data/apiRoutes"; import useRequest from "@/lib/app/hooks/useRequest"; import useNotification from "@/lib/app/hooks/useNotification"; - +import * as Yup from "yup"; const UpdateForm = ({rowId, fetchUrl, mutate}) => { const t = useTranslations(); @@ -24,20 +29,38 @@ const UpdateForm = ({rowId, fetchUrl, mutate}) => { const requestServer = useRequest({auth: true}) const {update_notification} = useNotification() + const validationSchema = Yup.object().shape({ + phone_number: Yup.mixed().test( + "is-number", + `${t("AddDialog.phone_number_number")}`, + (value) => !isNaN(value) + ).test("positive", `${t("AddDialog.phone_number_positive")}`, (value) => value >= 0) + .test("max", `${t("AddDialog.phone_number_max")}`, (value) => value.length <= 11) + .required(t("AddDialog.phone_number_error")), + national_id: Yup.mixed().test( + "is-number", + `${t("AddDialog.national_id_number")}`, + (value) => !isNaN(value) + ).test("positive", `${t("AddDialog.national_id_positive")}`, (value) => value >= 0) + .test("max", `${t("AddDialog.national_id_max")}`, (value) => value.length <= 10) + .required(t("AddDialog.national_id_error")), + type_id: Yup.number().required(t("AddDialog.type_id_error")), + navgan_id: Yup.number().required(t("AddDialog.navgan_id_error")), + }); + const formik = useFormik({ initialValues: { phone_number: "", national_id: "", type_id: "", navgan_id: "", - }, + }, validationSchema, onSubmit: (values, {setSubmitting}) => { const formData = new FormData(); formData.append("phone_number", values.phone_number); formData.append("national_id", values.national_id); formData.append("type_id", values.type_id); formData.append("navgan_id", values.navgan_id); - requestServer(`${UPDATE_USER_MANAGEMENT}/${rowId}`, 'post', { data: formData, }).then((response) => { @@ -50,19 +73,6 @@ const UpdateForm = ({rowId, fetchUrl, mutate}) => { }, }); - const handlePhoneNumberChange = (event) => { - formik.setFieldValue("phone_number", event.target.value) - }; - const handleNationalIDChange = (event) => { - formik.setFieldValue("national_id", event.target.value) - }; - const handleTypeIDChange = (event) => { - formik.setFieldValue("type_id", event.target.value) - }; - const handleNavganIDChange = (event) => { - formik.setFieldValue("navgan_id", event.target.value) - }; - return ( <> @@ -86,9 +96,19 @@ const UpdateForm = ({rowId, fetchUrl, mutate}) => { rows={8} label={t("UpdateDialog.phone_number")} value={formik.values.phone_number} - onChange={handlePhoneNumberChange} + onChange={(event) => { + if (event.target.value.length <= 11) return formik.handleChange(event) + }} fullWidth variant="outlined" + onBlur={formik.handleBlur("phone_number")} + error={ + formik.touched.phone_number && + Boolean(formik.errors.phone_number) + } + helperText={ + formik.touched.phone_number && formik.errors.phone_number + } sx={{mt: 1}} /> @@ -98,23 +118,52 @@ const UpdateForm = ({rowId, fetchUrl, mutate}) => { rows={8} label={t("UpdateDialog.national_id")} value={formik.values.national_id} - onChange={handleNationalIDChange} + onChange={(event) => { + if (event.target.value.length <= 10) return formik.handleChange(event) + }} fullWidth variant="outlined" + onBlur={formik.handleBlur("national_id")} + error={ + formik.touched.national_id && + Boolean(formik.errors.national_id) + } + helperText={ + formik.touched.national_id && formik.errors.national_id + } sx={{mt: 1}} /> - + + {t("UpdateDialog.type_id")} + + + {formik.touched.type_id && formik.errors.type_id} + + { rows={8} label={t("UpdateDialog.navgan_id")} value={formik.values.navgan_id} - onChange={handleNavganIDChange} + onChange={formik.handleChange} fullWidth variant="outlined" + onBlur={formik.handleBlur("navgan_id")} + error={ + formik.touched.navgan_id && + Boolean(formik.errors.navgan_id) + } + helperText={ + formik.touched.navgan_id && formik.errors.navgan_id + } sx={{mt: 1}} /> From ae8e2a3378cfeb3d3f70cf365045eda557fc881f Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Sun, 10 Sep 2023 15:08:41 +0330 Subject: [PATCH 04/14] TF-4 user management edit form --- public/locales/fa/app.json | 8 +- .../user-management/Form/AddForm.jsx | 6 +- .../user-management/Form/DeleteForm.jsx | 15 +- .../user-management/Form/UpdateForm.jsx | 260 ++++++++---------- .../user-management/TableRowActions.jsx | 2 +- .../dashboard/user-management/index.jsx | 12 +- 6 files changed, 143 insertions(+), 160 deletions(-) diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index 7f2f162..e2e5105 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -278,6 +278,7 @@ "created_at": "تاریخ درخواست", "updated_at": "تاریخ بروزرسانی", "navgan_id": "کد ناوگان", + "type_name": "نوع کاربر", "vehicle_type": "نوع ماشین", "state_name": "وضعیت درخواست" }, @@ -318,8 +319,8 @@ "description_error": "وارد کردن توضیحات الزامی است!" }, "UpdateDialog": { - "update": "تغییر وضعیت درخواست", - "update-tooltip": "بروزرسانی", + "update": "ویرایش", + "update-tooltip": "ویرایش", "button-cancel": "بستن", "refahi": "رفاهی", "navgan": "ناوگان", @@ -327,7 +328,7 @@ "national_id": "کد ملی", "type_id": "نوع کاربر", "navgan_id": "کد ناوگان", - "button-update": "بروزرسانی" + "button-update": "ویرایش" }, "UploadSystem": { "upload_file": "فایل خود را بارگذاری کنید", @@ -344,6 +345,7 @@ "DeleteDialog": { "delete": "حذف", "button-cancel": "انصراف", + "typography": "آیا از حدف این مورد اطمینان دارید ؟", "button-delete": "حذف کردن" }, "AddDialog": { diff --git a/src/components/dashboard/user-management/Form/AddForm.jsx b/src/components/dashboard/user-management/Form/AddForm.jsx index d807d68..c0021e8 100644 --- a/src/components/dashboard/user-management/Form/AddForm.jsx +++ b/src/components/dashboard/user-management/Form/AddForm.jsx @@ -147,11 +147,11 @@ const AddForm = ({mutate, fetchUrl}) => { formik.touched.type_id && Boolean(formik.errors.type_id) } - onBlur={formik.handleBlur("type_id")} > {t("AddDialog.type_id")} diff --git a/src/components/dashboard/user-management/Form/DeleteForm.jsx b/src/components/dashboard/user-management/Form/DeleteForm.jsx index f336036..b653428 100644 --- a/src/components/dashboard/user-management/Form/DeleteForm.jsx +++ b/src/components/dashboard/user-management/Form/DeleteForm.jsx @@ -1,6 +1,15 @@ import {useTranslations} from "next-intl"; import {useState} from "react"; -import {Button, Dialog, DialogActions, DialogTitle, IconButton, Tooltip} from "@mui/material"; +import { + Button, + Dialog, + DialogActions, + DialogContent, + DialogTitle, + IconButton, + Tooltip, + Typography +} from "@mui/material"; import DeleteIcon from '@mui/icons-material/Delete'; import {DELETE_USER_MANAGEMENT} from "@/core/data/apiRoutes"; import useRequest from "@/lib/app/hooks/useRequest"; @@ -12,7 +21,6 @@ const DeleteForm = ({rowId, fetchUrl, mutate}) => { const [isSubmitting, setIsSubmitting] = useState(false) const requestServer = useRequest({auth: true}) const {update_notification} = useNotification() - const handleSubmit = () => { setIsSubmitting(true) requestServer(`${DELETE_USER_MANAGEMENT}/${rowId}`, 'delete').then((response) => { @@ -39,6 +47,9 @@ const DeleteForm = ({rowId, fetchUrl, mutate}) => { {t("DeleteDialog.delete")} + + {t("DeleteDialog.typography")} + - - - - - ); + + { + if (event.target.value.length <= 10) return formik.handleChange(event) + }} + fullWidth + variant="outlined" + onBlur={formik.handleBlur("national_id")} + error={formik.touched.national_id && Boolean(formik.errors.national_id)} + helperText={formik.touched.national_id && formik.errors.national_id} + sx={{mt: 1}} + /> + + + + {t("UpdateDialog.type_id")} + + + {formik.touched.type_id && formik.errors.type_id} + + + + + + + + + + + + + + ); }; export default UpdateForm; \ No newline at end of file diff --git a/src/components/dashboard/user-management/TableRowActions.jsx b/src/components/dashboard/user-management/TableRowActions.jsx index c67acb3..5b0f031 100644 --- a/src/components/dashboard/user-management/TableRowActions.jsx +++ b/src/components/dashboard/user-management/TableRowActions.jsx @@ -7,7 +7,7 @@ const TableRowActions = ({row, mutate, fetchUrl}) => { return ( diff --git a/src/components/dashboard/user-management/index.jsx b/src/components/dashboard/user-management/index.jsx index 596c7e6..fc235e5 100644 --- a/src/components/dashboard/user-management/index.jsx +++ b/src/components/dashboard/user-management/index.jsx @@ -34,9 +34,9 @@ function DashboardUserManagementComponent() { ), }, { - accessorFn: (row) => row.name, - id: "name", - header: t("UserManagement.name"), + accessorFn: (row) => row.navgan_id, + id: "navgan_id", + header: t("UserManagement.navgan_id"), enableColumnFilter: true, datatype: "text", filterFn: "contains", @@ -114,9 +114,9 @@ function DashboardUserManagementComponent() { ), }, { - accessorFn: (row) => row.state_name, - id: "state_id", - header: t("UserManagement.state_name"), + accessorFn: (row) => row.type_name, + id: "type_name", + header: t("UserManagement.type_name"), enableColumnFilter: false, datatype: "numeric", Cell: ({renderedCellValue}) => ( From 6ab5a92b56760a721b40619926421e97e3622b1e Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Sun, 10 Sep 2023 15:59:52 +0330 Subject: [PATCH 05/14] TF-4 user management formData navgan id --- .../user-management/Form/AddForm.jsx | 285 +++++++++--------- .../user-management/Form/DeleteForm.jsx | 2 +- .../user-management/Form/UpdateForm.jsx | 12 +- 3 files changed, 148 insertions(+), 151 deletions(-) diff --git a/src/components/dashboard/user-management/Form/AddForm.jsx b/src/components/dashboard/user-management/Form/AddForm.jsx index c0021e8..6014c8d 100644 --- a/src/components/dashboard/user-management/Form/AddForm.jsx +++ b/src/components/dashboard/user-management/Form/AddForm.jsx @@ -26,37 +26,34 @@ const AddForm = ({mutate, fetchUrl}) => { const requestServer = useRequest({auth: true}) const [openConfirmDialog, setOpenConfirmDialog] = useState(false); const validationSchema = Yup.object().shape({ - phone_number: Yup.mixed().test( - "is-number", - `${t("AddDialog.phone_number_number")}`, - (value) => !isNaN(value) - ).test("positive", `${t("AddDialog.phone_number_positive")}`, (value) => value >= 0) + phone_number: Yup.mixed().test("is-number", `${t("AddDialog.phone_number_number")}`, (value) => !isNaN(value)).test("positive", `${t("AddDialog.phone_number_positive")}`, (value) => value >= 0) .test("max", `${t("AddDialog.phone_number_max")}`, (value) => value.length <= 11) .required(t("AddDialog.phone_number_error")), - national_id: Yup.mixed().test( - "is-number", - `${t("AddDialog.national_id_number")}`, - (value) => !isNaN(value) - ).test("positive", `${t("AddDialog.national_id_positive")}`, (value) => value >= 0) + national_id: Yup.mixed().test("is-number", `${t("AddDialog.national_id_number")}`, (value) => !isNaN(value)).test("positive", `${t("AddDialog.national_id_positive")}`, (value) => value >= 0) .test("max", `${t("AddDialog.national_id_max")}`, (value) => value.length <= 10) .required(t("AddDialog.national_id_error")), type_id: Yup.number().required(t("AddDialog.type_id_error")), - navgan_id: Yup.number().required(t("AddDialog.navgan_id_error")), + navgan_id: Yup.number().when('type_id', { + is: 1, // Condition: Check if type_id is equal to 1 + then: (schema) => schema.required(t("AddDialog.navgan_id_error")), + otherwise: (schema) => schema, // No validation for navgan_id when type_id is not 1 + }) }); + // validationSchema.describe({value: {type_id: true}}); + const formik = useFormik({ initialValues: { phone_number: "", national_id: "", type_id: "", navgan_id: "", - }, validationSchema, - onSubmit: (values, {setSubmitting}) => { + }, validationSchema, onSubmit: (values, {setSubmitting}) => { const formData = new FormData(); formData.append("phone_number", values.phone_number); formData.append("national_id", values.national_id); formData.append("type_id", values.type_id); - formData.append("navgan_id", values.navgan_id); + if (formik.values.type_id === 1) formData.append("navgan_id", values.navgan_id); requestServer(ADD_USER_MANAGEMENT, 'post', { data: formData, @@ -70,142 +67,138 @@ const AddForm = ({mutate, fetchUrl}) => { }); }, }); - return ( - - - - - - {t("AddDialog.add")} - - - - { - if (event.target.value.length <= 11) return formik.handleChange(event) - }} - fullWidth - variant="outlined" - onBlur={formik.handleBlur("phone_number")} - error={ - formik.touched.phone_number && - Boolean(formik.errors.phone_number) - } - helperText={ - formik.touched.phone_number && formik.errors.phone_number - } - sx={{mt: 1}} - /> - - - { - if (event.target.value.length <= 10) return formik.handleChange(event) - }} - fullWidth - variant="outlined" - onBlur={formik.handleBlur("national_id")} - error={ - formik.touched.national_id && - Boolean(formik.errors.national_id) - } - helperText={ - formik.touched.national_id && formik.errors.national_id - } - sx={{mt: 1}} - /> - - - - {t("AddDialog.type_id")} - - - {formik.touched.type_id && formik.errors.type_id} - - - - - + + + + + {t("AddDialog.add")} + + + + { + if (event.target.value.length <= 11) return formik.handleChange(event) + }} + fullWidth + variant="outlined" + onBlur={formik.handleBlur("phone_number")} + error={formik.touched.phone_number && Boolean(formik.errors.phone_number)} + helperText={formik.touched.phone_number && formik.errors.phone_number} + sx={{mt: 1}} + /> + + + { + if (event.target.value.length <= 10) return formik.handleChange(event) + }} + fullWidth + variant="outlined" + onBlur={formik.handleBlur("national_id")} + error={formik.touched.national_id && Boolean(formik.errors.national_id)} + helperText={formik.touched.national_id && formik.errors.national_id} + sx={{mt: 1}} + /> + + + + {t("AddDialog.type_id")} + + + {formik.touched.type_id && formik.errors.type_id} + + - - - - - - - - ); + + {formik.values.type_id === 1 ? () : null} + {/**/} + + + + + + + + + ); }; export default AddForm; \ No newline at end of file diff --git a/src/components/dashboard/user-management/Form/DeleteForm.jsx b/src/components/dashboard/user-management/Form/DeleteForm.jsx index b653428..5cf2eb3 100644 --- a/src/components/dashboard/user-management/Form/DeleteForm.jsx +++ b/src/components/dashboard/user-management/Form/DeleteForm.jsx @@ -44,7 +44,7 @@ const DeleteForm = ({rowId, fetchUrl, mutate}) => { - {t("DeleteDialog.delete")} diff --git a/src/components/dashboard/user-management/Form/UpdateForm.jsx b/src/components/dashboard/user-management/Form/UpdateForm.jsx index eccbf36..44631c5 100644 --- a/src/components/dashboard/user-management/Form/UpdateForm.jsx +++ b/src/components/dashboard/user-management/Form/UpdateForm.jsx @@ -37,7 +37,11 @@ const UpdateForm = ({row, fetchUrl, mutate}) => { .test("max", `${t("AddDialog.national_id_max")}`, (value) => value.length <= 10) .required(t("AddDialog.national_id_error")), type_id: Yup.number().required(t("AddDialog.type_id_error")), - navgan_id: Yup.number().required(t("AddDialog.navgan_id_error")), + navgan_id: Yup.number().when('type_id', { + is: 1, // Condition: Check if type_id is equal to 1 + then: (schema) => schema.required(t("AddDialog.navgan_id_error")), + otherwise: (schema) => schema, // No validation for navgan_id when type_id is not 1 + }) }); const formik = useFormik({ @@ -51,7 +55,7 @@ const UpdateForm = ({row, fetchUrl, mutate}) => { formData.append("phone_number", values.phone_number); formData.append("national_id", values.national_id); formData.append("type_id", values.type_id); - formData.append("navgan_id", values.navgan_id); + if (formik.values.type_id === 1) formData.append("navgan_id", values.navgan_id); requestServer(`${UPDATE_USER_MANAGEMENT}/${row.getValue("id")}`, 'post', { data: formData, }).then((response) => { @@ -142,7 +146,7 @@ const UpdateForm = ({row, fetchUrl, mutate}) => { - { error={formik.touched.navgan_id && Boolean(formik.errors.navgan_id)} helperText={formik.touched.navgan_id && formik.errors.navgan_id} sx={{mt: 1}} - /> + />) : null} From 48cf959e0d5707e9bfed8115440e2759739b606d Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Sun, 10 Sep 2023 16:05:25 +0330 Subject: [PATCH 06/14] TF-4 user management permissions --- .../dashboard/user-management/Form/AddForm.jsx | 18 ------------------ src/core/data/sidebarMenu.jsx | 5 +++-- src/pages/dashboard/user-management/index.jsx | 2 +- 3 files changed, 4 insertions(+), 21 deletions(-) diff --git a/src/components/dashboard/user-management/Form/AddForm.jsx b/src/components/dashboard/user-management/Form/AddForm.jsx index 6014c8d..97e6c3b 100644 --- a/src/components/dashboard/user-management/Form/AddForm.jsx +++ b/src/components/dashboard/user-management/Form/AddForm.jsx @@ -167,24 +167,6 @@ const AddForm = ({mutate, fetchUrl}) => { helperText={formik.touched.navgan_id && formik.errors.navgan_id} sx={{mt: 1}} />) : null} - {/**/} diff --git a/src/core/data/sidebarMenu.jsx b/src/core/data/sidebarMenu.jsx index 29eab1d..4957bad 100644 --- a/src/core/data/sidebarMenu.jsx +++ b/src/core/data/sidebarMenu.jsx @@ -10,6 +10,7 @@ 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'; +import PersonIcon from '@mui/icons-material/Person'; const sidebarMenu = [ [ @@ -141,9 +142,9 @@ const sidebarMenu = [ name: "user_management", type: "page", route: "/dashboard/user-management", - icon: , + icon: , selected: false, - permission: "user_management", + permission: "manage_users", }, ], ]; diff --git a/src/pages/dashboard/user-management/index.jsx b/src/pages/dashboard/user-management/index.jsx index ce9cc1e..5a43454 100644 --- a/src/pages/dashboard/user-management/index.jsx +++ b/src/pages/dashboard/user-management/index.jsx @@ -3,7 +3,7 @@ import WithAuthMiddleware from "@/middlewares/WithAuth"; import {parse} from "next-useragent"; import DashboardUserManagementComponent from "@/components/dashboard/user-management"; -const requiredPermissions = ["manage_refahi_loan"]; +const requiredPermissions = ["manage_users"]; export default function UserManagement() { return ( From 044b98d06539e4fa8da4458c0d605e987d5b85aa Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Mon, 11 Sep 2023 11:18:35 +0330 Subject: [PATCH 07/14] TF-4 user management add filter on type id --- public/locales/fa/app.json | 5 + .../dashboard/user-management/index.jsx | 263 +++++++++--------- 2 files changed, 129 insertions(+), 139 deletions(-) diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index e2e5105..ae67ef2 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -18,8 +18,13 @@ "open_profile": "پروفایل", "edit_profile": " پروفایل", "change_password": "تغییر رمز عبور", + "equals": "برابر", "logout": "خروج" }, + "Select": { + "helper_text": "حالت فیلتر: برابر", + "menu_item": "نوع کاربر را وارد کنید" + }, "Titles": { "title_login_page": "صفحه ورود", "title_login_expert_page": "ورود کارشناس", diff --git a/src/components/dashboard/user-management/index.jsx b/src/components/dashboard/user-management/index.jsx index fc235e5..341017f 100644 --- a/src/components/dashboard/user-management/index.jsx +++ b/src/components/dashboard/user-management/index.jsx @@ -1,5 +1,5 @@ import DashboardLayouts from "@/layouts/dashboardLayouts"; -import {Box, Typography} from "@mui/material"; +import {Box, FormControl, FormHelperText, IconButton, MenuItem, Select, Stack, Typography} from "@mui/material"; import {useMemo} from "react"; import {GET_USER_MANAGEMENT} from "@/core/data/apiRoutes"; import {useTranslations} from "next-intl"; @@ -8,148 +8,133 @@ import moment from "jalali-moment"; import MuiDatePicker from "@/core/components/MuiDatePicker"; import TableToolbar from "@/components/dashboard/user-management/TableToolbar"; import TableRowActions from "./TableRowActions" +import ClearIcon from "@mui/icons-material/Clear"; function DashboardUserManagementComponent() { const t = useTranslations(); - const columns = useMemo( - () => [ - { - accessorFn: (row) => row.id, - id: "id", - header: t("UserManagement.id"), - enableColumnFilter: true, - datatype: "numeric", - filterFn: "equals", - columnFilterModeOptions: [ - "equals", - "notEquals", - "contains", - "lessThan", - "greaterThan", - "between", - ], - Cell: ({renderedCellValue}) => ( - {renderedCellValue} - ), - }, - { - accessorFn: (row) => row.navgan_id, - id: "navgan_id", - header: t("UserManagement.navgan_id"), - enableColumnFilter: true, - datatype: "text", - filterFn: "contains", - columnFilterModeOptions: ["contains", "equals", "notEquals"], - Cell: ({renderedCellValue}) => ( - {renderedCellValue} - ), - }, - { - accessorFn: (row) => row.national_id, - id: "national_id", - header: t("UserManagement.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("UserManagement.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("UserManagement.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("UserManagement.updated_at"), - enableColumnFilter: false, - datatype: "numeric", - Cell: ({renderedCellValue}) => ( - {renderedCellValue} - ), - }, - { - accessorFn: (row) => row.type_name, - id: "type_name", - header: t("UserManagement.type_name"), - enableColumnFilter: false, - datatype: "numeric", - Cell: ({renderedCellValue}) => ( - {renderedCellValue} - ), - }, - ], - [] - ); - return ( - - - - - - ); + const columns = useMemo(() => [{ + accessorFn: (row) => row.id, + id: "id", + header: t("UserManagement.id"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: ["equals", "notEquals", "contains", "lessThan", "greaterThan", "between",], + Cell: ({renderedCellValue}) => ({renderedCellValue}), + }, { + accessorFn: (row) => row.navgan_id, + id: "navgan_id", + header: t("UserManagement.navgan_id"), + enableColumnFilter: true, + datatype: "text", + filterFn: "contains", + columnFilterModeOptions: ["contains", "equals", "notEquals"], + Cell: ({renderedCellValue}) => ({renderedCellValue}), + }, { + accessorFn: (row) => row.national_id, + id: "national_id", + header: t("UserManagement.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("UserManagement.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("UserManagement.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("UserManagement.updated_at"), + enableColumnFilter: false, + datatype: "numeric", + Cell: ({renderedCellValue}) => ({renderedCellValue}), + }, { + accessorFn: (row) => row.type_name, + id: "type_id", + header: t("UserManagement.type_name"), + enableColumnFilter: true, + datatype: "numeric", + filterFn: "equals", + columnFilterModeOptions: ["equals"], + Cell: ({renderedCellValue}) => ({renderedCellValue}), + Header: ({column}) => <>{column.columnDef.header}, + Filter: ({column}) => { + return ( + + + {t("Select.helper_text")} + + { + column.setFilterValue(null); + }} + sx={{ + color: column.getFilterValue() ? "rgba(0, 0, 0, 0.54)" : "#bfbfbf", + height: 20 + }} + > + + + ) + } + },], []); + return ( + + + + ); } export default DashboardUserManagementComponent; From 1dd82eed5868ec97a48a932ca206612c839d632d Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Mon, 11 Sep 2023 12:58:31 +0330 Subject: [PATCH 08/14] TF-4 user management restyling --- src/components/dashboard/user-management/index.jsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/components/dashboard/user-management/index.jsx b/src/components/dashboard/user-management/index.jsx index 341017f..527fb23 100644 --- a/src/components/dashboard/user-management/index.jsx +++ b/src/components/dashboard/user-management/index.jsx @@ -82,13 +82,13 @@ function DashboardUserManagementComponent() { Cell: ({renderedCellValue}) => ({renderedCellValue}), Header: ({column}) => <>{column.columnDef.header}, Filter: ({column}) => { - return ( + return ( - {t("filter_mode")}: {t(column.columnDef._filterFn)} + {t("Select.menu_item")} {t("UpdateDialog.navgan")} {t("UpdateDialog.refahi")} - {t("Select.helper_text")} + {t("filter_mode")}: {t(column.columnDef._filterFn)} From 7c2d64a712209481928fce698ab30bacef8976c7 Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Mon, 11 Sep 2023 16:45:04 +0330 Subject: [PATCH 13/14] TF-98 user management debug --- public/locales/fa/app.json | 2 +- .../CreateContent.jsx} | 49 +++++-------------- .../user-management/Form/CreateForm/index.jsx | 35 +++++++++++++ .../user-management/TableToolbar.jsx | 4 +- 4 files changed, 51 insertions(+), 39 deletions(-) rename src/components/dashboard/user-management/Form/{AddForm.jsx => CreateForm/CreateContent.jsx} (86%) create mode 100644 src/components/dashboard/user-management/Form/CreateForm/index.jsx diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index baecc48..bd591f2 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -354,7 +354,7 @@ "button-delete": "حذف کردن" }, "AddDialog": { - "add": "کاربر جدید", + "add": "افزودن کاربر جدید", "phone_number": "شماره تلفن", "phone_number_positive": "شماره تلفن باید مثبت باشد", "phone_number_error": "وارد کردن شماره تلفن الزامیست", diff --git a/src/components/dashboard/user-management/Form/AddForm.jsx b/src/components/dashboard/user-management/Form/CreateForm/CreateContent.jsx similarity index 86% rename from src/components/dashboard/user-management/Form/AddForm.jsx rename to src/components/dashboard/user-management/Form/CreateForm/CreateContent.jsx index 97e6c3b..1ab35f9 100644 --- a/src/components/dashboard/user-management/Form/AddForm.jsx +++ b/src/components/dashboard/user-management/Form/CreateForm/CreateContent.jsx @@ -1,30 +1,24 @@ -import {useTranslations} from "next-intl"; -import * as Yup from "yup"; -import {ADD_USER_MANAGEMENT} from "@/core/data/apiRoutes"; -import {useFormik} from "formik"; import { Button, - Dialog, DialogActions, DialogContent, - DialogTitle, FormControl, FormHelperText, InputLabel, MenuItem, Select, Stack, - TextField, - Tooltip + TextField } from "@mui/material"; +import {useTranslations} from "next-intl"; import useRequest from "@/lib/app/hooks/useRequest"; -import DataSaverOnIcon from "@mui/icons-material/DataSaverOn"; -import {useState} from "react"; +import * as Yup from "yup"; +import {useFormik} from "formik"; +import {ADD_USER_MANAGEMENT} from "@/core/data/apiRoutes"; -const AddForm = ({mutate, fetchUrl}) => { +const CreateContent = ({mutate, fetchUrl, setOpenConfirmDialog}) => { const t = useTranslations(); const requestServer = useRequest({auth: true}) - const [openConfirmDialog, setOpenConfirmDialog] = useState(false); const validationSchema = Yup.object().shape({ phone_number: Yup.mixed().test("is-number", `${t("AddDialog.phone_number_number")}`, (value) => !isNaN(value)).test("positive", `${t("AddDialog.phone_number_positive")}`, (value) => value >= 0) .test("max", `${t("AddDialog.phone_number_max")}`, (value) => value.length <= 11) @@ -40,8 +34,6 @@ const AddForm = ({mutate, fetchUrl}) => { }) }); - // validationSchema.describe({value: {type_id: true}}); - const formik = useFormik({ initialValues: { phone_number: "", @@ -67,24 +59,9 @@ const AddForm = ({mutate, fetchUrl}) => { }); }, }); - return ( - - - - - {t("AddDialog.add")} + + return ( + <> @@ -180,7 +157,7 @@ const AddForm = ({mutate, fetchUrl}) => { {t("AddDialog.button-add")} - - ); -}; -export default AddForm; \ No newline at end of file + + ) +} +export default CreateContent \ No newline at end of file diff --git a/src/components/dashboard/user-management/Form/CreateForm/index.jsx b/src/components/dashboard/user-management/Form/CreateForm/index.jsx new file mode 100644 index 0000000..58e5224 --- /dev/null +++ b/src/components/dashboard/user-management/Form/CreateForm/index.jsx @@ -0,0 +1,35 @@ +import {Button, Dialog, DialogTitle, Stack, Tooltip} from "@mui/material"; +import DataSaverOnIcon from "@mui/icons-material/DataSaverOn"; +import {useTranslations} from "next-intl"; +import {useState} from "react"; +import CreateContent from "@/components/dashboard/user-management/Form/CreateForm/CreateContent"; + +const CreateForm = ({mutate, fetchUrl}) => { + const t = useTranslations(); + const [openConfirmDialog, setOpenConfirmDialog] = useState(false); + + return ( + + + + + + {t("AddDialog.add")} + + + + ) +} +export default CreateForm \ No newline at end of file diff --git a/src/components/dashboard/user-management/TableToolbar.jsx b/src/components/dashboard/user-management/TableToolbar.jsx index 558cdc5..9ea36f5 100644 --- a/src/components/dashboard/user-management/TableToolbar.jsx +++ b/src/components/dashboard/user-management/TableToolbar.jsx @@ -1,10 +1,10 @@ import {useTranslations} from "next-intl"; -import AddForm from "./Form/AddForm"; +import CreateForm from "@/components/dashboard/user-management/Form/CreateForm"; function TableToolbar({mutate, fetchUrl}) { const t = useTranslations(); - return + return } From 46d0c415929ae8e9450cdd67491a5709991f9f9d Mon Sep 17 00:00:00 2001 From: Amin Ghasempoor Date: Sun, 17 Sep 2023 10:26:09 +0330 Subject: [PATCH 14/14] TF-99 error message required --- public/locales/fa/app.json | 7 +++++-- src/components/dashboard/change-password/index.jsx | 6 +++--- src/components/login-expert/index.jsx | 4 ++-- 3 files changed, 10 insertions(+), 7 deletions(-) diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json index bd591f2..071daf8 100644 --- a/public/locales/fa/app.json +++ b/public/locales/fa/app.json @@ -78,7 +78,8 @@ "link_routing_back_to": "بازگشت به", "link_routing_previuos_page": "صفحه قبل", "link_routing_main_page": "صفحه اصلی", - "error_message_required": "اجباری!" + "error_message_username": "وارد کردن نام کاربری الزامیست", + "error_message_password": "وارد کردن رمز عبور الزامیست" }, "ErrorPage": { "custom_404": "صفحه مورد نظر یافت نشد | 404", @@ -112,7 +113,9 @@ "label_current_password": "رمز عبور فعلی", "label_new_password": "رمز عبور جدید", "label_confirm_password": "تکرار رمز عبور جدید", - "error_message_required": "اجباری !", + "error_message_current_password": "وارد کردن رمز عبور فعلی الزامیست", + "error_message_new_password": "وارد کردن رمز عبور جدید الزامیست", + "error_message_confirm_password": "وارد کردن تکرار رمز عبور الزامیست", "error_message_password_length": "رمز عبور باید حداقل 8 کاراکتر باشد.", "error_message_password_match": "پسورد ها یکسان هستند", "error_message_password_not_match": "پسورد و تکرار رمز عبور باید یکسان باشد" diff --git a/src/components/dashboard/change-password/index.jsx b/src/components/dashboard/change-password/index.jsx index ae74de6..0adc477 100644 --- a/src/components/dashboard/change-password/index.jsx +++ b/src/components/dashboard/change-password/index.jsx @@ -35,13 +35,13 @@ const DashboardChangePasswordComponent = () => { }; const validationSchema = Yup.object().shape({ current_password: Yup.string().required( - t("ChangePassword.error_message_required") + t("ChangePassword.error_message_current_password") ), new_password: Yup.string() .min(8, t("ChangePassword.error_message_password_length")) - .required(t("ChangePassword.error_message_required")), + .required(t("ChangePassword.error_message_new_password")), new_password_confirmation: Yup.string() - .required(t("ChangePassword.error_message_required")) + .required(t("ChangePassword.error_message_confirm_password")) .test( t("ChangePassword.error_message_password_match"), t("ChangePassword.error_message_password_not_match"), diff --git a/src/components/login-expert/index.jsx b/src/components/login-expert/index.jsx index 2eaa3bd..9e8d3b3 100644 --- a/src/components/login-expert/index.jsx +++ b/src/components/login-expert/index.jsx @@ -46,8 +46,8 @@ const LoginComponent = () => { password: "", }; const validationSchema = Yup.object().shape({ - username: Yup.string().required(t("LoginPage.error_message_required")), - password: Yup.string().required(t("LoginPage.error_message_required")), + username: Yup.string().required(t("LoginPage.error_message_username")), + password: Yup.string().required(t("LoginPage.error_message_password")), }); return (