{item.title}
@@ -89,7 +95,7 @@ const Games = ({ gameId, chooseGame, selectedGames, isMobile }) => {
}
: { aspectRatio: "0.95/1" }
}
- onClick={() => chooseGame(item.id)}
+ onClick={() => {chooseGame(item.id); setTypes(item.includedProductTypes); console.log(item)}}
>
{selectedGames.includes(item.id) &&
diff --git a/src/view/register/index.js b/src/view/register/index.js
index c741d26..23de6e0 100644
--- a/src/view/register/index.js
+++ b/src/view/register/index.js
@@ -16,67 +16,150 @@ import { connect } from "react-redux";
import MobileRegister from './mobile'
import persian from "react-date-object/calendars/persian"
import persian_fa from "react-date-object/locales/persian_fa"
-import DatePicker from "react-multi-date-picker";
+import DatePicker, { DateObject } from "react-multi-date-picker";
+import "react-multi-date-picker/styles/colors/red.css"
import Checkbox from "../../components/Checkbox";
import { ostan } from "../../constants/states";
import { cities } from "../../constants/cities";
+import _onInput from "../../utils/onInput";
+import { publicApi, user } from "../../redux/actions";
+import { VscDebugBreakpointUnsupported } from "react-icons/vsc";
-const Register = ({ activeLogin, isMobile }) => {
+const Register = ({ activeLogin, isMobile, setProfile, getProvince, getCity, province, city, user }) => {
const [steps, setSteps] = useState(0);
const [index, setIndex] = useState(1);
const [register, setRegister] = useState(false);
const timeoutRef = useRef(null);
const [activeStep, setActiveStep] = useState([true, false, false, false]);
const [error, setError] = useState('');
+ useEffect(() => {
+ getProvince();
+ getCity();
+ }, [])
+ useEffect(() => {
+ if(user?.firstName !== null){
+ setUserInfo({...userInfo,
+ firstName: user.firstName,
+ lastName: user.lastName,
+ nationalId: user.nationalId,
+ // birthDate: user.birthDate.toLocaleDateString('fa-IR'),
+ gender: user.gender,
+ previousSchoolName: user.previousSchoolName,
+ previousSchoolType: user.previousSchoolType,
+ zone:user.zone,
+ familyMemberCount: user.familyMemberCount,
+ phone: user.phone,
+ address: user.address
+
+ })
+ }
+ }, [user])
+ useEffect(() => {
+ window.scrollTo(0,0);
+ }, [steps])
+ const madraks = [
+ {
+ id: 0,
+ title: 'مدرک تحصیلی'
+ },
+ {
+ id: 1,
+ title: 'ابتدایی'
+ },
+ {
+ id: 2,
+ title: 'راهنمایی'
+ },
+ {
+ id: 3,
+ title: 'دیپلم'
+ },
+ {
+ id: 4,
+ title: 'فوق دیپلم'
+ },
+ {
+ id: 5,
+ title: 'کارشناسی'
+ },
+ {
+ id: 6,
+ title: 'کارشناسی ارشد'
+ },
+ {
+ id: 7,
+ title: 'دکتری عمومی'
+ },
+ {
+ id: 8,
+ title: 'دکترای حرفهای'
+ },
+ {
+ id: 9,
+ title: 'دکترای تخصصی'
+ },
+ {
+ id: 10,
+ title: 'فوق تخصص'
+ },
+ ]
const [userInfo, setUserInfo] = useState({
- name: null,
- familyName: null,
+ firstName: null,
+ lastName: null,
nationalId: null,
birthDate: null,
- sex: null,
- grade: null,
- schoolName: null,
- city: null,
- state: null,
- fatherName: null,
- fatherNationalId: null,
- fatherFamilyName: null,
- fatherJob: null,
- fatherMajor: null,
- fatherPhoneNumber: null,
- fatherJobAddress: null,
- fatherJobPhoneNumber: null,
- motherName: null,
- motherNationalId: null,
- motherFamilyName: null,
- motherJob: null,
- motherMajor: null,
- motherPhoneNumber: null,
- motherJobAddress: null,
- motherJobPhoneNumber: null,
-
- familyNumber: null,
+ gender: null,
+ gradeIds: null,
+ previousSchoolName: null,
+ previousSchoolType: null,
+ cityId: null,
+ provinceId: null,
+ zone: null,
+ fatherInfo: {
+ firstName: null,
+ nationalId: null,
+ lastName: null,
+ job: null,
+ education: null,
+ cellphone: null,
+ workPlace: null,
+ workPhone: null,
+ },
+ motherInfo: {
+ firstName: null,
+ nationalId: null,
+ lastName: null,
+ job: null,
+ education: null,
+ cellphone: null,
+ workPlace: null,
+ workPhone: null,
+ },
+
+ familyMemberCount: null,
address: null,
- homePhoneNumber: null,
+ phone: null,
+ rulesAccepted: false,
+
});
const finalViewInfo = [
{
title: 'نام',
- value: userInfo.name
+ value: userInfo.firstName
},
{
title: 'نام خانوادگی',
- value: userInfo.familyName
+ value: userInfo.lastName
},
{
title: 'جنسیت',
- value: userInfo.sex
+ value: userInfo.gender
},
{
title: 'کد ملی',
@@ -84,87 +167,87 @@ const Register = ({ activeLogin, isMobile }) => {
},
{
title: 'تاریخ تولد',
- value: userInfo.birthDate
+ value: userInfo.birthDate?.toLocaleDateString('fa-IR')
},
{
title: 'نام مدرسه ',
- value: userInfo.schoolName
+ value: userInfo.previousSchoolName
},
{
title: 'شهر',
- value: userInfo.city
+ value: userInfo.cityId
},
{
title: 'منطقه',
- value: userInfo.state
+ value: userInfo.zone
},
{
title: 'نام',
- value: userInfo.fatherName
+ value: userInfo.fatherInfo.firstName
},
{
title: 'نام خانوادگی',
- value: userInfo.fatherFamilyName
+ value: userInfo.fatherInfo.lastName
},
{
title: 'کدملی',
- value: userInfo.fatherNationalId
+ value: userInfo.fatherInfo.nationalId
},
{
title: 'مدرک تحصیلی',
- value: userInfo.fatherMajor
+ value:madraks.find(itm => itm.id == userInfo.fatherInfo.education)?.title
},
{
title: 'تلفن همراه',
- value: userInfo.fatherPhoneNumber
+ value: userInfo.fatherInfo.cellphone
},
{
title: 'شغل',
- value: userInfo.fatherJob
+ value: userInfo.fatherInfo.job
},
{
title: 'محل کار',
- value: userInfo.fatherJobAddress
+ value: userInfo.fatherInfo.workPlace
},
{
title: 'تلفن محل کار',
- value: userInfo.fatherJobPhoneNumber
+ value: userInfo.fatherInfo.workPhone
},
{
title: 'نام',
- value: userInfo.motherName
+ value: userInfo.motherInfo.firstName
},
{
title: 'نام خانوادگی',
- value: userInfo.motherFamilyName
+ value: userInfo.motherInfo.lastName
},
{
title: 'کدملی',
- value: userInfo.motherNationalId
+ value: userInfo.motherInfo.nationalId
},
{
title: 'مدرک تحصیلی',
- value: userInfo.motherMajor
+ value: madraks.find(itm => itm.id == userInfo.motherInfo.education)?.title
},
{
title: 'تلفن همراه',
- value: userInfo.motherPhoneNumber
+ value: userInfo.motherInfo.cellphone
},
{
title: 'شغل',
- value: userInfo.motherJob
+ value: userInfo.motherInfo.job
},
{
title: 'محل کار',
- value: userInfo.motherJobAddress
+ value: userInfo.motherInfo.workPlace
},
{
title: 'تلفن محل کار',
- value: userInfo.motherJobPhoneNumber
+ value: userInfo.motherInfo.workPhone
},
{
title: 'تعداد افراد خانواده',
- value: userInfo.familyNumber
+ value: userInfo.familyMemberCount
},
{
title: 'نشانی محل سکونت',
@@ -172,7 +255,7 @@ const Register = ({ activeLogin, isMobile }) => {
},
{
title: 'تلفن ثابت',
- value: userInfo.homePhoneNumber
+ value: userInfo.phone
},
];
@@ -279,11 +362,11 @@ const Register = ({ activeLogin, isMobile }) => {
},
{
id: 1,
- title: 'مذکر',
+ title: 'آقا',
},
{
id: 2,
- title: 'مونث',
+ title: 'خانم',
}
]
const CostumeDatePickerInput = ({ openCalendar, value, handleValueChange, title }) => {
@@ -293,43 +376,14 @@ const Register = ({ activeLogin, isMobile }) => {
value={value}
onChange={handleValueChange}
title={title}
- className="w-52"
+ className="w-52 mx-1"
+ // type='date'
id={3}
/>
)
}
- const madraks = [
- {
- id: 0,
- title: 'مدرک تحصیلی'
- },
- {
- id: 1,
- title: 'ابتدایی'
- },
- {
- id: 2,
- title: 'دیپلم'
- },
- {
- id: 3,
- title: 'فوق دیپلم'
- },
- {
- id: 4,
- title: 'کارشناسی'
- },
- {
- id: 5,
- title: 'کارشناسی ارشد'
- },
- {
- id: 6,
- title: 'دکتری'
- },
- ]
-
+
const [selectedState, setSelectedState] = useState(null);
const [selectedCity, setSelectedCity] = useState(null);
return (
@@ -340,7 +394,7 @@ const Register = ({ activeLogin, isMobile }) => {
{/* form */}
{console.log(userInfo)}
-
+
{/*
*/}
@@ -381,6 +435,7 @@ const Register = ({ activeLogin, isMobile }) => {
+
{/* Content */}
@@ -393,31 +448,50 @@ const Register = ({ activeLogin, isMobile }) => {
مشخصات هویتی دانش آموز
اطلاعات هویتی دانش آموز را با دقت تکمیل و عکس مدارک را بارگزاری نمایید
-
-
+
+
-
setUserInfo({ ...userInfo, name: e.target.value })} />
-
setUserInfo({ ...userInfo, familyName: e.target.value })} />
-
setUserInfo({ ...userInfo, nationalId: e.target.value })} />
+
setUserInfo({ ...userInfo, firstName: _onInput.noNumber(e.target.value)})} />
+
setUserInfo({ ...userInfo, lastName: _onInput.noNumber(e.target.value) })} />
+
setUserInfo({ ...userInfo, nationalId: _onInput.numberOnly(e.target.value) })} />
{/*
*/}
setUserInfo({ ...userInfo, birthDate: e.day})}
+ onChange={(e) =>{
+ // console.log(e)
+ var s = new Date(e.unix * 1000)
+ // console.log(date)
+ setUserInfo({ ...userInfo, birthDate: s })
+ }}
calendar={persian}
-
+ className="red"
locale={persian_fa}
- renderButton={(direction, handleClick) => (
-
- )}
+ maxDate="1396/01/01"
+ currentDate={
+ new DateObject({
+ year: 2017,
+ month: 1,
+ day: 1
+ })
+ }
+ renderButton={(direction, handleClick) =>
+ {
+ return handleClick()}
+ >
+ {direction === "right" ? ">" : "<"}
+
+ }
+ }
render={}
/>
-
-
-
+
@@ -444,44 +519,54 @@ const Register = ({ activeLogin, isMobile }) => {
پایه تحصیلی
لطفا پایه تحصیلی دانش آموز را وارد کنید
-
-
مشخصات هویتی دانش آموز
-
اطلاعات هویتی دانش آموز را با دقت تکمیل و عکس مدارک را بارگزاری نمایید
+
اطلاعات محل تحصیل
+
لطفا اطلاعات مربوط به محل تحصیل دانش آموز را وارد کنید
- setUserInfo({ ...userInfo, schoolName: e.target.value })} />
-
+ setUserInfo({ ...userInfo, previousSchoolName: e.target.value })} />
+
+
- {
- selectedState !== null &&
-
- }
- {
- selectedCity !== null &&
- }
+
+
+
+
+ setUserInfo({ ...userInfo, zone: e.target.value })} />
+
@@ -494,7 +579,7 @@ const Register = ({ activeLogin, isMobile }) => {
} else {
alert('لطفا تمامی فیلد ها را پر کنید')
}
-
+
}} />
@@ -514,14 +599,28 @@ const Register = ({ activeLogin, isMobile }) => {
-
setUserInfo({ ...userInfo, fatherName: e.target.value })}/>
-
setUserInfo({ ...userInfo, fatherNationalId: e.target.value })}/>
-
-
-
setUserInfo({ ...userInfo, fatherFamilyName: e.target.value })}/>
-
{/* */}
-
+
+ e.target.checked ? setUserInfo({...userInfo, rulesAccepted: true})
+ :setUserInfo({...userInfo, rulesAccepted: false})
+
+
+ }/>
@@ -706,46 +844,47 @@ const Register = ({ activeLogin, isMobile }) => {
لطفا اطلاعاتی که وارد کرده اید را چک کنید
-
-
-
مشخصات دانش آموز
- {
- finalViewInfo.slice(0, 8).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
-
-
-
مشخصات پدر دانش آموز
- {
- finalViewInfo.slice(8, 16).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
-
-
-
مشخصات مادر دانش آموز
- {
- finalViewInfo.slice(16, 24).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
-
-
-
مشخصات خانواده دانش آموز
- {
- finalViewInfo.slice(24, 27).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
+
+
+
مشخصات دانش آموز
+ {
+ finalViewInfo.slice(0, 8).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
+
+
مشخصات پدر دانش آموز
+ {
+ finalViewInfo.slice(8, 16).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
+
+
مشخصات مادر دانش آموز
+ {
+ finalViewInfo.slice(16, 24).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
+
+
مشخصات خانواده دانش آموز
+ {
+ finalViewInfo.slice(24, 27).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
@@ -758,8 +897,9 @@ const Register = ({ activeLogin, isMobile }) => {
-
@@ -780,7 +920,15 @@ const Register = ({ activeLogin, isMobile }) => {
};
const mapStateToProps = (state) => ({
isMobile: state.publicApi.isMobile,
+ province: state.publicApi.province,
+ city: state.publicApi.city,
+ user: state.user.status,
})
+const mapDispatchToProps = {
+ setProfile: user.setProfile,
+ getProvince: publicApi.getProvince,
+ getCity: publicApi.getCity,
+}
-export default connect(mapStateToProps)(Register);
\ No newline at end of file
+export default connect(mapStateToProps, mapDispatchToProps)(Register);
\ No newline at end of file
diff --git a/src/view/register/mobile/index.js b/src/view/register/mobile/index.js
index a94d6e8..70f9bb6 100644
--- a/src/view/register/mobile/index.js
+++ b/src/view/register/mobile/index.js
@@ -11,65 +11,176 @@ import Stepper from "../../../components/Stepper";
import { connect } from "react-redux";
import { toast } from "react-toastify";
import Checkbox from "../../../components/Checkbox";
-
-
-const MobileRegister = ({ activeLogin, isMobile }) => {
+import { user, publicApi } from "../../../redux/actions";
+import _onInput from "../../../utils/onInput";
+import persian from "react-date-object/calendars/persian"
+import persian_fa from "react-date-object/locales/persian_fa"
+import DatePicker, { DateObject } from "react-multi-date-picker";
+import "react-multi-date-picker/styles/colors/red.css"
+import "react-multi-date-picker/styles/layouts/mobile.css"
+
+
+const MobileRegister = ({
+ activeLogin,
+ isMobile,
+ getProvince,
+ getCity,
+ province,
+ city,
+ user,
+ setProfile
+}) => {
const [steps, setSteps] = useState(0);
const [index, setIndex] = useState(1);
const [register, setRegister] = useState(false);
const timeoutRef = useRef(null);
const [activeStep, setActiveStep] = useState([true, false, false, false]);
const [error, setError] = useState('');
-
+ const [selectedState, setSelectedState] = useState(null);
+ const [selectedCity, setSelectedCity] = useState(null);
+
useEffect(() => {
- window.scrollTo(0,0)
+ window.scrollTo(0, 0)
}, [steps])
+ useEffect(() => {
+ getProvince();
+ getCity();
+ }, [])
+ useEffect(() => {
+ if (user?.firstName !== null) {
+ setUserInfo({
+ ...userInfo,
+ firstName: user.firstName,
+ lastName: user.lastName,
+ nationalId: user.nationalId,
+ // birthDate: user.birthDate.toLocaleDateString('fa-IR'),
+ gender: user.gender,
+ previousSchoolName: user.previousSchoolName,
+ previousSchoolType: user.previousSchoolType,
+ zone: user.zone,
+ familyMemberCount: user.familyMemberCount,
+ phone: user.phone,
+ address: user.address
+
+ })
+ }
+ }, [user])
+
+
+ const madraks = [
+ {
+ id: 0,
+ title: 'مدرک تحصیلی'
+ },
+ {
+ id: 1,
+ title: 'ابتدایی'
+ },
+ {
+ id: 2,
+ title: 'راهنمایی'
+ },
+ {
+ id: 3,
+ title: 'دیپلم'
+ },
+ {
+ id: 4,
+ title: 'فوق دیپلم'
+ },
+ {
+ id: 5,
+ title: 'کارشناسی'
+ },
+ {
+ id: 6,
+ title: 'کارشناسی ارشد'
+ },
+ {
+ id: 7,
+ title: 'دکتری عمومی'
+ },
+ {
+ id: 8,
+ title: 'دکترای حرفهای'
+ },
+ {
+ id: 9,
+ title: 'دکترای تخصصی'
+ },
+ {
+ id: 10,
+ title: 'فوق تخصص'
+ },
+ ]
+ const genders = [
+ {
+ id: 0,
+ title: 'جنسیت'
+ },
+ {
+ id: 1,
+ title: 'آقا',
+ },
+ {
+ id: 2,
+ title: 'خانم',
+ }
+ ]
const [userInfo, setUserInfo] = useState({
- name: null,
- familyName: null,
+ firstName: null,
+ lastName: null,
nationalId: null,
birthDate: null,
- sex: null,
- grade: null,
- schoolName: null,
- city: null,
- state: null,
- fatherName: null,
- fatherNationalId: null,
- fatherFamilyName: null,
- fatherJob: null,
- fatherMajor: null,
- fatherPhoneNumber: null,
- fatherJobAddress: null,
- fatherJobPhoneNumber: null,
- motherName: null,
- motherNationalId: null,
- motherFamilyName: null,
- motherJob: null,
- motherMajor: null,
- motherPhoneNumber: null,
- motherJobAddress: null,
- motherJobPhoneNumber: null,
-
- familyNumber: null,
+ gender: null,
+ gradeIds: null,
+ previousSchoolName: null,
+ previousSchoolType: null,
+ cityId: null,
+ provinceId: null,
+ zone: null,
+ fatherInfo: {
+ firstName: null,
+ nationalId: null,
+ lastName: null,
+ job: null,
+ education: null,
+ cellphone: null,
+ workPlace: null,
+ workPhone: null,
+ },
+ motherInfo: {
+ firstName: null,
+ nationalId: null,
+ lastName: null,
+ job: null,
+ education: null,
+ cellphone: null,
+ workPlace: null,
+ workPhone: null,
+ },
+
+ familyMemberCount: null,
address: null,
- homePhoneNumber: null,
+ phone: null,
+ rulesAccepted: false,
+
});
const finalViewInfo = [
{
title: 'نام',
- value: userInfo.name
+ value: userInfo.firstName
},
{
title: 'نام خانوادگی',
- value: userInfo.familyName
+ value: userInfo.lastName
},
{
title: 'جنسیت',
- value: userInfo.sex
+ value: userInfo.gender
},
{
title: 'کد ملی',
@@ -77,87 +188,87 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
},
{
title: 'تاریخ تولد',
- value: userInfo.birthDate
+ value: userInfo.birthDate?.toLocaleDateString('fa-IR')
},
{
title: 'نام مدرسه ',
- value: userInfo.schoolName
+ value: userInfo.previousSchoolName
},
{
title: 'شهر',
- value: userInfo.city
+ value: userInfo.cityId
},
{
title: 'منطقه',
- value: userInfo.state
+ value: userInfo.zone
},
{
title: 'نام',
- value: userInfo.fatherName
+ value: userInfo.fatherInfo.firstName
},
{
title: 'نام خانوادگی',
- value: userInfo.fatherFamilyName
+ value: userInfo.fatherInfo.lastName
},
{
title: 'کدملی',
- value: userInfo.fatherNationalId
+ value: userInfo.fatherInfo.nationalId
},
{
title: 'مدرک تحصیلی',
- value: userInfo.fatherMajor
+ value: madraks.find(itm => itm.id == userInfo.fatherInfo.education)?.title
},
{
title: 'تلفن همراه',
- value: userInfo.fatherPhoneNumber
+ value: userInfo.fatherInfo.cellphone
},
{
title: 'شغل',
- value: userInfo.fatherJob
+ value: userInfo.fatherInfo.job
},
{
title: 'محل کار',
- value: userInfo.fatherJobAddress
+ value: userInfo.fatherInfo.workPlace
},
{
title: 'تلفن محل کار',
- value: userInfo.fatherJobPhoneNumber
+ value: userInfo.fatherInfo.workPhone
},
{
title: 'نام',
- value: userInfo.motherName
+ value: userInfo.motherInfo.firstName
},
{
title: 'نام خانوادگی',
- value: userInfo.motherFamilyName
+ value: userInfo.motherInfo.lastName
},
{
title: 'کدملی',
- value: userInfo.motherNationalId
+ value: userInfo.motherInfo.nationalId
},
{
title: 'مدرک تحصیلی',
- value: userInfo.motherMajor
+ value: madraks.find(itm => itm.id == userInfo.motherInfo.education)?.title
},
{
title: 'تلفن همراه',
- value: userInfo.motherPhoneNumber
+ value: userInfo.motherInfo.cellphone
},
{
title: 'شغل',
- value: userInfo.motherJob
+ value: userInfo.motherInfo.job
},
{
title: 'محل کار',
- value: userInfo.motherJobAddress
+ value: userInfo.motherInfo.workPlace
},
{
title: 'تلفن محل کار',
- value: userInfo.motherJobPhoneNumber
+ value: userInfo.motherInfo.workPhone
},
{
title: 'تعداد افراد خانواده',
- value: userInfo.familyNumber
+ value: userInfo.familyMemberCount
},
{
title: 'نشانی محل سکونت',
@@ -165,7 +276,7 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
},
{
title: 'تلفن ثابت',
- value: userInfo.homePhoneNumber
+ value: userInfo.phone
},
];
@@ -212,10 +323,7 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
},
]
const grades = [
- {
- id: 0,
- title: ''
- },
+
{
id: 1,
title: 'پایه اول'
@@ -268,15 +376,30 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
]
+ const CostumeDatePickerInput = ({ openCalendar, value, handleValueChange, title }) => {
+ return (
+
+
+ )
+ }
+
return (
-
-
+
+
{/* form */}
{console.log(userInfo)}
-
+
{/* Content */}
@@ -287,38 +410,74 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
مشخصات هویتی دانش آموز
-
مرحله ۱ از ۴
+
مرحله ۱ از ۴
-
+
پایه تحصیلی
لطفا پایه تحصیلی دانش آموز را وارد کنید
-
@@ -328,15 +487,39 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
اطلاعات هویتی دانش آموز را با دقت تکمیل و عکس مدارک را بارگزاری نمایید
-
-
@@ -344,31 +527,16 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
-
+
@@ -378,9 +546,9 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
steps == 1 &&
مشخصات هویتی پدر
@@ -389,26 +557,51 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
-
-
-
-
-
-
-
-
-
-
-
+
setUserInfo({
+ ...userInfo, fatherInfo: {
+ ...userInfo.fatherInfo,
+ firstName: _onInput.noNumber(e.target.value)
+ }
+ })} />
+
setUserInfo({ ...userInfo, fatherInfo: { ...userInfo.fatherInfo, lastName: _onInput.noNumber(e.target.value) } })} />
+
setUserInfo({
+ ...userInfo, fatherInfo: {
+ ...userInfo.fatherInfo,
+ nationalId: _onInput.numberOnly(e.target.value)
+ }
+ })} />
+
-
-
+
setUserInfo({
+ ...userInfo, fatherInfo: {
+ ...userInfo.fatherInfo,
+ cellphone: _onInput.phonenumber(e.target.value)
+ }
+ })} />
+
setUserInfo({ ...userInfo, fatherInfo: { ...userInfo.fatherInfo, job: e.target.value } })} />
-
-
+
setUserInfo({ ...userInfo, fatherInfo: { ...userInfo.fatherInfo, workPlace: e.target.value } })} />
+
setUserInfo({ ...userInfo, fatherInfo: { ...userInfo.fatherInfo, workPhone: _onInput.numberOnly(e.target.value) } })} />
@@ -425,25 +618,60 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
-
-
-
+
setUserInfo({ ...userInfo, motherInfo: { ...userInfo.motherInfo, firstName: _onInput.noNumber(e.target.value) } })} />
-
-
+
setUserInfo({ ...userInfo, motherInfo: { ...userInfo.motherInfo, lastName: _onInput.noNumber(e.target.value) } })} />
+
setUserInfo({ ...userInfo, motherInfo: { ...userInfo.motherInfo, nationalId: _onInput.numberOnly(e.target.value) } })} />
+
-
-
-
-
-
-
-
-
-
+
setUserInfo({
+ ...userInfo, motherInfo: {
+ ...userInfo.motherInfo,
+ cellphone: _onInput.phonenumber(e.target.value)
+ }
+ })} />
+
setUserInfo({
+ ...userInfo, motherInfo: {
+ ...userInfo.motherInfo,
+ job: e.target.value
+ }
+ })} />
+
+
+
setUserInfo({
+ ...userInfo, motherInfo: {
+ ...userInfo.motherInfo,
+ workPlace: e.target.value
+ }
+ })} />
+
setUserInfo({
+ ...userInfo, motherInfo: {
+ ...userInfo.motherInfo,
+ workPhone: _onInput.numberOnly(e.target.value)
+ }
+ })} />
@@ -458,21 +686,16 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
در این قسمت مشخص کنید دانشس آموز به همراه چه کسانی زندگی میکند
-
-
-
-
-
-
+
+ setUserInfo({ ...userInfo, familyMemberCount: e.target.value })} />
+ setUserInfo({ ...userInfo, phone: _onInput.numberOnly(e.target.value) })} />
+
+ setUserInfo({ ...userInfo, address: e.target.value })} />
+
+
+
-
-
-
@@ -487,46 +710,13 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
@@ -540,13 +730,13 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
steps == 2 &&
<>
-
+
تایید قوانین و مقررات
-
مرحله ۳ از ۴
+
مرحله ۳ از ۴
-
-
+
+
بند اول: موارد مربوط به آموزش مخاطبین
پیر مردی هر روز تو محله می دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی فوتبال بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک گفت بیا این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر مرد کرد و گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک گفت پس دوست خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم
هر نفسی که فرو می بریم، مرگی را که مدام به ما دست اندازی میکند پس میزند... در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد بخشی از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان و دلواپسی زیاد به زندگی ادامه می دهیم، همان طور که تا آنجا که ممکن است طولانی تر در یک حباب صابون می دمیم تا بزرگتر شود، گر چه با قطعیتی تمام می دانیم که خواهد ترکید.
@@ -563,16 +753,21 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
-
+
+ e.target.checked ? setUserInfo({...userInfo, rulesAccepted: true})
+ :setUserInfo({...userInfo, rulesAccepted: false})
+
+
+ }/>
+ اینجانبان
+ {userInfo.fatherInfo.firstName} {userInfo.fatherInfo.lastName}
+ و
+ {userInfo.motherInfo.firstName} {userInfo.motherInfo.lastName}
+ سرپرست های دانش آموز
+ {userInfo.firstName} {userInfo.lastName}
+ با قوانین و مقررات موافقت نموده و تمامی موارد به عهده اینجانب میباشد
+
@@ -598,68 +793,68 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
steps == 3 &&
<>
-
+
تایید اطلاعات
-
مرحله ۴ از ۴
+
مرحله ۴ از ۴
-
+
-
مشخصات دانش آموز
- {
- finalViewInfo.slice(0,8).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
-
-
-
مشخصات پدر دانش آموز
- {
- finalViewInfo.slice(8,16).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
-
-
-
مشخصات مادر دانش آموز
- {
- finalViewInfo.slice(16,24).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
-
-
-
مشخصات خانواده دانش آموز
- {
- finalViewInfo.slice(24,27).map(item => (
-
-
{item.title}
:
{item.value}
-
- ))
- }
-
-
+
مشخصات دانش آموز
+ {
+ finalViewInfo.slice(0, 8).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
+
+
مشخصات پدر دانش آموز
+ {
+ finalViewInfo.slice(8, 16).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
+
+
مشخصات مادر دانش آموز
+ {
+ finalViewInfo.slice(16, 24).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
+
+
مشخصات خانواده دانش آموز
+ {
+ finalViewInfo.slice(24, 27).map(item => (
+
+
{item.title}
:
{item.value}
+
+ ))
+ }
+
+
-
-
-
+
+
+
-
-
+
+
-
+
+
@@ -676,7 +871,16 @@ const MobileRegister = ({ activeLogin, isMobile }) => {
};
const mapStateToProps = (state) => ({
isMobile: state.publicApi.isMobile,
+ province: state.publicApi.province,
+ city: state.publicApi.city,
+ user: state.user.status,
})
+const mapDispatchToProps = {
+ setProfile: user.setProfile,
+ getProvince: publicApi.getProvince,
+ getCity: publicApi.getCity,
+}
+
-export default connect(mapStateToProps)(MobileRegister);
\ No newline at end of file
+export default connect(mapStateToProps, mapDispatchToProps)(MobileRegister);
\ No newline at end of file
diff --git a/src/view/services/index.js b/src/view/services/index.js
index 3130c8e..1a2ec2e 100644
--- a/src/view/services/index.js
+++ b/src/view/services/index.js
@@ -34,9 +34,20 @@ const Services = ({
headerOptions,
videos,
pushToCart,
+ pushSchoolToCart
}) => {
- const [filterCheck, setFilterCheck] = useState(null);
+ const [filterCheck, setFilterCheck] = useState([
+ {
+ id:1,
+ title: 'حضوری',
+ },
+ {
+ id:2,
+ title: 'آنلاین',
+ },
+ ]);
+ const [selectedFilters, setSelectedFilters] = useState([])
const [filter, setFilter] = useState({
search: "",
grade: "",
@@ -55,6 +66,7 @@ const Services = ({
classMinute: "",
});
const [sharzhVal, setSharzhVal] = useState('');
+ const [selectedProductTypes, setSelectedProductTypes] = useState([1]);
// const onChange = (name, value) => {
// setFilter({ ...filter, [name]: value });
// };
@@ -105,7 +117,9 @@ const Services = ({
const [gameId, setGameId] = useState(1);
const chooseGame = (id) => {
setGameId(id);
+ console.log(selectedProductTypes)
};
+ console.log(gameId)
if (!isMobile) {
return (
setSelectedProductTypes(val)}
/>
{/* filters */}
@@ -223,19 +238,26 @@ const Services = ({
+ {
+ filterCheck.map((filter) => (
- setFilterCheck('Online')
- }
+ onClick={(prevState) =>{
+ if(selectedFilters.includes(filter.id)){
+ setSelectedFilters(selectedFilters.filter(itm => itm !== filter.id))
+ }else{
+ setSelectedFilters([...selectedFilters, filter.id])
+ }
+ }}
>
-
آنلاین
- {filterCheck == 'Online' && (
+
{filter.title}
+ {selectedFilters.includes(filter.id) && (
-