import React, { useEffect, useState, useRef } from "react"; import { Link } from "react-router-dom"; import logo from "../../assets/img/big-logo.svg"; import firstPic from '../../assets/img/undraw_professor_-8-lrt.svg'; import secondPic from '../../assets/img/undraw_quiz_nlyh.svg'; import thirdPic from '../../assets/img/undraw_certificate_re_yadi.svg'; import { Slide } from 'react-slideshow-image'; import './index.css'; import VerificationInput from "../../components/verificationInput"; const LoginSignUp = ({ activeLogin }) => { const [steps, setSteps] = useState(0); const [index, setIndex] = useState(1); const timeoutRef = useRef(null); const focusHandler = (id) => { let inputs = document.querySelectorAll(".Login-box-form-item"); let label = document.querySelectorAll(".Login-box-form-item-label"); let line = document.querySelectorAll(".Login-box-form-item-line"); inputs[id].style.borderColor = "#df1452"; inputs[id].style.backgroundColor = "#fff"; label[id].style.transform = "translate(-10px,-27px)"; label[id].style.color = "#df1452"; line[id].style.backgroundColor = "#fff"; }; const blurHandler = (id) => { let inputsBox = document.querySelectorAll(".Login-box-form-item"); let inputs = document.querySelectorAll(".Login-box-form-item-input"); let label = document.querySelectorAll(".Login-box-form-item-label"); let line = document.querySelectorAll(".Login-box-form-item-line"); if (inputs[id].value === "") { inputsBox[id].style.borderColor = "#EBEBEB"; label[id].style.transform = "translate(0px,0px)"; label[id].style.color = "#959595"; line[id].style.backgroundColor = "#EBEBEB"; } }; function resetTimeout() { if (timeoutRef.current) { clearTimeout(timeoutRef.current); } } useEffect(() => { resetTimeout(); timeoutRef.current = setTimeout( () =>{setIndex((prevIndex) =>prevIndex + 1 // prevIndex === slideContents.length - 1 ? 0 : prevIndex + 1 ) if(index === slideContents.length) setTimeout(setIndex(1),1000) }, delay ); return () => { resetTimeout(); }; }, [index]); const slideContents = [ { id: 0, image: firstPic, title: 'یک معلم دیوانه در کمین شما نشسته است مراقب باشید', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', }, { id: 1, image: secondPic, title: 'یک آزمون سخت و افتضاح در راه هست!', description: 'لورم ایپسوم نمیخواستم استفاده کنم برای همین این متنای عجیب رو مینویسم ببینم چجوری میشه تهش بالاخره اونا هم قراره یه متن عجیب بنویسن ', }, { id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', }, { id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', },{ id: 2, image: thirdPic, title: 'یک اسلاید عجیب غریب دیگر در راه هست', description: 'معلمی که دانش آموزانش رو شب ها شکار می کند و این متن شاید باعث تعجب شما شده باشد که آیا طراح دیوانه شده است یا خیر ؟ ', }, ]; const delay = 2500; return (
{/* form */}
{steps != 0 &&
setSteps(steps - 1)}> {`>`}
}

ورود یا ثبت نام

سامانه ثبت نام مدارس موسسه علمی اندیشمند

کاربر گرامی لطفا یکی از دو گزینه زیر را انتخاب نمایید.
در صورتی که عضو نیستید روی دکمه ثبت نام بزنید

{ steps == 0 && <> { setSteps(1); }} > ورود ثبت نام } { steps == 1 && <>
شماره تلفن
focusHandler(0)} onBlur={() => blurHandler(0)} />
{ setSteps(2); }} > ارسال کد تاییدیه } { steps == 2 && <>
{ activeLogin() }} > تایید }

ثبت نام شما در سامانه به منزله قبول شرایط و قوانین استفاده میباشد

1401 - 1400

{/* Slider */}
{[slideContents[slideContents.length-1], ...slideContents,slideContents[0] ].map((item, index) => (

{item.title}

{item.description}

))}
{slideContents.map((_, idx) => (
{ setIndex(idx+1); }} >
))}
); }; export default LoginSignUp;