parent
294ca885ac
commit
eeeefa7870
25 changed files with 1890 additions and 138 deletions
Binary file not shown.
@ -0,0 +1,198 @@ |
||||
%PDF-1.3 |
||||
%âãÏÓ |
||||
|
||||
1 0 obj |
||||
<< |
||||
/Type /Catalog |
||||
/Outlines 2 0 R |
||||
/Pages 3 0 R |
||||
>> |
||||
endobj |
||||
|
||||
2 0 obj |
||||
<< |
||||
/Type /Outlines |
||||
/Count 0 |
||||
>> |
||||
endobj |
||||
|
||||
3 0 obj |
||||
<< |
||||
/Type /Pages |
||||
/Count 2 |
||||
/Kids [ 4 0 R 6 0 R ] |
||||
>> |
||||
endobj |
||||
|
||||
4 0 obj |
||||
<< |
||||
/Type /Page |
||||
/Parent 3 0 R |
||||
/Resources << |
||||
/Font << |
||||
/F1 9 0 R |
||||
>> |
||||
/ProcSet 8 0 R |
||||
>> |
||||
/MediaBox [0 0 612.0000 792.0000] |
||||
/Contents 5 0 R |
||||
>> |
||||
endobj |
||||
|
||||
5 0 obj |
||||
<< /Length 1074 >> |
||||
stream |
||||
2 J |
||||
BT |
||||
0 0 0 rg |
||||
/F1 0027 Tf |
||||
57.3750 722.2800 Td |
||||
( A Simple PDF File ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 688.6080 Td |
||||
( This is a small demonstration .pdf file - ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 664.7040 Td |
||||
( just for use in the Virtual Mechanics tutorials. More text. And more ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 652.7520 Td |
||||
( text. And more text. And more text. And more text. ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 628.8480 Td |
||||
( And more text. And more text. And more text. And more text. And more ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 616.8960 Td |
||||
( text. And more text. Boring, zzzzz. And more text. And more text. And ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 604.9440 Td |
||||
( more text. And more text. And more text. And more text. And more text. ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 592.9920 Td |
||||
( And more text. And more text. ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 569.0880 Td |
||||
( And more text. And more text. And more text. And more text. And more ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 557.1360 Td |
||||
( text. And more text. And more text. Even more. Continued on page 2 ...) Tj |
||||
ET |
||||
endstream |
||||
endobj |
||||
|
||||
6 0 obj |
||||
<< |
||||
/Type /Page |
||||
/Parent 3 0 R |
||||
/Resources << |
||||
/Font << |
||||
/F1 9 0 R |
||||
>> |
||||
/ProcSet 8 0 R |
||||
>> |
||||
/MediaBox [0 0 612.0000 792.0000] |
||||
/Contents 7 0 R |
||||
>> |
||||
endobj |
||||
|
||||
7 0 obj |
||||
<< /Length 676 >> |
||||
stream |
||||
2 J |
||||
BT |
||||
0 0 0 rg |
||||
/F1 0027 Tf |
||||
57.3750 722.2800 Td |
||||
( Simple PDF File 2 ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 688.6080 Td |
||||
( ...continued from page 1. Yet more text. And more text. And more text. ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 676.6560 Td |
||||
( And more text. And more text. And more text. And more text. And more ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 664.7040 Td |
||||
( text. Oh, how boring typing this stuff. But not as boring as watching ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 652.7520 Td |
||||
( paint dry. And more text. And more text. And more text. And more text. ) Tj |
||||
ET |
||||
BT |
||||
/F1 0010 Tf |
||||
69.2500 640.8000 Td |
||||
( Boring. More, a little more text. The end, and just as well. ) Tj |
||||
ET |
||||
endstream |
||||
endobj |
||||
|
||||
8 0 obj |
||||
[/PDF /Text] |
||||
endobj |
||||
|
||||
9 0 obj |
||||
<< |
||||
/Type /Font |
||||
/Subtype /Type1 |
||||
/Name /F1 |
||||
/BaseFont /Helvetica |
||||
/Encoding /WinAnsiEncoding |
||||
>> |
||||
endobj |
||||
|
||||
10 0 obj |
||||
<< |
||||
/Creator (Rave \(http://www.nevrona.com/rave\)) |
||||
/Producer (Nevrona Designs) |
||||
/CreationDate (D:20060301072826) |
||||
>> |
||||
endobj |
||||
|
||||
xref |
||||
0 11 |
||||
0000000000 65535 f |
||||
0000000019 00000 n |
||||
0000000093 00000 n |
||||
0000000147 00000 n |
||||
0000000222 00000 n |
||||
0000000390 00000 n |
||||
0000001522 00000 n |
||||
0000001690 00000 n |
||||
0000002423 00000 n |
||||
0000002456 00000 n |
||||
0000002574 00000 n |
||||
|
||||
trailer |
||||
<< |
||||
/Size 11 |
||||
/Root 1 0 R |
||||
/Info 10 0 R |
||||
>> |
||||
|
||||
startxref |
||||
2714 |
||||
%%EOF |
||||
@ -0,0 +1,78 @@ |
||||
import React, { useEffect, useState } from "react"; |
||||
import { connect } from "react-redux"; |
||||
const PreviewAnswerSheet = ({ questionStart, questionEnd, optionsQuantity, selectedCourseId, passAnswers,selectedQId, answers }) => { |
||||
const [data, setData] = useState([]); |
||||
const [options, setOptions] = useState([]); |
||||
const [success, setSuccess] = useState(selectedCourseId); |
||||
useEffect(() => { |
||||
let array = []; |
||||
let optionsArray = []; |
||||
for (var i = questionStart; i < questionEnd; i++) { |
||||
array.push({ |
||||
questionId:i, |
||||
answer: null, |
||||
courseId: selectedCourseId, |
||||
questionnaierId: selectedQId |
||||
}); |
||||
} |
||||
for (var i = 1; optionsQuantity ? i <= optionsQuantity : i <=4 ; i++) { |
||||
optionsArray.push({ |
||||
id: i, |
||||
active: false, |
||||
}) |
||||
} |
||||
|
||||
setOptions(optionsArray); |
||||
setData(array) |
||||
// passAnswers(data)
|
||||
|
||||
// console.log(data, options)
|
||||
}, [selectedCourseId]) |
||||
console.log(selectedCourseId) |
||||
|
||||
return ( |
||||
|
||||
<div className="w-full flex flex-col border border-gray-200 rounded-xl bg-white"> |
||||
{ |
||||
answers.map((item, index) => ( |
||||
<div className="w-full flex items-center justify-between h-14 border-b border-gray-200"> |
||||
<p className="w-14 flex items-center h-full justify-center border-l border-gray-200"> |
||||
{item.questionId} |
||||
</p> |
||||
<form className="flex w-full h-full px-8 items-center justify-between border-l border-gray-200"> |
||||
|
||||
{ |
||||
options.map( |
||||
(option) => ( |
||||
|
||||
<p type='radio' value={option.id} className={`w-8 h-6 rounded-full border border-gray-400 cursor-pointer ${option.id == item.answer ? 'bg-green-500' : 'bg-white'}`} |
||||
> |
||||
|
||||
</p> |
||||
|
||||
|
||||
) |
||||
) |
||||
} |
||||
|
||||
</form> |
||||
|
||||
|
||||
<div className="w-32 "> |
||||
نمره : ۱ |
||||
</div> |
||||
|
||||
</div> |
||||
)) |
||||
} |
||||
|
||||
|
||||
</div> |
||||
) |
||||
} |
||||
const mapStateToProps = (state) => ({ |
||||
grades: state.publicApi.grades, |
||||
addExamState: state.addExamReduser |
||||
}) |
||||
|
||||
export default connect(mapStateToProps)(PreviewAnswerSheet); |
||||
@ -0,0 +1,405 @@ |
||||
import React, { useEffect, useState, useRef } from "react"; |
||||
import { Link } from "react-router-dom"; |
||||
import logo from "../../../assets/img/logo.png"; |
||||
import { useNavigate } from "react-router-dom"; |
||||
import Input from "../../../components/input/signUpInput"; |
||||
import onInput from "../../../utils/onInput"; |
||||
import Timer from "../../../components/Timer"; |
||||
|
||||
|
||||
import { connect } from "react-redux"; |
||||
import { user, publicApi } from "../../../redux/actions"; |
||||
|
||||
const LoginSignUpMobile = ({ |
||||
activeLogin, |
||||
sendOtp, |
||||
sendPhoneNumber, |
||||
loginFlag, |
||||
theme, |
||||
headerOptions, |
||||
setHeaderOptions, |
||||
isMobile, |
||||
}) => { |
||||
const [steps, setSteps] = useState(0); |
||||
const [index, setIndex] = useState(1); |
||||
const [register, setRegister] = useState(false); |
||||
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"; |
||||
} |
||||
}; |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
const [level, setLevel] = useState("phonenumber"); |
||||
const [signUpFields, setSignUpFiels] = useState({}); |
||||
const [error, setError] = useState(""); |
||||
const [resend, setResend] = useState(false); |
||||
const navigate = useNavigate(); |
||||
|
||||
const otp1 = useRef(); |
||||
const otp2 = useRef(); |
||||
const otp3 = useRef(); |
||||
const otp4 = useRef(); |
||||
|
||||
const onChange = (name, value) => { |
||||
setSignUpFiels({ ...signUpFields, [name]: value }); |
||||
switch (name) { |
||||
case "otp1": |
||||
if (value) { |
||||
otp2.current.focus(); |
||||
} |
||||
break; |
||||
case "otp2": |
||||
if (value) { |
||||
otp3.current.focus(); |
||||
} else { |
||||
otp1.current.focus(); |
||||
} |
||||
break; |
||||
case "otp3": |
||||
if (value) { |
||||
otp4.current.focus(); |
||||
} else { |
||||
otp2.current.focus(); |
||||
} |
||||
break; |
||||
case "otp4": |
||||
if (value) { |
||||
checkOtp(); |
||||
} else { |
||||
otp3.current.focus(); |
||||
} |
||||
break; |
||||
default: |
||||
break; |
||||
} |
||||
}; |
||||
|
||||
const checkPhoneNumber = (e) => { |
||||
if ( |
||||
signUpFields?.cellphone?.slice(0, 2) === "09" && |
||||
signUpFields?.cellphone.length === 11 |
||||
) { |
||||
|
||||
setSteps(2) |
||||
|
||||
sendPhoneNumber({ cellphone: signUpFields?.cellphone }); |
||||
setError(undefined); |
||||
console.log(signUpFields.cellphone) |
||||
} else { |
||||
setError("شماره موبایل خود را چک کنید."); |
||||
} |
||||
}; |
||||
|
||||
const checkOtp = () => { |
||||
if ( |
||||
signUpFields?.otp1 && |
||||
signUpFields?.otp2 && |
||||
signUpFields?.otp3 && |
||||
signUpFields?.otp4 |
||||
) { |
||||
sendOtp({ |
||||
cellphone: signUpFields?.cellphone, |
||||
otp: |
||||
signUpFields?.otp1 + |
||||
signUpFields?.otp2 + |
||||
signUpFields?.otp3 + |
||||
signUpFields?.otp4, |
||||
userToken: "2", |
||||
applicationToken: "22", |
||||
}); |
||||
setError(undefined); |
||||
|
||||
} else { |
||||
setError("کد وارد شده را چک کنید."); |
||||
} |
||||
}; |
||||
|
||||
const numberInput = useRef(); |
||||
|
||||
// useEffect(() => {
|
||||
// // numberInput.current.focus();
|
||||
// setHeaderOptions(headerOptions);
|
||||
// }, []);
|
||||
|
||||
useEffect(() => { |
||||
if (signUpFields?.otp?.length === 4) { |
||||
sendOtp({ |
||||
cellphone: signUpFields?.cellphone, |
||||
otp: signUpFields?.otp, |
||||
userToken: "2", |
||||
applicationToken: "22", |
||||
}); |
||||
} |
||||
}, [signUpFields]); |
||||
|
||||
useEffect(() => { |
||||
if (level === "phonenumber") { |
||||
// numberInput.current.focus();
|
||||
} else { |
||||
// otpInput.current.focus();
|
||||
} |
||||
}, [level]); |
||||
|
||||
useEffect(() => { |
||||
if (loginFlag) { |
||||
navigate("/"); |
||||
} |
||||
}, [loginFlag]); |
||||
const light = theme === "light"; |
||||
return ( |
||||
|
||||
<div className="w-full flex items-center justify-center" style={{ height: '100vh', direction: 'rtl' }}> |
||||
<div className="w-fullflex rounded-xl"> |
||||
{/* form */} |
||||
|
||||
<div className="flex w-full border-0 border-l border-solid border flex-col items-center p-6"> |
||||
<div className="h-12 w-full flex justify-end"> |
||||
{steps != 0 && |
||||
<div className="w-12 h-full bg-gray-200 rounded-xl flex items-center justify-center text-gray-500 m-0 text-2xl font-light cursor-pointer" onClick={() => setSteps(steps - 1)}> |
||||
{`>`} |
||||
</div> |
||||
} |
||||
</div> |
||||
<img src={logo} className="w-1/3 m-6" /> |
||||
<div className="flex flex-col items-start justify-start leading-normal"> |
||||
{ |
||||
steps == 2 ? <h1 className="text-red26 text-lg font-bold">تاییدیه ثبت نام</h1> : <> |
||||
<h1 className="text-red26 text-lg font-bold">ورود یا ثبت نام</h1> |
||||
<h1 className="text-red26 text-lg font-bold">سامانه ثبت نام مدارس موسسه علمی اندیشمند</h1> |
||||
</> |
||||
} |
||||
|
||||
<p className="text-gray-500 text-sm mt-2"> |
||||
|
||||
{ |
||||
steps == 2 ? <div> |
||||
یک کد چهار رقمی تا {" "} |
||||
<Timer seconds={120} refresh={setResend} /> دیگر برای شماره |
||||
{" "} |
||||
<span className="text-greenBA text-sm"> |
||||
{signUpFields?.cellphone} |
||||
</span>{" "} |
||||
ارسال خواهد شد. |
||||
</div> : <div> |
||||
کاربر گرامی لطفا یکی از دو گزینه زیر را انتخاب نمایید. |
||||
<br /> |
||||
در صورتی که عضو نیستید روی دکمه ثبت نام بزنید |
||||
</div> |
||||
} |
||||
|
||||
</p> |
||||
|
||||
{ |
||||
steps == 0 && |
||||
<> |
||||
<Link |
||||
to="" |
||||
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-6" |
||||
onClick={() => { |
||||
setSteps(1); |
||||
|
||||
}} |
||||
> |
||||
ورود |
||||
</Link> |
||||
<Link |
||||
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" |
||||
onClick={() => { |
||||
setSteps(1); |
||||
setRegister(true); |
||||
|
||||
}} |
||||
> |
||||
ثبت نام |
||||
</Link> |
||||
</> |
||||
} |
||||
{ |
||||
steps == 1 && |
||||
<> |
||||
|
||||
<Input |
||||
title={"شماره موبایل"} |
||||
name="cellphone" |
||||
regex={onInput.numberOnly} |
||||
onChange={(name, value) => onChange(name, value)} |
||||
value={signUpFields?.cellphone} |
||||
|
||||
maxLength="11" |
||||
direction="ltr" |
||||
/> |
||||
<span className="text-red-500 text-xs">{error}</span> |
||||
|
||||
<Link |
||||
to="" |
||||
className="Login-box-form-btn w-full h-12 rounded-lg bg-red52 text-white flex items-center justify-center mt-4" |
||||
onClick={(e) => { |
||||
// setSteps(2);
|
||||
checkPhoneNumber(e) |
||||
}} |
||||
> |
||||
ارسال کد تاییدیه |
||||
</Link> |
||||
|
||||
|
||||
|
||||
|
||||
</> |
||||
} |
||||
{ |
||||
steps == 2 && |
||||
<> |
||||
|
||||
|
||||
<div className="w-full flex flex-col mt-5"> |
||||
<div className="w-full flex flex-row-reverse justify-center"> |
||||
<input |
||||
inputMode="numeric" |
||||
style={{ direction: "ltr" }} |
||||
name="otp1" |
||||
className="bg-red82OP rounded-md p-4 w-16 text-md text-center text-blueC0 mx-1" |
||||
onChange={(e) => |
||||
onChange( |
||||
e.target.name, |
||||
(e.target.value = onInput.numberOnly(e.target.value)) |
||||
) |
||||
} |
||||
maxlength="1" |
||||
ref={otp1} |
||||
/> |
||||
<input |
||||
inputMode="numeric" |
||||
style={{ direction: "ltr" }} |
||||
name="otp2" |
||||
className="bg-red82OP rounded-md p-4 w-16 text-md text-center text-blueC0 mx-1" |
||||
onChange={(e) => |
||||
onChange( |
||||
e.target.name, |
||||
(e.target.value = onInput.numberOnly(e.target.value)) |
||||
) |
||||
} |
||||
maxlength="1" |
||||
ref={otp2} |
||||
/> |
||||
<input |
||||
inputMode="numeric" |
||||
style={{ direction: "ltr" }} |
||||
name="otp3" |
||||
className="bg-red82OP rounded-md p-4 w-16 text-md text-center text-blueC0 mx-1" |
||||
onChange={(e) => |
||||
onChange( |
||||
e.target.name, |
||||
(e.target.value = onInput.numberOnly(e.target.value)) |
||||
) |
||||
} |
||||
maxlength="1" |
||||
ref={otp3} |
||||
/> |
||||
<input |
||||
inputMode="numeric" |
||||
style={{ direction: "ltr" }} |
||||
name="otp4" |
||||
className="bg-red82OP rounded-md p-4 w-16 text-md text-center text-blueC0 mx-1" |
||||
onChange={(e) => |
||||
onChange( |
||||
e.target.name, |
||||
(e.target.value = onInput.englishAndNumberWithoutSpace(e.target.value)) |
||||
) |
||||
} |
||||
maxlength="1" |
||||
ref={otp4} |
||||
/> |
||||
</div> |
||||
|
||||
<Link |
||||
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" |
||||
onClick={(e) => { |
||||
|
||||
checkOtp(e) |
||||
activeLogin() |
||||
|
||||
}} |
||||
> |
||||
تایید |
||||
</Link> |
||||
<div className="mt-2 flex flex-row text-center w-full justify-center"> |
||||
<div className="text-xs text-gray1"> |
||||
شماره خود را اشتباه وارد کردید؟{" "} |
||||
<button |
||||
className="bg-transparent border-none text-greenBA font-medium" |
||||
onClick={() => setLevel("phonenumber")} |
||||
> |
||||
اصلاح شماره تلفن |
||||
</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</> |
||||
} |
||||
|
||||
|
||||
<div className="w-full flex flex-col items-center justify-center"> |
||||
<p className="w-3/5 text-xs my-20 text-center text-red26"> |
||||
ثبت نام شما در سامانه به منزله قبول |
||||
<Link to="" className="font-bold"> شرایط و قوانین استفاده </Link> |
||||
میباشد |
||||
</p> |
||||
<p className="text-gray-300 text-xs">1401 - 1400</p> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
); |
||||
}; |
||||
|
||||
const mapStateToProps = (state) => ({ |
||||
loginFlag : state.user.status, |
||||
isMobile: state.publicApi.isMobile, |
||||
}); |
||||
|
||||
const mapDispatchToProps = { |
||||
sendOtp: user.otp_login, |
||||
sendPhoneNumber: user.otp, |
||||
setHeaderOptions: publicApi.setHeaderOptions, |
||||
}; |
||||
|
||||
export default connect( |
||||
mapStateToProps, |
||||
mapDispatchToProps |
||||
)(LoginSignUpMobile); |
||||
|
||||
@ -0,0 +1,66 @@ |
||||
|
||||
import React, { useEffect, useState } from "react"; |
||||
import { connect } from "react-redux"; |
||||
import { Link } from "react-router-dom"; |
||||
import AddQuestionnaireExam from "./addQuestionnaireExam"; |
||||
import AddQuestionsFromBank from "./AddQuestionsFromBank"; |
||||
|
||||
const OkExam = ({ addExamState, stepClick, backStep }) => { |
||||
const grades = [ |
||||
'', |
||||
'اول', |
||||
'دوم', |
||||
'سوم', |
||||
'چهارم', |
||||
'پنجم', |
||||
'ششم', |
||||
'هفتم', |
||||
'هشتم', |
||||
'نهم', |
||||
'دهم', |
||||
'یازدهم', |
||||
'دوازدهم', |
||||
] |
||||
const optionNum = [ |
||||
'', |
||||
'الف', |
||||
'ب', |
||||
'پ', |
||||
'ت', |
||||
'ث', |
||||
'ج', |
||||
'چ', |
||||
'ح', |
||||
|
||||
] |
||||
return ( |
||||
<div className="w-[95%] flex items-center justify-center flex-col py-40 mx-10"> |
||||
<div className="w-2/5 bg-white rounded-xl flex flex-col items-center justify-center p-6 py-10 border border-gray-200"> |
||||
<div className="w-52 rounded-full flex items-center justify-center h-52 bg-green-500"> |
||||
<svg width="237" height="237" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> |
||||
<path d="M7.75 12L10.58 14.83L16.25 9.17004" stroke="#fff" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" /> |
||||
</svg> |
||||
</div> |
||||
<h1 className="text-xl font-bold w-full px-6 py-10"> |
||||
آزمون {addExamState.name} با موفقیت به پایگاه داده افزوده شد |
||||
</h1> |
||||
<div className="flex justify-between w-3/5"> |
||||
<Link to='/adminpanel' className="text-red52 w-full py-4 flex justify-center ml-2"> |
||||
بازگشت به پنل ادمین |
||||
</Link> |
||||
<button className="text-white rounded-xl w-full py-4 flex justify-center bg-green-400 mr-2"> |
||||
ساخت آزمون دیگر |
||||
</button> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
) |
||||
} |
||||
|
||||
const mapStateToProps = (state) => ({ |
||||
grades: state.publicApi.grades, |
||||
addExamState: state.addExamReduser |
||||
}) |
||||
|
||||
export default connect(mapStateToProps)(OkExam); |
||||
@ -0,0 +1,152 @@ |
||||
|
||||
import React, { useEffect, useState } from "react"; |
||||
import { connect } from "react-redux"; |
||||
import { Worker } from '@react-pdf-viewer/core'; |
||||
import fizikPdf from '../../../assets/sample.pdf' |
||||
import pdfpdf from '../../../assets/fizik.pdf' |
||||
import { Viewer } from '@react-pdf-viewer/core'; |
||||
|
||||
// Import the styles
|
||||
import '@react-pdf-viewer/core/lib/styles/index.css'; |
||||
import Preview from "../../../components/AnswerSheet/preview"; |
||||
|
||||
const ViewExam = ({ addExamState, stepClick, backStep }) => { |
||||
useEffect(() => { |
||||
window.scrollTo(0, 0); |
||||
console.log(addExamState.type) |
||||
}, []) |
||||
const grades = [ |
||||
'', |
||||
'اول', |
||||
'دوم', |
||||
'سوم', |
||||
'چهارم', |
||||
'پنجم', |
||||
'ششم', |
||||
'هفتم', |
||||
'هشتم', |
||||
'نهم', |
||||
'دهم', |
||||
'یازدهم', |
||||
'دوازدهم', |
||||
] |
||||
const optionNum = [ |
||||
'', |
||||
'الف', |
||||
'ب', |
||||
'پ', |
||||
'ت', |
||||
'ث', |
||||
'ج', |
||||
'چ', |
||||
'ح', |
||||
|
||||
] |
||||
|
||||
const [selectedCourse, setSelectedCourse] = useState(addExamState?.questionnaires[0]); |
||||
|
||||
const [numPages, setNumPages] = useState(1); |
||||
|
||||
function onDocumentLoadSuccess({ numPages }) { |
||||
setNumPages(numPages); |
||||
} |
||||
|
||||
return ( |
||||
|
||||
<div className="w-[95%] flex flex-col mx-10"> |
||||
<div className="w-4/5 py-6 flex items-center"> |
||||
<h1 className="text-2xl font-bold ml-6">آزمون {addExamState.name}</h1> |
||||
<h3 className="text-gray-500"> پایه {grades[addExamState.grade]}</h3> |
||||
</div> |
||||
{addExamState.type !== 'pdf' ? <div className="w-full flex flex-col text-right"> |
||||
{ |
||||
addExamState.courses.map((item) => ( |
||||
<div className="flex flex-col w-full py-6 border-b border-gray-400"> |
||||
<h1 className="text-xl">سوالات {item.title}</h1> |
||||
<p className="text-gray-500 pt-2">ضریب {item.coefficient}</p> |
||||
{ |
||||
item.selectedQuestions.map((question) => ( |
||||
<div className="flex flex-col w-full py-4 border-b border-gray-200" key={`PISHNAMAYESH__${question.questionId}`}> |
||||
<div className="flex items-start pb-4"> |
||||
<h1 className="text-xl">{question.title}</h1> |
||||
<p className="w-1/12 pr-4">{question.score} نمره</p> |
||||
</div> |
||||
{ |
||||
question.options.map((option) => ( |
||||
<div className="flex w-full my-2 items-center"> |
||||
<div className={`${option.isAnswer ? 'bg-green-400 text-white' : 'bg-gray-300'} w-16 h-14 text-xl flex items-center justify-center rounded-xl rounded-l-none`}> |
||||
{optionNum[option.id]} |
||||
</div> |
||||
<div className={`w-1/4 flex items-center px-6 ${option.isAnswer ? 'bg-green-200' : 'bg-gray-200'} h-14 rounded-xl rounded-r-none`}> |
||||
{option.title} |
||||
</div> |
||||
</div> |
||||
)) |
||||
} |
||||
</div> |
||||
)) |
||||
} |
||||
</div> |
||||
)) |
||||
} |
||||
</div> : |
||||
addExamState.type === 'pdf' && |
||||
<div className="flex flex-col w-full items-center"> |
||||
<h1 className="w-full text-right pb-4 text-lg font-bold">دفترچه ها</h1> |
||||
<div className="w-full flex flex-wrap"> |
||||
{ |
||||
addExamState?.questionnaires?.map((item) => ( |
||||
<div |
||||
|
||||
className={`flex flex-col ${selectedCourse.id === item?.id ? 'bg-pinkF5 border border-red52 text-red52' : 'bg-white border border-gray-300 text-blue3A'} items-center justify-center w-36 h-32 mx-2 font-bold rounded-xl cursor-pointer`} |
||||
onClick={() => setSelectedCourse(item)} |
||||
> |
||||
|
||||
|
||||
<p className="text-red52"> |
||||
{item.name} |
||||
</p> |
||||
</div> |
||||
)) |
||||
} |
||||
</div> |
||||
|
||||
<div className="flex w-full border-t border-gray-200 mt-10"> |
||||
<div className="w-1/2 border-l border-gray-200 py-20 " style={{ height: '750px' }}> |
||||
<Worker workerUrl="https://unpkg.com/pdfjs-dist@2.13.216/build/pdf.worker.min.js"> |
||||
<Viewer fileUrl={selectedCourse.fileUrl} /> |
||||
</Worker> |
||||
</div> |
||||
<div className="w-1/2 my-20 flex justify-center overflow-x-hidden overflow-scroll" style={{height: '600px'}}> |
||||
<div className="w-2/3"> |
||||
<Preview answers={selectedCourse.answers}/> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
} |
||||
<div className="w-full flex justify-end mt-6"> |
||||
<button className="py-4 px-6 rounded-lg text-red52 mr-4" |
||||
onClick={() => backStep()}> |
||||
بازگشت به مرحله قبلی |
||||
</button> |
||||
<button className="bg-red52 py-4 px-6 rounded-lg text-white mr-4" |
||||
onClick={() => stepClick()}> |
||||
تایید آزمون |
||||
</button> |
||||
|
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
) |
||||
} |
||||
|
||||
const mapStateToProps = (state) => ({ |
||||
grades: state.publicApi.grades, |
||||
addExamState: state.addExamReduser |
||||
}) |
||||
|
||||
export default connect(mapStateToProps)(ViewExam); |
||||
Loading…
Reference in new issue