|
|
|
@ -1,25 +1,26 @@ |
|
|
|
import React, { useEffect, useState, useRef } from "react"; |
|
|
|
import React, { useEffect, useState, useRef } from "react"; |
|
|
|
import { Link } from "react-router-dom"; |
|
|
|
import { Link } from "react-router-dom"; |
|
|
|
import logo from "../../assets/img/logo.png"; |
|
|
|
import logo from "../../assets/img/logo.png"; |
|
|
|
import firstPic from '../../assets/img/undraw_professor_-8-lrt.svg'; |
|
|
|
import firstPic from "../../assets/img/undraw_professor_-8-lrt.svg"; |
|
|
|
import secondPic from '../../assets/img/undraw_quiz_nlyh.svg'; |
|
|
|
import secondPic from "../../assets/img/undraw_quiz_nlyh.svg"; |
|
|
|
import thirdPic from '../../assets/img/undraw_certificate_re_yadi.svg'; |
|
|
|
import thirdPic from "../../assets/img/undraw_certificate_re_yadi.svg"; |
|
|
|
import { Slide } from 'react-slideshow-image'; |
|
|
|
import { Slide } from "react-slideshow-image"; |
|
|
|
import './index.css'; |
|
|
|
import "./index.css"; |
|
|
|
import VerificationInput from "../../components/verificationInput"; |
|
|
|
import VerificationInput from "../../components/verificationInput"; |
|
|
|
import { useNavigate } from "react-router-dom"; |
|
|
|
import { useNavigate } from "react-router-dom"; |
|
|
|
import Input from "../../components/input/signUpInput"; |
|
|
|
import Input from "../../components/input/signUpInput"; |
|
|
|
import onInput from "../../utils/onInput"; |
|
|
|
import onInput from "../../utils/onInput"; |
|
|
|
import Timer from "../../components/Timer"; |
|
|
|
import Timer from "../../components/Timer"; |
|
|
|
import LoginSignUpMobile from './mobile' |
|
|
|
import LoginSignUpMobile from "./mobile"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import { connect } from "react-redux"; |
|
|
|
import { connect } from "react-redux"; |
|
|
|
import { user, publicApi } from "../../redux/actions"; |
|
|
|
import { user, publicApi } from "../../redux/actions"; |
|
|
|
import axios from "axios"; |
|
|
|
import axios from "axios"; |
|
|
|
import { ApiConfig } from "../../constants/defaultValues"; |
|
|
|
import { ApiConfig } from "../../constants/defaultValues"; |
|
|
|
|
|
|
|
import SignUpBox from "./SignUpBox"; |
|
|
|
|
|
|
|
|
|
|
|
const LoginSignUp = ({ activeLogin, |
|
|
|
const LoginSignUp = ({ |
|
|
|
|
|
|
|
activeLogin, |
|
|
|
sendOtp, |
|
|
|
sendOtp, |
|
|
|
sendPhoneNumber, |
|
|
|
sendPhoneNumber, |
|
|
|
loginFlag, |
|
|
|
loginFlag, |
|
|
|
@ -27,13 +28,15 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
headerOptions, |
|
|
|
headerOptions, |
|
|
|
setHeaderOptions, |
|
|
|
setHeaderOptions, |
|
|
|
isMobile, |
|
|
|
isMobile, |
|
|
|
bnLogin |
|
|
|
bnLogin, |
|
|
|
}) => { |
|
|
|
}) => { |
|
|
|
const [steps, setSteps] = useState(0); |
|
|
|
const [steps, setSteps] = useState(0); |
|
|
|
const [index, setIndex] = useState(1); |
|
|
|
const [index, setIndex] = useState(1); |
|
|
|
const [register, setRegister] = useState(false); |
|
|
|
const [register, setRegister] = useState(false); |
|
|
|
const timeoutRef = useRef(null); |
|
|
|
const timeoutRef = useRef(null); |
|
|
|
const [ppSection, setPpSection] = useState(false); |
|
|
|
const [ppSection, setPpSection] = useState(false); |
|
|
|
|
|
|
|
//ark add------------------------------------------
|
|
|
|
|
|
|
|
const [signUp, setSignUp] = useState(false); |
|
|
|
|
|
|
|
|
|
|
|
const focusHandler = (id) => { |
|
|
|
const focusHandler = (id) => { |
|
|
|
let inputs = document.querySelectorAll(".Login-box-form-item"); |
|
|
|
let inputs = document.querySelectorAll(".Login-box-form-item"); |
|
|
|
@ -68,11 +71,11 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
resetTimeout(); |
|
|
|
resetTimeout(); |
|
|
|
timeoutRef.current = setTimeout( |
|
|
|
timeoutRef.current = setTimeout( |
|
|
|
() => { |
|
|
|
() => { |
|
|
|
setIndex((prevIndex) => prevIndex + 1 |
|
|
|
setIndex( |
|
|
|
|
|
|
|
(prevIndex) => prevIndex + 1 |
|
|
|
// prevIndex === slideContents.length - 1 ? 0 : prevIndex + 1
|
|
|
|
// prevIndex === slideContents.length - 1 ? 0 : prevIndex + 1
|
|
|
|
) |
|
|
|
); |
|
|
|
if (index === slideContents.length) |
|
|
|
if (index === slideContents.length) setTimeout(setIndex(1), 1000); |
|
|
|
setTimeout(setIndex(1), 1000) |
|
|
|
|
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
delay |
|
|
|
delay |
|
|
|
@ -86,27 +89,27 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
{ |
|
|
|
{ |
|
|
|
id: 0, |
|
|
|
id: 0, |
|
|
|
image: firstPic, |
|
|
|
image: firstPic, |
|
|
|
title: 'یک معلم دیوانه در کمین شما نشسته است مراقب باشید', |
|
|
|
title: "یک معلم دیوانه در کمین شما نشسته است مراقب باشید", |
|
|
|
description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', |
|
|
|
description: |
|
|
|
|
|
|
|
"معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ", |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
id: 1, |
|
|
|
id: 1, |
|
|
|
image: secondPic, |
|
|
|
image: secondPic, |
|
|
|
title: 'یک آزمون سخت و افتضاح در راه هست!', |
|
|
|
title: "یک آزمون سخت و افتضاح در راه هست!", |
|
|
|
description: 'لورم ایپسوم نمیخواستم استفاده کنم برای همین این متنای عجیب رو مینویسم ببینم چجوری میشه تهش بالاخره اونا هم قراره یه متن عجیب بنویسن ', |
|
|
|
description: |
|
|
|
|
|
|
|
"لورم ایپسوم نمیخواستم استفاده کنم برای همین این متنای عجیب رو مینویسم ببینم چجوری میشه تهش بالاخره اونا هم قراره یه متن عجیب بنویسن ", |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
id: 2, |
|
|
|
id: 2, |
|
|
|
image: thirdPic, |
|
|
|
image: thirdPic, |
|
|
|
title: 'یک اسلاید عجیب غریب دیگر در راه هست', |
|
|
|
title: "یک اسلاید عجیب غریب دیگر در راه هست", |
|
|
|
description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', |
|
|
|
description: |
|
|
|
|
|
|
|
"معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ", |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
]; |
|
|
|
]; |
|
|
|
const delay = 2500; |
|
|
|
const delay = 2500; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const [level, setLevel] = useState("phonenumber"); |
|
|
|
const [level, setLevel] = useState("phonenumber"); |
|
|
|
const [signUpFields, setSignUpFiels] = useState({}); |
|
|
|
const [signUpFields, setSignUpFiels] = useState({}); |
|
|
|
const [error, setError] = useState(""); |
|
|
|
const [error, setError] = useState(""); |
|
|
|
@ -157,12 +160,11 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
signUpFields?.cellphone?.slice(0, 2) === "09" && |
|
|
|
signUpFields?.cellphone?.slice(0, 2) === "09" && |
|
|
|
signUpFields?.cellphone.length === 11 |
|
|
|
signUpFields?.cellphone.length === 11 |
|
|
|
) { |
|
|
|
) { |
|
|
|
|
|
|
|
setSteps(2); |
|
|
|
setSteps(2) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
sendPhoneNumber({ cellphone: signUpFields?.cellphone }); |
|
|
|
sendPhoneNumber({ cellphone: signUpFields?.cellphone }); |
|
|
|
setError(undefined); |
|
|
|
setError(undefined); |
|
|
|
console.log(signUpFields.cellphone) |
|
|
|
console.log(signUpFields.cellphone); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
setError("شماره موبایل خود را چک کنید."); |
|
|
|
setError("شماره موبایل خود را چک کنید."); |
|
|
|
} |
|
|
|
} |
|
|
|
@ -182,11 +184,10 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
signUpFields?.otp2 + |
|
|
|
signUpFields?.otp2 + |
|
|
|
signUpFields?.otp3 + |
|
|
|
signUpFields?.otp3 + |
|
|
|
signUpFields?.otp4, |
|
|
|
signUpFields?.otp4, |
|
|
|
userToken: '1', |
|
|
|
userToken: "1", |
|
|
|
applicationToken: '1', |
|
|
|
applicationToken: "1", |
|
|
|
}); |
|
|
|
}); |
|
|
|
setError(undefined); |
|
|
|
setError(undefined); |
|
|
|
|
|
|
|
|
|
|
|
} else { |
|
|
|
} else { |
|
|
|
setError("کد وارد شده را چک کنید."); |
|
|
|
setError("کد وارد شده را چک کنید."); |
|
|
|
} |
|
|
|
} |
|
|
|
@ -204,8 +205,8 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
sendOtp({ |
|
|
|
sendOtp({ |
|
|
|
cellphone: signUpFields?.cellphone, |
|
|
|
cellphone: signUpFields?.cellphone, |
|
|
|
otp: signUpFields?.otp, |
|
|
|
otp: signUpFields?.otp, |
|
|
|
userToken: '1', |
|
|
|
userToken: "1", |
|
|
|
applicationToken: '1', |
|
|
|
applicationToken: "1", |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
}, [signUpFields]); |
|
|
|
}, [signUpFields]); |
|
|
|
@ -224,119 +225,194 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
} |
|
|
|
} |
|
|
|
}, [loginFlag]); |
|
|
|
}, [loginFlag]); |
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
console.log(resend) |
|
|
|
console.log(resend); |
|
|
|
}, [resend]) |
|
|
|
}, [resend]); |
|
|
|
const light = theme === "light"; |
|
|
|
const light = theme === "light"; |
|
|
|
return ( |
|
|
|
return isMobile ? ( |
|
|
|
isMobile ? <LoginSignUpMobile activeLogin={activeLogin}/>:
|
|
|
|
<LoginSignUpMobile activeLogin={activeLogin} /> |
|
|
|
<div className="w-full flex items-center justify-center" style={{ height: '100vh', direction: 'rtl' }}> |
|
|
|
) : ( |
|
|
|
|
|
|
|
<div |
|
|
|
|
|
|
|
className="w-full flex items-center justify-center" |
|
|
|
|
|
|
|
style={{ height: "100vh", direction: "rtl" }} |
|
|
|
|
|
|
|
> |
|
|
|
<div className="w-3/4 border h-4/5 items-center border-solid border-gray-200 flex rounded-xl"> |
|
|
|
<div className="w-3/4 border h-4/5 items-center border-solid border-gray-200 flex rounded-xl"> |
|
|
|
{/* form */} |
|
|
|
{/* form */} |
|
|
|
|
|
|
|
|
|
|
|
<div className="flex w-2/5 flex-col h-full max-h-full justify-between items-center p-6"> |
|
|
|
<div className="flex w-2/5 flex-col h-full max-h-full justify-between items-center p-6 relative"> |
|
|
|
<div className="h-12 w-full flex justify-end"> |
|
|
|
<div className="h-12 w-full flex justify-end"> |
|
|
|
{steps != 0 && !ppSection && |
|
|
|
{steps != 0 && !ppSection && ( |
|
|
|
<div className="w-12 h-12 bg-gray-200 rounded-xl flex items-center justify-center text-gray-500 m-0 text-2xl font-light cursor-pointer" onClick={() => { |
|
|
|
<div |
|
|
|
|
|
|
|
className="w-12 h-12 bg-gray-200 rounded-xl flex items-center justify-center text-gray-500 m-0 text-2xl font-light cursor-pointer" |
|
|
|
|
|
|
|
onClick={() => { |
|
|
|
if (ppSection) { |
|
|
|
if (ppSection) { |
|
|
|
setPpSection(false) |
|
|
|
setPpSection(false); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
setSteps(steps - 1) |
|
|
|
setSteps(steps - 1); |
|
|
|
} |
|
|
|
} |
|
|
|
}}> |
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
{`>`} |
|
|
|
{`>`} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
} |
|
|
|
)} |
|
|
|
{ |
|
|
|
{ppSection && ( |
|
|
|
ppSection &&
|
|
|
|
<div |
|
|
|
<div className="w-12 h-12 bg-gray-200 rounded-xl flex items-center justify-center text-gray-500 m-0 text-2xl font-light cursor-pointer" onClick={() => { |
|
|
|
className="w-12 h-12 bg-gray-200 rounded-xl flex items-center justify-center text-gray-500 m-0 text-2xl font-light cursor-pointer" |
|
|
|
|
|
|
|
onClick={() => { |
|
|
|
if (ppSection) { |
|
|
|
if (ppSection) { |
|
|
|
setPpSection(false) |
|
|
|
setPpSection(false); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
setSteps(steps - 1) |
|
|
|
setSteps(steps - 1); |
|
|
|
} |
|
|
|
} |
|
|
|
}}> |
|
|
|
}} |
|
|
|
|
|
|
|
> |
|
|
|
{`>`} |
|
|
|
{`>`} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
} |
|
|
|
)} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
{signUp && <SignUpBox setSignUp={setSignUp} />} |
|
|
|
{/* privacy policy Section */} |
|
|
|
{/* privacy policy Section */} |
|
|
|
{ |
|
|
|
{ppSection ? ( |
|
|
|
ppSection ? <div className="h-4/5 w-full flex flex-col items-center"> |
|
|
|
<div className="h-4/5 w-full flex flex-col items-center"> |
|
|
|
<h1 className="text-lg font-bold text-red52"> قوانین و شرایط استفاده</h1> |
|
|
|
<h1 className="text-lg font-bold text-red52"> |
|
|
|
|
|
|
|
{" "} |
|
|
|
|
|
|
|
قوانین و شرایط استفاده |
|
|
|
|
|
|
|
</h1> |
|
|
|
<div className="w-full h-full text-gray-500 text-justify px-6 py-4 overflow-x-hidden overflow-scroll"> |
|
|
|
<div className="w-full h-full text-gray-500 text-justify px-6 py-4 overflow-x-hidden overflow-scroll"> |
|
|
|
بند اول: موارد مربوط به آموزش مخاطبین |
|
|
|
بند اول: موارد مربوط به آموزش مخاطبین پیر مردی هر روز تو محله می |
|
|
|
پیر مردی هر روز تو محله می دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی فوتبال بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک گفت بیا این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر مرد کرد و گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک گفت پس دوست خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم |
|
|
|
دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی فوتبال |
|
|
|
هر نفسی که فرو می بریم، مرگی را که مدام به ما دست اندازی میکند پس میزند... در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد بخشی از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان و دلواپسی زیاد به زندگی ادامه می دهیم، همان طور که تا آنجا که ممکن است طولانی تر در یک حباب صابون می دمیم تا بزرگتر شود، گر چه با قطعیتی تمام می دانیم که خواهد ترکید. |
|
|
|
بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک گفت بیا |
|
|
|
پیر مردی هر روز تو محله می دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی فوتبال بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک گفت بیا این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر مرد کرد و گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک گفت پس دوست خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم |
|
|
|
این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر مرد کرد و |
|
|
|
بند دوم: موارد مربوط به آموزش مخاطبین |
|
|
|
گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک گفت پس دوست |
|
|
|
خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ﺩﺍﺩ : ﺩﺭ ﺯﻧﺪﮔﯽ ﺩﺭﻭﻍ ﻧﮕﻮ ﭼﺮﺍ ﮐﻪ ﺍﮔﺮ ﮔﻔﺘﯽ ﺻﺪﺍﻗﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﯿﺎﻧﺖ ﻧﮑﻦ ﮐﻪ ﺍﮔﺮ ﮐﺮﺩﯼ ﻋﺸﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﺸﻮﻧﺖ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﻣﺤﺒﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﻧﺎ ﺣﻖ ﻧﮕﻮ ﺍﮔﺮ ﮔﻔﺘﯽ ﺣﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺑﯽ ﺣﯿﺎﯾﯽ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﺷﺮﺍﻓﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍی... ﭘﺲ ﺩﺭ ﺯﻧﺪﮔﯽ ﻓﻘﻂ ﺩﺯﺩﯼ نکن |
|
|
|
خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم هر نفسی که فرو |
|
|
|
پیر مردی هر روز تو محله می دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی فوتبال بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک گفت بیا این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر مرد کرد و گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک گفت پس دوست خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم |
|
|
|
می بریم، مرگی را که مدام به ما دست اندازی میکند پس میزند... |
|
|
|
هر نفسی که فرو می بریم، مرگی را که مدام به ما دست اندازی میکند پس میزند... در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد بخشی از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان و دلواپسی زیاد به زندگی ادامه می دهیم، همان طور که تا آنجا که ممکن است طولانی تر در یک حباب صابون می دمیم تا بزرگتر شود، گر چه با قطعیتی تمام می دانیم که خواهد ترکید. |
|
|
|
در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد بخشی |
|
|
|
پیر مردی هر روز تو محله می دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی فوتبال بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک گفت بیا این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر مرد کرد و گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک گفت پس دوست خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم… |
|
|
|
از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن |
|
|
|
بند سوم: موارد مربوط به آموزش مخاطبین |
|
|
|
بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان |
|
|
|
خالد حسینی تو رمان باد بادک باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ﺩﺍﺩ : ﺩﺭ ﺯﻧﺪﮔﯽ ﺩﺭﻭﻍ ﻧﮕﻮ ﭼﺮﺍ ﮐﻪ ﺍﮔﺮ ﮔﻔﺘﯽ ﺻﺪﺍﻗﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﯿﺎﻧﺖ ﻧﮑﻦ ﮐﻪ ﺍﮔﺮ ﮐﺮﺩﯼ ﻋﺸﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﺸﻮﻧﺖ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﻣﺤﺒﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﻧﺎ ﺣﻖ ﻧﮕﻮ ﺍﮔﺮ ﮔﻔﺘﯽ ﺣﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺑﯽ ﺣﯿﺎﯾﯽ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﺷﺮﺍﻓﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍی... ﭘﺲ ﺩﺭ ﺯﻧﺪﮔﯽ ﻓﻘﻂ ﺩﺯﺩﯼ نکن |
|
|
|
و دلواپسی زیاد به زندگی ادامه می دهیم، همان طور که تا آنجا که |
|
|
|
|
|
|
|
ممکن است طولانی تر در یک حباب صابون می دمیم تا بزرگتر شود، گر |
|
|
|
|
|
|
|
چه با قطعیتی تمام می دانیم که خواهد ترکید. پیر مردی هر روز تو |
|
|
|
|
|
|
|
محله می دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی |
|
|
|
|
|
|
|
فوتبال بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک |
|
|
|
|
|
|
|
گفت بیا این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر |
|
|
|
|
|
|
|
مرد کرد و گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک |
|
|
|
|
|
|
|
گفت پس دوست خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم بند |
|
|
|
|
|
|
|
دوم: موارد مربوط به آموزش مخاطبین خالد حسینی تو رمان باد بادک |
|
|
|
|
|
|
|
باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ |
|
|
|
|
|
|
|
ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ |
|
|
|
|
|
|
|
ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ |
|
|
|
|
|
|
|
ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ﺩﺍﺩ : ﺩﺭ ﺯﻧﺪﮔﯽ ﺩﺭﻭﻍ ﻧﮕﻮ ﭼﺮﺍ |
|
|
|
|
|
|
|
ﮐﻪ ﺍﮔﺮ ﮔﻔﺘﯽ ﺻﺪﺍﻗﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﯿﺎﻧﺖ ﻧﮑﻦ ﮐﻪ ﺍﮔﺮ ﮐﺮﺩﯼ ﻋﺸﻖ ﺭﺍ |
|
|
|
|
|
|
|
ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﺸﻮﻧﺖ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﻣﺤﺒﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﻧﺎ ﺣﻖ ﻧﮕﻮ ﺍﮔﺮ |
|
|
|
|
|
|
|
ﮔﻔﺘﯽ ﺣﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺑﯽ ﺣﯿﺎﯾﯽ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﺷﺮﺍﻓﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ |
|
|
|
|
|
|
|
ﺍی... ﭘﺲ ﺩﺭ ﺯﻧﺪﮔﯽ ﻓﻘﻂ ﺩﺯﺩﯼ نکن پیر مردی هر روز تو محله می دید |
|
|
|
|
|
|
|
پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی فوتبال بازی |
|
|
|
|
|
|
|
می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک گفت بیا این |
|
|
|
|
|
|
|
کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر مرد کرد و |
|
|
|
|
|
|
|
گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک گفت پس دوست |
|
|
|
|
|
|
|
خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم هر نفسی که فرو |
|
|
|
|
|
|
|
می بریم، مرگی را که مدام به ما دست اندازی میکند پس میزند... |
|
|
|
|
|
|
|
در نهایت این مرگ است که باید پیروز شود، زیرا از هنگام تولد بخشی |
|
|
|
|
|
|
|
از سرنوشت ما شده و فقط مدت کوتاهی پیش از بلعیدن طعمه اش، با آن |
|
|
|
|
|
|
|
بازی می کند. با این همه، ما تا آنجا که ممکن است، با علاقه فراوان |
|
|
|
|
|
|
|
و دلواپسی زیاد به زندگی ادامه می دهیم، همان طور که تا آنجا که |
|
|
|
|
|
|
|
ممکن است طولانی تر در یک حباب صابون می دمیم تا بزرگتر شود، گر |
|
|
|
|
|
|
|
چه با قطعیتی تمام می دانیم که خواهد ترکید. پیر مردی هر روز تو |
|
|
|
|
|
|
|
محله می دید پسر کی با کفش های پاره و پای برهنه با توپ پلاستیکی |
|
|
|
|
|
|
|
فوتبال بازی می کند، روزی رفت ی کتانی نو خرید و اومد و به پسرک |
|
|
|
|
|
|
|
گفت بیا این کفشا رو بپوش…پسرک کفشا رو پوشید و خوشحال رو به پیر |
|
|
|
|
|
|
|
مرد کرد و گفت: شما خدایید؟! پیر مرد لبش را گزید و گفت نه! پسرک |
|
|
|
|
|
|
|
گفت پس دوست خدایی، چون من دیشب فقط به خدا گفتم كه کفش ندارم… بند |
|
|
|
|
|
|
|
سوم: موارد مربوط به آموزش مخاطبین خالد حسینی تو رمان باد بادک |
|
|
|
|
|
|
|
باز مینویسه : ﻣﺮﺩ ﺁﻫﺴﺘﻪ ﺩﺭ ﮔﻮﺵ ﻓﺮﺯﻧﺪ ﺗﺎﺯﻩ ﺑﻪ ﺑﻠﻮﻍ ﺭﺳﯿﺪﻩ ﺍﺵ ﺑﺮﺍﯼ |
|
|
|
|
|
|
|
ﭘﻨﺪ ﭼﻨﯿﻦ ﻧﺠﻮﺍ ﮐﺮﺩ : ” ﭘﺴﺮﻡ ﺩﺭ ﺯﻧﺪﮔﯽ ﻫﺮﮔﺰ ﺩﺯﺩﯼ ﻧﮑﻦ ” ﭘﺴﺮ ﻣﺘﻌﺠﺐ ﻭ |
|
|
|
|
|
|
|
ﻣﺒﻬﻮﺕ ﺑﻪ ﭘﺪﺭ ﻧﮕﺎﻩ ﮐﺮﺩ ﺑﺪﯾﻦ ﻣﻌﻨﺎ ﮐﻪ ﺍﻭ ﻫﺮﮔﺰ ﺩﺳﺖ ﮐﺞ ﻧﺪﺍﺷﺘﻪ ﭘﺪﺭ ﺑﻪ |
|
|
|
|
|
|
|
ﻧﮕﺎﻩ ﻣﺘﻌﺠﺐ ﻓﺮﺯﻧﺪ ﻟﺒﺨﻨﺪﯼ ﺯﺩ ﻭ ﺍﺩﺍﻣﻪ ﺩﺍﺩ : ﺩﺭ ﺯﻧﺪﮔﯽ ﺩﺭﻭﻍ ﻧﮕﻮ ﭼﺮﺍ |
|
|
|
|
|
|
|
ﮐﻪ ﺍﮔﺮ ﮔﻔﺘﯽ ﺻﺪﺍﻗﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﯿﺎﻧﺖ ﻧﮑﻦ ﮐﻪ ﺍﮔﺮ ﮐﺮﺩﯼ ﻋﺸﻖ ﺭﺍ |
|
|
|
|
|
|
|
ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺧﺸﻮﻧﺖ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﻣﺤﺒﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﻧﺎ ﺣﻖ ﻧﮕﻮ ﺍﮔﺮ |
|
|
|
|
|
|
|
ﮔﻔﺘﯽ ﺣﻖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ ﺍﯼ، ﺑﯽ ﺣﯿﺎﯾﯽ ﻧﮑﻦ ﺍﮔﺮ ﮐﺮﺩﯼ ﺷﺮﺍﻓﺖ ﺭﺍ ﺩﺯﺩﯾﺪﻩ |
|
|
|
|
|
|
|
ﺍی... ﭘﺲ ﺩﺭ ﺯﻧﺪﮔﯽ ﻓﻘﻂ ﺩﺯﺩﯼ نکن |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
) : ( |
|
|
|
: |
|
|
|
|
|
|
|
<> |
|
|
|
<> |
|
|
|
<img src={logo} className="h-1/6" /> |
|
|
|
<img src={logo} className="h-1/6" /> |
|
|
|
<div className="flex flex-col w-4/5 items-start justify-start leading-normal"> |
|
|
|
<div className="flex flex-col w-4/5 items-start justify-start leading-normal"> |
|
|
|
{ |
|
|
|
{steps == 2 ? ( |
|
|
|
steps == 2 ? <h1 className="text-red26 w-full text-lg font-bold">تاییدیه ثبت نام</h1> : <> |
|
|
|
<h1 className="text-red26 w-full text-lg font-bold"> |
|
|
|
<h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1> |
|
|
|
تاییدیه ثبت نام |
|
|
|
<h1 className="text-red26 text-right font-bold" style={{fontSize: '100%'}}>سامانه ثبت نام مدارس موسسه علمی اندیشمند</h1> |
|
|
|
</h1> |
|
|
|
|
|
|
|
) : ( |
|
|
|
|
|
|
|
<> |
|
|
|
|
|
|
|
<h1 className="text-red26 text-lg font-bold"> |
|
|
|
|
|
|
|
ورود یا ثبت نام |
|
|
|
|
|
|
|
</h1> |
|
|
|
|
|
|
|
<h1 |
|
|
|
|
|
|
|
className="text-red26 text-right font-bold" |
|
|
|
|
|
|
|
style={{ fontSize: "100%" }} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
سامانه ثبت نام مدارس موسسه علمی اندیشمند |
|
|
|
|
|
|
|
</h1> |
|
|
|
</> |
|
|
|
</> |
|
|
|
} |
|
|
|
)} |
|
|
|
|
|
|
|
|
|
|
|
<p className="text-gray-500 text-sm mt-1"> |
|
|
|
<p className="text-gray-500 text-sm mt-1"> |
|
|
|
|
|
|
|
{steps == 2 ? ( |
|
|
|
{ |
|
|
|
<div className=""> |
|
|
|
steps == 2 ? <div className=""> |
|
|
|
{resend ? ( |
|
|
|
{resend ?
|
|
|
|
|
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<span className="ml-2">کد تایید ارسال نشد؟</span> |
|
|
|
<span className="ml-2">کد تایید ارسال نشد؟</span> |
|
|
|
<button className="text-red52" |
|
|
|
<button |
|
|
|
|
|
|
|
className="text-red52" |
|
|
|
onClick={() => { |
|
|
|
onClick={() => { |
|
|
|
checkPhoneNumber(signUpFields?.cellphone); |
|
|
|
checkPhoneNumber(signUpFields?.cellphone); |
|
|
|
setResend(false) |
|
|
|
setResend(false); |
|
|
|
}} |
|
|
|
}} |
|
|
|
>درخواست مجدد کد تایید</button> |
|
|
|
> |
|
|
|
|
|
|
|
درخواست مجدد کد تایید |
|
|
|
|
|
|
|
</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
:<> |
|
|
|
) : ( |
|
|
|
|
|
|
|
<> |
|
|
|
یک کد چهار رقمی تا {" "} |
|
|
|
یک کد چهار رقمی تا {" "} |
|
|
|
<Timer seconds={120} refresh={() => {setResend(true)}} /> دیگر برای شماره |
|
|
|
<Timer |
|
|
|
{" "} |
|
|
|
seconds={120} |
|
|
|
|
|
|
|
refresh={() => { |
|
|
|
|
|
|
|
setResend(true); |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
/>{" "} |
|
|
|
|
|
|
|
دیگر برای شماره {" "} |
|
|
|
<span className="text-red52 text-sm"> |
|
|
|
<span className="text-red52 text-sm"> |
|
|
|
{signUpFields?.cellphone} |
|
|
|
{signUpFields?.cellphone} |
|
|
|
</span>{" "} |
|
|
|
</span>{" "} |
|
|
|
ارسال خواهد شد. |
|
|
|
ارسال خواهد شد. |
|
|
|
</> } </div> : steps == 1 ? |
|
|
|
</> |
|
|
|
|
|
|
|
)}{" "} |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
) : steps == 1 ? ( |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
|
|
|
|
|
|
|
|
<br /> |
|
|
|
<br /> |
|
|
|
کاربر گرامی لطفا شماره موبایل خود را وارد کنید |
|
|
|
کاربر گرامی لطفا شماره موبایل خود را وارد کنید |
|
|
|
<br /> |
|
|
|
<br /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
: <div className="text-right mt-1" style={{fontSize: '100%'}}> |
|
|
|
) : ( |
|
|
|
|
|
|
|
<div |
|
|
|
|
|
|
|
className="text-right mt-1" |
|
|
|
|
|
|
|
style={{ fontSize: "100%" }} |
|
|
|
|
|
|
|
> |
|
|
|
کاربر گرامی لطفا یکی از دو گزینه زیر را انتخاب نمایید. |
|
|
|
کاربر گرامی لطفا یکی از دو گزینه زیر را انتخاب نمایید. |
|
|
|
<br /> |
|
|
|
<br /> |
|
|
|
در صورتی که عضو نیستید روی دکمه ثبت نام بزنید |
|
|
|
در صورتی که عضو نیستید روی دکمه ثبت نام بزنید |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
} |
|
|
|
)} |
|
|
|
|
|
|
|
|
|
|
|
</p> |
|
|
|
</p> |
|
|
|
|
|
|
|
|
|
|
|
{ |
|
|
|
{steps == 0 && ( |
|
|
|
steps == 0 && |
|
|
|
|
|
|
|
<> |
|
|
|
<> |
|
|
|
<Link |
|
|
|
<Link |
|
|
|
to="" |
|
|
|
to="" |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-6" |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-6" |
|
|
|
onClick={() => { |
|
|
|
onClick={() => { |
|
|
|
setSteps(1); |
|
|
|
setSteps(1); |
|
|
|
|
|
|
|
|
|
|
|
}} |
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
ورود |
|
|
|
ورود |
|
|
|
@ -345,9 +421,7 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
to="" |
|
|
|
to="" |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg border border-solid border-red52 text-red52 flex items-center justify-center mt-4" |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg border border-solid border-red52 text-red52 flex items-center justify-center mt-4" |
|
|
|
onClick={() => { |
|
|
|
onClick={() => { |
|
|
|
setSteps(1); |
|
|
|
setSignUp(true) |
|
|
|
setRegister(true); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}} |
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
ثبت نام |
|
|
|
ثبت نام |
|
|
|
@ -388,20 +462,16 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
> |
|
|
|
> |
|
|
|
ورود ادمین |
|
|
|
ورود ادمین |
|
|
|
</Link> */} |
|
|
|
</Link> */} |
|
|
|
|
|
|
|
|
|
|
|
</> |
|
|
|
</> |
|
|
|
} |
|
|
|
)} |
|
|
|
{ |
|
|
|
{steps == 1 && ( |
|
|
|
steps == 1 && |
|
|
|
|
|
|
|
<> |
|
|
|
<> |
|
|
|
|
|
|
|
|
|
|
|
<Input |
|
|
|
<Input |
|
|
|
title={"شماره موبایل"} |
|
|
|
title={"شماره موبایل"} |
|
|
|
name="cellphone" |
|
|
|
name="cellphone" |
|
|
|
regex={onInput.numberOnly} |
|
|
|
regex={onInput.numberOnly} |
|
|
|
onChange={(name, value) => onChange(name, value)} |
|
|
|
onChange={(name, value) => onChange(name, value)} |
|
|
|
value={signUpFields?.cellphone} |
|
|
|
value={signUpFields?.cellphone} |
|
|
|
|
|
|
|
|
|
|
|
maxLength="11" |
|
|
|
maxLength="11" |
|
|
|
direction="ltr" |
|
|
|
direction="ltr" |
|
|
|
/> |
|
|
|
/> |
|
|
|
@ -412,22 +482,15 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-4" |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-4" |
|
|
|
onClick={(e) => { |
|
|
|
onClick={(e) => { |
|
|
|
// setSteps(2);
|
|
|
|
// setSteps(2);
|
|
|
|
checkPhoneNumber(e) |
|
|
|
checkPhoneNumber(e); |
|
|
|
}} |
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
ارسال کد تاییدیه |
|
|
|
ارسال کد تاییدیه |
|
|
|
</Link> |
|
|
|
</Link> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</> |
|
|
|
</> |
|
|
|
} |
|
|
|
)} |
|
|
|
{ |
|
|
|
{steps == 2 && ( |
|
|
|
steps == 2 && |
|
|
|
|
|
|
|
<> |
|
|
|
<> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div className="w-full flex flex-col mt-5"> |
|
|
|
<div className="w-full flex flex-col mt-5"> |
|
|
|
<div className="w-full mt-5 flex flex-row-reverse justify-center"> |
|
|
|
<div className="w-full mt-5 flex flex-row-reverse justify-center"> |
|
|
|
<input |
|
|
|
<input |
|
|
|
@ -438,7 +501,9 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
onChange={(e) => |
|
|
|
onChange={(e) => |
|
|
|
onChange( |
|
|
|
onChange( |
|
|
|
e.target.name, |
|
|
|
e.target.name, |
|
|
|
(e.target.value = onInput.numberOnly(e.target.value)) |
|
|
|
(e.target.value = onInput.numberOnly( |
|
|
|
|
|
|
|
e.target.value |
|
|
|
|
|
|
|
)) |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
maxlength="1" |
|
|
|
maxlength="1" |
|
|
|
@ -452,7 +517,9 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
onChange={(e) => |
|
|
|
onChange={(e) => |
|
|
|
onChange( |
|
|
|
onChange( |
|
|
|
e.target.name, |
|
|
|
e.target.name, |
|
|
|
(e.target.value = onInput.numberOnly(e.target.value)) |
|
|
|
(e.target.value = onInput.numberOnly( |
|
|
|
|
|
|
|
e.target.value |
|
|
|
|
|
|
|
)) |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
maxlength="1" |
|
|
|
maxlength="1" |
|
|
|
@ -466,7 +533,9 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
onChange={(e) => |
|
|
|
onChange={(e) => |
|
|
|
onChange( |
|
|
|
onChange( |
|
|
|
e.target.name, |
|
|
|
e.target.name, |
|
|
|
(e.target.value = onInput.numberOnly(e.target.value)) |
|
|
|
(e.target.value = onInput.numberOnly( |
|
|
|
|
|
|
|
e.target.value |
|
|
|
|
|
|
|
)) |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
maxlength="1" |
|
|
|
maxlength="1" |
|
|
|
@ -480,7 +549,10 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
onChange={(e) => |
|
|
|
onChange={(e) => |
|
|
|
onChange( |
|
|
|
onChange( |
|
|
|
e.target.name, |
|
|
|
e.target.name, |
|
|
|
(e.target.value = onInput.englishAndNumberWithoutSpace(e.target.value)) |
|
|
|
(e.target.value = |
|
|
|
|
|
|
|
onInput.englishAndNumberWithoutSpace( |
|
|
|
|
|
|
|
e.target.value |
|
|
|
|
|
|
|
)) |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} |
|
|
|
maxlength="1" |
|
|
|
maxlength="1" |
|
|
|
@ -489,11 +561,10 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<Link |
|
|
|
<Link |
|
|
|
to={register == true ? '/register' : `/`} |
|
|
|
to={register == true ? "/register" : `/`} |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-4" |
|
|
|
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-4" |
|
|
|
onClick={(e) => { |
|
|
|
onClick={(e) => { |
|
|
|
|
|
|
|
checkOtp(e); |
|
|
|
checkOtp(e) |
|
|
|
|
|
|
|
// activeLogin()
|
|
|
|
// activeLogin()
|
|
|
|
// setTimeout(() => window.location.reload(), 200)
|
|
|
|
// setTimeout(() => window.location.reload(), 200)
|
|
|
|
}} |
|
|
|
}} |
|
|
|
@ -505,7 +576,10 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
شماره خود را اشتباه وارد کردید؟{" "} |
|
|
|
شماره خود را اشتباه وارد کردید؟{" "} |
|
|
|
<button |
|
|
|
<button |
|
|
|
className="bg-transparent border-none text-red52 font-medium" |
|
|
|
className="bg-transparent border-none text-red52 font-medium" |
|
|
|
onClick={() => {setSteps(1); setLevel("phonenumber")}} |
|
|
|
onClick={() => { |
|
|
|
|
|
|
|
setSteps(1); |
|
|
|
|
|
|
|
setLevel("phonenumber"); |
|
|
|
|
|
|
|
}} |
|
|
|
> |
|
|
|
> |
|
|
|
اصلاح شماره تلفن |
|
|
|
اصلاح شماره تلفن |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
@ -513,44 +587,53 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</> |
|
|
|
</> |
|
|
|
} |
|
|
|
)} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div className="w-full flex flex-col items-center justify-center"> |
|
|
|
<div className="w-full flex flex-col items-center justify-center"> |
|
|
|
<p className="w-2/5 text-xs text-center text-red26"> |
|
|
|
<p className="w-2/5 text-xs text-center text-red26"> |
|
|
|
ثبت نام شما در سامانه به منزله قبول |
|
|
|
ثبت نام شما در سامانه به منزله قبول |
|
|
|
<Link to="" onClick={() => setPpSection(true)} className="font-bold"> شرایط و قوانین استفاده </Link> |
|
|
|
<Link |
|
|
|
|
|
|
|
to="" |
|
|
|
|
|
|
|
onClick={() => setPpSection(true)} |
|
|
|
|
|
|
|
className="font-bold" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
{" "} |
|
|
|
|
|
|
|
شرایط و قوانین استفاده{" "} |
|
|
|
|
|
|
|
</Link> |
|
|
|
میباشد |
|
|
|
میباشد |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</> |
|
|
|
</> |
|
|
|
} |
|
|
|
)} |
|
|
|
<p className="text-gray-300 text-xs">1401 - 1400</p> |
|
|
|
<p className="text-gray-300 text-xs">1401 - 1400</p> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
{/* Slider */} |
|
|
|
{/* Slider */} |
|
|
|
|
|
|
|
|
|
|
|
<div className="bg-grayEC w-3/5 rounded-tl-xl h-full rounded-bl-xl flex flex-col items-center justify-center"> |
|
|
|
<div className="bg-grayEC w-3/5 rounded-tl-xl h-full rounded-bl-xl flex flex-col items-center justify-center"> |
|
|
|
<div className="slideshow justify-center" style={{ direction: 'ltr' }}> |
|
|
|
<div |
|
|
|
|
|
|
|
className="slideshow justify-center" |
|
|
|
|
|
|
|
style={{ direction: "ltr" }} |
|
|
|
|
|
|
|
> |
|
|
|
<div |
|
|
|
<div |
|
|
|
className="slideshowSlider w-full" |
|
|
|
className="slideshowSlider w-full" |
|
|
|
style={{ transform: `translate3d(${-index * 100}%, 0, 0)` }} |
|
|
|
style={{ transform: `translate3d(${-index * 100}%, 0, 0)` }} |
|
|
|
> |
|
|
|
> |
|
|
|
{[slideContents[slideContents.length - 1], |
|
|
|
{[ |
|
|
|
...slideContents, slideContents[0] |
|
|
|
slideContents[slideContents.length - 1], |
|
|
|
|
|
|
|
...slideContents, |
|
|
|
|
|
|
|
slideContents[0], |
|
|
|
].map((item, index) => ( |
|
|
|
].map((item, index) => ( |
|
|
|
<div |
|
|
|
<div className="slide" key={`sildeNo${index}`}> |
|
|
|
className="slide" |
|
|
|
|
|
|
|
key={`sildeNo${index}`} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div className="w-full flex flex-col justify-center items-center"> |
|
|
|
<div className="w-full flex flex-col justify-center items-center"> |
|
|
|
<img src={item.image} className="h-72" /> |
|
|
|
<img src={item.image} className="h-72" /> |
|
|
|
<h1 className="w-4/5 text-xl my-2 text-red26 font-bold whitespace-normal">{item.title}</h1> |
|
|
|
<h1 className="w-4/5 text-xl my-2 text-red26 font-bold whitespace-normal"> |
|
|
|
<p className=" px-12 text-right text-sm whitespace-normal">{item.description}</p> |
|
|
|
{item.title} |
|
|
|
|
|
|
|
</h1> |
|
|
|
|
|
|
|
<p className=" px-12 text-right text-sm whitespace-normal"> |
|
|
|
|
|
|
|
{item.description} |
|
|
|
|
|
|
|
</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
))} |
|
|
|
))} |
|
|
|
@ -560,7 +643,9 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
{slideContents.map((_, idx) => ( |
|
|
|
{slideContents.map((_, idx) => ( |
|
|
|
<div |
|
|
|
<div |
|
|
|
key={idx} |
|
|
|
key={idx} |
|
|
|
className={`slideshowDot${index === idx + 1 ? " active" : ""}`} |
|
|
|
className={`slideshowDot${ |
|
|
|
|
|
|
|
index === idx + 1 ? " active" : "" |
|
|
|
|
|
|
|
}`}
|
|
|
|
onClick={() => { |
|
|
|
onClick={() => { |
|
|
|
setIndex(idx + 1); |
|
|
|
setIndex(idx + 1); |
|
|
|
}} |
|
|
|
}} |
|
|
|
@ -570,9 +655,7 @@ const LoginSignUp = ({ activeLogin, |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
); |
|
|
|
); |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
@ -588,8 +671,4 @@ const mapStateToProps = (state) => ({ |
|
|
|
setHeaderOptions: publicApi.setHeaderOptions, |
|
|
|
setHeaderOptions: publicApi.setHeaderOptions, |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
export default connect( |
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(LoginSignUp); |
|
|
|
mapStateToProps, |
|
|
|
|
|
|
|
mapDispatchToProps |
|
|
|
|
|
|
|
)(LoginSignUp); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
