\r\n
\r\n \r\n ));\r\n}\r\n\r\nexport default PackageSkeleton;\r\n","import React from \"react\";\r\nimport \"./SkeletonLoader.scss\";\r\nimport ExamPackagesSkeleton from \"./ExamPackagesSkeleton\";\r\nimport NewsSkeleton from \"./NewsSkeleton\";\r\nimport PlanSkeleton from \"./PlanSkeleton\";\r\nimport LaptopSkeleton from \"./LaptopSkeleton\";\r\nimport PackageSkeleton from \"./PackageSkeleton\";\r\n\r\nexport const SKELETON_TYPES = {\r\n exapmPackage: \"exapmPackage\",\r\n laptop: \"laptop\",\r\n news: \"news\",\r\n plan: \"plan\",\r\n package: \"package\",\r\n};\r\nfunction SkeletonLoader({ type }) {\r\n const skeleton_types = {\r\n exapmPackage: ExamPackagesSkeleton,\r\n laptop: LaptopSkeleton,\r\n news: NewsSkeleton,\r\n plan: PlanSkeleton,\r\n package: PackageSkeleton,\r\n };\r\n let Component = skeleton_types[type];\r\n return \r\n
\r\n \r\n
\r\n \r\n {modalLoading.show && (\r\n
\r\n ,\r\n document.getElementById(\"modals-wrapper\")\r\n );\r\n}\r\nconst close = () => {\r\n document.querySelectorAll(\".modalCloser\").forEach(element => {\r\n element.click();\r\n });\r\n}\r\nexport default Object.assign(Portal, { close });\r\n","import React, { useState } from \"react\";\r\nimport Cookies from \"universal-cookie\";\r\nimport MellatPayment from \"assets/images/Payment/MellatPayment.png\";\r\nimport SamanPayment from \"assets/images/Payment/SamanPayment.png\";\r\nimport swal from \"sweetalert\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from \"../Buttons/CustomButton\";\r\n\r\nconst ExamPayment = ({ paymentData }) => {\r\n const cookies = new Cookies();\r\n\r\n const [discountCode, setDiscountCode] = useState(\"\");\r\n const [discountCodeErr, setDiscountCodeErr] = useState(\"\");\r\n const [newPriceAfterDiscount, setNewPriceAfterDiscount] = useState(\"\");\r\n const [gateway, setGateway] = useState(true);\r\n\r\n const useMyDiscountCode = () => {\r\n AxiosInterceptor.post(\"/Payment/CalcDisCount\", {\r\n Amount: paymentData.ExamPrice,\r\n Code: discountCode,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setDiscountCodeErr(\"\");\r\n setNewPriceAfterDiscount(response.data.data);\r\n } else {\r\n setDiscountCodeErr(response.data.data);\r\n setNewPriceAfterDiscount(\"\");\r\n }\r\n });\r\n };\r\n\r\n const goToGateway = (gateway) => {\r\n let p;\r\n newPriceAfterDiscount !== \"\"\r\n ? (p = newPriceAfterDiscount)\r\n : (p = paymentData.ExamPrice);\r\n AxiosInterceptor.post(\"/Payment/SavePayment\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: paymentData.ExamId,\r\n amount: p,\r\n bank: gateway,\r\n }).then((response) => {\r\n if (response.status === 200) {\r\n setGateway(false);\r\n let oId = response.data;\r\n AxiosInterceptor.post(\"/Payment/Payment\", {\r\n amount: p,\r\n orderId: oId,\r\n bank: gateway,\r\n paymentFor: \"BuyExam\",\r\n }).then((response) => {\r\n setGateway(true);\r\n if (response.status === 200) {\r\n window.location.href = response.data;\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n )}\r\n {props.children}\r\n درحال بارگذاری اطلاعات
\r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ExamPayment;\r\n","import React from \"react\";\r\nimport \"./knButton.scss\";\r\n\r\nexport const KnButton = ({ url }) => {\r\n return (\r\n \r\n
\r\n
\r\n \r\n \r\n تایید پرداخت\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n آیا از خرید آزمون{\" \"}\r\n {paymentData.Title} \r\n با قیمت{\" \"}\r\n {newPriceAfterDiscount ? (\r\n <>\r\n
\r\n
\r\n \r\n آیا از خرید آزمون{\" \"}\r\n {paymentData.Title} \r\n با قیمت{\" \"}\r\n {newPriceAfterDiscount ? (\r\n <>\r\n {paymentData.ExamPrice + \" ریال \"}\r\n \r\n {newPriceAfterDiscount + \" ریال \"}\r\n \r\n \r\n ) : (\r\n \r\n {paymentData.ExamPrice + \" ریال \"}\r\n \r\n )}\r\n مطمئن هستید؟\r\n
\r\n \r\n در صورت تایید، درگاه پرداخت خود را انتخاب کنید :\r\n
\r\n\r\n
\r\n {gateway ? (\r\n \r\n {\r\n setDiscountCode(e.target.value);\r\n }}\r\n />\r\n \r\n اعمال کد تخفیف\r\n \r\n
\r\n \r\n
\r\n {discountCodeErr}
\r\n\r\n
\r\n ) : (\r\n \r\n {\r\n goToGateway(\"Saman\");\r\n }}\r\n />\r\n
\r\n \r\n {\r\n goToGateway(\"Mellat\");\r\n }}\r\n />\r\n
\r\n \r\n \r\n در حال انتقال به درگاه پرداخت\r\n
\r\n )}\r\n \r\n
\r\n \r\n انصراف\r\n \r\n
\r\n \r\n \r\n این دوره در کهکشان نور\r\n \r\n
\r\n );\r\n}\r\n","import { useState, useRef } from \"react\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Cookies from \"universal-cookie\";\r\nimport lapTop from \"assets/images/lapTop.png\";\r\nimport \"./ExamReview.scss\";\r\nimport SkeletonLoader, {\r\n SKELETON_TYPES,\r\n} from \"Components/SkeletonLoader/SkeletonLoader\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport ExamPayment from \"Components/shared/Payment/ExamPayment\";\r\nimport { KnButton } from \"Components/shared/Buttons/KnButton\";\r\n\r\nconst ExamReview = ({ data, load }) => {\r\n const navigate = useNavigate();\r\n const cookies = new Cookies();\r\n const openExamPaymentModalRef = useRef();\r\n\r\n const [ShowGlitch, setShowGlitch] = useState(false);\r\n const [paymentData, setPaymentData] = useState({\r\n ExamId: \"\",\r\n Title: \"\",\r\n ExamPrice: \"\",\r\n });\r\n\r\n const EnterTheTestHandle = (ExamId, Title, ExamPrice) => {\r\n if (ExamPrice == 0 || ExamPrice === null) {\r\n if (cookies.get(\"_exa\")) {\r\n AxiosInterceptor.post(\"/applicantexam/CreateApplicantExam\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: ExamId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n navigate(\"/verifyApplicant/\" + response.data.data);\r\n } else {\r\n if (!response.data.data) {\r\n var shortUrl = response.data.shorturl;\r\n swal({\r\n title: \"توجه\",\r\n text: \"شما یک آزمون در حال برگزاری دارید.\\nآیا مایلید به آزمون خود هدایت شوید؟\",\r\n icon: \"warning\",\r\n buttons: [\"خیر\", \"بله\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n navigate(\"/verifyApplicant/\" + shortUrl);\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n }\r\n });\r\n } else {\r\n navigate(\"/LoginForExam/\" + ExamId);\r\n swal({\r\n icon: \"warning\",\r\n title: \"هشدار\",\r\n text: \"برای ورود به آزمون ابتدا باید وارد حساب کاربری خود شوید\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n } else {\r\n if (cookies.get(\"_exa\")) {\r\n setPaymentData({\r\n ExamId,\r\n Title,\r\n ExamPrice,\r\n });\r\n openExamPaymentModalRef.current.click();\r\n } else {\r\n navigate(\"/LoginForPayExam\");\r\n swal({\r\n icon: \"warning\",\r\n title: \"هشدار\",\r\n text: \"برای خرید آزمون ابتدا باید وارد حساب کاربری خود شوید\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n return (\r\n \r\n 
\r\n {load ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n EnterTheTestHandle(data.id, data.title, data.examPrice)\r\n }\r\n onMouseEnter={() => setShowGlitch(true)}\r\n onMouseLeave={() => setShowGlitch(false)}\r\n >\r\n {data.TFExamPrice ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n خرید آزمون\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n {data.title}\r\n
\r\n\r\n
\r\n {data.description}
\r\n\r\n
\r\n\r\n - \r\n
- \r\n
ناشر
\r\n {data.publisher}\r\n \r\n - \r\n
تعداد سوالات
\r\n {data.questionNumber}\r\n \r\n - \r\n
نمره قبولی
\r\n \r\n {data.ExamType ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\" ||\r\n data.ExamType === \"AA457D59-E2AE-4126-B27B-77AB592C8149\"\r\n ? \"تحلیلی\"\r\n : data.leastScore}\r\n \r\n \r\n - \r\n
نمره کل
\r\n \r\n {data.ExamType ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\" ||\r\n data.ExamType === \"AA457D59-E2AE-4126-B27B-77AB592C8149\"\r\n ? \"تحلیلی\"\r\n : data.totalScore}\r\n \r\n \r\n - \r\n
مدت آزمون
\r\n'
\r\n {data.time}\r\n \r\n - \r\n
قیمت
\r\n \r\n {data.examPrice\r\n ? data.examPrice\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\") + \" ریال \"\r\n : \"رایگان\"}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n {data.TFCreateDatep.split(\"/\")[2]}\r\n \r\n {MONTHES[fixNumbers(data.TFCreateDatep.split(\"/\")[1][1]) - 1]}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default NewsCard;\r\n","import AxiosInterceptor from \"utils/AxiosInterceptor\";\r\n\r\nconst getAllNews = async () => {\r\n return await AxiosInterceptor.post(\"/news/GetNews\");\r\n}\r\nconst getNewsByRoute = async (route) => {\r\n return await AxiosInterceptor.post(\"/news/GetNewsByRoute\", {\r\n Route: route,\r\n });\r\n}\r\nconst getTopNews = async () => {\r\n return await AxiosInterceptor.post(\"/news/GetTopNews\");\r\n}\r\n\r\nexport { getAllNews, getNewsByRoute, getTopNews }","import React, { useState, useEffect } from \"react\";\r\nimport \"./news.scss\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n// =================== Components ====================\r\nimport SkeletonLoader, {\r\n SKELETON_TYPES,\r\n} from \"Components/SkeletonLoader/SkeletonLoader\";\r\nimport NewsCard from \"Components/newsComponent/NewsCard/NewsCard\";\r\n// ================== APIs ======================\r\nimport * as apiNews from \"apis/news\";\r\n// =================== Libraries ===================\r\nimport swal from \"sweetalert\";\r\n\r\nfunction News({ loadings }) {\r\n const navigate = useNavigate();\r\n\r\n const [topNewsData, setTopNewsData] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n\r\n const getTopNews = async () => {\r\n let { data } = await apiNews.getTopNews();\r\n if (data.status === true) {\r\n setTopNewsData(data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n setLoading(false);\r\n };\r\n\r\n useEffect(() => {\r\n getTopNews();\r\n }, []);\r\n\r\n return (\r\n \r\n {/* */}\r\n {index + 1}\r\n
\r\n \r\n {data.TFPageTitle}\r\n
\r\n {/*{data.TFSummary?.substring(0, 30) + \"...\"}
*/}\r\n\r\n {data.TFSummary}
\r\n \r\n بیشتر بخوانید \r\n \r\n\r\n
\r\n \r\n
\r\n {loading ? (\r\n \r\n
\r\n \r\n تازه هاي سنجی\r\n فای\r\n
\r\n\r\n
\r\n )}\r\n \r\n {topNewsData.map((news, index) => {\r\n return (\r\n //
\r\n \r\n
\r\n // \r\n //
\r\n );\r\n })}\r\n \r\n //
\r\n // \r\n //
\r\n // \r\n // {news.TFCreateDatep}\r\n // \r\n //
\r\n // \r\n // 
\r\n //
\r\n // \r\n //
\r\n // {news.TFPageTitle}
\r\n //{news.TFSummary}..
\r\n //\r\n // \r\n // بيشتر بخوانيد\r\n // \r\n // \r\n //
\r\n // \r\n {\r\n navigate(\"/news\");\r\n }}\r\n >\r\n \r\n \r\n \r\n مشاهده ی تمام خبرها\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Navbar;\r\n","import AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Cookies from \"universal-cookie\";\r\n\r\nconst cookies = new Cookies();\r\n\r\nconst getTopSanjifyExam = async () => {\r\n return await AxiosInterceptor.post(\"/exam/GetTopSanjifyExam\");\r\n}\r\nconst getMyExam = async () => {\r\n return await AxiosInterceptor.post(\"/exam/GetMyExam\", {\r\n Token: cookies.get(\"_exa\"),\r\n });\r\n}\r\nconst getMyLastApplicantExams = async () => {\r\n return await AxiosInterceptor.post(\"/exam/GetMyLastApplicantExams\", {\r\n Token: cookies.get(\"_exa\"),\r\n });\r\n}\r\n\r\nexport { getTopSanjifyExam, getMyExam, getMyLastApplicantExams }","import AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Cookies from \"universal-cookie\";\r\n\r\nconst cookies = new Cookies();\r\n\r\nconst getPlansAdmin = async () => {\r\n return await AxiosInterceptor.post(\"/Plan/GetPlansAdmin\");\r\n}\r\nconst getUserActiveContract = async () => {\r\n return await AxiosInterceptor.post(\"/contract/GetUserActiveContract\", { Token: cookies.get(\"_exa\") });\r\n}\r\nconst sendMailContactUs = async(Name, Family, Phone, Mobile, Email, Org, Desc) => {\r\n return await AxiosInterceptor.post(\"/email/SendMailContactUs\", { Name, Family, Phone, Mobile, Email, Org, Desc });\r\n}\r\n\r\nexport { getPlansAdmin, getUserActiveContract, sendMailContactUs }","import React, { useRef, useEffect } from 'react'\r\n\r\nfunction OTPGenerator({ length, state, type, setState,onComplete }) {\r\n const BACKSPACE_KEY = 8;\r\n const LEFT_ARROW_KEY = 37;\r\n const RIGHT_ARROW_KEY = 39;\r\n const myRefs = useRef([]);\r\n const onKeyDownHandler = (e, i) => {\r\n setTimeout(() => {\r\n if (e.keyCode === BACKSPACE_KEY || e.keyCode === LEFT_ARROW_KEY) {\r\n let prevElement = myRefs.current[i - 1];\r\n if (prevElement) {\r\n prevElement.focus();\r\n }\r\n } else if (e.keyCode === RIGHT_ARROW_KEY) {\r\n let nextElement = myRefs.current[i + 1];\r\n if (nextElement) {\r\n nextElement.focus();\r\n }\r\n }\r\n }, 100);\r\n }\r\n const movePointerHandler = (value, i) => {\r\n if (value) {\r\n let nextElement = myRefs.current[i + 1];\r\n if (nextElement) {\r\n nextElement.focus();\r\n }\r\n } else {\r\n let prevElement = myRefs.current[i - 1];\r\n if (prevElement) {\r\n prevElement.focus();\r\n }\r\n }\r\n }\r\n useEffect(() => {\r\n setState(Array(length).fill(\"\"));\r\n }, [])\r\n useEffect(() => {\r\n if (state.length > 0 && !state.includes(\"\")) {\r\n if (onComplete) {\r\n onComplete();\r\n }\r\n }\r\n }, [state])\r\n\r\n return (\r\n \r\n {\r\n setShowMobileMenu(!showMobileMenu);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n - \r\n
- \r\n
\r\n \r\n \r\n - \r\n
\r\n معرفی\r\n \r\n \r\n - \r\n
\r\n خدمات\r\n \r\n \r\n - \r\n
\r\n آزمون های سنجیفای\r\n \r\n \r\n - \r\n
\r\n تازه ها\r\n \r\n \r\n {/* - \r\n
\r\n بستهها\r\n \r\n */}\r\n - \r\n
\r\n ارتباط\r\n \r\n \r\n - \r\n
\r\n اعتبارسنجی مدرک\r\n \r\n \r\n - \r\n
\r\n مشتریان\r\n \r\n \r\n
\r\n {!userData.userFullName && (\r\n <>\r\n \r\n ورود\r\n \r\n \r\n ثبت نام\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n {Array(state.length)\r\n .fill()\r\n .map((_, i) => {\r\n return (\r\n {\r\n movePointerHandler(e.target.value, i);\r\n let vals = [...state];\r\n vals[i] = e.target.value;\r\n setState(vals);\r\n }}\r\n onKeyDown={(e) => {\r\n onKeyDownHandler(e, i);\r\n }}\r\n ref={el => (myRefs.current[i] = el)}\r\n />\r\n )\r\n })}\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default OTPGenerator","import React, { useState } from \"react\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport OTPGenerator from \"Components/shared/OTPGenerator/OTPGenerator\";\r\nimport swal from \"sweetalert\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\n\r\nfunction LoginToExamBySpecialCode() {\r\n const navigate = useNavigate();\r\n const [otpValues, setOtpValues] = useState([]);\r\n const submitLoginBySpecialCode = () => {\r\n let finalValue = otpValues.join(\"\");\r\n if (finalValue === \"\") {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"کد اختصاصی نمیتواند خالی باشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else if (finalValue.length !== 6) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \" لطفا کد صحیح وارد کنید\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else {\r\n let cancelBtn = document.querySelector(\"#cancelLoginBySpecialCode\");\r\n cancelBtn?.click();\r\n AxiosInterceptor.post(\"/Exam/GoToExam\", {\r\n ShortUrl: finalValue,\r\n }).then((response) => {\r\n if (response.data.isSecure) {\r\n navigate(\r\n `/preSecureExam?examId=${response.data.IdExam}&code=${finalValue}`\r\n );\r\n } else {\r\n navigate(\"/VerifyApplicant/\" + finalValue);\r\n }\r\n });\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n ورود به آزمون با کد اختصاصی\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n کد اختصاصی پیامک شده را وارد نمایید
\r\n\r\n \r\n ورود به آزمون\r\n \r\n
\r\n \r\n
\r\n \r\n انصراف\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ارتباط با سنجی\r\n فای\r\n
\r\n\r\n در صورت نیاز به مشاوره و درخواست طرح اختصاصی فرم زیر را تکمیل\r\n فرمایید.\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n contactOnChangeHandle(e)}\r\n onKeyDown={preventForbiddenNumberKeys}\r\n />\r\n \r\n {(error.phone || error.mobileOrPhone) && (\r\n \r\n
\r\n {error.phone}\r\n \r\n \r\n contactOnChangeHandle(e)}\r\n onKeyDown={preventForbiddenNumberKeys}\r\n />\r\n \r\n {(error.mobile || error.mobileOrPhone) && (\r\n \r\n
\r\n {error.mobile}\r\n \r\n \r\n {error.mobileOrPhone}\r\n \r\n
\r\n \r\n \r\n contactOnChangeHandle(e)}\r\n />\r\n \r\n {error.email && (\r\n \r\n
\r\n {error.email}\r\n \r\n \r\n contactOnChangeHandle(e)}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n contactOnChangeHandle(e)}\r\n >\r\n \r\n {error.message && (\r\n \r\n
\r\n {error.message}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ارسال پیام\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ورود به آزمون با کد اختصاصی\r\n \r\n
\r\n \r\n
\r\n با سنجیفای بسنج\r\n
\r\n \r\n آزمون برگزار کن / در آزمون شرکت کن\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Previous\r\n \r\n \r\n \r\n Next\r\n \r\n
\r\n - \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n خدمات سنجی\r\n فای\r\n
\r\n {/*\r\n خدماتی که ما در اختیار شما قرار میدهیم تا بهترین تجربه را در\r\n سنجیفای داشته باشید.\r\n
*/}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n آزمون آنلاين\r\n
\r\n آزمون بر خط سریع و ساده از هرکجای دنیا
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n آزمون سنجیفای\r\n
\r\n خودآزمایی با آزمون های آماده سنجیفای
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n نظرسنجی\r\n
\r\n ارزیابی و جمع آوری آسان نظرات
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n مدرک\r\n
\r\n دریافت مدرک قبولی در آزمون با قابلیت اعتبارسنجی
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n تازه ترین آزمون های سنجی\r\n فای\r\n
\r\n\r\n
\r\n \r\n {loadings.examPackage ? (\r\n examsClickHandle(data)}\r\n id={data.Id}\r\n className={`listExam ${\r\n data.Id === examReviewData.id ? \"listExam_active\" : \"\"\r\n }`}\r\n >\r\n
\r\n ))\r\n )}\r\n \r\n {data.TFTitle}
\r\nآزمون های بیشتر
\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n بستههای سنجی\r\n فای\r\n
\r\n\r\n
\r\n \r\n {loadings.plans ? (\r\n
\r\n )}\r\n \r\n {plans\r\n ?.filter((item) => item.TFActive === true)\r\n ?.map((plan) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n {plan.TFTitle === \"الماس\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n {plan.TFTitle}
\r\n\r\n {plan.TFPlanDuration} ماهه\r\n
\r\n \r\n {plan.TFPrice.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n ريال\r\n
\r\n- \r\n
- \r\n تعداد آزمون :{\" \"}\r\n {plan.TFExamCount\r\n ? plan.TFExamCount\r\n : \"نامحدود \"}\r\n \r\n \r\n
- \r\n تعداد آزمون دهنده :{\" \"}\r\n {plan.TFExamApplicantCount} نفر\r\n \r\n \r\n
\r\n \r\n buyingPlan(plan)}\r\n >\r\n خرید\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n اعتبارسنجی مدرک
\r\n\r\n اصالت مدرک مورد نظر را صحت سنجی نمایید.\r\n
\r\n\r\n \r\n
\r\n \r\n 
\r\n
\r\n لطفا کد تاییدیه مدرک خود را وارد کنید:
\r\n\r\n
\r\n \r\n onKeyPressHandle(e)}\r\n id=\"certInput\"\r\n // className={certError ? \"shake\" : \"normal\"}\r\n />\r\n {/* */}\r\n
\r\n \r\n \r\n نمایش\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n مشتریان ما
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n بازگشت به صفحه اصلی\r\n \r\n
\r\n )}\r\n {!data.status && (\r\n \r\n \r\n \r\n چاپ شود\r\n \r\n
\r\n \r\n
\r\n اعتبار سنجی مدرک با کد تاییدیه
\r\n{code}
\r\n\r\n
\r\n \r\n آقا/خانم {data.name + \" \" + data.family}\r\n
\r\n\r\n {\" \"}\r\n آزمون {data.exam}\r\n
\r\n\r\n {\" \"}\r\n را در تاریخ {data.date}\r\n
\r\nبا موفقیت گذارنده است.
\r\n\r\n \r\n بازگشت به صفحه اصلی\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default CertConfirmation;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./CheckPayment.scss\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction CheckPayment() {\r\n const { pathname } = useLocation();\r\n const [payStatus, setPayStatus] = useState(false);\r\n const [payData, setPayData] = useState({});\r\n const [payForWhat, setPayForWhat] = useState(\"\");\r\n\r\n const navigate = useNavigate();\r\n const cookies = new Cookies();\r\n useEffect(() => {\r\n let str_url_id = decodeURIComponent(window.location.href);\r\n let url_id = str_url_id.split(\"?\")[str_url_id.split(\"?\").length - 1];\r\n let TId = url_id.split(\"&\")[0].split(\"=\")[1];\r\n let TNum = url_id.split(\"&\")[1].split(\"=\")[1];\r\n let payFor = pathname.replace(\"/CheckPayment\", \"\");\r\n setPayForWhat(payFor);\r\n AxiosInterceptor.post(\"/Payment/PaymentCompleted\", {\r\n transactionId: TId,\r\n trackingNumber: TNum,\r\n paymentFor: payFor,\r\n }).then((response) => {\r\n if (response.data.ok) {\r\n if (!response.data.isReceiptSeen) {\r\n setPayStatus(response.data.payStatus);\r\n if (response.data.payStatus) {\r\n AxiosInterceptor.post(\"/Payment/GetPayByOrder\", {\r\n order: TNum,\r\n }).then((response) => {\r\n if (response.status === 200) {\r\n setPayData(response.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"لطفا بعدا تلاش کنید\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n switch (payFor) {\r\n case \"BuyExam\":\r\n break;\r\n case \"UpgradePlan\":\r\n case \"BuyPlan\":\r\n if (payStatus && !response.data.isContractSave) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \".پرداخت شما با موفقیت انجام شد.\\n در صورت فعال نشدن بسته مورد نظر با پشتیبانی تماس بگیرید\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n break;\r\n default:\r\n navigate(\"/\");\r\n break;\r\n }\r\n } else {\r\n navigate(\"/\");\r\n }\r\n } else {\r\n navigate(\"/\");\r\n }\r\n });\r\n }, []);\r\n const goToThisExam = () => {\r\n AxiosInterceptor.post(\"/applicantexam/CreateApplicantExam\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: payData.IdExam,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n navigate(\"/verifyApplicant/\" + response.data.data);\r\n } else {\r\n if (!response.data.data) {\r\n var shortUrl = response.data.shorturl;\r\n swal({\r\n title: \"توجه\",\r\n text: \"شما یک آزمون در حال برگزاری دارید.\\nآیا مایلید به آزمون خود هدایت شوید؟\",\r\n icon: \"warning\",\r\n buttons: [\"خیر\", \"بله\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n navigate(\"/verifyApplicant/\" + shortUrl);\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n }\r\n });\r\n };\r\n const printHandle = () => {\r\n var divToPrint = document.getElementById(\"payInfo\");\r\n let newWin = window.open(\"\");\r\n newWin.document.write(divToPrint.outerHTML);\r\n newWin.print();\r\n newWin.close();\r\n };\r\n\r\n return payStatus ? (\r\n \r\n
\r\n مدرکی با این کد تاییدیه وجود ندارد.
\r\n \r\n \r\n تایید و ورود به آزمون\r\n \r\n ) : (\r\n {\r\n navigate(\"/Dashboard\");\r\n }}\r\n >\r\n تایید و ورود به داشبورد\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n عملیات پرداخت با موفقیت انجام شد.\r\n
\r\n\r\n {payForWhat === \"BuyExam\" ? (\r\n \r\n
\r\n \r\n اطلاعات پرداخت
\r\nکد پیگیری : {payData.TFSalesReferenceId}
\r\nپرداخت کننده : {payData.TFName + \" \" + payData.TFFamily}
\r\nمبلغ پرداخت شده : {payData.TFAmount + \" ريال \"}
\r\nایمیل پرداخت کننده : {payData.TFEmail}
\r\nموبایل پرداخت کننده : {payData.TFMobile}
\r\n\r\n \r\n بازگشت به آزمون های سنجیفای\r\n \r\n ) : (\r\n \r\n بازگشت به خانه\r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nexport default CheckPayment;\r\n","import AxiosInterceptor from \"utils/AxiosInterceptor\";\r\n\r\nconst GetUserById = async (Token) => {\r\n return await AxiosInterceptor.post(\"/applicant/GetUserById\", { Token });\r\n}\r\n\r\nconst UpdateUser = async (params) => {\r\n return await AxiosInterceptor.post(\"/applicant/UpdateUser\", params);\r\n}\r\n\r\n\r\nexport { GetUserById, UpdateUser }","import React, { useState, useEffect, useRef } from \"react\";\r\nimport validate, { passwordIsValid } from \"validation/validate\";\r\nimport \"./informationForm.scss\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport * as api from \"apis/profile\";\r\n\r\nfunction InformationForm({ token, afterSubmit, title, loading }) {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const myRefs = useRef([]);\r\n const [hasPassword, setHasPassword] = useState(false);\r\n const [show, setShow] = useState(false);\r\n const [fields, setFields] = useState({\r\n name: \"\",\r\n family: \"\",\r\n password: \"\",\r\n repeatedPassword: \"\",\r\n email: \"\",\r\n mobile: \"\",\r\n nationalCode: \"\",\r\n // errors::\r\n nameErr: false,\r\n familyErr: false,\r\n passwordErr: [],\r\n repeatedPasswordErr: false,\r\n emailErr: false,\r\n mobileErr: false,\r\n nationalCodeErr: false,\r\n });\r\n\r\n const showHandle = () => {\r\n setShow((show) => !show);\r\n };\r\n const handleChange = (event) => {\r\n const { name, value } = event.target;\r\n setFields({\r\n ...fields,\r\n [name]: value,\r\n });\r\n };\r\n const handleValidation = (event) => {\r\n const { name, value } = event.target;\r\n if (name === \"password\") {\r\n setFields({\r\n ...fields,\r\n passwordErr: passwordIsValid(value),\r\n });\r\n } else {\r\n setFields({\r\n ...fields,\r\n [`${name}Err`]: validate(name, value),\r\n });\r\n }\r\n };\r\n const confirmPasswordValidation = (event) => {\r\n if (fields.password !== event.target.value) {\r\n setFields({\r\n ...fields,\r\n repeatedPasswordErr: true,\r\n });\r\n } else {\r\n setFields({\r\n ...fields,\r\n repeatedPasswordErr: false,\r\n });\r\n }\r\n };\r\n const EveryThingIsValid = () => {\r\n const basicConditions =\r\n fields.name &&\r\n fields.family &&\r\n fields.email &&\r\n fields.mobile &&\r\n fields.nationalCode &&\r\n !fields.nameErr &&\r\n !fields.familyErr &&\r\n !fields.emailErr &&\r\n !fields.mobileErr &&\r\n !fields.nationalCodeErr;\r\n if (!hasPassword) {\r\n return (\r\n basicConditions &&\r\n fields.password &&\r\n fields.repeatedPassword &&\r\n fields.passwordErr[1] &&\r\n !fields.repeatedPasswordErr\r\n );\r\n }\r\n return basicConditions;\r\n };\r\n const submitForm = (e) => {\r\n e.preventDefault();\r\n if (EveryThingIsValid()) {\r\n afterSubmit({ fields, hasPassword });\r\n }\r\n };\r\n const getUserById = async () => {\r\n const { data } = await api.GetUserById(token);\r\n if (data.status === true) {\r\n setHasPassword(data.haspassword);\r\n setFields({\r\n ...fields,\r\n name: data.data.TFName,\r\n family: data.data.TFFamily,\r\n password: \"\",\r\n repeatedPassword: \"\",\r\n email: data.data.TFEmail === null ? \"\" : data.data.TFEmail,\r\n mobile: data.data.TFMobile,\r\n nationalCode: data.data.TFNationalCode,\r\n });\r\n if (data.data.TFEmail) {\r\n myRefs.current[0].disabled = true;\r\n }\r\n if (data.data.TFNationalCode) {\r\n myRefs.current[1].disabled = true;\r\n }\r\n } else {\r\n cookies.remove(\"_exapplicant\", {\r\n path: \"/\",\r\n });\r\n navigate(\"/\");\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (token) {\r\n getUserById();\r\n } else {\r\n navigate(\"/\");\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n عملیات پرداخت با خطا مواجه شد.\r\n
\r\n {payForWhat === \"BuyExam\" ? (\r\n لطفا دوباره امتحان کنید
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default InformationForm;\r\n","import React from \"react\";\r\nimport * as api from \"apis/profile\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport InformationForm from \"Components/shared/InformationForm/InformationForm\"\r\n\r\nfunction CompeleteInformation() {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n\r\n const confirmApplicantData = async (params) => {\r\n let { fields } = params;\r\n const { data } = await api.UpdateUser({\r\n Token: cookies.get(\"_exaComp\"),\r\n Email: fields.email,\r\n NationalCode: fields.nationalCode,\r\n Password: fields.password,\r\n });\r\n if (data.status === true) {\r\n swal({\r\n icon: \"success\",\r\n title: \"موفقیت\",\r\n text: \"اطلاعات شما با موفقیت تکمیل و به روز رسانی شد\",\r\n button: \"متوجه شدم\",\r\n });\r\n let d = new Date();\r\n d.setTime(d.getTime() + 1 * 1000 * 60 * 60);\r\n let dateString = \"\" + d.toString();\r\n cookies.set(\"_exa\", cookies.get(\"_exaComp\"), {\r\n path: \"/\",\r\n expires: new Date(dateString),\r\n });\r\n cookies.remove(\"_exaComp\");\r\n navigate(\"/RoleSelect\");\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n };\r\n\r\n return (\r\n \r\n {title === \"تایید اطلاعات\" ? (\r\n hasPassword ? (\r\n
\r\n \r\n آزمون دهنده گرامی\r\n
\r\n قبل از ورود به آزمون سنجیفای ابتدا میبایست اطلاعات خود را تایید\r\n نمایید\r\n
\r\n آزمون دهنده گرامی\r\n
\r\n قبل از ورود به آزمون سنجیفای ابتدا میبایست اطلاعات خود را تایید\r\n نمایید\r\n
\r\n حساب کاربری شما در سامانه سنجیفای فاقد رمز عبور میباشد، لطفا کلمه\r\n عبوری مناسب برای خودتان انتخاب کنید.\r\n
\r\n از این پس با این رمز عبور، میتوانید وارد پروفایل خودتان شوید.\r\n
\r\n کاربر گرامی\r\n
\r\n قبل از ورود به سامانه سنجیفای ابتدا میبایست اطلاعات خود را تکمیل\r\n نمایید\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {product.TFKNCourse && \r\n {\r\n e.stopPropagation();\r\n onClick();\r\n }}\r\n color={BUTTON_COLORS.KHAKI}\r\n >\r\n {product.TFExamPrice ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n خرید آزمون\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n {product.TFExamPrice\r\n ? product.TFExamPrice.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )\r\n : \"رایگان\"}{\" \"}\r\n {product.TFExamPrice ? \"ریال\" : \"\"}\r\n
\r\n \r\n
\r\n {product.TFTitle}\r\n \r\n {product.TFOrgImgPath ? (\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {product.TFQCount}
\r\n تعداد سوالات
\r\n \r\n \r\n {product.IdStaticData_ExamType?.toLowerCase() ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\"\r\n ? \"تحلیلی\"\r\n : product.TFMinScoreForAcceptance}\r\n
\r\n نمره قبولی
\r\n \r\n \r\n {product.IdStaticData_ExamType?.toLowerCase() ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\"\r\n ? \"تحلیلی\"\r\n : product.TFExamScore}\r\n
\r\n نمره کل
\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default ProductCard;\r\n","export default __webpack_public_path__ + \"static/media/examPackes.a2c37853.svg\";","import React, { useEffect, useState, useRef } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport \"./ExamPackages.scss\";\r\n// ================= Components ===================\r\nimport Menu from \"Components/shared/Menu/Menu\";\r\nimport Footer from \"Components/Footer/Footer\";\r\nimport ProductCard from \"Components/ProductCard/ProductCard\";\r\nimport SkeletonLoader, {\r\n SKELETON_TYPES,\r\n} from \"Components/SkeletonLoader/SkeletonLoader\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\n// import Card from \"Components/ProductCard/ProductCard\";\r\n// =============== Libraries ===================\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\n// ================ assets ====================\r\nimport examPackage from \"assets/images/examPackes.svg\";\r\nimport ExamPayment from \"Components/shared/Payment/ExamPayment\";\r\n\r\nfunction ExamPackages() {\r\n const navigate = useNavigate();\r\n const cookies = new Cookies();\r\n const openExamPaymentModalRef = useRef();\r\n\r\n const [packageProducts, setPackageProducts] = useState([]);\r\n const [searchField, setSearchField] = useState(\"\");\r\n const [searchError, setSearchError] = useState(false);\r\n const [paymentData, setPaymentData] = useState({\r\n ExamId: \"\",\r\n Title: \"\",\r\n ExamPrice: \"\",\r\n });\r\n const [loading, setLoading] = useState(true);\r\n\r\n const onSearchChange = (event) => {\r\n setTimeout(() => {\r\n let examPackage = document.querySelectorAll(\".each-product\").length;\r\n if (examPackage === 0) {\r\n setSearchError(true);\r\n } else {\r\n setSearchError(false);\r\n }\r\n }, 90);\r\n setSearchField(event.target.value);\r\n };\r\n\r\n const buyHandle = (ExamId, Title, ExamPrice) => {\r\n if (ExamPrice == 0 || ExamPrice === null) {\r\n // رایگان بود\r\n if (cookies.get(\"_exa\")) {\r\n AxiosInterceptor.post(\"/applicantexam/CreateApplicantExam\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: ExamId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n navigate(\"/verifyApplicant/\" + response.data.data);\r\n } else {\r\n if (!response.data.data) {\r\n var shortUrl = response.data.shorturl;\r\n swal({\r\n title: \"توجه\",\r\n text: \"شما یک آزمون در حال برگزاری دارید.\\nآیا مایلید به آزمون خود هدایت شوید؟\",\r\n icon: \"warning\",\r\n buttons: [\"خیر\", \"بله\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n navigate(\"/verifyApplicant/\" + shortUrl);\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n }\r\n });\r\n } else {\r\n navigate(\"/LoginForExam/\" + ExamId);\r\n swal({\r\n icon: \"warning\",\r\n title: \"هشدار\",\r\n text: \"برای ورود به آزمون ابتدا باید وارد حساب کاربری خود شوید\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n } else {\r\n if (cookies.get(\"_exa\")) {\r\n setPaymentData({\r\n ExamId,\r\n Title,\r\n ExamPrice,\r\n });\r\n // document.querySelector(\"#openPaymentModal\").click();\r\n openExamPaymentModalRef.current.click();\r\n } else {\r\n navigate(\"/LoginForPayExam\");\r\n swal({\r\n icon: \"warning\",\r\n title: \"هشدار\",\r\n text: \"برای خرید آزمون ابتدا باید وارد حساب کاربری خود شوید\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n AxiosInterceptor.post(\"/exam/GetSanjifyExam\").then((response) => {\r\n if (response.data.status === true) {\r\n setLoading(false);\r\n setPackageProducts(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n {/* \r\n
\r\n \r\n )}\r\n \r\n */}\r\n \r\n {/*
*/}\r\n \r\n
\r\n\r\n {/* \r\n \r\n
\r\n\r\n آزمون های سنجیفای
\r\nبا آزمون های سنجیفای خود را بسنجید
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n آزمون های سنجیفای
\r\n\r\n {/* */}\r\n {/*
\r\n \r\n {loading ? (\r\n \r\n {packageProducts\r\n .filter((prod) => {\r\n return prod.TFTitle.toLowerCase().includes(\r\n searchField.toLowerCase()\r\n );\r\n })\r\n .map((product, index) => {\r\n return (\r\n \r\n \r\n buyHandle(\r\n product.Id,\r\n product.TFTitle,\r\n product.TFExamPrice\r\n )\r\n }\r\n />\r\n
\r\n );\r\n })}\r\n {/* \r\n
\r\n ) : (\r\n <>\r\n \r\n {searchError ? \"موردی یافت نشد!\" : \"\"}\r\n
\r\n\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {info?.TFKNCourse && (\r\n
\r\n \r\n
\r\n )}\r\n خوش آمدید به\r\n {info?.TFTitle}
\r\n\r\n هم اکنون مهارت های خود را محک بزنید و تجربه کسب کنید.\r\n
\r\n \r\n {\r\n navigate(\"/ExamPackages\");\r\n }}\r\n // disabled={showTimer}\r\n color={BUTTON_COLORS.DARKGREEN}\r\n type={BUTTON_TYPES.OUTLINE}\r\n style={{\r\n paddingBlock: \"11px\",\r\n paddingInline: \"26px\",\r\n }}\r\n >\r\n آزمون های سنجیفای\r\n \r\n
\r\n \r\n \r\n buyHandle(info.Id, info.TFTitle, info.TFExamPrice)\r\n }\r\n >\r\n {info?.TFExamPrice ? (\r\n <>\r\n \r\n \r\n \r\n \r\n \r\n \r\n خرید آزمون\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n {publisher}\r\n
\r\n ناشر
\r\n \r\n ' {info?.TFExamTime}\r\n
\r\n زمان آزمون
\r\n \r\n {info?.TFQCount}\r\n
\r\n تعداد سوالات
\r\n \r\n {info?.TFExamScore}\r\n
\r\n نمره کل
\r\n \r\n {info?.TFMinScoreForAcceptance}\r\n
\r\n نمره قبولی
\r\n \r\n \r\n لطفا کمی صبر کنید تا کپچا بارگذاری شود\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Captcha;\r\n","import React, { useRef } from 'react'\r\n\r\nfunction FloatingInput(props) {\r\n let { value, error, label, required, className, wrapperClassName, ...otherProps } = props;\r\n const inputWrapperRef = useRef(null);\r\n const focusHandler = () => {\r\n inputWrapperRef.current.classList.add(\"focused\");\r\n }\r\n const blurHandler = () => {\r\n if (!value) { inputWrapperRef.current.classList.remove(\"focused\"); }\r\n }\r\n const onLabelClick = () => {\r\n inputWrapperRef.current.children[0].focus();\r\n }\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default FloatingInput","import React from \"react\";\r\nimport \"./Timer.styles.scss\";\r\n\r\nconst TimerComponent = (props) => {\r\n return (\r\n \r\n
\r\n {error}
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default TimerComponent;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Captcha from \"Components/Captcha/Captcha\";\r\nimport FloatingInput from \"Components/shared/Inputs/FloatingInput\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport swal from \"sweetalert\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport ConvertPersianToEnglish from \"utils/ConvertLang\";\r\nimport { preventForbiddenNumberKeys } from \"utils/misc/preventForbiddenNumberKeys\";\r\nimport validator from \"validator\";\r\nimport OTPGenerator from \"Components/shared/OTPGenerator/OTPGenerator\";\r\nimport TimerComponent from \"Components/shared/TimerComponent/TimerComponent\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nconst Login = ({ setAuthNationalCode, decideNavigatation, setAuthToken }) => {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const [showPass, setShowPass] = useState(false);\r\n const [showLoginCaptcha, setShowLoginCaptcha] = useState(false);\r\n const LOGINFORMTYPES = Object.freeze({ MOBILE: \"MOBILE\", EMAIL: \"EMAIL\" });\r\n const [loginFormType, setLoginFormType] = useState(\"\");\r\n const [loginLoading, setLoginLoading] = useState(false);\r\n const [showTimer, setShowTimer] = useState(true);\r\n const [second, setSecond] = useState(60);\r\n const [inputs, setInputs] = useState({\r\n emailOrMobile: \"\",\r\n emailOrMobileErr: \"\",\r\n password: \"\",\r\n passwordErr: \"\",\r\n otpErr: \"\",\r\n });\r\n const [otpValues, setOtpValues] = useState([]);\r\n const onChangeHandler = (e) => {\r\n const { name, value } = e.target;\r\n if (name === \"emailOrMobile\") {\r\n setInputs({\r\n ...inputs,\r\n emailOrMobile: ConvertPersianToEnglish(value),\r\n });\r\n } else {\r\n setInputs({\r\n ...inputs,\r\n [name]: value,\r\n });\r\n }\r\n };\r\n const initalForgetPassword = {\r\n type: \"emailSelect\",\r\n value: \"\",\r\n error: \"\",\r\n loading: false\r\n };\r\n const [forgetPassword, setForgetPassword] = useState(initalForgetPassword);\r\n const changeForgetHandle = (e, type) => {\r\n type === \"email\"\r\n ? setForgetPassword({\r\n ...forgetPassword,\r\n value: ConvertPersianToEnglish(e.target.value),\r\n })\r\n : setForgetPassword({ ...forgetPassword, value: e.target.value });\r\n };\r\n const SendForgetMessage = () => {\r\n setForgetPassword({\r\n ...forgetPassword,\r\n loading: true\r\n });\r\n let address = forgetPassword.type === \"emailSelect\" ? \"SendForgetEmail\" : \"SendForgetSMS\";\r\n let parameter = forgetPassword.type === \"emailSelect\" ? \"Email\" : \"Mobile\";\r\n AxiosInterceptor.post(`/applicant/${address}`, {\r\n [parameter]: forgetPassword.value,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setForgetPassword(initalForgetPassword);\r\n swal({\r\n icon: \"success\",\r\n title: \"موفقیت\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n Portal.close();\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n setForgetPassword({\r\n ...forgetPassword,\r\n loading: false\r\n })\r\n });\r\n };\r\n const forgetPassSubmit = () => {\r\n if (forgetPassword.type === \"emailSelect\") {\r\n if (!validator.isEmail(forgetPassword.value)) {\r\n setForgetPassword((prevState) => ({\r\n ...prevState,\r\n error: \"لطفا ایمیل معتبر وارد نمایید\",\r\n }));\r\n } else {\r\n SendForgetMessage();\r\n }\r\n } else {\r\n if (\r\n forgetPassword.value.length !== 11 ||\r\n !forgetPassword.value.startsWith(\"09\")\r\n ) {\r\n setForgetPassword((prevState) => ({\r\n ...prevState,\r\n error: \"لطفا شماره موبایل معتبر وارد نمایید\",\r\n }));\r\n } else {\r\n SendForgetMessage();\r\n }\r\n }\r\n };\r\n const CheckUserIsVerify = (Token) => {\r\n AxiosInterceptor.post(\"/applicant/CheckUserIsVerify\", { Token }).then(\r\n (response) => {\r\n if (response.data.status === true) {\r\n if (response.data.data) {\r\n let d = new Date();\r\n d.setTime(d.getTime() + 2 * 1000 * 60 * 60);\r\n let dateString = \"\" + d.toString();\r\n cookies.set(\"_exa\", Token, {\r\n path: \"/\",\r\n expires: new Date(dateString),\r\n });\r\n decideNavigatation();\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"حساب کاربری شما احراز هویت نشده است، ابتدا باید کد احراز هویت خود را وارد نمایید\",\r\n button: \"متوجه شدم\",\r\n });\r\n setAuthToken(Token);\r\n setAuthNationalCode(response.data.nationalcode);\r\n document.querySelector(\"#authModalOpener\").click();\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n );\r\n };\r\n const sendOTPCodeForLogin = () => {\r\n AxiosInterceptor.post(\"/applicant/SendCodeForLogin\", {\r\n mobile: inputs.emailOrMobile,\r\n }).then((response) => {\r\n if (!response.data.status) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const signInHandler = () => {\r\n setLoginLoading(true);\r\n if (loginFormType === LOGINFORMTYPES.EMAIL) {\r\n let captchaToken = \"\";\r\n if (showLoginCaptcha) {\r\n const dcRes = document.querySelector(\"#dc-textarea-response\");\r\n if (dcRes.value) {\r\n captchaToken = dcRes.value;\r\n } else {\r\n captchaToken = \"notSolve\";\r\n }\r\n }\r\n AxiosInterceptor.post(\"/applicant/login\", {\r\n userName: inputs.emailOrMobile,\r\n Password: inputs.password,\r\n Captcha: captchaToken,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n CheckUserIsVerify(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n setShowLoginCaptcha(true);\r\n }\r\n setLoginLoading(false);\r\n });\r\n } else {\r\n AxiosInterceptor.post(\"/applicant/LoginWithMobile\", {\r\n mobile: inputs.emailOrMobile,\r\n code: otpValues.join(\"\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.hasPassword) {\r\n CheckUserIsVerify(response.data.data);\r\n } else {\r\n swal({\r\n title: \"توجه\",\r\n text: \"اطلاعات حساب کاربری شما ناقص است، برای ورود به سامانه لطفا فیلدهای اجباری باقیمانده را تکمیل نمایید تکمیل نمایید\",\r\n icon: \"warning\",\r\n buttons: [\"انصراف\", \"ورود به فرم تکمیل اطلاعات\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n let d = new Date();\r\n d.setTime(d.getTime() + 1 * 1000 * 60 * 60);\r\n let dateString = \"\" + d.toString();\r\n cookies.set(\"_exaComp\", response.data.data, {\r\n path: \"/\",\r\n expires: new Date(dateString),\r\n });\r\n navigate(\"/CompeleteInformation\");\r\n } else {\r\n navigate(\"/\");\r\n }\r\n });\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n setLoginLoading(false);\r\n });\r\n }\r\n };\r\n const submitFirstStep = (e) => {\r\n e.preventDefault();\r\n let isValid = false;\r\n let type = \"\";\r\n if (validator.isEmpty(inputs.emailOrMobile)) {\r\n setInputs((prevState) => ({\r\n ...prevState,\r\n emailOrMobileErr: \"پر کردن فیلد ورود الزامی است\",\r\n }));\r\n } else if (inputs.emailOrMobile.includes(\"@\")) {\r\n if (!validator.isEmail(inputs.emailOrMobile)) {\r\n setInputs((prevState) => ({\r\n ...prevState,\r\n emailOrMobileErr: \"لطفا آدرس ایمیل معتبر وارد نمایید\",\r\n }));\r\n } else {\r\n setInputs((prevState) => ({ ...prevState, emailOrMobileErr: \"\" }));\r\n isValid = true;\r\n type = LOGINFORMTYPES.EMAIL;\r\n }\r\n } else if (inputs.emailOrMobile.startsWith(\"09\")) {\r\n if (inputs.emailOrMobile.length !== 11) {\r\n setInputs((prevState) => ({\r\n ...prevState,\r\n emailOrMobileErr: \"لطفا شماره موبایل معتبر وارد نمایید\",\r\n }));\r\n } else {\r\n setInputs((prevState) => ({ ...prevState, emailOrMobileErr: \"\" }));\r\n isValid = true;\r\n type = LOGINFORMTYPES.MOBILE;\r\n }\r\n } else {\r\n setInputs((prevState) => ({\r\n ...prevState,\r\n emailOrMobileErr: \"لطفا مقادیر معتبر وارد نمایید\",\r\n }));\r\n }\r\n if (isValid) {\r\n if (type === LOGINFORMTYPES.MOBILE) sendOTPCodeForLogin();\r\n setLoginFormType(type);\r\n }\r\n };\r\n const confirmPasswordHandler = (e) => {\r\n e.preventDefault();\r\n if (validator.isEmpty(inputs.password)) {\r\n setInputs((prevState) => ({\r\n ...prevState,\r\n passwordErr: \"رمز عبور نمیتواند خالی باشد\",\r\n }));\r\n } else {\r\n setInputs((prevState) => ({ ...prevState, passwordErr: \"\" }));\r\n signInHandler();\r\n }\r\n };\r\n const confirmOTPHandler = (e) => {\r\n e?.preventDefault();\r\n let finalValue = otpValues.join(\"\");\r\n if (finalValue === \"\") {\r\n setInputs((prevState) => ({\r\n ...prevState,\r\n otpErr: \"کد اختصاصی نمیتواند خالی باشد\",\r\n }));\r\n } else if (finalValue.length !== 5) {\r\n setInputs((prevState) => ({\r\n ...prevState,\r\n otpErr: \"لطفا کد صحیح وارد کنید\",\r\n }));\r\n } else {\r\n setInputs((prevState) => ({ ...prevState, otpErr: \"\" }));\r\n signInHandler();\r\n }\r\n };\r\n useEffect(() => {\r\n if (loginFormType === LOGINFORMTYPES.MOBILE) {\r\n second > 0 && setTimeout(() => setSecond(second - 1), 1000);\r\n if (second === 1) {\r\n setShowTimer(false);\r\n }\r\n }\r\n }, [loginFormType, second]);\r\n return (\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {props.children}
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n برای بازیابی رمز عبور میبایست آدرس ایمیل یا شماره همراه خود را\r\n وارد کنید:\r\n
\r\n\r\n
\r\n \r\n {\r\n setForgetPassword({\r\n ...forgetPassword,\r\n type: e.target.value,\r\n });\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {forgetPassword.type === \"emailSelect\" ? (\r\n changeForgetHandle(e, \"email\")}\r\n required\r\n error={forgetPassword.error}\r\n />\r\n ) : (\r\n changeForgetHandle(e, \"number\")}\r\n onKeyDown={preventForbiddenNumberKeys}\r\n required\r\n error={forgetPassword.error}\r\n />\r\n )}\r\n
\r\n \r\n
\r\n setForgetPassword(initalForgetPassword)}\r\n >\r\n انصراف\r\n \r\n
\r\n \r\n \r\n {forgetPassword.type === \"emailSelect\"\r\n ? \"ارسال ایمیل\"\r\n : \"ارسال پیامک\"}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n احراز هویت
\r\n\r\n
\r\n \r\n \r\n \r\n تکمیل احراز هویت\r\n \r\n \r\n ارسال مجدد کد\r\n \r\n
\r\n \r\n
\r\n {otpErr && (\r\n کد اعتبار سنجی پیامک شده را وارد نمایید
\r\n\r\n
\r\n )}\r\n \r\n {otpErr}\r\n
\r\n\r\n \r\n {showTimer && (\r\n \r\n \r\n {second}\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n انصراف\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LoginRegister;\r\n","import \"./AllNews.scss\";\r\nimport { useEffect, useState } from \"react\";\r\nimport Menu from \"Components/shared/Menu/Menu\";\r\nimport Footer from \"Components/Footer/Footer\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport swal from \"sweetalert\";\r\nimport * as api from \"apis/news\";\r\n// ================== Components ====================\r\nimport NewsCard from \"Components/newsComponent/NewsCard/NewsCard\";\r\n\r\nconst AllNews = () => {\r\n let navigate = useNavigate();\r\n const [allNews, setAllNews] = useState([]);\r\n const [searchField, setSearchFiela] = useState(\"\");\r\n const [searchError, setSearchError] = useState(false);\r\n\r\n const onChangeHandle = (e) => {\r\n setTimeout(() => {\r\n var news = document.querySelectorAll(\".news-card-wrap\").length;\r\n if (news === 0) {\r\n setSearchError(true);\r\n } else {\r\n setSearchError(false);\r\n }\r\n }, 90);\r\n\r\n setSearchFiela(e.target.value);\r\n };\r\n const getAllNews = async () => {\r\n let { data } = await api.getAllNews();\r\n if (data.status === true) {\r\n setAllNews(data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n }\r\n useEffect(() => {\r\n getAllNews();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n تازه با سنجیفای آشنا شده اید؟
\r\nاگر تا به حال ثبت نام نکرده اید روی دکمه ثبت نام کلیک کنید
\r\n \r\n \r\n صفحه اصلی\r\n \r\n\r\n 
\r\n
\r\n \r\n
\r\n قبلا در سنجیفای عضو شده اید؟
\r\n\r\n اگر قبلا در وبسایت ما ثبت نام کرده اید روی دکمه ورود کلیک کنید\r\n
\r\n \r\n صفحه اصلی\r\n \r\n \r\n\r\n \r\n \r\n \r\n {searchError ? \"موردی یافت نشد!\" : \"\"}\r\n \r\n {allNews\r\n .filter((search) => {\r\n return search.TFPageTitle.includes(searchField);\r\n })\r\n .map((news, index) => {\r\n return \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AllNews;\r\n","import { useEffect, useState } from \"react\";\r\nimport \"./SingleNews.scss\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\n// ===================== Components =================\r\nimport NewsCard from \"Components/newsComponent/NewsCard/NewsCard\";\r\nimport Menu from \"Components/shared/Menu/Menu\";\r\nimport Footer from \"Components/Footer/Footer\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport SkeletonLoader, {\r\n SKELETON_TYPES,\r\n} from \"Components/SkeletonLoader/SkeletonLoader\";\r\n// ==================== Libraries ===================\r\nimport swal from \"sweetalert\";\r\nimport renderHTML from \"react-render-html\";\r\nimport { Helmet } from \"react-helmet\";\r\n// ==================== Utils =======================\r\nimport { BASEURL } from \"utils/Constants\";\r\n// ==================== APIs ========================\r\nimport * as api from \"apis/news\";\r\n\r\nconst SingleNews = () => {\r\n const navigate = useNavigate();\r\n const params = useParams();\r\n\r\n const [currentNews, setCurrentNews] = useState({});\r\n const [topNewsData, setTopNewsData] = useState([]);\r\n const [loading, setLoading] = useState(true);\r\n\r\n const getNewsByRoute = async (route) => {\r\n let { data } = await api.getNewsByRoute(route);\r\n if (data.status === true) {\r\n setCurrentNews(data.data);\r\n } else {\r\n swal({\r\n title: \"خطا\",\r\n text: data.data,\r\n icon: \"error\",\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n };\r\n const getTopNews = async () => {\r\n let { data } = await api.getTopNews();\r\n if (data.status === true) {\r\n setTopNewsData(data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n setLoading(false);\r\n };\r\n\r\n useEffect(() => {\r\n getNewsByRoute(params.id);\r\n getTopNews();\r\n }, [params]);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n اخبار سنجیفای
\r\nچه چیزی در سنجیفای جدید است
\r\n\r\n \r\n onChangeHandle(e)}\r\n />\r\n
\r\n \r\n \r\n \r\n {currentNews.TFPageTitle} \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {/* \r\n
\r\n \r\n {currentNews.TFPageTitle}
\r\n\r\n {currentNews.TFCreateDatep}\r\n \r\n
\r\n \r\n
\r\n \r\n {currentNews.TFContent ? renderHTML(currentNews.TFContent) : \"\"}\r\n
\r\n \r\n {\r\n navigate(\"/news\");\r\n }}\r\n >\r\n مشاهده تمام خبرها\r\n \r\n
\r\n \r\n {topNewsData?.map((news, index) => (\r\n
\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default SingleNews;\r\n","export default __webpack_public_path__ + \"static/media/forgetPass.519e06df.svg\";","import { useState } from \"react\";\r\nimport \"./ForgetPassword.scss\";\r\nimport forgetPass from \"assets/images/forgetPass.svg\";\r\nimport { passwordIsValid } from \"validation/validate\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport { useNavigate } from \"react-router\";\r\n\r\nconst ForgetPassword = () => {\r\n const navigate = useNavigate();\r\n const [show, setShow] = useState(false);\r\n const [field, setField] = useState({\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n const [error, setError] = useState({\r\n password: \"\",\r\n confirmPassword: \"\",\r\n });\r\n\r\n const showHandle = () => {\r\n setShow((show) => !show);\r\n };\r\n const handleChange = (event) => {\r\n const { name, value } = event.target;\r\n setField({\r\n ...field,\r\n [name]: value,\r\n });\r\n };\r\n\r\n const handleValidation = (event) => {\r\n setError({\r\n ...error,\r\n password: passwordIsValid(event.target.value),\r\n });\r\n };\r\n\r\n const confirmPasswordValidation = (event) => {\r\n if (field.password !== event.target.value) {\r\n setError({\r\n ...error,\r\n confirmPassword: true,\r\n });\r\n } else {\r\n setError({\r\n ...error,\r\n confirmPassword: false,\r\n });\r\n }\r\n };\r\n\r\n const save = () => {\r\n var str_url_id = decodeURIComponent(window.location.href);\r\n var id = str_url_id.split(\"/\")[str_url_id.split(\"/\").length - 1];\r\n if (field.password && field.confirmPassword) {\r\n if (error.password[1] && !error.confirmPassword) {\r\n AxiosInterceptor.post(\"/applicant/ApplyForgetEmail\", {\r\n Code: id,\r\n Pass: field.password,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n swal({\r\n icon: \"success\",\r\n title: \"موفقیت\",\r\n text: response.data.data,\r\n button: {\r\n text: \"متوجه شدم\",\r\n },\r\n });\r\n navigate(\"/LoginRegister\");\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"لینک مورد نظر یافت نشد\",\r\n button: {\r\n text: \"متوجه شدم\",\r\n },\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n {error.password[0] === \"strong\"\r\n ? \"رمز عبور قوی\"\r\n : error.password[0] === \"medium\"\r\n ? \"رمز عبور متوسط - رمز شما مورد قبول است اما میتوانید برای بالا بردن امنیت و قوی تر کردن رمز از کاراکتر های خاص مانند( @,#,!,& ) و همچنین رمزی با بیش از ده کاراکتر استفاده نمایید\"\r\n : error.password[0] === \"weak\"\r\n ? \"رمز عبور شما ضعیف میباشد - برای ایجاد رمزی قوی تر از حروف بزرگ و کوچک , عدد , کاراکتر های خاص مانند( @,#,!,& ) و حداقل هشت کاراکتر استفاده نمایید\"\r\n : null}\r\n \r\n
\r\n \r\n
\r\n رمز عبور جدید خودرا وارد کنید:
\r\n\r\n
\r\n \r\n \r\n \r\n handleChange(e)}\r\n onBlur={(e) => handleValidation(e)}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n handleChange(e)}\r\n onBlur={(e) => confirmPasswordValidation(e)}\r\n />\r\n
\r\n \r\n {error.confirmPassword ? \"تکرار رمز عبور صحیح نمی باشد\" : \"\"}\r\n
\r\n\r\n 
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ForgetPassword;\r\n","import React from \"react\";\r\nimport \"./Policy.scss\";\r\nimport Menu from \"Components/shared/Menu/Menu\";\r\nimport Footer from \"Components/Footer/Footer\";\r\nimport \"../HomePage/HomePage.scss\";\r\n\r\nfunction Policy() {\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Policy;\r\n","export default __webpack_public_path__ + \"static/media/user-1.a8d2a353.png\";","export default __webpack_public_path__ + \"static/media/user-2.4f9749a2.png\";","export default __webpack_public_path__ + \"static/media/user-3.3e8f925f.png\";","import React from \"react\";\r\nimport \"./RoleSelect.scss\";\r\nimport sc3 from \"assets/images/user-1.png\";\r\nimport sc2 from \"assets/images/user-2.png\";\r\nimport sc1 from \"assets/images/user-3.png\";\r\nimport logo from \"assets/images/logoHeader.png\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction RoleSelect() {\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n شرایط استفاده از وبسايت سنجیفای
\r\n\r\n
\r\n \r\n
\r\n شرایط استفاده که در زیر آمده است برای تمام استفادهکنندگان اعم از\r\n بیننده یا مشترک و یا سرویسگیرندگان از سنجیفای (گروه شرکتهای\r\n کهکشان) یکسان میباشد. سنجیفای (گروه شرکتهای کهکشان) اجازه\r\n میدهد:\r\n
\r\n
\r\n
\r\n
\r\n رويه فوق در خصوص پردازش اطلاعات شخصی مربوط به بازديدکنندگان از\r\n پايگاه ياد شده میباشد. ارتباط با ساير پايگاههای موجود در وبسايت\r\n سنجیفای (گروه شرکتهای کهکشان) مشمول اين رويه نخواهد بود.\r\n
\r\n
\r\n
\r\n مطابق این قانون: هر کس به قصد اضرار به غیر یا تشویش اذهان عمومی یا\r\n مقامات رسمی به وسیله سیستم رایانه یا مخابراتی اکاذیبی را منتشر\r\n کند یا در دسترس دیگران قرار دهد جرم محسوب شده و مورد پیگرد قانونی\r\n قرار خواهد گرفت.\r\n
\r\n \r\n حق تالیف\r\n
\r\n حق انحصاری نشر و پخش و تمام حقوق مادی و معنوی مربوط به محتوای اين\r\n وبسايت، از جمله کليه تصاوير و متون موجود، متعلق به سنجیفای (گروه\r\n شرکتهای کهکشان) بوده و مشمول حمايتهای مقرر در قانون تجارت\r\n الکترونيک (مصوب 1382) به ويژه مواد 62 و 74 آن قانون میباشد.\r\n\r\n شرایط استفاده که در زیر آمده است برای تمام استفادهکنندگان اعم از\r\n بیننده یا مشترک و یا سرویسگیرندگان از سنجیفای (گروه شرکتهای\r\n کهکشان) یکسان میباشد. سنجیفای (گروه شرکتهای کهکشان) اجازه\r\n میدهد:\r\n
\r\n
\r\n \r\n برای استفاده شخصی و غيرتجاری، مطالب موجود در اين وبسايت\r\n (download) شده نمايش داده شوند يا چاپ گردند.\r\n
\r\n \r\n به صفحه نخست (homepage) يا ساير صفحات اين پايگاه پيوند (link)\r\n برقرار گردد.\r\n
\r\n \r\n هرگونه استفاده ديگر از مطالب ارائه شده در اين پايگاه نياز به اخذ\r\n مجوز خاص دارد.\r\n
\r\n \r\n ساير شرايط استفاده:\r\n
\r\n
\r\n \r\n اطلاعات منتشر شده در وبسايت سنجیفای (گروه شرکتهای کهکشان)\r\n جنبه آموزشی و اطلاعرسانی برای بازديدکنندگان داشته و مسئولیت\r\n استفاده ناصحیح از اطلاعات منتشر شده به عهده استفادهکننده\r\n میباشد.\r\n
\r\n \r\n استفاده از تمام توضیحات، مطالب، قالببندی و به طور کلی تمام\r\n اطلاعاتی که در این سایت منتشر میشود بدون ذکر نام و لينک وبسايت\r\n سنجیفای (گروه شرکتهای کهکشان) به عنوان منبع مطالب، غیرمجاز و\r\n ممنوع میباشد کليه موارد فوق برای هرگونه استفاده ديگر نياز به\r\n اخذ مجوز کتبی از سنجیفای (گروه شرکتهای کهکشان) دارد.\r\n
\r\n \r\n تمام مطالب منتشر شده به طور لزوم دارای حق تالیف از سوی وبسايت\r\n سنجیفای (گروه شرکتهای کهکشان) میباشند و کلیه حقوق آن به طور\r\n انحصاری متعلق به سنجیفای (گروه شرکتهای کهکشان) میباشد.\r\n
\r\n \r\n مطالب ارائه شده در وبسايت سنجیفای (گروه شرکتهای کهکشان) از\r\n نظر محتویات، نحوه و کیفیت استفاده از آن دارای هیچگونه پشتیبانی\r\n نمیباشد، مسئولیت و نحوه استفاده از مطالب منتشر شده به عهده\r\n استفادهکننده میباشد.\r\n
\r\n \r\n سنجیفای (گروه شرکتهای کهکشان) هیچگونه تعهدی نسبت به خسارت مالی\r\n احتمالی شما که ناشی از استفاده نادرست از اطلاعات منتشر شده در\r\n این رسانه میباشد، نخواهد داشت.\r\n
\r\n
\r\n
\r\n عدم مسئولیت\r\n
\r\n اطلاعات موجود در اين پايگاه به منظور اطلاعرسانی تهيه گرديده و جهت\r\n ارائه به ساير مراجع قابل استفاده نمیباشد و مسئولیت استفاده از\r\n اطلاعات فوق به عهده مشتری/بازدیدكننده میباشد. در خصوص پیوندهایی\r\n (links) که به منظور سهولت در استفاده ارائه شدهاند نيز، هيچگونه\r\n مسئولیتی نسبت به محتوای آنها يا هر پايگاه ديگری که به اين پايگاه\r\n دسترسی داشته يا متصل باشند، بر عهده سنجیفای (گروه شرکتهای\r\n کهکشان) قرار نخواهد گرفت. سنجیفای (گروه شرکتهای کهکشان) اين حق\r\n را برای خود محفوظ ميدارد تا اطلاعات منتشر شده، زمان انتشار و\r\n شيوههای مورد استفاده برای توليد اطلاعات را تغيير دهد. همچنين اين\r\n امکان وجود دارد که انتشار اطلاعات فوق در آينده ادامه پيدا نکند.\r\n\r\n
\r\n
\r\n حفظ اسرار و اطلاعات\r\n
\r\n وبسايت سنجیفای (گروه شرکتهای کهکشان) تنها در صورت اتصال\r\n بازديدکنندگان، مشخصات و نشانی پروتکل اينترنتی و اطلاعات مربوط به\r\n زمان اتصال، مانند مدت بازديد و نوع مرورگر (browser) مورد استفاده\r\n آنها را ثبت و ذخيره مینماید. اين اطلاعات صرفاً به منظور اداره\r\n سيستم و ارائه گزارشهای آماری (بدون ذکر نام بازديدکننده) مورد\r\n استفاده قرار خواهد گرفت تا استفاده از اين پايگاه مورد ارزيابی قرار\r\n گيرد.\r\n\r\n رويه فوق در خصوص پردازش اطلاعات شخصی مربوط به بازديدکنندگان از\r\n پايگاه ياد شده میباشد. ارتباط با ساير پايگاههای موجود در وبسايت\r\n سنجیفای (گروه شرکتهای کهکشان) مشمول اين رويه نخواهد بود.\r\n
\r\n
\r\n
\r\n پیگرد قانونی\r\n
\r\n سنجیفای (گروه شرکتهای کهکشان) با توجه به ماده 18 قانون جرایم\r\n رایانهای مبنی بر «نشر اکاذیب در فضای مجازی و با استفاده از\r\n دادههای رایانهای جرم تلقی شده و قابل تعقیب و مجازات است»، این حق\r\n را دارد که در صورت مشاهده هرگونه نشر اکاذیب در مورد اجزا و اعضای\r\n کهکشان در فضای مجازی پیگرد قانونی کند.\r\n\r\n مطابق این قانون: هر کس به قصد اضرار به غیر یا تشویش اذهان عمومی یا\r\n مقامات رسمی به وسیله سیستم رایانه یا مخابراتی اکاذیبی را منتشر\r\n کند یا در دسترس دیگران قرار دهد جرم محسوب شده و مورد پیگرد قانونی\r\n قرار خواهد گرفت.\r\n
\r\n \r\n 
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default RoleSelect;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAASeSURBVFhHxVhNaFxVFP7O61RcRHARsEIXFQoWVGixgmKLLiy6aCELCwYtNqjQgoJBqmZSGYOmtrbQipYqFCwotKEBCwbahaLQLiIGjCiYRRYRu8hCoYsuSmf6jt+55yaZJPNm7psW+sG8e+9599333XPP3xtBKmrag7q+AsEjHD3JXy8Uf7KdhsiPGJWfbdrtII3MsD4L6NecviFKWkDPoCJvYUSuR0FpdCYznB+kBmrcfQWq1/jEBMe/IMMcVLZS9jTvPeeTdQ63sAOHs1kfl0N7MkEj+MkHOo46BvFpdtXHTTiY7yTBU1xuPedNU0NPUEONeDcZxWTMRhr6hx8NiYxmu+Od1nhPN2AN54v0UFvHcCg7EO8kI4vtatR1byCiOs+d7o/SYhyROV6HfIC3uZl7Yz8ZxWQEj8f2HFX+b+h3wlo5TfI3gn3V9dEoTUYxGWBruOY01lSMCIkEdzeY+5dCMRnFptBmMh/adNhxUaPSG9oSaHdM7jWqTiodPl817Wib0O6YroSr4PnQpuD9fOOiRiH+fAm008xY7PQx3mzzfgeswdFgvNAZHJLpKE1GMZmPswkuei70Vc9jqMNxDefHA3HVBrWzJ0pLoX0E9sD3G6dR/bQBkZOo4AS95lqcAVR1M9l+xHs7w1h1kAHvROiXROfcVM3f5Is+jyN72XU+NcvdW55idG5OnjyeimxPjksr0JpMTSu4qS/xEN/hFO68BOyYgEt89is/6nSsJmO2kenFZTtWvRK0Afk7SlZAH4hetIlaXOcyg35JTQ2GYJiA5WTMa8xYFxfUL5ipj7TM1EUY0j5uprakUWZxlc+CxjLmrwqmisgtkbFyQfV7EunhAoyiMtB19VbTdTT8X7kGS4oVCI6AcWrsg5W25WQsw3q5sDHsxI2wu4qtmltO+m5RuyFxYoY9FmdYT/n9QQ6ltqWf0hm++6hJPM40mPLdfW9QpQPdE7GyA5ediM5CdBcz+X2shbbw9xj7D5LQAN/D9ak1pW3eBAOqWLmyV4JK6/qXM9YDfOiYr1wSZvgSiisrTyf44t2Fhuu2eZFzrRBjiHBtZSTSF4lc5fF0FawCRI8HItApEukvJGKo8ItCsZ9EGgtEDBnP8+HYH+cCpevWgHdzM1QvynN6X6djruNFetY3Tn4JWYwP3JD8Htpu4Ise5iIXcI9ccGF5CBPcP2xsZzvoyj+4+O7AvMl9XZVufXdhmrHvnX1kw+goW3jeSxk5BcGd9dU4cgjm6ZX9cVQMy4FAz8I7zbV7o2uzZrVABJ65/Gc3k6D6DJ+1j70mcGOj2UNxUIyh3Az5POdPWaD1CGxRU3CWJNp8S6dCJ+kUY0k1TTW3WPMCn/mW5Pcs5abl/zIwPyWDCbGpzPBKrx+fZONR0hrVfB+J0EQI1adIfnJ51u4Gw/ohr8zS/AQG6AQk1olQNX+d11MeEvQ0tfKGie8kmTNoyAgqepnLWt5hdMUEg+AYXzrDvoX+zWxf5n3/wFO9xGi9ayHY3j6ZlXCHOEsC8W+SFrCEDNbSa2W0OVrfeTIL8D+YXmOPWggVgdXO9uk7iVs4ufo/HOB/Hfiw9hlmZbAAAAAASUVORK5CYII=\"","import React from 'react'\r\nimport { Link } from \"react-router-dom\";\r\n\r\nfunction MenuItem({ isActive, href, icon, title }) {\r\n return (\r\n \r\n
\r\n \r\n نقش خود را انتخاب کنید :\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n آزمون گیرنده
\r\n\r\n اگر میخواهید یک آزمون جدید بسازید و آن را برای دیگران به اشتراک\r\n بگذارید، این گزینه را انتخاب کنید\r\n
\r\n\r\n 
\r\n
\r\n \r\n \r\n آزمون های سنجیفای\r\n
\r\n\r\n شرکت در آزمونهای متنوع و رایگان سنجیفای با هدف سنجش مهارت\r\n خودتان در حوزههای مختلف\r\n
\r\n\r\n 
\r\n
\r\n \r\n آزمون دهنده
\r\n\r\n اگر لینک دعوت نامه حضور در آزمون دریافت کردهاید با انتخاب این\r\n گزینه وارد آزمون خود شوید\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {plans\r\n .filter(\r\n (item) =>\r\n item.TFActive === true &&\r\n parseInt(item.TFPrice) > parseInt(currentPrice)\r\n )\r\n .map((plan) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n {/* {loginState && \r\n
\r\n \r\n
\r\n \r\n {plan.TFTitle === \"الماس\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n {plan.TFTitle}
\r\n\r\n {plan.TFPlanDuration} ماهه\r\n \r\n
\r\n
\r\n \r\n \r\n {plan.TFPrice.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n ریال\r\n \r\n
\r\n \r\n {(parseInt(plan.TFPrice) - parseInt(remainPrice))\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}\r\n ريال\r\n
\r\n- \r\n
- \r\n تعداد آزمون :{\" \"}\r\n {plan.TFExamCount ? plan.TFExamCount : \"نامحدود \"}\r\n \r\n \r\n
- \r\n تعداد آزمون دهنده : {plan.TFExamApplicantCount} نفر\r\n \r\n \r\n {/*
- \r\n بارم بندی سوالات\r\n \r\n */}\r\n
- \r\n تخصیص زمان برای هر سوال\r\n \r\n \r\n \r\n
\r\n onClick(plan)}\r\n >\r\n ارتقا\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Payment;\r\n","import React from \"react\";\r\nimport \"./Loading.scss\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nfunction Loading() {\r\n const loadingState = useSelector((state) => state.loadingState);\r\n return (\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n تایید پرداخت\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {gateway ? (\r\n \r\n آیا از خرید بسته {plan?.TFTitle} \r\n با قیمت{\" \"}\r\n \r\n {paymentFor === \"UpgradePlan\"\r\n ? (parseInt(plan?.TFPrice) - parseInt(remainPrice))\r\n .toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")\r\n : plan?.TFPrice?.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}{\" \"}\r\n ريال\r\n {\" \"}\r\n مطمئن هستید؟{\" \"}\r\n
\r\n\r\n در صورت تایید، درگاه پرداخت خود را انتخاب کنید :\r\n
\r\n\r\n
\r\n ) : (\r\n \r\n {\r\n goToGateway(\"Saman\");\r\n }}\r\n />\r\n
\r\n \r\n {\r\n goToGateway(\"Mellat\");\r\n }}\r\n />\r\n
\r\n \r\n \r\n در حال انتقال به درگاه پرداخت\r\n
\r\n )}\r\n \r\n\r\n
\r\n \r\n انصراف\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n در حال بارگذاری اطلاعات
\r\n \r\n );\r\n}\r\n\r\nexport default Loading;\r\n","import React, { useEffect, useState, useRef } from \"react\";\r\nimport \"./Dashboard.scss\";\r\nimport logo from \"assets/images/logoHeader.png\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Cookies from \"universal-cookie\";\r\nimport swal from \"sweetalert\";\r\nimport DashSideBar from \"./DashSideBar/DashSideBar\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport PlanUpgrade from \"Components/Upgrade/PlanUpgrade\";\r\nimport Payment from \"Components/shared/Payment/PlanPayment\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { clearUserData } from \"redux/userDataSlice\";\r\nimport Loading from \"Components/Loading/Loading\";\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from \"Components/shared/Buttons/CustomButton\";\r\n\r\nfunction Dashboard(props) {\r\n const navigate = useNavigate();\r\n let sidebarRef = useRef(null);\r\n const cookies = new Cookies();\r\n const dispatch = useDispatch();\r\n const [planUpgrade, setPlanUpgrade] = useState(false);\r\n const [plans, setPlans] = useState({\r\n current: \"\",\r\n planDuration: \"\",\r\n currentPrice: \"\",\r\n remainDays: \"\",\r\n remainPrice: \"\",\r\n list: [],\r\n });\r\n const [chosenPlan, setChosenPlan] = useState({});\r\n const [menuIsOpen, setMenuIsOpen] = useState(false);\r\n const [isDesktopWidth, setIsDesktopWidth] = useState(true);\r\n\r\n useEffect(() => {\r\n if (props.whichDashborad === \"admin\") {\r\n AxiosInterceptor.post(\"/contract/GetUserActiveContract\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.data.length > 0) {\r\n let result = response.data.data[0];\r\n let currentPlanName = result.Plan;\r\n let currentPlanPrice = result.Price;\r\n let planDuration = result.PlanDuration;\r\n let remainPrice = result.RemainPrice;\r\n let remainDays = result.RemainDays;\r\n AxiosInterceptor.post(\"/Plan/GetPlansAdmin\").then((response) => {\r\n if (response.data.status === true) {\r\n let strongerPlans = [];\r\n response.data.data.forEach((plan) => {\r\n if (plan.TFPrice > currentPlanPrice) {\r\n strongerPlans.push(plan);\r\n }\r\n });\r\n if (strongerPlans.length > 0) {\r\n setPlans({\r\n ...plans,\r\n current: currentPlanName,\r\n currentPrice: currentPlanPrice,\r\n list: strongerPlans,\r\n planDuration: planDuration,\r\n remainDays: remainDays,\r\n remainPrice: remainPrice,\r\n });\r\n setPlanUpgrade(true);\r\n } else {\r\n setPlanUpgrade(false);\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"اطلاعات به درستی از سرور دریافت نشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n }, []);\r\n const handleClickOutside = (event) => {\r\n if (sidebarRef.current && !sidebarRef.current.contains(event.target)) {\r\n setMenuIsOpen(false);\r\n }\r\n };\r\n useEffect(() => {\r\n if (window.innerWidth <= 1169) {\r\n document.addEventListener(\"click\", handleClickOutside, true);\r\n setIsDesktopWidth(false);\r\n } else {\r\n setIsDesktopWidth(true);\r\n }\r\n return () => {\r\n document.removeEventListener(\"click\", handleClickOutside, true);\r\n };\r\n }, [window.innerWidth]);\r\n\r\n const logoutHandler = () => {\r\n dispatch(clearUserData());\r\n cookies.remove(\"_exa\", {\r\n path: \"/\",\r\n });\r\n navigate(\"/\");\r\n };\r\n const isPaying = (plan) => {\r\n setChosenPlan(plan);\r\n Portal.close();\r\n };\r\n\r\n return (\r\n\r\n
\r\n \r\n \r\n ارتقاء بسته\r\n \r\n
\r\n \r\n \r\n مبلغ باقی مانده از بسته\r\n \r\n {plans.planDuration} ماهه {plans.current}{\" \"}\r\n {\" \"}\r\n شما\r\n \r\n {plans.remainPrice\r\n ?.toString()\r\n .replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\")}{\" \"}\r\n ریال ،\r\n \r\n و زمان باقیمانده از آن\r\n \r\n {plans.remainDays} روز\r\n \r\n است. شما میتوانید هم اکنون با کسر قیمت باقی مانده، بسته خود را\r\n ارتقا دهید.\r\n
\r\n \r\n
\r\n \r\n انصراف\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n در حال پردازش و بارگذاری اطلاعات\r\n \r\n
\r\n {props.children}
\r\n \r\n \r\n \r\n \r\n {options}\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default SelectInput;\r\n","import React, { useState, useRef, useCallback } from \"react\";\r\nimport Dashboard from \"Components/Dashboard/Dashboard\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Avatar from \"assets/images/avatar1.jpg\";\r\nimport \"./Profile.scss\";\r\nimport { useEffect } from \"react\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport { passwordIsValid } from \"validation/validate\";\r\nimport ConvertPersianToEnglish from \"utils/ConvertLang\";\r\nimport { ConvertEnglishToPersian } from \"utils/ConvertLang\";\r\nimport { Hint } from \"react-autocomplete-hint\";\r\nimport ReactCrop from \"react-image-crop\";\r\nimport \"react-image-crop/dist/ReactCrop.css\";\r\nimport { BASEURL } from \"utils/Constants\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { setUserImage } from \"redux/userDataSlice\";\r\nimport { toggleLoading } from \"redux/loadingSlice\";\r\nimport SelectInput from \"Components/shared/Inputs/SelectInput\";\r\nimport FloatingInput from 'Components/shared/Inputs/FloatingInput';\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from \"Components/shared/Buttons/CustomButton\";\r\nimport { preventForbiddenNumberKeys } from \"utils/misc/preventForbiddenNumberKeys\";\r\nimport * as api from \"apis/profile\";\r\n\r\nconst Profile = () => {\r\n const dispatch = useDispatch();\r\n const userData = useSelector((state) => state.userData);\r\n const cookies = new Cookies();\r\n\r\n const imgRef = useRef(null);\r\n const previewCanvasRef = useRef(null);\r\n\r\n const [imageUrl, setImageUrl] = useState(\"\");\r\n const [imageType, setImageType] = useState(\"\");\r\n const [crop, setCrop] = useState({ unit: \"%\", width: 50, aspect: 16 / 16 });\r\n const [completedCrop, setCompletedCrop] = useState(null);\r\n const [hintData, setHintData] = useState([]);\r\n const [dashboardType, setDashboardType] = useState(\"applicant\");\r\n const [userInfo, setUserInfo] = useState({\r\n ncode: \"\",\r\n mobile: \"\",\r\n registerDate: \"\",\r\n gender: \"\",\r\n country: \"\",\r\n city: \"\",\r\n nickNameEN: \"\",\r\n nickNameFA: \"\",\r\n province: \"\",\r\n email2: \"\",\r\n mobile2: \"\",\r\n });\r\n\r\n const onLoad = useCallback((img) => {\r\n imgRef.current = img;\r\n }, []);\r\n const profileChangedHandler = (event) => {\r\n let size = (event.target.files[0].size / 1024).toFixed(2);\r\n if (size <= 2000) {\r\n let fileExtention = event.target.value.split(\"\\\\\")[2];\r\n if (fileExtention.includes(\".jpg\") || fileExtention.includes(\".JPG\")) {\r\n setImageType(\"jpg\");\r\n } else if (\r\n fileExtention.includes(\".png\") ||\r\n fileExtention.includes(\".PNG\")\r\n ) {\r\n setImageType(\"png\");\r\n }\r\n let reader = new FileReader();\r\n reader.onloadend = () => {\r\n setImageUrl(reader.result);\r\n if (document.getElementById(\"trigger\")) {\r\n document.getElementById(\"trigger\").click();\r\n }\r\n };\r\n reader.readAsDataURL(event.target.files[0]);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"حجم تصویر شما باید کمتر از 2مگابایت باشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n };\r\n const saveProfileData = async () => {\r\n const { data } = await api.UpdateUser({\r\n Token: cookies.get(\"_exa\"),\r\n Gender: userInfo.gender,\r\n Email2: userInfo.email2,\r\n Mobile2: userInfo.mobile2,\r\n Country: userInfo.country,\r\n Province: userInfo.province,\r\n City: userInfo.city,\r\n IdOrganization: idOrg,\r\n IsOrgResponsible: isOrgResponsible,\r\n ImageType: imageType,\r\n nickNameEN: userInfo.nickNameEN,\r\n nickNameFA: userInfo.nickNameFA,\r\n });\r\n if (data.status === true) {\r\n swal({\r\n icon: \"success\",\r\n title: \"موفقیت\",\r\n text: \"اطلاعات شما با موفقیت ذخیره شد\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n };\r\n const updateProfileImage = async (uimage) => {\r\n const { data } = await api.UpdateUser({\r\n Token: cookies.get(\"_exa\"),\r\n UserImage: uimage.includes(\"data:image\") ? uimage : \"\",\r\n });\r\n if (data.status === true) {\r\n swal({\r\n icon: \"success\",\r\n title: \"موفقیت\",\r\n text: \"اطلاعات شما با موفقیت ذخیره شد\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n function generateDownload(canvas, crop) {\r\n if (!crop || !canvas) {\r\n return;\r\n }\r\n const reader = new FileReader();\r\n canvas.toBlob((blob) => {\r\n if (blob) {\r\n reader.readAsDataURL(blob);\r\n let size = (blob.size / 1024).toFixed(2);\r\n if (size <= 2000) {\r\n reader.onloadend = () => {\r\n dispatch(setUserImage(reader.result));\r\n updateProfileImage(reader.result);\r\n };\r\n document.querySelector(\"#close_profile_modal\").click();\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"حجم تصویر شما باید کمتر از 2مگابایت باشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"برای درج آواتار خود ابتدا باید اندازه ی آن را مشخص کنید.\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n const inputOnChangeHandle = (e) => {\r\n const { name, value } = e.target;\r\n if (\r\n name === \"city\" ||\r\n name === \"country\" ||\r\n name === \"province\" ||\r\n name === \"nickNameFA\"\r\n ) {\r\n setUserInfo({\r\n ...userInfo,\r\n [name]: ConvertEnglishToPersian(value),\r\n });\r\n } else if (name === \"nickNameEN\" || name === \"email2\") {\r\n setUserInfo({\r\n ...userInfo,\r\n [name]: ConvertPersianToEnglish(value),\r\n });\r\n } else {\r\n setUserInfo({\r\n ...userInfo,\r\n [name]: value,\r\n });\r\n }\r\n };\r\n const getUserById = async () => {\r\n dispatch(toggleLoading(true));\r\n const { data } = await api.GetUserById(cookies.get(\"_exa\"));\r\n if (data.status === true) {\r\n setUserInfo({\r\n ncode: data.data.TFNationalCode,\r\n mobile: data.data.TFMobile,\r\n registerDate: data.data.RegisterDate,\r\n gender: data.data.TFGender,\r\n country: data.data.TFCountry,\r\n city: data.data.TFCity,\r\n nickNameEN: data.data.TFNickNameEN,\r\n nickNameFA: data.data.TFNickNameFA,\r\n province: data.data.TFProvince,\r\n email2: data.data.TFEmail2,\r\n mobile2: data.data.TFMobile2,\r\n });\r\n setIsOrgResponsible(data.data.TFIsOrgResponsible);\r\n dispatch(\r\n setUserImage(\r\n data.data.TFImagePath\r\n ? BASEURL + data.data.TFImagePath\r\n : \"\"\r\n )\r\n );\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n dispatch(toggleLoading(false));\r\n }\r\n\r\n useEffect(() => {\r\n if (!completedCrop || !previewCanvasRef.current || !imgRef.current) {\r\n return;\r\n }\r\n\r\n const image = imgRef.current;\r\n const canvas = previewCanvasRef.current;\r\n const crop = completedCrop;\r\n\r\n const scaleX = image.naturalWidth / image.width;\r\n const scaleY = image.naturalHeight / image.height;\r\n const ctx = canvas.getContext(\"2d\");\r\n const pixelRatio = window.devicePixelRatio;\r\n\r\n canvas.width = crop.width * pixelRatio * scaleX;\r\n canvas.height = crop.height * pixelRatio * scaleY;\r\n\r\n ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);\r\n ctx.imageSmoothingQuality = \"high\";\r\n\r\n ctx.drawImage(\r\n image,\r\n crop.x * scaleX,\r\n crop.y * scaleY,\r\n crop.width * scaleX,\r\n crop.height * scaleY,\r\n 0,\r\n 0,\r\n crop.width * scaleX,\r\n crop.height * scaleY\r\n );\r\n }, [completedCrop]);\r\n useEffect(() => {\r\n var str_url_id = decodeURIComponent(window.location.href);\r\n var url_id = str_url_id.split(\"/\")[str_url_id.split(\"/\").length - 1];\r\n setDashboardType(url_id);\r\n }, []);\r\n useEffect(() => {\r\n getUserById();\r\n }, []);\r\n\r\n // =================== organization ===================\r\n const [idOrg, setIdOrg] = useState(\"\");\r\n const [orgFieldFlag, setOrgFieldFlag] = useState(false);\r\n const [isOrgResponsible, setIsOrgResponsible] = useState(false);\r\n const [orgLogoUrl, setOrgLogoUrl] = useState(\"\");\r\n const [orgLogoType, setOrgLogoType] = useState(\"\");\r\n const [orgLogoError, setOrgLogoError] = useState(\"\");\r\n const [orgName, setOrgName] = useState(\"\");\r\n\r\n useEffect(() => {\r\n AxiosInterceptor.post(\"/Organization/GetOrganizationById\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n setOrgFieldFlag(response.data.status);\r\n if (response.data.status === true) {\r\n setOrgLogoUrl(\r\n response.data.data[0].TFLogoPath\r\n ? BASEURL + response.data.data[0].TFLogoPath\r\n : \"\"\r\n );\r\n setIdOrg(response.data.data[0].Id);\r\n setOrgName(response.data.data[0].TFName);\r\n }\r\n });\r\n\r\n AxiosInterceptor.post(\"/Organization/SearchOrganization\", {\r\n Token: cookies.get(\"_exa\"),\r\n Name: orgName,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n let hintArray = [];\r\n response.data.data.map((a) => hintArray.push(a.TFName));\r\n setHintData(hintArray);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: {\r\n text: \"متوجه شدم\",\r\n },\r\n });\r\n }\r\n });\r\n }, []);\r\n const saveOrganizationHandle = () => {\r\n if (!orgFieldFlag) {\r\n if (orgLogoUrl && orgName) {\r\n AxiosInterceptor.post(\"/Organization/SaveOrganization\", {\r\n Token: cookies.get(\"_exa\"),\r\n Name: orgName,\r\n OrgImg: orgLogoUrl,\r\n OrgImageType: orgLogoType,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setIdOrg(response.data.data);\r\n setOrgFieldFlag(true);\r\n swal(\"موفقیت\", \"اطلاعات با موفقیت ثبت شد\", \"success\");\r\n } else {\r\n setIsOrgResponsible(false);\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"اطلاعات یافت نشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n } else {\r\n var newOrgLogoUrl = \"\";\r\n var newOrgLogoUrlType = \"\";\r\n if (orgLogoUrl.includes(\"data:image\")) {\r\n newOrgLogoUrl = orgLogoUrl;\r\n newOrgLogoUrlType = orgLogoType;\r\n }\r\n if (orgLogoUrl && orgName) {\r\n AxiosInterceptor.post(\"/Organization/UpdateOrganization\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdOrg: idOrg,\r\n Name: orgName,\r\n OrgImg: newOrgLogoUrl,\r\n OrgImageType: newOrgLogoUrlType,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setIsOrgResponsible(true);\r\n swal(\"موفقیت\", \"اطلاعات با موفقیت ثبت شد\", \"success\");\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: {\r\n text: \"متوجه شدم\",\r\n },\r\n });\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"اطلاعات یافت نشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n };\r\n const canselOrgHandle = () => {\r\n if (!orgFieldFlag) {\r\n setIsOrgResponsible(false);\r\n AxiosInterceptor.post(\"/organization/ActiveDeactiveIsOrgResponsible\", {\r\n Token: cookies.get(\"_exa\"),\r\n Active: false,\r\n }).then((response) => {\r\n if (!response.data.status) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n } else {\r\n setIsOrgResponsible(true);\r\n }\r\n setOrgName(\"\");\r\n setOrgLogoUrl(\"\");\r\n setOrgLogoType(\"\");\r\n };\r\n const certLogoOnchangeHandle = (event) => {\r\n if (event.target.id === \"orgLogoImageUploadBtn\") {\r\n let size = (event.target.files[0].size / 1024).toFixed(2);\r\n if (size <= 2000) {\r\n let fileExtention = event.target.value.split(\"\\\\\")[2];\r\n if (fileExtention.includes(\".jpg\") || fileExtention.includes(\".JPG\")) {\r\n setOrgLogoType(\"jpg\");\r\n } else if (\r\n fileExtention.includes(\".png\") ||\r\n fileExtention.includes(\".PNG\")\r\n ) {\r\n setOrgLogoType(\"png\");\r\n }\r\n let reader = new FileReader();\r\n reader.onloadend = () => {\r\n setOrgLogoUrl(reader.result);\r\n };\r\n reader.readAsDataURL(event.target.files[0]);\r\n } else {\r\n setOrgLogoError(\"حجم تصویر شما باید کمتر از 2مگابایت باشد\");\r\n }\r\n }\r\n };\r\n const deleteCertLogo = (e) => {\r\n if (e.target.id === \"deleteOrgLogo\") {\r\n setOrgLogoUrl(\"\");\r\n setOrgLogoType(\"\");\r\n }\r\n };\r\n const checkboxToggler = (e) => {\r\n if (e.target.name === \"isOrgResposible\") {\r\n setIsOrgResponsible((isOrgResponsible) => !isOrgResponsible);\r\n }\r\n\r\n if (!isOrgResponsible && !orgFieldFlag) {\r\n document\r\n .getElementById(\"applicantIsOrgResposible\")\r\n .setAttribute(\"data-toggle\", \"modal\");\r\n document\r\n .getElementById(\"applicantIsOrgResposible\")\r\n .setAttribute(\"data-target\", \"#OrgModal\");\r\n } else {\r\n document\r\n .getElementById(\"applicantIsOrgResposible\")\r\n .removeAttribute(\"data-toggle\");\r\n document\r\n .getElementById(\"applicantIsOrgResposible\")\r\n .removeAttribute(\"data-target\");\r\n }\r\n\r\n AxiosInterceptor.post(\"/organization/ActiveDeactiveIsOrgResponsible\", {\r\n Token: cookies.get(\"_exa\"),\r\n Active: !isOrgResponsible,\r\n }).then((response) => {\r\n if (!response.data.status) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n\r\n // data-toggle=\"modal\"\r\n // data-target=\"#OrgModal\"\r\n };\r\n // =================== Change password =============\r\n let initialChangePasswordInputs = {\r\n oldPassword: \"\",\r\n newPassword: \"\",\r\n repeatedNewPassword: \"\",\r\n oldPasswordErr: \"\",\r\n newPasswordErr: \"\",\r\n repeatedNewPasswordErr: \"\",\r\n }\r\n const [chagePwdInputs, setChagePwdInputs] = useState(initialChangePasswordInputs);\r\n const resetChangePasswordModal = () => {\r\n setChagePwdInputs(initialChangePasswordInputs)\r\n }\r\n const changePwdOnChangeHandle = (e) => {\r\n setChagePwdInputs({\r\n ...chagePwdInputs,\r\n [e.target.name]: e.target.value,\r\n });\r\n };\r\n const updatePassword = () => {\r\n let isValid = true;\r\n if (chagePwdInputs.oldPassword) {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n oldPasswordErr: \"\"\r\n }))\r\n } else {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n oldPasswordErr: \"پر کردن این فیلد الزامی است\"\r\n }));\r\n isValid = false;\r\n }\r\n if (chagePwdInputs.newPassword) {\r\n let arr = passwordIsValid(chagePwdInputs.newPassword);\r\n if (arr[0] === \"weak\") {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n newPasswordErr: \"رمز عبور شما ضعیف میباشد - برای ایجاد رمزی قوی تر از حروف بزرگ و کوچک , عدد , کاراکتر های خاص مانند( @,#,!,& ) و حداقل هشت کاراکتر استفاده نمایید\"\r\n }));\r\n isValid = false;\r\n } else if (arr[0] === \"medium\") {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n newPasswordErr: \"رمز عبور متوسط - رمز شما مورد قبول است اما میتوانید برای بالا بردن امنیت و قوی تر کردن رمز از کاراکتر های خاص مانند( @,#,!,& ) و همچنین رمزی با بیش از ده کاراکتر استفاده نمایید\"\r\n }));\r\n } else {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n newPasswordErr: \"\"\r\n }))\r\n }\r\n } else {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n newPasswordErr: \"پر کردن این فیلد الزامی است\"\r\n }));\r\n isValid = false;\r\n }\r\n if (chagePwdInputs.repeatedNewPassword) {\r\n if (chagePwdInputs.repeatedNewPassword !== chagePwdInputs.newPassword) {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n repeatedNewPasswordErr: \"رمز عبور جدید شما با تکرار آن مطابقت ندارد\"\r\n }))\r\n isValid = false;\r\n } else {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n repeatedNewPasswordErr: \"\"\r\n }))\r\n }\r\n } else {\r\n setChagePwdInputs((prevState) => ({\r\n ...prevState,\r\n repeatedNewPasswordErr: \"پر کردن این فیلد الزامی است\"\r\n }));\r\n isValid = false;\r\n }\r\n if (isValid) {\r\n AxiosInterceptor.post(\"/applicant/ChangePassword\", {\r\n Token: cookies.get(\"_exa\"),\r\n Password: chagePwdInputs.newPassword,\r\n OldPassword: chagePwdInputs.oldPassword,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n swal({\r\n icon: \"success\",\r\n title: \"موفقیت\",\r\n text: \"رمز عبور شما با موفقیت به روز رسانی شد\",\r\n button: \"متوجه شدم\",\r\n });\r\n Portal.close();\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n };\r\n // ===========================================\r\n return (\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {userData.userFullName}
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n کدملی:\r\n \r\n {userInfo.ncode}\r\n
\r\n \r\n
\r\n \r\n شماره تماس 1:\r\n \r\n {userInfo.mobile}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n آدرس ایمیل ۱:\r\n \r\n {userData.userEmail}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n تاریخ ثبت نام :\r\n \r\n {userInfo.registerDate}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n }\r\n defaultOption=\"انتخاب کنید\"\r\n labelText=\"جنسیت\"\r\n name=\"gender\"\r\n value={userInfo.gender}\r\n onChange={inputOnChangeHandle}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {orgFieldFlag && isOrgResponsible &&\r\n \r\n \r\n تغییر اطلاعات سازمان\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n نام و نام خانوادگی در مدرک:
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n تغییر رمز عبور\r\n \r\n {\r\n saveProfileData();\r\n }}\r\n >\r\n ذخیره\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n تغییر رمز عبور\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n به روز رسانی اطلاعات\r\n \r\n \r\n انصراف\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n اطلاعات سازمان\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {/* react-autocomplete-hint: 'Hint' only accepts an 'input' element as child. */}\r\n \r\n setOrgName(e.target.value)}\r\n placeholder=\"نام سازمان\"\r\n className=\"form-control\"\r\n />\r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n \r\n
\r\n لوگوی شرکت / سازمان
\r\n\r\n {\r\n document\r\n .querySelector(\"#orgLogoImageUploadBtn\")\r\n .click();\r\n }}\r\n >\r\n
\r\n \r\n {orgLogoUrl === \"\" || orgLogoUrl === \"null\" ? (\r\n \r\n ) : (\r\n <>\r\n 
\r\n \r\n \r\n )}\r\n
\r\n \r\n {orgLogoError}\r\n
\r\n\r\n saveOrganizationHandle()}\r\n >\r\n {orgFieldFlag ? \"به روز رسانی اطلاعات\" : \"ذخیره\"}\r\n \r\n \r\n انصراف\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n تنظیم عکس پروفایل
\r\n\r\n \r\n برای درج آواتار خود ابتدا باید اندازه ی آن را مشخص کنید.\r\n \r\n
\r\n \r\n
\r\n \r\n setCrop(c)}\r\n onComplete={(c) => setCompletedCrop(c)}\r\n />\r\n
\r\n \r\n
\r\n عکس جدید
\r\n\r\n \r\n generateDownload(previewCanvasRef.current, completedCrop)\r\n }\r\n >\r\n ذخیره\r\n \r\n \r\n انصراف\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ConfirmCode;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport * as api from \"apis/profile\";\r\n\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport InformationForm from \"Components/shared/InformationForm/InformationForm\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\n\r\nfunction ConfirmInformation() {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const [isSecure, setIsSecure] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const amnAzmoonConection = () => {\r\n setLoading(true);\r\n AxiosInterceptor.post(\"/ApplicantExam/AmnAzmoonSendStudentToken\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n })\r\n .then((res) => {\r\n setLoading(false);\r\n if (!res.data.isSentToAmnAzmoun) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"خطا در برقراری ارتباط، لطفا مجددا تلاش کنید.\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else {\r\n localStorage.setItem(\"_icod\", res.data.iFrameCode);\r\n navigate(\"/PreExam\");\r\n }\r\n });\r\n };\r\n\r\n const confirmApplicantData = async (params) => {\r\n let { fields, hasPassword } = params;\r\n if (!hasPassword) {\r\n const { data } = await api.UpdateUser({\r\n Token: cookies.get(\"_exapplicant\"),\r\n Password: fields.password,\r\n });\r\n if (data.status === true) {\r\n if (isSecure) {\r\n amnAzmoonConection();\r\n } else {\r\n navigate(\"/PreExam\");\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n } else {\r\n if (isSecure) {\r\n amnAzmoonConection();\r\n } else {\r\n navigate(\"/PreExam\");\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n AxiosInterceptor.post(\"/ApplicantExam/GetExamData\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setIsSecure(response.data.data.TFIsSecureExam);\r\n setLoading(false);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n {showTimer ? (\r\n \r\n \r\n {second}\r\n \r\n \r\n ) : <>}\r\n
\r\n \r\n \r\n تایید\r\n \r\n \r\n ارسال مجدد کد\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default QuizControl;\r\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAD7SURBVEhL7ZNJCoNAEEVzc4cL6NadegFRD6KIigfQCzisf/hNB7LoKRLMIr5N8ZuGR1d1PXARt+g0fypa1xVFUSCKIiRJImpZlti2Td6wYxX1fY8wDNF1HZZlEWesbdsiCAKM4yjObBhFlGRZJpOaPM8xDINMerQitosvccH3fez7LpMarYgzYbtcaJoGdV3LpEYr4sBfM7ExzzPiOJZJjVbE3/UJtvu/f1FVVeILu8AZ8b4JrYjLyD1xwfM8HMchkxqtiHAZuScm0jTFNE0y6TGKCJeRe8L2cBaElZkvcZEQq4hwGbknHDh/FyuzrV3vOIm+wS06zUUi4AlrH4QxjjOIQAAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAATCAYAAAB/TkaLAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABkSURBVDhP7ZNBCsAwCAT7av/i2SfkgZaBXoqbQigeQjvgIbgMCubIBjaXRkS6e5rZtOiTUxQpwTHG9XqGnBIXKROsoPJFymorqPwvvfNxacudtvwoIMgErDYr+koIUvqWXaSZJy9481wbxv5VAAAAAElFTkSuQmCC\"","import React from \"react\";\r\nimport \"./Footer.scss\";\r\n\r\nconst Footer = () => {\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React from \"react\";\r\nfunction Spinner() {\r\n return (\r\n \r\n \r\n )}\r\n
\r\n \r\n ابزار آزمون\r\n
\r\n {closable && (\r\n\r\n
\r\n
\r\n \r\n
\r\n زمان باقی مانده کل آزمون
\r\n\r\n {PieChartTimer >= 1 && {\r\n console.error(\"Your exam time has been finished on pieChartTimer.\");\r\n forceFinish();\r\n }}\r\n >\r\n {({ remainingTime }) => {\r\n const hours = Math.floor(remainingTime / 3600)\r\n .toString()\r\n .padStart(2, \"0\");\r\n const minutes = Math.floor((remainingTime % 3600) / 60)\r\n .toString()\r\n .padStart(2, \"0\");\r\n const seconds = (remainingTime % 60).toString().padStart(2, \"0\");\r\n return `${hours}:${minutes}:${seconds}`;\r\n }}\r\n \r\n }\r\n
\r\n \r\n
\r\n {applicantCanGoPrev && (\r\n <>\r\n سوالات باقی مانده
\r\n{remainingQCount}
\r\n\r\n {\r\n setGoTothisQuestionField(e.target.value);\r\n }}\r\n onKeyPress={sendKey}\r\n />\r\n
\r\n \r\n برو به سوال\r\n
\r\n \r\n \r\n \r\n {\r\n GetMarkedQuestion();\r\n }}\r\n >\r\n سوالات علامت گذاری شده\r\n \r\n
\r\n \r\n )}\r\n \r\n {isEvaluateFinished ? (\r\n \r\n پایان آزمون\r\n \r\n ) : (\r\n \r\n پایان نظرسنجی\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Spinner;\r\n","import { useEffect } from \"react\";\r\n\r\nvar track;\r\nvar captureStream;\r\nvar inputMessageForIFrame;\r\nvar res;\r\nvar refreshInterval;\r\n// var timeOut;\r\n\r\nconst AccessModal = ({ id, jwt }) => {\r\n // const preventBack = () => {\r\n // window.history.forward();\r\n // };\r\n\r\n useEffect(() => {\r\n // timeOut = setTimeout(preventBack(), 0);\r\n // const modalAccessClick = () => {\r\n // window.location.href = moodle + id\r\n // }\r\n const startcapturescreen = () => {\r\n captureStream = navigator.mediaDevices.getDisplayMedia({\r\n video: true,\r\n });\r\n checknavigatorTabs();\r\n };\r\n const checknavigatorTabs = () => {\r\n\r\n captureStream\r\n .then((mediaStream) => {\r\n track = mediaStream.getVideoTracks()[0];\r\n mediaStream.getVideoTracks()[0].addEventListener(\"ended\", () => {\r\n clearInterval(refreshInterval);\r\n startcapturescreen();\r\n });\r\n var option = track.getSettings().displaySurface;\r\n if (option === \"monitor\" || track.label === \"Primary Monitor\") {\r\n refreshInterval = setInterval(GetUserMediaButtonClick, res[2]);\r\n } else {\r\n alert(\"لطفا تب Entire your screen را انتخاب نمایید.\");\r\n startcapturescreen();\r\n }\r\n })\r\n .catch((e) => {\r\n console.error(e);\r\n });\r\n };\r\n const GetUserMediaButtonClick = () => {\r\n var camconstraints = {\r\n video: true,\r\n };\r\n navigator.mediaDevices\r\n .getUserMedia(camconstraints)\r\n .then((stream) => { })\r\n .catch((err) => {\r\n console.error(err);\r\n });\r\n var audconstraints = {\r\n audio: true,\r\n };\r\n navigator.mediaDevices\r\n .getUserMedia(audconstraints)\r\n .then((stream) => { })\r\n .catch((err) => { });\r\n captureStream\r\n .then((mediaStream) => {\r\n const canvas = document.querySelector(\"#fake\");\r\n const video = document.createElement(\"video\");\r\n //-----------------\r\n video.autoplay = true;\r\n video.srcObject = mediaStream;\r\n video.play();\r\n video.oncanplaythrough = () => {\r\n canvas.width = video?.videoWidth;\r\n canvas.height = video?.videoHeight;\r\n canvas\r\n .getContext(\"2d\")\r\n .drawImage(video, 0, 0, canvas?.width, canvas?.height);\r\n var image = canvas.toDataURL(\"image/jpeg\", 0.1);\r\n var iframeWin = document.getElementById(\"co-iframe\").contentWindow;\r\n var newMessage = inputMessageForIFrame + \"_\" + image;\r\n iframeWin.postMessage(newMessage, \"*\");\r\n };\r\n })\r\n .catch((error) => alert(error));\r\n };\r\n function displayinfo(evt) {\r\n /* inputMessageForIFrame = evt.data;*/\r\n // var popUpObj;\r\n var generalInput = evt.data;\r\n var permis = generalInput.split(\"*\");\r\n // if (permis[0] == 'true') {\r\n // var newurl = permis[1] + \"?jwt=\" + jwt + \"&moodleExamId=\" + id;\r\n // /* var newurl = permis[1] + \"?myvar=\" +jwt;*/\r\n // window.open(newurl, \"_self\");\r\n // }\r\n // else {\r\n var Notinput = generalInput.split(\";\");\r\n var Jitsiinput = generalInput.split(\",\");\r\n if (Notinput.length > 1 || Jitsiinput.length > 1) {\r\n }\r\n else {\r\n var recievedInput = evt.data;\r\n var firstProcess = recievedInput.split(\"_\");\r\n if (firstProcess.length > 1) {\r\n res = firstProcess;\r\n inputMessageForIFrame = recievedInput\r\n }\r\n if (res.length > 1) {\r\n if (res[5] == \"False\") {\r\n document.getElementById(\"kt_modal_hasTeacher\").style.display = \"block\";\r\n }\r\n else {\r\n document.getElementById(\"kt_modal_hasTeacher\").style.display = \"none\";\r\n\r\n if (res[6] == \"True\") {\r\n document.getElementById(\"kt_modal_detectBrowser\").style.display = \"block\";\r\n }\r\n else {\r\n document.getElementById(\"kt_modal_detectBrowser\").style.display = \"none\";\r\n if (res[3] == \"True\") {\r\n document.getElementById(\"kt_modal_confirm\").modal({\r\n backdrop: 'static',\r\n keyboard: false\r\n });\r\n }\r\n else {\r\n document.getElementById(\"kt_modal_confirm\").style.display = \"none\";\r\n }\r\n }\r\n }\r\n }\r\n }\r\n // }\r\n }\r\n startcapturescreen();\r\n if (window.addEventListener) {\r\n window.addEventListener(\"message\", displayinfo, false);\r\n } else {\r\n window.attachEvent(\"onmessage\", displayinfo);\r\n }\r\n\r\n return () => {\r\n clearInterval(refreshInterval);\r\n // clearTimeout(timeOut);\r\n };\r\n }, [jwt, id]);\r\n\r\n\r\n\r\n\r\n return <>\r\n \r\n \r\n};\r\n\r\nexport default AccessModal;\r\n","export default __webpack_public_path__ + \"static/media/call.55a49397.png\";","export default __webpack_public_path__ + \"static/media/message.114ee36d.png\";","export default __webpack_public_path__ + \"static/media/ringtone.15d33b09.mp3\";","export default __webpack_public_path__ + \"static/media/notification.ebdce7bc.mp3\";","import React, { useLayoutEffect, useEffect, useState } from \"react\";\r\nimport \"./examNotifi.scss\";\r\nimport call from \"assets/images/icons/call.png\";\r\nimport messageIcon from \"assets/images/icons/message.png\";\r\nimport ringtone from \"assets/audio/ringtone.mp3\";\r\nimport notificationSound from \"assets/audio/notification.mp3\";\r\n\r\nconst CallNotification = ({ type, title, message, url, setCalling }) => {\r\n useEffect(() => {\r\n const audio = new Audio(ringtone);\r\n audio.loop = true;\r\n audio.play();\r\n return () => {\r\n audio.pause();\r\n };\r\n }, []);\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nconst MessageNotification = ({ type, title, message }) => {\r\n // const soundRef = useRef(null);\r\n // const messageRef = useRef(null);\r\n // useEffect(() => {\r\n // soundRef.current = new Audio(notificationSound);\r\n // setTimeout(() => {\r\n // messageRef.current.click();\r\n // }, 1000);\r\n // return () => {\r\n // soundRef.current.pause();\r\n // };\r\n // }, []);\r\n return (\r\n <>\r\n {title}
\r\n{message}
\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nconst ExamNotif = () => {\r\n const [calling, setCalling] = useState(null);\r\n const [notificationList, setNotificationList] = useState([]);\r\n const notificationHandler = (event) => {\r\n var notification = event.data;\r\n if (!notification) return;\r\n if (notification.indexOf(\";\") > -1) {\r\n var notifParts = notification.split(\";\");\r\n const audio = new Audio(notificationSound);\r\n if (notifParts[3]) {\r\n setCalling({\r\n type: notifParts[0],\r\n title: notifParts[1],\r\n message: notifParts[2],\r\n url: notifParts[3],\r\n });\r\n } else {\r\n setNotificationList((prev) => [\r\n ...prev,\r\n {\r\n type: notifParts[0],\r\n title: notifParts[1],\r\n message: notifParts[2],\r\n url: notifParts[3],\r\n },\r\n ]);\r\n audio.play();\r\n }\r\n\r\n setTimeout(() => {\r\n let removeMessage = [...notificationList];\r\n removeMessage.shift();\r\n setNotificationList(removeMessage);\r\n }, 10000);\r\n }\r\n event.source.postMessage(\"\", event.origin);\r\n };\r\n\r\n useEffect(() => {\r\n if (window.addEventListener) {\r\n window.addEventListener(\r\n \"message\",\r\n (event) => notificationHandler(event),\r\n false\r\n );\r\n } else {\r\n window.attachEvent(\"onmessage\", (event) => notificationHandler(event));\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n {title}
\r\n{message}
\r\n\r\n {notificationList?.map((item, index) => {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nexport default ExamNotif;\r\n","import React, { useState, useEffect, useRef } from \"react\";\r\nimport \"./Exam.scss\";\r\nimport QuizControl from \"Components/QuizControl/QuizControl\";\r\nimport Logo from \"assets/images/logoHeader.png\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport toast from \"react-hot-toast\";\r\nimport radioBtnImg from \"assets/images/radioBtnImg.png\";\r\nimport checkBoxImg from \"assets/images/checkBoxImg.png\";\r\nimport renderHTML from \"react-render-html\";\r\nimport { BASEURL } from \"utils/Constants\";\r\nimport Footer from \"Components/shared/Footer/Footer\";\r\nimport Spinner from \"./Spinner/Spinner\";\r\nimport * as api from \"apis/profile\";\r\nimport AccessModal from \"./AccessModal\";\r\nimport ExamNotification from \"./ExamNotif/ExamNotif\";\r\n\r\nconst Exam = () => {\r\n const cookies = new Cookies();\r\n const intervalRef = useRef();\r\n const QuestionIntervalRef = useRef();\r\n const navigate = useNavigate();\r\n const [open, setOpen] = useState(false);\r\n const [userData, setUserData] = useState({});\r\n const [examData, setExamData] = useState({});\r\n const [isEvaluateFinished, setIsEvaluateFinished] = useState(false);\r\n const [examQustions, setExamQustions] = useState([]);\r\n const [examQustionAnswers, setExamQustionAnswers] = useState([]);\r\n const [idApplicantExam, setIdApplicantExam] = useState(\"\");\r\n const [activedQuestionIndex, setActivedQuestionIndex] = useState(0);\r\n const [questionCount, setQuestionCount] = useState(0);\r\n const [IsMark, setIsMark] = useState(false);\r\n const [PieChartTimer, setPieChartTimer] = useState(0);\r\n const [questionTimer, setQuestionTimer] = useState(\"\");\r\n const [goTothisQuestionField, setGoTothisQuestionField] = useState(\"\");\r\n const [markedQuestionList, setMarkedQuestionList] = useState([]);\r\n const [clickedAnswer, setClickedAnswer] = useState(\"\");\r\n const [iframeCode, setIframeCode] = useState(\"\");\r\n\r\n const getUserById = async () => {\r\n const { data } = await api.GetUserById(cookies.get(\"_exapplicant\"));\r\n if (data.status === true) {\r\n setUserData(data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n };\r\n var question = document.querySelector(\".question\");\r\n const getApplicantAnswer = (QId) => {\r\n AxiosInterceptor.post(\"/applicantexam/GetApplicantAnswer\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdQuestion: QId,\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.data.length > 0) {\r\n response.data.data.map((answer) => {\r\n return document\r\n .getElementById(answer.IdApplicant_Answer)\r\n .children[0].click();\r\n });\r\n }\r\n setIsMark(response.data.hasMarked);\r\n } else {\r\n toast.error(\"گزینه های انتخابی یافت نشدند\");\r\n }\r\n });\r\n };\r\n const answerToggler = (e, answeId) => {\r\n setClickedAnswer(answeId);\r\n var thisQuestionType = \"\";\r\n if (e.target.type === \"radio\") {\r\n thisQuestionType = \"one\";\r\n } else {\r\n thisQuestionType = \"many\";\r\n }\r\n AxiosInterceptor.post(\"/ApplicantExam/SaveAnswer\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n AnswerData: [{ IdQuestion: question.id, IdAnswer: answeId }],\r\n IsEval: false,\r\n AnswerType: thisQuestionType,\r\n IsCheck: e.target.checked,\r\n }).then((response) => {\r\n if (response.data.status) {\r\n if (e.target.checked) {\r\n e.target.removeAttribute(\"checked\");\r\n if (e.target.type === \"radio\") {\r\n if (document.querySelector(\".answerSelected\")) {\r\n document\r\n .querySelector(\".answerSelected\")\r\n .classList.remove(\"answerSelected\");\r\n }\r\n }\r\n e.target.parentElement.classList.add(\"answerSelected\");\r\n setClickedAnswer(\"\");\r\n } else {\r\n e.target.setAttribute(\"checked\", \"true\");\r\n e.target.parentElement.classList.remove(\"answerSelected\");\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const setThisAnswerCorrect = (e, answeId) => {\r\n if (!e.target.type) {\r\n document.getElementById(answeId).children[0].click();\r\n }\r\n };\r\n const ActiveDeactiveMarkedQuestion = (e) => {\r\n setIsMark(e.target.checked);\r\n AxiosInterceptor.post(\"/applicantexam/ActiveDeactiveMarkedQuestion\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdQuestion: examQustions[activedQuestionIndex].Id,\r\n IdExam: cookies.get(\"_idexa\"),\r\n Active: e.target.checked,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (e.target.checked) {\r\n toast.success(\"سوال مورد نظر به لیست علامت گذاری ها اضافه شد\");\r\n } else {\r\n toast.success(\"سوال مورد نظر از لیست علامت گذاری ها حذف شد\");\r\n }\r\n } else {\r\n swal({\r\n title: \":(\",\r\n text: response.data.data + \"\\nلطفا دوباره امتحان کنید\",\r\n icon: \"error\",\r\n buttons: \"متوجه شدم\",\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n e.target.removeAttribute(\"checked\");\r\n e.target.checked = false;\r\n }\r\n });\r\n }\r\n });\r\n };\r\n const clearAnswers = (QId) => {\r\n AxiosInterceptor.post(\"/applicantexam/RemoveQuestionAnswer\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdQuestion: QId,\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(response.data.data);\r\n let answersSelected = document.querySelectorAll(\".answerSelected\");\r\n for (let index = 0; index < answersSelected.length; index++) {\r\n answersSelected[index].classList.remove(\"answerSelected\");\r\n answersSelected[index].children[0].removeAttribute(\"checked\");\r\n answersSelected[index].children[0].checked = false;\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const GetMarkedQuestion = () => {\r\n AxiosInterceptor.post(\"/applicantExam/GetMarkedQuestion\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setMarkedQuestionList(\r\n response.data.data.Applicant_Exam_Marked_QuestionList\r\n );\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const DeleteThisMarkQuestion = (QId) => {\r\n AxiosInterceptor.post(\"/applicantexam/ActiveDeactiveMarkedQuestion\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdQuestion: QId,\r\n IdExam: cookies.get(\"_idexa\"),\r\n Active: false,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(\"سوال مورد نظر از لیست علامت گذاری ها حذف شد\");\r\n GetMarkedQuestion();\r\n } else {\r\n swal({\r\n title: \":(\",\r\n text: response.data.data + \"\\nلطفا دوباره امتحان کنید\",\r\n icon: \"error\",\r\n buttons: \"متوجه شدم\",\r\n dangerMode: true,\r\n });\r\n }\r\n });\r\n };\r\n const finishExam = ({ isForceFinish }) => {\r\n AxiosInterceptor.post(\"/ApplicantExam/finishExam\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (isForceFinish) {\r\n swal({\r\n icon: \"warning\",\r\n title: \"توجه\",\r\n text: \"زمان آزمون شما به اتمام رسید\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n localStorage.removeItem(\"_icod\");\r\n localStorage.removeItem(\"CountdownCircleTimer\");\r\n setPieChartTimer(10);\r\n if (response.data.hasScore || response.data.hasCert) {\r\n // کانفیگ کارنامه داره یا مدرک\r\n navigate(\"/ExamReport\");\r\n } else {\r\n // نه کارنامه داره نه مدرک\r\n let d = new Date();\r\n d.setTime(d.getTime() + 1 * 1000 * 60 * 60);\r\n let dateString = \"\" + d.toString();\r\n cookies.set(\"_exa\", cookies.get(\"_exapplicant\"), {\r\n path: \"/\",\r\n expires: new Date(dateString),\r\n });\r\n navigate(\"/ApplicantDashboard?redirect=true\");\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const requestToFinish = () => {\r\n AxiosInterceptor.post(\"/applicantExam/GetMarkedQuestion\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n let msg = \"\";\r\n if (examData.TFIsBackBtnActive) {\r\n msg =\r\n \"تعداد سوالات پاسخ داده نشده : \" +\r\n response.data.data.RemainAnswer +\r\n \"\\nتعدادسوالات علامت گذاری شده : \" +\r\n response.data.data.Applicant_Exam_Marked_QuestionList.length +\r\n \"\\nآیا از پایان آزمون خود اطمینان دارید؟\";\r\n } else {\r\n msg =\r\n \"تعداد سوالات پاسخ داده نشده : \" +\r\n response.data.data.RemainAnswer +\r\n \"\\nآیا از پایان آزمون خود اطمینان دارید؟\";\r\n }\r\n swal({\r\n title: \"مطمئن هستید؟\",\r\n text: msg,\r\n icon: \"warning\",\r\n buttons: [\"انصراف\", \"بله\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n finishExam({ isForceFinish: false });\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const finishEval = () => {\r\n swal({\r\n title: \"مطمئن هستید؟\",\r\n text: \"آیا از پایان نظرسنجی خود اطمینان دارید؟\\nبعد از تایید این پیام مستقیما وارد آزمون خواهید شد.\",\r\n icon: \"warning\",\r\n buttons: [\"خیر\", \"بله\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n AxiosInterceptor.post(\"/ApplicantExam/FinishEval\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n window.location.href = \"/Exam\";\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n });\r\n };\r\n const startQuestionTimer = (duration, qCount) => {\r\n let timer = duration;\r\n QuestionIntervalRef.current = setInterval(function () {\r\n setQuestionTimer(new Date(timer * 1000).toISOString().substr(11, 8));\r\n if (--timer < 0) {\r\n clearInterval(QuestionIntervalRef.current);\r\n if (\r\n activedQuestionIndex + 1 === qCount ||\r\n activedQuestionIndex + 2 === qCount\r\n ) {\r\n finishExam({ isForceFinish: true });\r\n } else {\r\n document.querySelector(\"#goNextQuestion\").click();\r\n }\r\n }\r\n }, 1000);\r\n };\r\n const goNextQuestion = () => {\r\n if (!examData.TFIsBackBtnActive) {\r\n AxiosInterceptor.post(\"/applicantexam/UpdateQuestionStatus\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdQuestionExam: examQustions[activedQuestionIndex].IdQuestionExam,\r\n IdApplicantExam: idApplicantExam,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (examData.TFExamTimeQuestionBase) {\r\n setPieChartTimer(response.data.data);\r\n }\r\n AxiosInterceptor.post(\"/applicantexam/SaveQuestionStatus\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdQuestionExam:\r\n examQustions[activedQuestionIndex + 1].IdQuestionExam,\r\n IdApplicantExam: idApplicantExam,\r\n }).then((response) => {\r\n if (response.data.status === false) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n if (examData.TFExamTimeQuestionBase) {\r\n let qSeconds =\r\n examQustions[activedQuestionIndex + 1].TFQTime.Hours * 3600 +\r\n examQustions[activedQuestionIndex + 1].TFQTime.Minutes * 60 +\r\n examQustions[activedQuestionIndex + 1].TFQTime.Seconds;\r\n if (examQustions[activedQuestionIndex + 1].SeenTime) {\r\n let time_start = new Date();\r\n let time_end = new Date();\r\n let nd = new Date();\r\n var value_end =\r\n examQustions[activedQuestionIndex + 1].SeenTime.split(\":\");\r\n time_start.setHours(value_end[0], value_end[1], value_end[2], 0);\r\n time_end.setHours(nd.getHours(), nd.getMinutes(), nd.getSeconds(), 0);\r\n clearInterval(QuestionIntervalRef.current);\r\n startQuestionTimer(\r\n qSeconds - (time_end - time_start) / 1000,\r\n questionCount\r\n );\r\n } else {\r\n clearInterval(QuestionIntervalRef.current);\r\n startQuestionTimer(qSeconds, questionCount);\r\n }\r\n }\r\n } else {\r\n }\r\n // }\r\n let qbox = document.querySelector(\".question-box\");\r\n qbox.classList.add(\"slideInLeft\");\r\n qbox.classList.remove(\"slideInRight\");\r\n setTimeout(() => {\r\n qbox.classList.remove(\"slideInLeft\");\r\n }, 500);\r\n if (examData.TFIsBackBtnActive) {\r\n setIsMark(examQustions[activedQuestionIndex + 1].IsMarked);\r\n }\r\n getApplicantAnswer(examQustions[activedQuestionIndex + 1].Id);\r\n setActivedQuestionIndex(activedQuestionIndex + 1);\r\n if (activedQuestionIndex + 2 === questionCount) {\r\n // رسیدیم به آخرین سوال\r\n document.querySelector(\"#goNextQuestion\").style.display = \"none\";\r\n if (examData.TFIsBackBtnActive) {\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n }\r\n } else if (activedQuestionIndex + 1 < questionCount) {\r\n //نه اولیم نه آخر\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n if (examData.TFIsBackBtnActive) {\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n }\r\n }\r\n window.scrollTo(0, 0);\r\n };\r\n const goPrevQuestion = () => {\r\n let qbox = document.querySelector(\".question-box\");\r\n qbox.classList.add(\"slideInRight\");\r\n qbox.classList.remove(\"slideInLeft\");\r\n setTimeout(() => {\r\n qbox.classList.remove(\"slideInRight\");\r\n }, 500);\r\n getApplicantAnswer(examQustions[activedQuestionIndex - 1].Id);\r\n setActivedQuestionIndex(activedQuestionIndex - 1);\r\n if (activedQuestionIndex === 1) {\r\n // برگشتیم به اولین سوال\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"none\";\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n } else if (activedQuestionIndex < questionCount) {\r\n //نه اولیم نه آخر\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n }\r\n window.scrollTo(0, 0);\r\n };\r\n const goToFirstQuestion = () => {\r\n let qbox = document.querySelector(\".question-box\");\r\n qbox.classList.remove(\"slideInLeft\");\r\n qbox.classList.remove(\"slideInRight\");\r\n qbox.classList.add(\"fadeInCenter\");\r\n setTimeout(() => {\r\n qbox.classList.remove(\"fadeInCenter\");\r\n }, 500);\r\n setActivedQuestionIndex(0);\r\n if (examData.TFIsBackBtnActive && questionCount > 1) {\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"none\";\r\n }\r\n if (questionCount > 1) {\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n }\r\n getApplicantAnswer(examQustions[0].Id);\r\n };\r\n const goToLastQuestion = () => {\r\n let qbox = document.querySelector(\".question-box\");\r\n qbox.classList.remove(\"slideInLeft\");\r\n qbox.classList.remove(\"slideInRight\");\r\n qbox.classList.add(\"fadeInCenter\");\r\n setTimeout(() => {\r\n qbox.classList.remove(\"fadeInCenter\");\r\n }, 500);\r\n setActivedQuestionIndex(questionCount - 1);\r\n if (questionCount > 1) {\r\n document.querySelector(\"#goNextQuestion\").style.display = \"none\";\r\n }\r\n if (examData.TFIsBackBtnActive && questionCount > 1) {\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n }\r\n getApplicantAnswer(examQustions[questionCount - 1].Id);\r\n };\r\n const goToThisQuestion = () => {\r\n let qbox = document.querySelector(\".question-box\");\r\n qbox.classList.remove(\"slideInLeft\");\r\n qbox.classList.remove(\"slideInRight\");\r\n qbox.classList.add(\"fadeInCenter\");\r\n setTimeout(() => {\r\n qbox.classList.remove(\"fadeInCenter\");\r\n }, 500);\r\n\r\n let goToThisQuestion = parseInt(goTothisQuestionField);\r\n if (\r\n goToThisQuestion > questionCount ||\r\n goToThisQuestion <= 0 ||\r\n !goToThisQuestion\r\n ) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"سوالی با این شماره وجود ندارد\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else {\r\n setActivedQuestionIndex(goToThisQuestion - 1);\r\n if (goToThisQuestion === questionCount) {\r\n // رسیدیم به آخرین سوال\r\n document.querySelector(\"#goNextQuestion\").style.display = \"none\";\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n } else if (goToThisQuestion === 1) {\r\n // برو به اولین سوال و دکمه قبلی رو پاک کن\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"none\";\r\n } else {\r\n //نه اولیم نه آخر\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n }\r\n getApplicantAnswer(examQustions[goToThisQuestion - 1].Id);\r\n }\r\n setGoTothisQuestionField(\"\");\r\n };\r\n const goToThisMarkedQuestion = (QId) => {\r\n let qbox = document.querySelector(\".question-box\");\r\n qbox.classList.remove(\"slideInLeft\");\r\n qbox.classList.remove(\"slideInRight\");\r\n qbox.classList.add(\"fadeInCenter\");\r\n setTimeout(() => {\r\n qbox.classList.remove(\"fadeInCenter\");\r\n }, 500);\r\n examQustions.map((question, index) => {\r\n if (question.Id === QId) {\r\n setActivedQuestionIndex(index);\r\n if (index + 1 === questionCount) {\r\n // رسیدیم به آخرین سوال\r\n document.querySelector(\"#goNextQuestion\").style.display = \"none\";\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n } else if (index + 1 === 1) {\r\n // برو به اولین سوال و دکمه قبلی رو پاک کن\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"none\";\r\n } else {\r\n //نه اولیم نه آخر\r\n document.querySelector(\"#goNextQuestion\").style.display = \"block\";\r\n document.querySelector(\"#goPrevQuestion\").style.display = \"block\";\r\n }\r\n }\r\n });\r\n document.querySelector(\"#colseMarkedQuestionModal\").click();\r\n getApplicantAnswer(QId);\r\n setIsMark(true);\r\n };\r\n useEffect(() => {\r\n if (cookies.get(\"_exapplicant\") && cookies.get(\"_idexa\")) {\r\n getUserById();\r\n AxiosInterceptor.post(\"/ApplicantExam/GetExamData\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setExamData(response.data.data);\r\n if (response.data.data.TFIsSecureExam) {\r\n const _icod = localStorage.getItem(\"_icod\");\r\n setIframeCode(_icod);\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n AxiosInterceptor.post(\"/ApplicantExam/CheckHasEval\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n // نظرسنجی دارد\r\n if (\r\n (response.data.eval && response.data.evalFinished) ||\r\n !response.data.eval\r\n ) {\r\n // نظرسنجی را به اتمام رسانده\r\n // سوالات آزمون\r\n setIsEvaluateFinished(true);\r\n AxiosInterceptor.post(\"/ApplicantExam/GetExamQuestion\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setQuestionCount(response.data.question.length);\r\n setExamQustions(response.data.question);\r\n setExamQustionAnswers(response.data.question_answer);\r\n setIdApplicantExam(response.data.IdApplicantExam);\r\n if (response.data.question[0].TFQTime) {\r\n let qSeconds =\r\n response.data.question[0].TFQTime.Hours * 3600 +\r\n response.data.question[0].TFQTime.Minutes * 60 +\r\n response.data.question[0].TFQTime.Seconds;\r\n if (response.data.question[0].SeenTime) {\r\n let time_start = new Date();\r\n let time_end = new Date();\r\n let nd = new Date();\r\n var value_end =\r\n response.data.question[0].SeenTime.split(\":\");\r\n time_start.setHours(\r\n value_end[0],\r\n value_end[1],\r\n value_end[2],\r\n 0\r\n );\r\n time_end.setHours(\r\n nd.getHours(),\r\n nd.getMinutes(),\r\n nd.getSeconds(),\r\n 0\r\n );\r\n startQuestionTimer(\r\n qSeconds - (time_end - time_start) / 1000,\r\n response.data.question.length\r\n );\r\n } else {\r\n startQuestionTimer(qSeconds, response.data.question.length);\r\n }\r\n }\r\n AxiosInterceptor.post(\"/applicantexam/SaveQuestionStatus\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdQuestionExam: response.data.question[0].IdQuestionExam,\r\n IdApplicantExam: response.data.IdApplicantExam,\r\n }).then((response) => {\r\n if (response.data.status === false) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n getApplicantAnswer(response.data.question[0].Id);\r\n AxiosInterceptor.post(\"/applicantExam/CheckExamTime\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setPieChartTimer(response.data.data);\r\n } else {\r\n swal(\r\n \"خطا\",\r\n \"شما قبلا یکبار در این آزمون شرکت کرده اید\",\r\n \"error\"\r\n );\r\n navigate(\"/\");\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n } else if (response.data.eval && !response.data.evalFinished) {\r\n // نظرسنجی را به اتمام نرسانده\r\n // سوالات نظرسنجی\r\n setIsEvaluateFinished(false);\r\n AxiosInterceptor.post(\"/ApplicantExam/GetExamEvalQuestion\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setQuestionCount(response.data.question.length);\r\n setExamQustions(response.data.question);\r\n setExamQustionAnswers(response.data.question_answer);\r\n getApplicantAnswer(response.data.question[0].Id);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"شما اجازه دسترسی به این صفحه را ندارید\",\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"توکن احراز هویت شما منقضی شده است\",\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n return () => {\r\n clearInterval(intervalRef.current);\r\n clearInterval(QuestionIntervalRef.current);\r\n };\r\n }, []);\r\n\r\n return (\r\n <>\r\n {iframeCode && (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n نام آزمون دهنده:{\" \"}\r\n {userData.TFName ? userData.TFName + \" \" + userData.TFFamily : \"\"}\r\n \r\n
\r\n \r\n کدملی: {userData.TFNationalCode ? userData.TFNationalCode : \"\"}\r\n \r\n
\r\n \r\n \r\n کدملی: {userData.TFNationalCode ? userData.TFNationalCode : \"\"}\r\n \r\n
\r\n نام آزمون : {examData.TFTitle}\r\n
\r\n \r\n {\r\n setOpen((open) => !open);\r\n }}\r\n >\r\n \r\n
\r\n کنترل آزمون
\r\n \r\n {/* {examTime ? {examTime} : \"\"} */}\r\n\r\n
\r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n نمره کل :{\" \"}\r\n {examData.IdStaticData_ExamType ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\"\r\n ? \"تحلیلی\"\r\n : examData.TFExamScore}\r\n \r\n
\r\n \r\n \r\n حداقل نمره قبولی :{\" \"}\r\n {examData.IdStaticData_ExamType ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\"\r\n ? \"تحلیلی\"\r\n : examData.TFMinScoreForAcceptance}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n تعداد سوالات : {examData.TFQCount}\r\n \r\n راهنما\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n راهنمای آزمون سنجیفای\r\n
\r\n\r\n
\r\n - \r\n {examData.TFIsBackBtnActive && (\r\n
- \r\n پاسخگویی به سوالات ترتیب خاصی ندارد، شما\r\n میتوانید به ترتیب دلخواه خودتان به سوالات\r\n مطرح شده پاسخ دهید.\r\n \r\n )}\r\n
- \r\n زمان آزمون در کنار سوالات درج شده است. پس از به\r\n پایان رسیدن مهلت، به صورت خودکار آزمون شما به\r\n اتمام خواهد رسید.\r\n \r\n
- \r\n الزامی به حضور در آزمون تا پایان زمان سنج وجود\r\n ندارد. در هر زمانی میتوانید با زدن دکمه پایان\r\n آزمون، آزمون خود را خاتمه دهید و کارنامه خود را\r\n مشاهده کنید.\r\n \r\n {examData.TFIsBackBtnActive && (\r\n
- \r\n برای ثبت یادآوری سوالات جهت پاسخ یا بازبینی\r\n مجدد، از گزینه علامتگذاری سوال استفاده کنید.\r\n \r\n )}\r\n
- \r\n چک باکس گزینههای سوال، نوع سوال را مشخص میکند.{\" \"}\r\n
{\" \"}\r\n به معنی سوال تک جوابی و{\" \"}\r\n
{\" \"}\r\n به معنی سوالات چند جوابی است.\r\n
\r\n - \r\n اگر از پاسخ دادن به سوال منصرف شدید، برای حذف\r\n گزینه انتخاب شده از دکمه حذف پاسخ های این سوال\r\n استفاده کنید.\r\n \r\n
- \r\n برای جابهجایی سریع بین سوالات، شماره سوال مورد\r\n نظر را وارد کرده و روی دکمه برو به سوال کلیک\r\n کنید.\r\n \r\n
\r\n \r\n بستن\r\n \r\n
\r\n \r\n {examQustions.length > 0 ? (\r\n examQustions[activedQuestionIndex].TFImagePath === null ? (\r\n \r\n setThisAnswerCorrect(e, el.Id)\r\n }\r\n >\r\n \r\n answerToggler(event, el.Id)\r\n }\r\n />\r\n \r\n {clickedAnswer === el.Id &&
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n \r\n {examQustions[activedQuestionIndex].CourseTitle ? (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {examQustions[activedQuestionIndex].CourseTitle}\r\n \r\n \r\n {examQustions[activedQuestionIndex].Chapter\r\n ? `- سرفصل ${examQustions[activedQuestionIndex].Chapter}`\r\n : \"\"}\r\n \r\n
\r\n ) : (\r\n <>\r\n )}\r\n \r\n {examData.TFQCount > 0 && questionCount > 0 && (\r\n <>\r\n سوال{\" \"}\r\n \r\n {examData.TFQCount -\r\n questionCount +\r\n activedQuestionIndex +\r\n 1}\r\n {\" \"}\r\n از{\" \"}\r\n {examData.TFQCount}\r\n \r\n )}\r\n {examData.TFIsBackBtnActive ? (\r\n <>\r\n -\r\n
\r\n {examData.TFExamTimeQuestionBase ? (\r\n \r\n زمان باقیمانده برای پاسخ به این سوال:{\" \"}\r\n {questionTimer}\r\n \r\n ) : (\r\n <>\r\n )}\r\n \r\n علامت گذاری سوال\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {renderHTML(\r\n examQustions[activedQuestionIndex].TFTitle\r\n )}\r\n
\r\n \r\n \r\n \r\n clearAnswers(examQustions[activedQuestionIndex].Id)\r\n }\r\n >\r\n حذف پاسخ های این سوال\r\n \r\n {examQustionAnswers\r\n .filter(\r\n (ele) =>\r\n ele.IdQuestion ===\r\n examQustions[activedQuestionIndex].Id\r\n )\r\n .map((el) => {\r\n if (\r\n examQustions[activedQuestionIndex]\r\n .IdStaticData_Type ===\r\n \"d55ae29a-4e3d-4b54-9aa9-408fd13b2f02\"\r\n ) {\r\n return (\r\n \r\n setThisAnswerCorrect(e, el.Id)\r\n }\r\n >\r\n \r\n answerToggler(event, el.Id)\r\n }\r\n />\r\n \r\n {clickedAnswer === el.Id &&
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n {examQustions[activedQuestionIndex].CourseTitle ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n ×\r\n \r\n
\r\n \r\n \r\n \r\n {examQustions[activedQuestionIndex].CourseTitle}\r\n \r\n \r\n {examQustions[activedQuestionIndex].Chapter\r\n ? `- سرفصل ${examQustions[activedQuestionIndex].Chapter}`\r\n : \"\"}\r\n \r\n
\r\n ) : (\r\n <>\r\n )}\r\n \r\n {examData.TFQCount > 0 && questionCount > 0 && (\r\n <>\r\n سوال{\" \"}\r\n \r\n {examData.TFQCount -\r\n questionCount +\r\n activedQuestionIndex +\r\n 1}\r\n {\" \"}\r\n از{\" \"}\r\n {examData.TFQCount}\r\n \r\n )}\r\n {examData.TFIsBackBtnActive ? (\r\n <>\r\n -\r\n
\r\n {examData.TFExamTimeQuestionBase ? (\r\n \r\n زمان باقیمانده برای پاسخ به این سوال:{\" \"}\r\n {questionTimer}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n علامت گذاری سوال\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {renderHTML(\r\n examQustions[activedQuestionIndex].TFTitle\r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n برای بزرگ تر شدن تصویر روی آن کلیک نمایید\r\n \r\n
\r\n \r\n \r\n برای بزرگ تر شدن تصویر روی آن کلیک نمایید\r\n \r\n
\r\n \r\n clearAnswers(examQustions[activedQuestionIndex].Id)\r\n }\r\n >\r\n حذف پاسخ های این سوال\r\n \r\n {examQustionAnswers\r\n .filter(\r\n (ele) =>\r\n ele.IdQuestion ===\r\n examQustions[activedQuestionIndex].Id\r\n )\r\n .map((el) => {\r\n if (\r\n examQustions[activedQuestionIndex]\r\n .IdStaticData_Type ===\r\n \"d55ae29a-4e3d-4b54-9aa9-408fd13b2f02\"\r\n ) {\r\n return (\r\n \r\n setThisAnswerCorrect(e, el.Id)\r\n }\r\n >\r\n \r\n answerToggler(event, el.Id)\r\n }\r\n />\r\n \r\n {clickedAnswer === el.Id &&
\r\n );\r\n } else {\r\n return (\r\n \r\n {questionCount > 1 ? (\r\n examData.TFIsBackBtnActive ? (\r\n <>\r\n \r\n قبلی\r\n \r\n \r\n بعدی\r\n \r\n \r\n \r\n ) : (\r\n \r\n بعدی\r\n \r\n \r\n )\r\n ) : (\r\n <>\r\n )}\r\n {activedQuestionIndex + 1 === examQustions.length &&\r\n (isEvaluateFinished ? (\r\n \r\n پایان آزمون\r\n \r\n ) : (\r\n \r\n پایان نظرسنجی\r\n \r\n ))}\r\n
\r\n \r\n \r\n finishExam({ isForceFinish: true })}\r\n requestToFinish={requestToFinish}\r\n finishEval={finishEval}\r\n />\r\n
\r\n \r\n {\r\n setOpen(false);\r\n }}\r\n goTothisQuestionField={goTothisQuestionField}\r\n setGoTothisQuestionField={setGoTothisQuestionField}\r\n GetMarkedQuestion={GetMarkedQuestion}\r\n forceFinish={() => finishExam({ isForceFinish: true })}\r\n requestToFinish={requestToFinish}\r\n finishEval={finishEval}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n لیست سوالات علامت گذاری شده\r\n
\r\n\r\n برای رفتن\r\n به هر سوال روی آن کلیک نمایید\r\n
\r\n\r\n {markedQuestionList.length > 0 ? (\r\n markedQuestionList.map((question, index) => {\r\n return (\r\n \r\n DeleteThisMarkQuestion(question.IdQuestion)\r\n }\r\n >\r\n
\r\n );\r\n })\r\n ) : (\r\n \r\n \r\n goToThisMarkedQuestion(question.IdQuestion)\r\n }\r\n >\r\n {renderHTML(question.Question)}\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n هیچ سوالی یافت نشد\r\n \r\n
\r\n\r\n \r\n بستن\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Header;\r\n","import React, { useEffect } from \"react\";\r\nimport \"./ReportCard.scss\";\r\n\r\nconst ReportCard = (props) => {\r\n const printHandle = () => {\r\n var divToPrint = document.getElementById(\"printElement\");\r\n var printButton = document.getElementById(\"printpagebutton\");\r\n printButton.style.visibility = \"hidden\";\r\n let newWin = window.open(\"\");\r\n newWin.document.write(divToPrint.outerHTML);\r\n newWin.print();\r\n newWin.close();\r\n printButton.style.visibility = \"visible\";\r\n };\r\n\r\n useEffect(() => {\r\n let reportCardWrap = document.querySelector(\".report-card-wrap\");\r\n let op = 0;\r\n let timer = setInterval(function () {\r\n reportCardWrap.style.display = \"flex\";\r\n if (op >= 1) {\r\n clearInterval(timer);\r\n } else {\r\n reportCardWrap.style.opacity = op;\r\n reportCardWrap.style.filter = \"alpha(opacity=\" + op * 100 + \")\";\r\n op += 0.1;\r\n }\r\n }, 100);\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n نام آزمون دهنده: {props.TFName + \" \" + props.TFFamily}\r\n
\r\n کدملی: {props.TFNationalCode}\r\n
\r\n \r\n کدملی: {props.TFNationalCode}\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n نام و نام خانوادگی:\r\n \r\n \r\n {props.reportData.TFName + \" \" + props.reportData.TFFamily}\r\n \r\n \r\n \r\n \r\n کد ملی:\r\n \r\n \r\n {props.reportData.TFNationalCode}\r\n \r\n \r\n \r\n تاریخ برگزاری آزمون \r\n {props.reportData.TFStartDate} \r\n \r\n \r\n پاسخ های صحیح \r\n \r\n {props.reportData.TFCountCorrect +\r\n \" (\" +\r\n props.reportData.TFPercentCorrect +\r\n \"% )\"}\r\n \r\n \r\n \r\n پاسخ های نادرست \r\n \r\n {props.reportData.TFCountFalse +\r\n \" (\" +\r\n props.reportData.TFPercentFalse +\r\n \"% )\"}\r\n \r\n \r\n \r\n بدون پاسخ \r\n \r\n {props.reportData.TFCountAbort +\r\n \" (\" +\r\n props.reportData.TFPercentAbort +\r\n \"% )\"}\r\n \r\n \r\n \r\n نمره کل آزمون \r\n {props.reportData.TFExamScore} \r\n \r\n \r\n حداقل نمره قبولی \r\n {props.reportData.TFMinScoreForAcceptance} \r\n \r\n \r\n نمره شما \r\n {props.reportData.TFScore} \r\n \r\n \r\n وضعیت \r\n {props.reportData.TFIsPassed ? \"قبول\" : \"مردود\"} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ReportCard;\r\n","const upperCaseFirstLetters = (str) => {\r\n if (str) {\r\n let strArr = str.toLowerCase().match(/\\d|\\D|\\W+/g);\r\n strArr.splice(0, 1, strArr[0].toUpperCase());\r\n for (let i = 0; i < strArr.length; i++) {\r\n if (strArr[i] === \" \") {\r\n strArr.splice(i + 1, 1, strArr[i + 1].toUpperCase());\r\n }\r\n }\r\n let result = strArr.join(\"\");\r\n return result;\r\n }\r\n};\r\n\r\nexport default upperCaseFirstLetters;\r\n\r\nexport const upperCaseHooks = (str) => {\r\n if (str) {\r\n let strArr = str.toLowerCase().match(/\\d|\\D|\\W+/g);\r\n strArr.splice(0, 1, strArr[0].toUpperCase());\r\n let result = strArr.join(\"\");\r\n return result;\r\n }\r\n};\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./Cert.scss\";\r\nimport QRCode from \"qrcode.react\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport html2canvas from \"html2canvas\";\r\nimport jsPdf from \"jspdf\";\r\nimport { useNavigate } from \"react-router\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport upperCaseFirstLetters from \"utils/upperCaseFirstLetters\";\r\n\r\nconst CertEN = (props) => {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const [newNameEN, setNewNameEN] = useState(\"\");\r\n const getThePDF = () => {\r\n html2canvas(document.getElementById(\"divToPrint\"), {\r\n useCORS: true,\r\n allowTaint: true,\r\n scrollX: -window.scrollX,\r\n scrollY: -window.scrollY,\r\n windowWidth: document.documentElement.offsetWidth,\r\n windowHeight: document.documentElement.offsetHeight,\r\n onclone: (document) => {\r\n document.getElementById(\"print-btn\").style.display = \"none\";\r\n },\r\n }).then((canvas) => {\r\n window.scrollTo(0, 0);\r\n const pdf = new jsPdf({\r\n orientation: \"landscape\",\r\n unit: \"px\",\r\n format: [637, 452.5],\r\n });\r\n pdf.addImage(canvas.toDataURL(\"image/png\"), \"JPEG\", 1, 1);\r\n pdf.save(`${new Date().toISOString()}.pdf`); // Pdf name\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n //english nickname check\r\n let token;\r\n // let idexam;\r\n if (props.page === \"applicantDasboard\") {\r\n token = cookies.get(\"_exa\");\r\n // idexam = localStorage.getItem(\"reportExamId\");\r\n } else {\r\n token = cookies.get(\"_exapplicant\");\r\n // idexam = cookies.get(\"_idexa\");\r\n }\r\n AxiosInterceptor.post(\"/applicant/ApplicantHasNickNameEn\", {\r\n Token: token,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n // setNickNameCheckEN(response.data.data.hasNickName);\r\n setNewNameEN(response.data.data.NickName);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n کارنامه
\r\n\r\n {props.reportData.TFTitle}\r\n
\r\n \r\n\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n {/* \r\n
\r\n \r\n \r\n {newNameEN ? upperCaseFirstLetters(newNameEN) : props.name}\r\n \r\n
\r\n\r\n For Successfully Passing the Exam\r\n \r\n
\r\n \r\n {props.result.TFNationalCode}\r\n National Code \r\n
\r\n \r\n
\r\n
\r\n {props.result.TFIsScoreVisibleInCert ? (\r\n \r\n {props.result.TFTitle} \r\n Exam\r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n {props.result.TFScore}\r\n \r\n From\r\n \r\n {props.result.TFExamScore}\r\n \r\n Score\r\n
\r\n \r\n
\r\n \r\n {props.result.TFStartDate}\r\n Date \r\n
\r\n */}\r\n
\r\n \r\n
\r\n {props.result.TFOrgImgPath ? (\r\n \r\n
\r\n \r\n
\r\n \r\n {props.result.TFApplicantExamCode}\r\n Verification Code\r\n
\r\nVerify at Sanjify.com
\r\n\r\n {/* */}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CertEN;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./Cert.scss\";\r\nimport QRCode from \"qrcode.react\";\r\nimport AxiosInterceptor from \"../../../utils/AxiosInterceptor\";\r\nimport { useNavigate } from \"react-router\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport html2canvas from \"html2canvas\";\r\nimport jsPdf from \"jspdf\";\r\n\r\nconst CertFA = (props) => {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const [newNameFA, setNewNameFA] = useState(\"\");\r\n\r\n const getThePDF = () => {\r\n html2canvas(document.getElementById(\"divToPrint\"), {\r\n useCORS: true,\r\n allowTaint: true,\r\n scrollX: -window.scrollX,\r\n scrollY: -window.scrollY,\r\n windowWidth: document.documentElement.offsetWidth,\r\n windowHeight: document.documentElement.offsetHeight,\r\n onclone: (document) => {\r\n document.getElementById(\"print-btn\").style.display = \"none\";\r\n },\r\n }).then((canvas) => {\r\n window.scrollTo(0, 0);\r\n const pdf = new jsPdf({\r\n orientation: \"landscape\",\r\n unit: \"px\",\r\n format: [637, 452.5],\r\n });\r\n pdf.addImage(canvas.toDataURL(\"image/png\"), \"JPEG\", 1, 1);\r\n pdf.save(`${new Date().toISOString()}.pdf`); // Pdf name\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n let certWrap = document.querySelector(\".certFA-wrap\");\r\n let op = 0;\r\n let timer = setInterval(function () {\r\n certWrap.style.display = \"block\";\r\n if (op >= 1) {\r\n clearInterval(timer);\r\n } else {\r\n certWrap.style.opacity = op;\r\n certWrap.style.filter = \"alpha(opacity=\" + op * 100 + \")\";\r\n op += 0.1;\r\n }\r\n }, 100);\r\n\r\n //persian nickname check\r\n let token;\r\n if (props.page === \"applicantDasboard\") {\r\n token = cookies.get(\"_exa\");\r\n } else {\r\n token = cookies.get(\"_exapplicant\");\r\n }\r\n AxiosInterceptor.post(\"/applicant/ApplicantHasNickNameFa\", {\r\n Token: token,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n // setNicknameCheckFA();\r\n setNewNameFA(response.data.data.NickName);\r\n //open FA modal\r\n if (!response.data.data.hasNickName && !response.data.data.NickName) {\r\n document.querySelector(\"#certFaModalBtn\").click();\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default CertFA;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./Cert.scss\";\r\nimport CertificationEN from \"Components/shared/certComponents/CertificateEN\";\r\nimport CertificationFA from \"Components/shared/certComponents/CertificateFA\";\r\nimport Cookies from \"universal-cookie\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport ConvertPersianToEnglish from \"utils/ConvertLang\";\r\nimport { ConvertEnglishToPersian } from \"utils/ConvertLang\";\r\nimport FloatingInput from \"Components/shared/Inputs/FloatingInput\";\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from \"Components/shared/Buttons/CustomButton\";\r\n\r\nconst Cert = (props) => {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const [lang, setLang] = useState(\"Fa\");\r\n const [reportData, setReportData] = useState([]);\r\n\r\n const [newNames, setNewNames] = useState({\r\n nameEN: \"\",\r\n nameFA: \"\",\r\n });\r\n const [nickNameCheckEN, setNickNameCheckEN] = useState();\r\n const [emptyFieldError, setEmptyFieldError] = useState({\r\n nameEN: false,\r\n nameFA: false,\r\n });\r\n const setNameHandle = (event) => {\r\n const { name, value } = event.target;\r\n if (name === \"nameEN\") {\r\n setNewNames({\r\n ...newNames,\r\n [name]: ConvertPersianToEnglish(value),\r\n });\r\n } else if (name === \"nameFA\") {\r\n setNewNames({\r\n ...newNames,\r\n [name]: ConvertEnglishToPersian(value),\r\n });\r\n }\r\n };\r\n\r\n const onChangeHandle = (event) => {\r\n const { value } = event.target;\r\n setLang(value);\r\n if (value === \"En\") {\r\n if (!nickNameCheckEN) {\r\n document.querySelector(\"#certEnModalBtn\").click();\r\n }\r\n }\r\n };\r\n\r\n const confirmClick = (lan) => {\r\n let token = \"\";\r\n if (props.page === \"applicantDasboard\") {\r\n token = cookies.get(\"_exa\");\r\n } else {\r\n token = cookies.get(\"_exapplicant\");\r\n }\r\n if (lan === \"EN\") {\r\n if (newNames.nameEN) {\r\n setEmptyFieldError((prevState) => ({\r\n ...prevState,\r\n nameEN: false,\r\n }));\r\n AxiosInterceptor.post(\"/applicant/UpdateNickNameEn\", {\r\n Token: token,\r\n NickNameEn: newNames.nameEN,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n swal(\"موفقیت\", response.data.data, \"success\");\r\n } else {\r\n swal(\"خطا\", response.data.data, \"error\");\r\n }\r\n });\r\n } else {\r\n setEmptyFieldError((prevState) => ({\r\n ...prevState,\r\n nameEN: true,\r\n }));\r\n }\r\n }\r\n if (lan === \"FA\") {\r\n if (newNames.nameFA) {\r\n setEmptyFieldError((prevState) => ({\r\n ...prevState,\r\n nameEN: false,\r\n }));\r\n AxiosInterceptor.post(\"/applicant/UpdateNickNameFa\", {\r\n Token: token,\r\n NickNameFa: newNames.nameFA,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n swal(\"موفقیت\", response.data.data, \"success\");\r\n } else {\r\n swal(\"خطا\", response.data.data, \"error\");\r\n }\r\n });\r\n } else {\r\n setEmptyFieldError((prevState) => ({\r\n ...prevState,\r\n nameEN: true,\r\n }));\r\n }\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n let certWrap = document.querySelector(\".cert-wrap\");\r\n let op = 0;\r\n let timer = setInterval(function () {\r\n certWrap.style.display = \"block\";\r\n if (op >= 1) {\r\n clearInterval(timer);\r\n } else {\r\n certWrap.style.opacity = op;\r\n certWrap.style.filter = \"alpha(opacity=\" + op * 100 + \")\";\r\n op += 0.1;\r\n }\r\n }, 100);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let token;\r\n let idexam;\r\n if (props.page === \"applicantDasboard\") {\r\n token = cookies.get(\"_exa\");\r\n idexam = localStorage.getItem(\"reportExamId\");\r\n } else {\r\n token = cookies.get(\"_exapplicant\");\r\n idexam = cookies.get(\"_idexa\");\r\n }\r\n AxiosInterceptor.post(\"/ApplicantExam/CheckHasScoreAndCert\", {\r\n Token: token,\r\n IdExam: idexam,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.hasCert) {\r\n AxiosInterceptor.post(\"/ApplicantExam/GetUserReportCard\", {\r\n Token: token,\r\n IdExam: idexam,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setReportData(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: {\r\n text: \"متوجه شدم\",\r\n },\r\n });\r\n }\r\n });\r\n } else if (!response.data.hasCert && !response.data.hasScore) {\r\n // نه کارنامه داره نه مدرک\r\n let d = new Date();\r\n d.setTime(d.getTime() + 1 * 1000 * 60 * 60);\r\n let dateString = \"\" + d.toString();\r\n cookies.set(\"_exa\", cookies.get(\"_exapplicant\"), {\r\n path: \"/\",\r\n expires: new Date(dateString),\r\n });\r\n navigate(\"/ApplicantDashboard\");\r\n } else {\r\n swal(\"خطا\", \"ورود غیرمجاز\", \"error\");\r\n navigate(\"/\");\r\n }\r\n } else {\r\n swal(\"خطا\", \"ورود غیرمجاز\", \"error\");\r\n navigate(\"/\");\r\n }\r\n });\r\n\r\n //english nickname check\r\n AxiosInterceptor.post(\"/applicant/ApplicantHasNickNameEn\", {\r\n Token: token,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setNickNameCheckEN(response.data.data.hasNickName);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {newNameFA ? newNameFA : props.name}\r\n \r\n
\r\n\r\n در آزمون زیر حد نصاب قبولی را کسب کردهاند\r\n \r\n
\r\n \r\n به شماره ملی \r\n {props.result.TFNationalCode}\r\n
\r\n \r\n
\r\n
\r\n {props.result.TFIsScoreVisibleInCert ? (\r\n \r\n آزمون\r\n {props.result.TFTitle} \r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n کسب نمره\r\n \r\n {props.result.TFScore}\r\n \r\n از\r\n {props.result.TFExamScore}\r\n
\r\n \r\n
\r\n \r\n در تاریخ\r\n {props.result.TFStartDate}\r\n
\r\n \r\n
\r\n {props.result.TFOrgImgPath ? (\r\n \r\n
\r\n \r\n
\r\n \r\n {props.result.TFApplicantExamCode}\r\n Verification Code\r\n
\r\nVerify at Sanjify.com
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default Cert;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./ExamReport.scss\";\r\nimport Cookies from \"universal-cookie\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport Chart from \"react-apexcharts\";\r\n//=========== components ==============\r\nimport Footer from \"Components/shared/Footer/Footer\";\r\nimport Header from \"Components/shared/Header/Header\";\r\nimport ReportCard from \"Components/ExamReportComponents/ReportCard/ReportCard\";\r\nimport Cert from \"Components/ExamReportComponents/Certification/Cert\";\r\n\r\nconst ExamReport = () => {\r\n const [passed, setPassed] = useState(false);\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const [reportData, setReportData] = useState([]);\r\n const [individualExam, setIndividualExam] = useState(false);\r\n\r\n const [contents, setContents] = useState({\r\n cert: false,\r\n reportCard: false,\r\n charts: false,\r\n });\r\n\r\n const [exist, setExist] = useState({\r\n cert: false,\r\n charts: false,\r\n examReport: false,\r\n });\r\n\r\n const [inactiveMode, setInactiveMode] = useState({\r\n cert: true,\r\n charts: false,\r\n examReport: true,\r\n });\r\n\r\n const [options, setOptions] = useState({\r\n chart: {\r\n background: \"#f4f4f4\",\r\n foreColor: \"#333\",\r\n },\r\n xaxis: {\r\n categories: [],\r\n labels: {\r\n style: {\r\n fontSize: \"12px\",\r\n fontFamily: \"IRANSansWeb\",\r\n },\r\n },\r\n },\r\n plotOptions: {\r\n bar: {\r\n horizontal: false,\r\n },\r\n },\r\n fill: {\r\n colors: [\"#1ADFC4\", \"#FB4F00\", \"#FFB703\"],\r\n },\r\n legend: {\r\n show: true,\r\n markers: {\r\n fillColors: [\"#1ADFC4\", \"#FB4F00\", \"#FFB703\"],\r\n },\r\n },\r\n title: {\r\n text: \"وضعیت در هر سرفصل\",\r\n align: \"center\",\r\n margin: 20,\r\n offsetY: 20,\r\n style: {\r\n fontSize: \"25px\",\r\n fontFamily: \"IRANSansWeb\",\r\n },\r\n },\r\n tooltip: {\r\n style: {\r\n fontSize: \"12px\",\r\n fontFamily: \"IRANSansWeb\",\r\n },\r\n },\r\n });\r\n const [series, setSeries] = useState([]);\r\n\r\n const clickButtonHandle = (cases) => {\r\n if (cases === \"report\") {\r\n if (!inactiveMode.reportCard && exist.reportCard) {\r\n setContents({\r\n cert: false,\r\n reportCard: true,\r\n charts: false,\r\n });\r\n }\r\n }\r\n if (cases === \"chart\") {\r\n if (!inactiveMode.charts && exist.charts) {\r\n setContents({\r\n cert: false,\r\n reportCard: false,\r\n charts: true,\r\n });\r\n }\r\n }\r\n if (cases === \"cert\") {\r\n if (!inactiveMode.cert && exist.cert) {\r\n setContents({\r\n cert: true,\r\n reportCard: false,\r\n charts: false,\r\n });\r\n }\r\n }\r\n };\r\n\r\n const ExiteHandle = () => {\r\n let d = new Date();\r\n d.setTime(d.getTime() + 2 * 1000 * 60 * 60);\r\n let dateString = \"\" + d.toString();\r\n cookies.set(\"_exa\", cookies.get(\"_exapplicant\"), {\r\n path: \"/\",\r\n expires: new Date(dateString),\r\n });\r\n navigate(\"/ApplicantMyExam\");\r\n };\r\n\r\n //inja beporsam\r\n const getChartData = () => {\r\n AxiosInterceptor.post(\"/applicantexam/GetUserReportCardByChapter\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.data.length > 0) {\r\n var cat = [];\r\n var countCorrect = [];\r\n var countFalse = [];\r\n var countAbort = [];\r\n\r\n for (let item in response.data.data) {\r\n cat.push(response.data.data[item].ChapterName);\r\n countFalse.push(response.data.data[item].TFCountFalse);\r\n countCorrect.push(response.data.data[item].TFCountCorrect);\r\n countAbort.push(response.data.data[item].TFCountAbort);\r\n }\r\n\r\n setOptions({\r\n ...options,\r\n xaxis: {\r\n ...options.xaxis,\r\n categories: cat,\r\n },\r\n });\r\n setSeries([\r\n {\r\n name: \"پاسخ صحیح\",\r\n data: countCorrect,\r\n },\r\n {\r\n name: \"پاسخ نادرست\",\r\n data: countFalse,\r\n },\r\n {\r\n name: \"بدون پاسخ\",\r\n data: countAbort,\r\n },\r\n ]);\r\n } else {\r\n setInactiveMode({\r\n ...inactiveMode,\r\n charts: true,\r\n });\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (cookies.get(\"_exapplicant\") && cookies.get(\"_idexa\")) {\r\n AxiosInterceptor.post(\"/ApplicantExam/GetUserReportCard\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.IsIndividualExam === true) {\r\n setIndividualExam(true);\r\n swal({\r\n icon: \"success\",\r\n title: \"\",\r\n text: \"نتیجه این آزمون به ایمیل شما ارسال خواهد شد\",\r\n button: \"متوجه شدم\",\r\n }).then(() => {\r\n navigate(\"/ApplicantDashboard\");\r\n });\r\n } else {\r\n setIndividualExam(false);\r\n if (response.data.status === true) {\r\n setReportData(response.data.data);\r\n if (response.data.data.TFIsPassed) {\r\n setPassed(true);\r\n setInactiveMode({\r\n ...inactiveMode,\r\n cert: false,\r\n });\r\n } else {\r\n setPassed(false);\r\n setInactiveMode({\r\n ...inactiveMode,\r\n cert: true,\r\n });\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: {\r\n text: \"متوجه شدم\",\r\n },\r\n });\r\n }\r\n }\r\n });\r\n AxiosInterceptor.post(\"/ApplicantExam/CheckHasScoreAndCert\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n /* hasCert = مدرک میخواهد\r\n hasScore = کارنامه میخواهد\r\n TFIsPassed = قبول شده یا نشده\r\n showChart = چارت دارد\r\n */\r\n if (response.data.status === true) {\r\n if (\r\n response.data.hasScore &&\r\n response.data.hasCert &&\r\n response.data.showChart\r\n ) {\r\n // هم کارنامه داره هم مدرک هم چارت\r\n setExist({\r\n cert: true,\r\n reportCard: true,\r\n charts: true,\r\n });\r\n setContents({\r\n cert: false,\r\n reportCard: true,\r\n charts: false,\r\n });\r\n\r\n getChartData();\r\n } else if (\r\n response.data.hasScore &&\r\n response.data.hasCert &&\r\n !response.data.showChart\r\n ) {\r\n setExist({\r\n cert: true,\r\n reportCard: true,\r\n charts: false,\r\n });\r\n setContents({\r\n cert: false,\r\n reportCard: true,\r\n charts: false,\r\n });\r\n } else if (!response.data.hasScore && response.data.hasCert) {\r\n // کارنامه نداره ولی مدرک داره\r\n setExist({\r\n cert: true,\r\n reportCard: false,\r\n charts: false,\r\n });\r\n if (passed) {\r\n setContents({\r\n cert: true,\r\n reportCard: false,\r\n charts: false,\r\n });\r\n }\r\n } else if (\r\n response.data.hasScore &&\r\n !response.data.hasCert &&\r\n response.data.showChart\r\n ) {\r\n // کارنامه داره چارت داره ولی مدرک نداره\r\n setExist({\r\n cert: false,\r\n reportCard: true,\r\n charts: true,\r\n });\r\n setContents({\r\n cert: false,\r\n reportCard: true,\r\n charts: false,\r\n });\r\n getChartData();\r\n } else if (\r\n response.data.hasScore &&\r\n !response.data.hasCert &&\r\n !response.data.showChart\r\n ) {\r\n // کارنامه داره ولی چارت و مدرک نداره\r\n setExist({\r\n cert: false,\r\n reportCard: true,\r\n charts: false,\r\n });\r\n setContents({\r\n cert: false,\r\n reportCard: true,\r\n charts: false,\r\n });\r\n } else {\r\n // نه کارنامه داره نه مدرک نه چارت\r\n let d = new Date();\r\n d.setTime(d.getTime() + 1 * 1000 * 60 * 60);\r\n let dateString = \"\" + d.toString();\r\n cookies.set(\"_exa\", cookies.get(\"_exapplicant\"), {\r\n path: \"/\",\r\n expires: new Date(dateString),\r\n });\r\n navigate(\"/ApplicantDashboard\");\r\n }\r\n } else {\r\n swal(\"خطا\", \"ورود غیرمجاز\", \"error\");\r\n navigate(\"/\");\r\n }\r\n });\r\n } else {\r\n swal(\"خطا\", \"ورود غیر مجاز\", \"error\");\r\n navigate(\"/\");\r\n }\r\n }, []);\r\n\r\n return individualExam ? null : (\r\n \r\n {!lang ? لطفا زبان مدرک خود را انتخاب کنید : null}\r\n \r\n cert En\r\n \r\n \r\n \r\n \r\n cert Fa\r\n \r\n \r\n \r\n
\r\n \r\n onChangeHandle(e)}\r\n className=\"form-control col-sm-2\"\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n {lang === \"Fa\" ? (\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n نام و نام خانوادگی خود را برای درج در مدرک انگلیسی وارد کنید:\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setNameHandle(e, \"EN\")}\r\n required\r\n error={emptyFieldError.nameEN ? \"پر کردن این فیلد الزامی است\" : \"\"}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n confirmClick(\"EN\")}\r\n >\r\n ذخیره\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n نام و نام خانوادگی خود را برای درج در مدرک فارسی وارد کنید:\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n setNameHandle(e, \"FA\")}\r\n required\r\n error={emptyFieldError.nameFA ? \"پر کردن این فیلد الزامی است\" : \"\"}\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n confirmClick(\"FA\")}\r\n >\r\n ذخیره\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {exist.reportCard ? (\r\n \r\n
\r\n {reportData.TFTitle}
\r\n\r\n
\r\n \r\n ![](\"http://ultraimg.com/images/KlfpUAu.png\")
*/}\r\n \r\n {exist.reportCard ? reportData.TFScore : \"-\"}\r\n
\r\n \r\n \r\n نمره شما از {reportData.TFExamScore}\r\n
\r\n {/* */}\r\n \r\n
\r\n \r\n {passed ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n وضیعت: {passed ? \" قبول \" : \" مردود \"}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {reportData.TFCountCorrect}\r\n سوال با پاسخ صحیح \r\n
\r\n \r\n 10 ? \"text-white\" : \"\"\r\n }`}\r\n >\r\n {reportData.TFPercentCorrect + \"%\"}\r\n
\r\n \r\n \r\n
\r\n \r\n {reportData.TFCountFalse}\r\n سوال با پاسخ نادرست\r\n
\r\n \r\n 10 ? \"text-white\" : \"\"\r\n }`}\r\n >\r\n {reportData.TFPercentFalse + \"%\"}\r\n
\r\n \r\n \r\n
\r\n \r\n {reportData.TFCountAbort}\r\n سوال بدون پاسخ \r\n
\r\n \r\n 10 ? \"text-white\" : \"\"\r\n }`}\r\n >\r\n {reportData.TFPercentAbort + \"%\"}\r\n
\r\n \r\n {!exist.cert ? (\r\n
\r\n \r\n \r\n این آزمون فاقد مدرک می باشد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {!exist.reportCard ? (\r\n\r\n \r\n این آزمون فاقد دسترسی به کارنامه و نتیجه آزمون (نمره) می باشد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {exist.cert && inactiveMode.cert ? (\r\n\r\n \r\n به دلیل مردود شدن در امتحان مدرکی برای شما وجود ندارد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {!exist.charts ? (\r\n\r\n \r\n نمایش جزئیات آزمون در دسترس نمی باشد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {exist.charts && inactiveMode.charts ? (\r\n\r\n \r\n نمایش جزئیات به علت نداشتن سرفصل برای این آزمون، غیر فعال است.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n clickButtonHandle(\"report\")}\r\n >\r\n کارنامه\r\n \r\n \r\n clickButtonHandle(\"chart\")}\r\n >\r\n جزییات آزمون\r\n \r\n {/* Tasks */}\r\n \r\n clickButtonHandle(\"cert\")}\r\n >\r\n مدرک\r\n \r\n {/* News */}\r\n \r\n ExiteHandle()}\r\n >\r\n ورود به داشبورد\r\n \r\n {/* کارنامه */}\r\n \r\n
\r\n \r\n {contents.reportCard ? (\r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ExamReport;\r\n","export default __webpack_public_path__ + \"static/media/Capture.44c2e219.PNG\";","import \"../Exam/Exam.scss\";\r\nimport Logo from \"assets/images/logoHeader.png\";\r\nimport Capture from \"assets/images/Capture.PNG\";\r\n\r\nconst ExamComponent = ({ examData }) => {\r\n return (\r\n <>\r\n \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ExamComponent;\r\n","import styled, { keyframes } from \"styled-components\";\r\nconst steps = 20;\r\nconst rnd = () => Math.floor(Math.random() * 100);\r\nconst doPercAndValue = (a, i) => ({\r\n perc: `${i * (100 / steps)}%`,\r\n value: `clip: rect(${rnd()}px, 9999px, ${rnd()}px, 0)`,\r\n});\r\nconst doKeyframes = () =>\r\n Array(steps)\r\n .fill(null)\r\n .map(doPercAndValue)\r\n .reduce((acc, next) => {\r\n return `${acc}\r\n${next.perc} {\r\n ${next.value}\r\n}`;\r\n }, \"\");\r\nconst anim = keyframes`${doKeyframes()}`;\r\nconst anim2 = keyframes`${doKeyframes()}`;\r\nexport default styled.div`\r\n font-size: 2.5em;\r\n position: relative;\r\n margin-bottom: 6px;\r\n\r\n &:after {\r\n content: attr(data-glitch);\r\n position: absolute;\r\n right: 2px;\r\n text-shadow: -1px 0 red;\r\n top: 0;\r\n color: white;\r\n background: black;\r\n overflow: hidden;\r\n clip: rect(0, 900px, 0, 0);\r\n animation: ${anim} 2s infinite linear alternate-reverse;\r\n }\r\n\r\n &:before {\r\n content: attr(data-glitch);\r\n position: absolute;\r\n right: -2px;\r\n text-shadow: 1px 0 blue;\r\n top: 0;\r\n color: white;\r\n background: black;\r\n overflow: hidden;\r\n clip: rect(0, 900px, 0, 0);\r\n animation: ${anim2} 3s infinite linear alternate-reverse;\r\n }\r\n`;\r\n","import ExamComponent from \"./ExamComponent\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport Tour from \"reactour\";\r\nimport Glitch from \"./Glitch\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useNavigate, Link } from \"react-router-dom\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport renderHTML from \"react-render-html\";\r\n\r\nfunction PreExam() {\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const [examData, setExamData] = useState({});\r\n const [evalFinished, setEvalFinished] = useState(true);\r\n const [tourConfig, setTourConfig] = useState([]);\r\n useEffect(() => {\r\n if (cookies.get(\"_exapplicant\") && cookies.get(\"_idexa\")) {\r\n AxiosInterceptor.post(\"/ApplicantExam/CheckHasEval\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.eval === true) {\r\n // ارشیابی دارد\r\n setEvalFinished(response.data.evalFinished);\r\n } else {\r\n // فاقد نظرسنجی است\r\n setEvalFinished(true);\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n AxiosInterceptor.post(\"/ApplicantExam/GetExamData\", {\r\n Token: cookies.get(\"_exapplicant\"),\r\n IdExam: cookies.get(\"_idexa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n let d = response.data.data;\r\n setExamData(d);\r\n if (d.TFIsBackBtnActive) {\r\n setTourConfig([\r\n {\r\n selector: '[data-tut=\"bookmark__q\"]',\r\n content: () => (\r\n \r\n \r\n
\r\n \r\n نام آزمون دهنده: -\r\n
\r\n کدملی: -\r\n
\r\n \r\n کدملی: -\r\n
\r\n نام آزمون : -\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n نمره کل : -\r\n
\r\n \r\n حداقل نمره قبولی :-\r\n
\r\n \r\n تعداد سوالات : -\r\n \r\n راهنما\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n سوال 19 از\r\n 20\r\n {examData.TFIsBackBtnActive && (\r\n <>\r\n -\r\n \r\n زمان باقیمانده برای پاسخ به این سوال: 12:00\r\n \r\n )}\r\n
\r\n\r\n \r\n علامت گذاری سوال\r\n
\r\n \r\n )}\r\n {examData.TFExamTimeQuestionBase && (\r\n \r\n
\r\n \r\n \r\n فرق بین classmethod@ و staticmethod@ کدام است؟\r\n
\r\n\r\n \r\n حذف پاسخ های این سوال\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {examData.TFIsBackBtnActive ? (\r\n \r\n ) : (\r\n <>\r\n )}\r\n\r\n \r\n
\r\n \r\n {/* quiz control */}\r\n
\r\n {/* quiz control */}\r\n \r\n
\r\n
\r\n \r\n
\r\n ابزار آزمون
\r\n\r\n
\r\n \r\n
\r\n \r\n زمان باقی مانده
\r\n\r\n
\r\n \r\n
\r\n {examData.TFIsBackBtnActive ? (\r\n <>\r\n سوالات باقی مانده
\r\n1
\r\n\r\n \r\n (e.keyCode === 69 ||\r\n e.keyCode === 190 ||\r\n e.keyCode === 110) &&\r\n e.preventDefault()\r\n }\r\n />\r\n
\r\n برو به سوال
\r\n \r\n \r\n \r\n \r\n سوالات علامت گذاری شده\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n )}\r\n \r\n \r\n پایان آزمون\r\n \r\n
\r\n \r\n {/* quiz control */}\r\n
\r\n \r\n
\r\n
\r\n {/* quiz control */}\r\n \r\n \r\n
\r\n ابزار آزمون
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n زمان باقی مانده
\r\n\r\n
\r\n سوالات باقی مانده
\r\n {/*props.remaining
*/}\r\n\r\n \r\n (e.keyCode === 69 ||\r\n e.keyCode === 190 ||\r\n e.keyCode === 110) &&\r\n e.preventDefault()\r\n }\r\n />\r\n
\r\n برو به سوال
\r\n \r\n \r\n \r\n \r\n سوالات علامت گذاری شده\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n در این بخش میتوانید سوالات خود را ذخیره کنید تا در صورت نیاز\r\n به آنها باز گردید\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"clear__a\"]',\r\n content: () => (\r\n \r\n با کلیک روی این دکمه، میتوانید تمامی پاسخ هایی که به این\r\n سوال داده اید را یکجا حذف نمایید.\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"direction__buttons\"]',\r\n content: () => (\r\n \r\n با کلیک بر روی این دکمه ها، میتوانید بین سوالات جا به جا\r\n شوید.\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"quiz__control\"]',\r\n content: () => (\r\n \r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"\"]',\r\n content: () => (\r\n - \r\n
- \r\n {\" \"}\r\n در این بخش کنترلی شما میتوانید از زمان باقی مانده آزمون\r\n خود در هر لحظه از آزمون آگاهی داشته باشید و تعداد سوالات\r\n باقی مانده از کل سوالات را ببینید\r\n \r\n
- \r\n {\" \"}\r\n با دکمه های کنترلی آبی رنگ این بخش میتوانید به راحتی به\r\n اولین و آخرین سوال بروید و یا با انتخاب شماره سوال در\r\n فیلد \"برو به\" مستقیما به سوال مورد نظر هدایت شوید همچنین\r\n میتوانید سوالات علامت گذاری شده خود را در \"سوالات علامت\r\n گذاری شده\" مشاهده کنید\r\n \r\n
- \r\n {\" \"}\r\n در صورتی که بخواهید در هر مرحله به آزمون خود خاتمه دهید\r\n میتوانید روی دکمه پایان آزمون کلیک کنید\r\n \r\n
\r\n {d.TFTitle} \r\n {d.TFDescription && (\r\n
\r\n {!d.TFIsBackBtnActive && (\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"black\",\r\n color: \"white\",\r\n },\r\n },\r\n ]);\r\n } else {\r\n if (d.TFExamTimeQuestionBase) {\r\n setTourConfig([\r\n {\r\n selector: '[data-tut=\"questionTimer\"]',\r\n content: () => (\r\n \r\n توضیحات آزمون گیرنده : {renderHTML(d.TFDescription)}\r\n
\r\n )}\r\n\r\n {!d.TFIsBackBtnActive && (\r\n
نکته : آزمون شما امکان بازگشت به سوال قبلی ندارد.
\r\n )}\r\n {d.TFExamTimeQuestionBase && (\r\nنکته : زمان آزمون شما روی هر سوال محاسبه میشود.
\r\n )}\r\n \r\n\r\n {evalFinished\r\n ? \"تایید و ورود به آزمون \"\r\n : \"تایید و ورود به نظرسنجی\"}\r\n
\r\n \r\n\r\n زمان باقیمانده روی هر سوال را در این قسمت میتوانید مشاهده\r\n کنید\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"clear__a\"]',\r\n content: () => (\r\n \r\n با کلیک روی این دکمه، میتوانید تمامی پاسخ هایی که به این\r\n سوال داده اید را یکجا حذف نمایید.\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"direction__buttons\"]',\r\n content: () => (\r\n \r\n با کلیک بر روی بعدی، میتوانید به سوال بعدی بروید.\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"\"]',\r\n content: () => (\r\n \r\n {d.TFTitle} \r\n {d.description && (\r\n
\r\n {!d.TFIsBackBtnActive && (\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"black\",\r\n color: \"white\",\r\n },\r\n },\r\n ]);\r\n } else {\r\n setTourConfig([\r\n {\r\n selector: '[data-tut=\"clear__a\"]',\r\n content: () => (\r\n \r\n توضیحات آزمون گیرنده :{d.description}\r\n
\r\n )}\r\n\r\n {!d.TFIsBackBtnActive && (\r\n
نکته : آزمون شما امکان بازگشت به سوال قبلی ندارد.
\r\n )}\r\n {d.TFExamTimeQuestionBase && (\r\nنکته : زمان آزمون شما روی هر سوال محاسبه میشود.
\r\n )}\r\n \r\n\r\n {evalFinished\r\n ? \"تایید و ورود به آزمون \"\r\n : \"تایید و ورود به نظرسنجی\"}\r\n
\r\n \r\n\r\n با کلیک روی این دکمه، میتوانید تمامی پاسخ هایی که به این\r\n سوال داده اید را یکجا حذف نمایید.\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"direction__buttons\"]',\r\n content: () => (\r\n \r\n با کلیک بر روی بعدی، میتوانید به سوال بعدی بروید.\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n },\r\n },\r\n {\r\n selector: '[data-tut=\"\"]',\r\n content: () => (\r\n \r\n {d.TFTitle} \r\n {d.description && (\r\n
\r\n {!d.TFIsBackBtnActive && (\r\n
\r\n ),\r\n style: {\r\n backgroundColor: \"black\",\r\n color: \"white\",\r\n maxWidth: \"fit-content\",\r\n },\r\n },\r\n ]);\r\n }\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n navigate(\"/\");\r\n }\r\n });\r\n } else {\r\n navigate(\"/\");\r\n }\r\n return () => {\r\n document.body.style.overflowY = \"auto\";\r\n };\r\n }, []);\r\n\r\n return (\r\n \r\n توضیحات آزمون گیرنده :{d.description}\r\n
\r\n )}\r\n\r\n {!d.TFIsBackBtnActive && (\r\n
نکته : آزمون شما امکان بازگشت به سوال قبلی ندارد.
\r\n )}\r\n {d.TFExamTimeQuestionBase && (\r\nنکته : زمان آزمون شما روی هر سوال محاسبه میشود.
\r\n )}\r\n \r\n\r\n {evalFinished\r\n ? \"تایید و ورود به آزمون \"\r\n : \"تایید و ورود به نظرسنجی\"}\r\n
\r\n \r\n\r\n {\r\n return false;\r\n }}\r\n steps={tourConfig}\r\n isOpen={true}\r\n className=\"helper\"\r\n rounded={5}\r\n onAfterOpen={() => (document.body.style.overflowY = \"hidden\")}\r\n />\r\n )}\r\n
\r\n );\r\n}\r\n\r\nexport default PreExam;\r\n","export default __webpack_public_path__ + \"static/media/Create-Exam-Sanjify-Help.d65c2cc9.jpg\";","import React, { useEffect, useState } from \"react\";\r\nimport Dashboard from \"Components/Dashboard/Dashboard\";\r\nimport Cookies from \"universal-cookie\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport createExamHelper from \"assets/images/Create-Exam-Sanjify-Help.jpg\";\r\n\r\nfunction AdminDashboard() {\r\n const cookies = new Cookies();\r\n const [statics, setStatics] = useState({});\r\n const [activePlan, setActivePlan] = useState({});\r\n const [diffDays, setDiffDays] = useState(0);\r\n useEffect(() => {\r\n AxiosInterceptor.post(\"/Statistics/GetApplicantAdminStatistic\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setStatics(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n AxiosInterceptor.post(\"/contract/GetUserActiveContract\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.data.length > 0) {\r\n setActivePlan(response.data.data[0]);\r\n let nowDateTime = new Date();\r\n let NowDateYear = nowDateTime.getUTCFullYear();\r\n let NowDateMounth = nowDateTime.getUTCMonth() + 1;\r\n let NowDateDay = nowDateTime.getUTCDate();\r\n let nowDate = NowDateMounth + \"/\" + NowDateDay + \"/\" + NowDateYear;\r\n const date1 = new Date(nowDate);\r\n const date2 = new Date(response.data.data[0].TFEndDateEN);\r\n if (date1 > date2) {\r\n setDiffDays(0);\r\n } else {\r\n const diffTime = Math.abs(date2 - date1);\r\n const diff = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n setDiffDays(diff);\r\n }\r\n\r\n } else {\r\n setActivePlan({});\r\n }\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n داشبورد
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n \r\n
\r\n \r\n آزمون های شما\r\n {statics.ExamCount}\r\n
\r\n \r\n \r\n 3 آزمون در یک ماه اخیر\r\n
*/}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n بسته فعال : {diffDays === 0 ? \"- - -\" : activePlan.Plan ?? \"- - -\"}\r\n \r\n \r\n {diffDays} روز مانده\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n تعداد سوالات در بانک\r\n {statics.QuestionCount}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n تعداد آزمون دهنده\r\n {statics.ApplicantExamCount}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Charts;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./output-answer.scss\";\r\nimport renderHTML from \"react-render-html\";\r\nimport { BASEURL } from \"utils/Constants\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\n\r\nfunction Answers({ applicantInfo, chartData, answersData }) {\r\n const [chapters, setChapters] = useState([]);\r\n const [chapterSections, setChapterSection] = useState([]);\r\n const [portalSection, setPortalSection] = useState([]);\r\n const [portalIndex, setPortalIndex] = useState(0);\r\n const [lang, setLang] = useState(\"\");\r\n useEffect(() => {\r\n let ChapterTemp = [];\r\n let chpt = [];\r\n let ALllChapter = [];\r\n\r\n if (applicantInfo.ExamLangId === \"2d1950f9-537c-4229-94e2-a3d9fa61f774\") {\r\n setLang(\"en\");\r\n } else {\r\n setLang(\"ir\");\r\n }\r\n\r\n ChapterTemp.push(answersData[0].chapterName);\r\n for (let i = 0; i < answersData.length; i++) {\r\n if (answersData[i].chapterName !== ChapterTemp[ChapterTemp.length - 1]) {\r\n ChapterTemp.push(answersData[i].chapterName);\r\n }\r\n }\r\n let uniqueChapterNames = [...new Set(ChapterTemp)].sort();\r\n uniqueChapterNames.map((ch) => {\r\n answersData\r\n ?.filter((q) => q.chapterName === ch)\r\n .map((question) => {\r\n chpt.push(question);\r\n });\r\n ALllChapter.push(chpt);\r\n chpt = [];\r\n });\r\n\r\n setChapters(uniqueChapterNames);\r\n setChapterSection(ALllChapter);\r\n }, [answersData]);\r\n\r\n const calcQuestionStatus = (question) => {\r\n let trueAnswer = [];\r\n\r\n for (let i in question.answers) {\r\n if (question.answers[i].TFIsCorrect) {\r\n trueAnswer.push(question.answers[i].Id);\r\n }\r\n }\r\n if (\r\n trueAnswer.length === question.idApplicantAnswer.length &&\r\n trueAnswer\r\n ?.sort()\r\n .every(\r\n (value, index) => value === question.idApplicantAnswer.sort()[index]\r\n )\r\n ) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n\r\n const portalSet = (index, chapterSection) => {\r\n setPortalIndex(index);\r\n setPortalSection(chapterSection);\r\n };\r\n const changeIcon = (e) => {\r\n let isCollapsed = e.target.classList.value.includes(\"collapsed\");\r\n if (!isCollapsed) {\r\n e.target.classList.remove(\"fa-minus\");\r\n e.target.classList.add(\"fa-plus\");\r\n } else {\r\n e.target.classList.remove(\"fa-plus\");\r\n e.target.classList.add(\"fa-minus\");\r\n }\r\n };\r\n return (\r\n \r\n {chartsCanSee.scoreDateilsPerChapterReport && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {/* */}\r\n {chapters?.map((chapter, index1) => (\r\n
\r\n \r\n ))}\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {chapterSections[index1]?.map((question, index) => (\r\n portalSet(index, chapterSections[index1])}\r\n >\r\n {question.idApplicantAnswer.length === 0 ? (\r\n
\r\n ))}\r\n \r\n
\r\n \r\n {answersData[0].chapterName === \"NoChapter\" ? \"...\" : chapter}\r\n
\r\n \r\n {answersData[0].chapterName === \"NoChapter\" ? (\r\n \r\n (\r\n \r\n {applicantInfo.TFCountCorrect} /{\" \"}\r\n {chapterSections[index1].length}{\" \"}\r\n {\" \"}\r\n سوال با پاسخ صحیح ){\" \"}\r\n {applicantInfo.TFPercentCorrect}%{\" \"}\r\n \r\n ) : (\r\n chartData.map(\r\n (el, index) =>\r\n el.ChapterName === chapter && (\r\n \r\n (\r\n \r\n {el.TFCountCorrect} /{\" \"}\r\n {chapterSections[index1].length}{\" \"}\r\n {\" \"}\r\n سوال با پاسخ صحیح ){\" \"}\r\n {el.TFPercentCorrect}%{\" \"}\r\n \r\n )\r\n )\r\n )}\r\n \r\n\r\n \r\n _\r\n {\" \"}\r\n {lang !== \"en\" ? \"س\" : \"Q\"} {index + 1}\r\n
\r\n ) : calcQuestionStatus(question, chapter, index) ? (\r\n \r\n {\" \"}\r\n {lang !== \"en\" ? \"س\" : \"Q\"} {index + 1}\r\n
\r\n ) : (\r\n \r\n {\" \"}\r\n {lang !== \"en\" ? \"س\" : \"Q\"} {index + 1}\r\n
\r\n )}\r\n {renderHTML(question.title)}\r\n \r\n \r\n {lang === \"en\"\r\n ? \" سرفصل \" + portalSection[0]?.chapterName\r\n : portalSection[0]?.chapterName}\r\n \r\n \r\n
\r\n \r\n {\r\n if (portalSection.length > portalIndex + 1) {\r\n setPortalIndex((prev) => prev + 1);\r\n }\r\n }\r\n : () => {\r\n if (portalIndex > 0) {\r\n setPortalIndex((prev) => prev - 1);\r\n }\r\n }\r\n }\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {portalSection[portalIndex]?.hasImg ? (\r\n \r\n سوال {portalIndex + 1} از {portalSection.length}\r\n \r\n {portalSection[portalIndex]?.difficulty}\r\n
\r\n \r\n \r\n {renderHTML(portalSection[portalIndex]?.title)}\r\n \r\n
\r\n ) : (\r\n \r\n {portalSection[portalIndex]\r\n ? renderHTML(portalSection[portalIndex].title)\r\n : \"\"}\r\n
\r\n )}\r\n \r\n {portalSection[portalIndex]?.answers?.map((Q, index) => (\r\n \r\n {renderHTML(Q.TFTitle)}\r\n {Q.TFIsCorrect ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n ))}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n (\r\n \r\n ))}\r\n defaultOption=\"------\"\r\n labelText=\"آزمون دهنده\"\r\n name=\"applicants\"\r\n id=\"applicantsName\"\r\n value={applicantId}\r\n onChange={(e) => getApplicantOutput(e)}\r\n />\r\n
\r\n {examData.title}
\r\n\r\n تاریخ و ساعت شروع : {examData.dateAndTitme}\r\n
\r\n\r\n حداقل نمره برای قبولی :{examData.minScore}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {applicantInfo.TFScore ? applicantInfo.TFScore : \"-\"}\r\n
\r\n \r\n \r\n \r\n نمره از {examData.examScore}\r\n
\r\n \r\n \r\n وضعیت:{\" \"}\r\n {applicantInfo.TFIsPassed\r\n ? \" قبول \"\r\n : applicantInfo.TFScore\r\n ? \" مردود \"\r\n : \"نیمه تمام\"}\r\n
\r\n \r\n {applicantInfo.TFIsPassed ? (\r\n \r\n ) : applicantInfo.TFScore ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n \r\n {chartsCanSee.elapsedTimePerQReport ||\r\n chartsCanSee.scoreDateilsPerChapterReport ? (\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
\r\n {activedMenu === 0 ? (\r\n answersData.length > 0 ? (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n آمار کلی
\r\n\r\n \r\n {applicantInfo.TFCountCorrect} سوال با پاسخ درست\r\n \r\n \r\n \r\n {applicantInfo.TFPercentCorrect + \"%\"}\r\n
\r\n \r\n \r\n {applicantInfo.TFCountFalse} سوال با پاسخ نادرست{\" \"}\r\n \r\n \r\n \r\n {applicantInfo.TFPercentFalse + \"%\"}\r\n
\r\n \r\n \r\n {applicantInfo.TFCountAbort} سوال بدون پاسخ{\" \"}\r\n \r\n \r\n \r\n {applicantInfo.TFPercentAbort + \"%\"}\r\n
\r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n نموداری جهت نمایش وجود ندارد.
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default StepsHeader","import React, { useEffect } from \"react\";\r\nimport \"./CertTracker.scss\";\r\n\r\nfunction CertTracker(props) {\r\n return (\r\n - \r\n
\r\n
\r\n {/* نمایش نمره و پیشنمایش مدرک */}\r\n \r\n
\r\n صدور مدرک
\r\n {/* لوگوی سازمان و لوگوی دوره*/}\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n لوگوی شرکت / سازمان
\r\n\r\n {\r\n document.querySelector(\"#orgLogoImageUploadBtn\").click();\r\n }}\r\n >\r\n {\r\n props.certLogoOnchangeHandle(e, \"org\");\r\n }}\r\n />\r\n {\" \"}\r\n بارگذاری تصویر \r\n
\r\n \r\n {!props.orgLogoUrl || props.orgLogoUrl === \"\" ? (\r\n \r\n ) : (\r\n <>\r\n 
\r\n {\r\n props.deleteCertLogo(\"org\");\r\n }}\r\n >\r\n \r\n )}\r\n
\r\n \r\n {props.orgLogoError}\r\n
\r\n\r\n
\r\n \r\n
\r\n لوگوی آزمون
\r\n\r\n {\r\n document.querySelector(\"#examLogoImageUploadBtn\").click();\r\n }}\r\n >\r\n {\r\n props.certLogoOnchangeHandle(e, \"exam\");\r\n }}\r\n />\r\n {\" \"}\r\n بارگذاری تصویر \r\n
\r\n \r\n {!props.examLogoUrl === \"\" || props.examLogoUrl === \"\" ? (\r\n \r\n ) : (\r\n <>\r\n {\r\n props.deleteCertLogo(\"exam\");\r\n }}\r\n >\r\n \r\n )}\r\n
\r\n \r\n {props.examLogoError}\r\n
\r\n\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default CertTracker;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"./AdvanceBank.scss\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport toast from 'react-hot-toast';\r\nimport FloatingInput from 'Components/shared/Inputs/FloatingInput';\r\nimport { preventForbiddenNumberKeys } from \"utils/misc/preventForbiddenNumberKeys\";\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from \"Components/shared/Buttons/CustomButton\";\r\nimport SelectInput from \"Components/shared/Inputs/SelectInput\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\n\r\nfunction AdvanceBank(props) {\r\n const cookies = new Cookies();\r\n const [isQCountFill, setIsQCountFill] = useState(false);\r\n const [isCourseFill, setIsCourseFill] = useState(false);\r\n const [selectedCourseId, setSelectedCourseId] = useState(\"\");\r\n const [examQuestionCount, setExamQuestionCount] = useState(props.QCount);\r\n const [chapterList, setChapterList] = useState([]);\r\n const [mode, setMode] = useState(\"number\");\r\n const [data, setData] = useState([]);\r\n const [errOnBlur, setErrOnBlur] = useState(false);\r\n\r\n var questionDifficultyNotSetWarning = [];\r\n\r\n useEffect(() => {\r\n let bankTrackerAdvance = document.querySelector(\".bankTrackerAdvance\");\r\n let op = 0;\r\n let timer = setInterval(function () {\r\n if (op >= 1) {\r\n clearInterval(timer);\r\n } else {\r\n bankTrackerAdvance.style.opacity = op;\r\n bankTrackerAdvance.style.filter = \"alpha(opacity=\" + op * 100 + \")\";\r\n op += 0.1;\r\n }\r\n }, 60);\r\n }, []);\r\n useEffect(() => {\r\n if (props.IdCourse && props.IdLang && props.examId) {\r\n AxiosInterceptor.post(\"/Exam/GetBankChapter\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: props.IdCourse,\r\n IdLang: props.IdLang,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setChapterList(response.data.data);\r\n if (response.data.data.length > 0) {\r\n setIsQCountFill(true);\r\n setIsCourseFill(true);\r\n }\r\n AxiosInterceptor.post(\"/Exam/GetExamQuestionConfigById\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: props.examId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setData(response.data.data);\r\n response.data.data.map((item) => {\r\n let chapter = document.getElementById(item.IdChapter);\r\n let checkbox = chapter.children[0].children[1];\r\n checkbox.checked = true;\r\n checkbox.setAttribute(\"checked\", true);\r\n //==================================================================================\r\n let qCountBox = chapter.children[2].children[1];\r\n qCountBox.classList.remove(\"disabledInput\");\r\n qCountBox.removeAttribute(\"disabled\");\r\n qCountBox.value = item.QuestionCount;\r\n //==================================================================================\r\n let easyBox = chapter.children[3].children[1];\r\n easyBox.classList.remove(\"disabledInput\");\r\n easyBox.removeAttribute(\"disabled\");\r\n easyBox.value = item.EasyQuestion;\r\n let mormalBox = chapter.children[3].children[4];\r\n mormalBox.classList.remove(\"disabledInput\");\r\n mormalBox.removeAttribute(\"disabled\");\r\n mormalBox.value = item.NormalQuestion;\r\n let hardBox = chapter.children[3].children[7];\r\n hardBox.classList.remove(\"disabledInput\");\r\n hardBox.removeAttribute(\"disabled\");\r\n hardBox.value = item.HardQuestion;\r\n //==================================================================================\r\n let pinBox = chapter.children[4].children[1];\r\n pinBox.classList.remove(\"disabledInput\");\r\n pinBox.removeAttribute(\"disabled\");\r\n pinBox.value = item.Pin;\r\n });\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n }\r\n }, [props.IdCourse]);\r\n useEffect(() => {\r\n setMode(props.calcType);\r\n }, [props.calcType]);\r\n const changeQCountHandle = (e) => {\r\n setExamQuestionCount(e.target.value);\r\n if (e.target.value !== \"\") {\r\n setIsQCountFill(true);\r\n setIsCourseFill(false);\r\n } else {\r\n setIsQCountFill(false);\r\n setChapterList([]);\r\n }\r\n };\r\n const changeCourseHandle = (e) => {\r\n setChapterList([]);\r\n setSelectedCourseId(e.target.value);\r\n if (e.target.value !== \"\") {\r\n setIsCourseFill(true);\r\n } else {\r\n setIsCourseFill(false);\r\n }\r\n };\r\n const checkFill = (e) => {\r\n switch (e.target.id) {\r\n case \"IdLang\":\r\n if (!isQCountFill) {\r\n toast.error(\"ابتدا تعداد سوالات آزمون را مشخص کنید\")\r\n\r\n } else if (!isCourseFill) {\r\n toast.error(\"ابتدا بانک سوالات را مشخص کنید\")\r\n\r\n }\r\n break;\r\n case \"IdCourse\":\r\n if (!isQCountFill) {\r\n toast.error(\"ابتدا تعداد سوالات آزمون را مشخص کنید\")\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n // function isInt(n) {\r\n // return Number(n) === n && n % 1 === 0;\r\n // }\r\n function isFloat(n) {\r\n return Number(n) === n && n % 1 !== 0;\r\n }\r\n const loadChaptersOfThisBank = (lang) => {\r\n if (lang === \"\") {\r\n toast.error(\"انتخاب یکی از زبان ها الزامی است\")\r\n setChapterList([]);\r\n } else {\r\n AxiosInterceptor.post(\"/Exam/GetBankChapter\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: selectedCourseId,\r\n IdLang: lang,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setChapterList(response.data.data.filter((el) => el.IsChapterActive));\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n }\r\n };\r\n const inputOnChange = (event, idChapter) => {\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n switch (event.target.name) {\r\n case \"QuestionCount\":\r\n data[index].QuestionCount = event.target.value;\r\n break;\r\n case \"EasyQuestion\":\r\n data[index].EasyQuestion = event.target.value;\r\n break;\r\n case \"NormalQuestion\":\r\n data[index].NormalQuestion = event.target.value;\r\n break;\r\n case \"HardQuestion\":\r\n data[index].HardQuestion = event.target.value;\r\n break;\r\n case \"Pin\":\r\n data[index].Pin = event.target.value;\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n }\r\n };\r\n\r\n const checkCount = (event, idChapter) => {\r\n let chapters = chapterList.filter((el) => {\r\n return el.IdChapter === idChapter;\r\n });\r\n if (mode === \"number\") {\r\n // هر کدام از فیلد ها بیشتر از تعداد موجودی آنها نباشد نباشند\r\n switch (event.target.name) {\r\n case \"QuestionCount\":\r\n if (event.target.value > chapters[0].QuestionCount) {\r\n setErrOnBlur(true);\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].QuestionCount = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از کل سوالات این سرفصل باشد\")\r\n } else {\r\n setErrOnBlur(false);\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"EasyQuestion\":\r\n if (event.target.value > chapters[0].EasyQuestion) {\r\n setErrOnBlur(true);\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].EasyQuestion = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از آسانهای این سرفصل باشد\")\r\n } else {\r\n setErrOnBlur(false);\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"NormalQuestion\":\r\n if (event.target.value > chapters[0].NormalQuestion) {\r\n setErrOnBlur(true);\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].NormalQuestion = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از متوسطهای این سرفصل باشد\")\r\n } else {\r\n setErrOnBlur(false);\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"HardQuestion\":\r\n if (event.target.value > chapters[0].HardQuestion) {\r\n setErrOnBlur(true);\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].HardQuestion = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از سختهای این سرفصل باشد\")\r\n } else {\r\n setErrOnBlur(false);\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"Pin\":\r\n if (event.target.value > chapters[0].Pin) {\r\n setErrOnBlur(true);\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].Pin = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از برگزیدههای این سرفصل باشد\")\r\n } else {\r\n setErrOnBlur(false);\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n } else {\r\n // هر کدام از فیلد ها بیشتر از 100 درصد نباشند\r\n switch (event.target.name) {\r\n case \"QuestionCount\":\r\n if (event.target.value > 100) {\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].QuestionCount = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از صد درصد باشد\")\r\n }\r\n if (isFloat((event.target.value / 100) * examQuestionCount)) {\r\n let msg = event.target.value + \" درصدِ \" + examQuestionCount + \"سوال(کل سوالات آزمون) ، عدد صحیحی نیست\";\r\n toast.error(msg)\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n } else {\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"EasyQuestion\":\r\n if (event.target.value > 100) {\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].EasyQuestion = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از صد درصد باشد\")\r\n } else {\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"NormalQuestion\":\r\n if (event.target.value > 100) {\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].NormalQuestion = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از صد درصد باشد\")\r\n } else {\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"HardQuestion\":\r\n if (event.target.value > 100) {\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].HardQuestion = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از صد درصد باشد\")\r\n } else {\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n case \"Pin\":\r\n if (event.target.value > 100) {\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data[index].Pin = \"0\";\r\n }\r\n }\r\n event.target.value = \"0\";\r\n event.target.style.border = \"2px solid red\";\r\n toast.error(\"مقدار وارد شده نباید بیشتر از صد درصد باشد\")\r\n } else {\r\n event.target.style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n };\r\n const activeThisChapter = (event, idChapter) => {\r\n let chapterRow = event.target.parentElement.parentElement;\r\n let disabledInputs = [\r\n chapterRow.children[2].children[1],\r\n chapterRow.children[3].children[1],\r\n chapterRow.children[3].children[4],\r\n chapterRow.children[3].children[7],\r\n chapterRow.children[4].children[1],\r\n ];\r\n if (event.target.checked) {\r\n for (let inp in disabledInputs) {\r\n disabledInputs[inp].value = \"0\";\r\n disabledInputs[inp].classList.remove(\"disabledInput\");\r\n disabledInputs[inp].removeAttribute(\"disabled\");\r\n }\r\n\r\n data.push({\r\n IdChapter: idChapter,\r\n QuestionCount: \"0\",\r\n EasyQuestion: \"0\",\r\n NormalQuestion: \"0\",\r\n HardQuestion: \"0\",\r\n Pin: \"0\",\r\n });\r\n } else {\r\n for (let inp in disabledInputs) {\r\n disabledInputs[inp].value = \"0\";\r\n disabledInputs[inp].classList.add(\"disabledInput\");\r\n disabledInputs[inp].setAttribute(\"disabled\", true);\r\n disabledInputs[inp].style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n for (let index = 0; index < data.length; index++) {\r\n if (data[index].IdChapter === idChapter) {\r\n data.splice(index, 1);\r\n }\r\n }\r\n }\r\n };\r\n const getChapterTitleById = (idChapter) => {\r\n let chap = document.getElementById(idChapter);\r\n return chap ? chap.children[1].innerText : \"\";\r\n }\r\n const SubmitExamQuestionConfig = () => {\r\n var QCountConfigs = document.querySelectorAll(\".QCountConfig\");\r\n // حداقل یک سرفصل انتخاب شده باشد\r\n if (data.length > 0) {\r\n var sumOfAllChapters = 0;\r\n var multiple = 1;\r\n var weHaveChapterErr = true;\r\n var weHaveSubChapterErr = 0;\r\n if (mode === \"number\") {\r\n // بانک پیشرفته در حالت عددی\r\n for (let index = 0; index < data.length; index++) {\r\n // 1. هر کدام از سرفصل ها صفر نباشند\r\n multiple *= parseInt(data[index].QuestionCount);\r\n if (parseInt(data[index].QuestionCount) < 1) {\r\n toast.error(\"تعیین تعداد سوالات برای هر سر فصل الزامی است\")\r\n QCountConfigs[index].style.border = \"2px solid red\";\r\n weHaveChapterErr = true;\r\n } else {\r\n QCountConfigs[index].style.border = \"1px solid rgb(133, 133, 133)\";\r\n if (multiple !== 0) {\r\n weHaveChapterErr = false;\r\n sumOfAllChapters += parseInt(data[index].QuestionCount);\r\n }\r\n }\r\n }\r\n // 2. جمع همه سوالات در سرفصل های فعال = تعداد کل سوالات\r\n if (!weHaveChapterErr) {\r\n if (sumOfAllChapters === parseInt(examQuestionCount)) {\r\n // 3. جمع همه کانفیگ های سمت چپ = تعداد سوالات هر سرفصل خودش\r\n questionDifficultyNotSetWarning = [];\r\n for (let index = 0; index < data.length; index++) {\r\n let sumOfSub =\r\n parseInt(data[index].EasyQuestion) +\r\n parseInt(data[index].NormalQuestion) +\r\n parseInt(data[index].HardQuestion) +\r\n parseInt(data[index].Pin);\r\n // در صورت خالی بودن همه فیلد های سختی هشدار میاد که تصادفی انتخاب میشن\r\n if (sumOfSub === 0) {\r\n // toast.error(\"در صورت عدم تعیین سطح سختی، سوالات به صورت تصادفی انتخاب میشوند\")\r\n questionDifficultyNotSetWarning.push(getChapterTitleById(data[index].IdChapter));\r\n } else if (sumOfSub !== parseInt(data[index].QuestionCount)) {\r\n weHaveSubChapterErr += 1;\r\n let inputs = document.querySelectorAll(\".config\" + index);\r\n for (let i = 0; i < inputs.length; i++) {\r\n data[index].EasyQuestion = 0;\r\n data[index].NormalQuestion = 0;\r\n data[index].HardQuestion = 0;\r\n data[index].Pin = 0;\r\n inputs[i].value = \"0\";\r\n inputs[i].style.border = \"2px solid red\";\r\n }\r\n }\r\n }\r\n if (weHaveSubChapterErr === 0) {\r\n for (let index = 0; index < data.length; index++) {\r\n let inputs = document.querySelectorAll(\".config\" + index);\r\n for (let i = 0; i < inputs.length; i++) {\r\n inputs[i].style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n }\r\n if (!errOnBlur) {\r\n SaveExamQuestionConfig(data);\r\n }\r\n }\r\n } else {\r\n for (let q = 0; q < QCountConfigs.length; q++) {\r\n if (!QCountConfigs[q].classList.contains(\"disabledInput\")) {\r\n data[q].QuestionCount = 0;\r\n QCountConfigs[q].value = \"0\";\r\n QCountConfigs[q].style.border = \"2px solid red\";\r\n }\r\n }\r\n weHaveChapterErr = true;\r\n toast.error(\"مجموع سوالاتی که درخواست کردید مخالف تعداد سوالات آزمون است\")\r\n }\r\n }\r\n } else {\r\n // بانک پیشرفته در حالت درصدی\r\n for (let index = 0; index < data.length; index++) {\r\n // 1. هر کدام از سرفصل ها صفر نباشند\r\n multiple *= parseInt(data[index].QuestionCount);\r\n if (parseInt(data[index].QuestionCount) < 1) {\r\n toast.error(\"تعیین درصد سوالات برای هر سر فصل الزامی است\")\r\n QCountConfigs[index].style.border = \"2px solid red\";\r\n weHaveChapterErr = true;\r\n } else {\r\n QCountConfigs[index].style.border = \"1px solid rgb(133, 133, 133)\";\r\n if (multiple !== 0) {\r\n weHaveChapterErr = false;\r\n sumOfAllChapters += parseInt(data[index].QuestionCount);\r\n }\r\n }\r\n }\r\n // 2. جمع همه درصدها در سرفصل های فعال = صد در صد\r\n if (!weHaveChapterErr) {\r\n if (sumOfAllChapters === 100) {\r\n // 3. جمع همه کانفیگ های سمت چپ = صد در صد\r\n questionDifficultyNotSetWarning = [];\r\n for (let index = 0; index < data.length; index++) {\r\n let sumOfSub =\r\n parseInt(data[index].EasyQuestion) +\r\n parseInt(data[index].NormalQuestion) +\r\n parseInt(data[index].HardQuestion) +\r\n parseInt(data[index].Pin);\r\n // در صورت خالی بودن همه فیلد های سختی هشدار میاد که تصادفی انتخاب میشن\r\n if (sumOfSub === 0) {\r\n // toast.error(\"در صورت عدم تعیین سطح سختی، سوالات به صورت تصادفی انتخاب میشوند\")\r\n questionDifficultyNotSetWarning.push(getChapterTitleById(data[index].IdChapter));\r\n } else if (sumOfSub !== 100) {\r\n weHaveSubChapterErr += 1;\r\n toast.error(\"مجموع درصد ها در سطح سختی و برگزیده ها نباید مخالف صد در صد باشند\")\r\n let inputs = document.querySelectorAll(\".config\" + index);\r\n for (let i = 0; i < inputs.length; i++) {\r\n data[index].EasyQuestion = 0;\r\n data[index].NormalQuestion = 0;\r\n data[index].HardQuestion = 0;\r\n data[index].Pin = 0;\r\n inputs[i].value = \"0\";\r\n inputs[i].style.border = \"2px solid red\";\r\n }\r\n }\r\n }\r\n if (weHaveSubChapterErr === 0) {\r\n for (let index = 0; index < data.length; index++) {\r\n let inputs = document.querySelectorAll(\".config\" + index);\r\n for (let i = 0; i < inputs.length; i++) {\r\n inputs[i].style.border = \"1px solid rgb(133, 133, 133)\";\r\n }\r\n }\r\n if (!errOnBlur) {\r\n SaveExamQuestionConfig(data);\r\n }\r\n }\r\n } else {\r\n for (let q = 0; q < QCountConfigs.length; q++) {\r\n if (!QCountConfigs[q].classList.contains(\"disabledInput\")) {\r\n data[q].QuestionCount = 0;\r\n QCountConfigs[q].value = \"0\";\r\n QCountConfigs[q].style.border = \"2px solid red\";\r\n }\r\n }\r\n weHaveChapterErr = true;\r\n toast.error(\"مجموع سوالاتی که درخواست کردید باید مساوی با صد در صد باشد\")\r\n }\r\n }\r\n }\r\n } else {\r\n toast.error(\"انتخاب حداقل یک سرفصل الزامی است\")\r\n }\r\n };\r\n\r\n const SaveExamQuestionConfig = (data) => {\r\n if (questionDifficultyNotSetWarning.length > 0) {\r\n swal({\r\n title: \"توجه\",\r\n text: `در صورت عدم تعیین سطح سختی برای سرفصل ${questionDifficultyNotSetWarning.join(\"\")} \\n سطح سختی، به صورت تصادفی انتخاب میشود.`,\r\n icon: \"warning\",\r\n buttons: [\"انصراف و ویرایش سطح سختی\", \"تایید و ثبت اطلاعات\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n AxiosInterceptor.post(\"/Exam/SaveExamQuestionConfig\", {\r\n Token: cookies.get(\"_exa\"),\r\n ExamQuestionConfigData: data,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n props.setCalcType(\"number\");\r\n swal({\r\n icon: \"success\",\r\n title: \"موفقیت\",\r\n text: \"اطلاعات بانک پیشرفته شما با موفقیت ذخیره شد.\",\r\n button: \"تایید و ادامه پیکر بندی\",\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n });\r\n } else {\r\n AxiosInterceptor.post(\"/Exam/SaveExamQuestionConfig\", {\r\n Token: cookies.get(\"_exa\"),\r\n ExamQuestionConfigData: data,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n props.setCalcType(\"number\");\r\n toast.success(response.data.data)\r\n } else {\r\n toast.error(response.data.data)\r\n }\r\n });\r\n }\r\n\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n حداکـثر حجم قابل قبول برای هر دو تصویر، 200KB میباشد.\r\n
\r\n\r\n \r\n به منظور طراحی بهتر لوگوی شما در مدرک ، ترجیحا از لوگو بدون بک\r\n گراند استفاده نمایید.\r\n
\r\n\r\n {\r\n checkFill(e);\r\n }}>\r\n {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"-----\"\r\n labelText=\"انتخاب زبان سوالات\"\r\n id=\"IdLang\"\r\n disabled={!(isQCountFill && isCourseFill)}\r\n name=\"IdLang\"\r\n value={props.IdLang}\r\n onChange={(e) => {\r\n props.inputOnChangeHandle(e);\r\n loadChaptersOfThisBank(e.target.value);\r\n }}\r\n\r\n />\r\n
\r\n \r\n بانک سوال پیشرفته
\r\n\r\n
\r\n \r\n {\r\n changeQCountHandle(e);\r\n props.inputOnChangeHandle(e);\r\n }}\r\n onKeyDown={preventForbiddenNumberKeys}\r\n required\r\n />\r\n
\r\n \r\n {\r\n checkFill(e);\r\n }}>\r\n el.TFActive)\r\n .map((el) => {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"-----\"\r\n labelText=\"انتخاب بانک سوالات\"\r\n id=\"IdCourse\"\r\n name=\"IdCourse\"\r\n disabled={!isQCountFill}\r\n value={props.IdCourse}\r\n onChange={(e) => {\r\n changeCourseHandle(e);\r\n props.inputOnChangeHandle(e);\r\n }}\r\n onClick={() => {\r\n props.setLangEmpty();\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n انتخاب\r\n | \r\n\r\n سرفصل\r\n | \r\n\r\n \r\n \r\n انتخاب سوالات بانک بر حسب : \r\n {\r\n setMode(\"number\");\r\n let inputQCountConfigs =\r\n document.querySelectorAll(\".QCountConfig\");\r\n inputQCountConfigs.forEach((inp) => {\r\n inp.value = \"\";\r\n inp.style.border = \"1px solid rgb(133, 133, 133)\";\r\n });\r\n for (let c = 0; c < inputQCountConfigs.length; c++) {\r\n document\r\n .querySelectorAll(\".config\" + c)\r\n .forEach((inpu) => {\r\n inpu.value = \"\";\r\n inpu.style.border = \"1px solid rgb(133, 133, 133)\";\r\n });\r\n }\r\n }}\r\n >\r\n تعداد\r\n \r\n {\r\n setMode(\"percent\");\r\n let inputQCountConfigs =\r\n document.querySelectorAll(\".QCountConfig\");\r\n inputQCountConfigs.forEach((inp) => {\r\n inp.value = \"\";\r\n inp.style.border = \"1px solid rgb(133, 133, 133)\";\r\n });\r\n for (let c = 0; c < inputQCountConfigs.length; c++) {\r\n document\r\n .querySelectorAll(\".config\" + c)\r\n .forEach((inpu) => {\r\n inpu.value = \"\";\r\n inpu.style.border = \"1px solid rgb(133, 133, 133)\";\r\n });\r\n }\r\n }}\r\n >\r\n درصد\r\n \r\n | \r\n ||
|---|---|---|---|---|
| {mode === \"number\" ? \"تعداد\" : \"درصد\"} از کل سوالات آزمون | \r\nسطح سختی | \r\nبرگزیده ها | \r\n||
| \r\n \r\n | \r\n \r\n \r\n {el.ChapterName}\r\n | \r\n \r\n \r\n | \r\n \r\n آسان\r\n \r\n متوسط\r\n \r\n سخت\r\n | \r\n \r\n \r\n \r\n | \r\n
| \r\n هیچ سرفصلی برای این بانک با این زبان وجود ندارد\r\n | \r\n
\r\n
\r\n \r\n \r\n راهنمای بانک پیشرفته\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n نکته : لیست سرفصل ها ، تنها شامل سرفصل هایی است که حداقل یک سوال داشته\r\n باشند.\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n راهنمایی : 1- برای مشاهده جزئیات بیشتر هر سرفصل ، نشانگر موس خود\r\n را روی\r\n \r\n نگه دارید.\r\n
\r\n 2- بعد از انتخاب سرفصل به صورت مرحله به مرحله ابتدا باید\r\n تعداد/درصد کل سوالات ، سپس درجه سختی یا برگزیده ها را مشخص نمایید\r\n
\r\n 3- درصورت انتخاب بانک پیشرفته در حالت درصدی سعی کنید از تعداد سوال\r\n بالا و درصد های معتبر استفاده نمایید . (مثال : به عنوان مثال 40%\r\n از 3 سوال مساوی 1.2 سوال است، که مقداری نامعتبر میباشد )\r\n
\r\n 4- سرفصل هایی که برای یک بانک میتوانید انتخاب کنید ، منحصر به زبان\r\n انتخاب شده خواهد بود.\r\n \r\n
\r\n
\r\n \r\n بستن\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MultiSelect;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport CertTracker from \"./CertTracker/CertTracker\";\r\nimport AdvanceBank from \"./AdvanceBank/AdvanceBank\";\r\nimport DatePicker from \"react-multi-date-picker\";\r\nimport persian from \"react-date-object/calendars/persian\";\r\nimport persian_fa from \"react-date-object/locales/persian_fa\";\r\nimport TimePicker from \"react-multi-date-picker/plugins/analog_time_picker\";\r\nimport toast from \"react-hot-toast\";\r\nimport swal from \"sweetalert\";\r\nimport FloatingInput from \"Components/shared/Inputs/FloatingInput\";\r\nimport { preventForbiddenNumberKeys } from \"utils/misc/preventForbiddenNumberKeys\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport SelectInput from \"Components/shared/Inputs/SelectInput\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport exam_event_icon_BasicExam from \"assets/images/exam_event_icon_BasicExam.png\";\r\nimport exam_event_icon_sanjifyExam from \"assets/images/exam_event_icon_sanjifyExam.png\";\r\nimport exam_event_icon_secureExam from \"assets/images/exam_event_icon_secureExam.png\";\r\nimport MultiSelect from \"Components/shared/Inputs/MultiSelect\";\r\n\r\nfunction Step1({\r\n examId,\r\n s1inputs,\r\n setS1Inputs,\r\n s1inputsErr,\r\n inputOnChangeHandle,\r\n staticData,\r\n examTimeQuestionBase,\r\n certLogos,\r\n planConfig,\r\n setExamTimeQuestionBase,\r\n setShowcertTracker,\r\n showcertTracker,\r\n setCertLogos,\r\n setStaticData,\r\n showAdvanceBank,\r\n setShowAdvanceBank,\r\n setCalcType,\r\n selectedCourses,\r\n setSelectedCourses,\r\n}) {\r\n const cookies = new Cookies();\r\n const locationParams = useLocation();\r\n const [showDetails, setShowDetails] = useState(false);\r\n const deleteCertLogo = (type) => {\r\n if (type === \"org\") {\r\n setCertLogos({\r\n ...certLogos,\r\n orgLogoUrl: \"\",\r\n orgLogoType: \"\",\r\n orgLogoError: \"\",\r\n });\r\n } else {\r\n setCertLogos({\r\n ...certLogos,\r\n examLogoUrl: \"\",\r\n examLogoType: \"\",\r\n examLogoError: \"\",\r\n });\r\n }\r\n };\r\n const certLogoOnchangeHandle = (event, certType) => {\r\n let size = (event.target.files[0].size / 1024).toFixed(2);\r\n if (size <= 2000) {\r\n let fileExtention = event.target.value.split(\"\\\\\")[2];\r\n let type = \"\";\r\n if (fileExtention.includes(\".jpg\") || fileExtention.includes(\".JPG\")) {\r\n type = \"jpg\";\r\n } else if (\r\n fileExtention.includes(\".png\") ||\r\n fileExtention.includes(\".PNG\")\r\n ) {\r\n type = \"png\";\r\n }\r\n let reader = new FileReader();\r\n reader.onloadend = () => {\r\n if (certType === \"org\") {\r\n setCertLogos({\r\n ...certLogos,\r\n orgLogoUrl: reader.result,\r\n orgLogoType: type,\r\n orgLogoError: \"\",\r\n });\r\n } else {\r\n setCertLogos({\r\n ...certLogos,\r\n examLogoUrl: reader.result,\r\n examLogoType: type,\r\n examLogoError: \"\",\r\n });\r\n }\r\n };\r\n reader.readAsDataURL(event.target.files[0]);\r\n } else {\r\n if (certType === \"org\") {\r\n setCertLogos({\r\n ...certLogos,\r\n orgLogoError: \"تصویر شما باید حداکثر 2 مگابایت باشد!\",\r\n });\r\n } else {\r\n setCertLogos({\r\n ...certLogos,\r\n examLogoError: \"تصویر شما باید حداکثر 2 مگابایت باشد!\",\r\n });\r\n }\r\n }\r\n };\r\n const getChapterListOfThisCourse = () => {\r\n if (!s1inputs.IdCourse && selectedCourses.length === 0) {\r\n toast.error(\"ابتدا یک بانک سوال انتخاب کنید\");\r\n } else {\r\n AxiosInterceptor.post(\"/QuestionBank/GetChapterList\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: s1inputs.IdCourse || selectedCourses[0].Id,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n let list = response.data.data.filter((el) => el.TFActive);\r\n setStaticData({ ...staticData, chapterList: list });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n };\r\n useEffect(() => {\r\n if (staticData.courseList) {\r\n if (s1inputs.IdCourse) {\r\n const findedCourse = staticData.courseList.find(\r\n (c) => c.Id === s1inputs.IdCourse\r\n );\r\n if (findedCourse) setSelectedCourses([findedCourse]);\r\n } else if (s1inputs.multipleCourseIds) {\r\n // Multiple course is selected\r\n const arr = [];\r\n s1inputs.multipleCourseIds.forEach((cId) => {\r\n const findedCourse = staticData.courseList.find((c) => c.Id === cId);\r\n if (findedCourse) arr.push(findedCourse);\r\n });\r\n setSelectedCourses(arr);\r\n }\r\n }\r\n }, [s1inputs.IdCourse, s1inputs.multipleCourseIds, staticData.courseList]);\r\n\r\n return (\r\n \r\n \r\n {\r\n if (e.target.value)\r\n onListChange([...selectedItems, JSON.parse(e.target.value)]);\r\n }}\r\n {...otherProps}\r\n >\r\n \r\n {options?.map((opt) => (\r\n \r\n {opt.TFTitle}\r\n \r\n ))}\r\n \r\n
\r\n \r\n {selectedItems.map((item, index) => (\r\n
\r\n \r\n \r\n onListChange(selectedItems.filter((el) => el.Id !== item.Id))\r\n }\r\n />\r\n
\r\n ))}\r\n {index+1}
{item.TFTitle}\r\n \r\n
\r\n {/* تاریخ و ساعت و توضیحات */}\r\n \r\n
\r\n \r\n et.Id !== \"aa457d59-e2ae-4126-b27b-77ab592c8149\")\r\n .map((op, index) => (\r\n \r\n ))}\r\n defaultOption=\"انتخاب کنید (اختیاری)\"\r\n labelText=\"نوع آزمون\"\r\n id=\"IdExamType\"\r\n name=\"IdExamType\"\r\n value={s1inputs.IdExamType}\r\n onChange={inputOnChangeHandle}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* نمره */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n setS1Inputs({\r\n ...s1inputs,\r\n StartDate: val,\r\n });\r\n }}\r\n className=\"\"\r\n inputClass=\"startDateTimeExam\"\r\n format=\"YYYY/MM/DD - HH:mm\"\r\n plugins={[
\r\n {s1inputsErr.StartDateErr}
\r\n\r\n
\r\n {/* طول آزمون */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {planConfig.HasTimePerQ ? (\r\n
\r\n \r\n
\r\n \r\n
\r\n زمان بر حسب :
\r\n \r\n {\r\n setExamTimeQuestionBase(false);\r\n }}\r\n >\r\n کل آزمون\r\n \r\n {\r\n setExamTimeQuestionBase(true);\r\n setS1Inputs({\r\n ...s1inputs,\r\n IsBackBtnActive: false,\r\n ExamTime: \"\",\r\n });\r\n }}\r\n >\r\n زمان برای هر سوال\r\n \r\n
\r\n \r\n \r\n \r\n زمان هر سوال را در مرحله بعدی روی هرسوال مشخص نمایید.\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n کل آزمون\r\n \r\n {\r\n toast.error(\"این بخش برای بسته شما غیر فعال میباشد\");\r\n }}\r\n disabled\r\n >\r\n زمان برای هر سوال\r\n \r\n
\r\n زمان بر حسب :
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {/* امکان بازگشت و نتیجه*/}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n با توجه به بسته انتخابی شما ، نمیتوانید از این بخش استفاده\r\n نمایید.\r\n \r\n
\r\n \r\n {examTimeQuestionBase ? (\r\n
\r\n ) : (\r\n \r\n \r\n \r\n \r\n غیرفعال\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {/* چینش */}\r\n {planConfig.HasRandomQandA ? (\r\n \r\n
\r\n \r\n \r\n \r\n {/* inja */}\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n غیرفعال\r\n
\r\n \r\n \r\n \r\n \r\n غیرفعال\r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n {/* برگزاری نظرسنجی و صدور مدرک */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {planConfig.HasCertWithLogo ? (\r\n s1inputs.IsScoreVisibleForApplicant ? (\r\n
\r\n )\r\n ) : (\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n غیرفعال\r\n
\r\n \r\n \r\n \r\n \r\n غیرفعال\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {showcertTracker && (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {showAdvanceBank ? (\r\n {\r\n setShowAdvanceBank(false);\r\n setS1Inputs((prevState) => ({\r\n ...prevState,\r\n QCount: \"\",\r\n IdLang: \"\",\r\n IdCourse: \"\",\r\n multipleCourseIds: [],\r\n IdChapter: \"\",\r\n }));\r\n setSelectedCourses([]);\r\n }}\r\n setCalcType={(type) => {\r\n setCalcType(type);\r\n }}\r\n QCount={s1inputs.QCount}\r\n calcType={\"number\"}\r\n IdCourse={s1inputs.IdCourse}\r\n courseList={staticData.courseList ? staticData.courseList : []}\r\n questionLang={\r\n staticData.questionLang ? staticData.questionLang : []\r\n }\r\n IdLang={s1inputs.IdLang}\r\n inputOnChangeHandle={(e) => {\r\n inputOnChangeHandle(e);\r\n }}\r\n setLangEmpty={() => {\r\n setS1Inputs({ ...s1inputs, IdLang: \"\" });\r\n }}\r\n examId={\r\n examId || locationParams.search.replace(\"?copiedConfig=\", \"\")\r\n }\r\n />\r\n ) : (\r\n <>\r\n
\r\n \r\n )}\r\n \r\n {/* آزمون آماده */}\r\n \r\n \r\n {\r\n setShowAdvanceBank(true);\r\n setS1Inputs({\r\n ...s1inputs,\r\n QCount: \"\",\r\n IdLang: \"\",\r\n IdCourse: \"\",\r\n IdChapter: \"\",\r\n });\r\n }}\r\n >\r\n تغییر به حالت پیشرفته\r\n \r\n
\r\n بانک سوال
\r\n {/* تعداد سوالات */}\r\n\r\n
\r\n {/* بانک و سر فصل */}\r\n \r\n
\r\n \r\n
\r\n {/* زبان آزمون */}\r\n \r\n el.TFActive)\r\n .filter(\r\n (el) => !s1inputs.multipleCourseIds?.includes(el.Id)\r\n )}\r\n defaultOption=\"-----\"\r\n selectedItems={selectedCourses}\r\n onListChange={(newList) => setSelectedCourses(newList)}\r\n labelText=\"انتخاب بانک سوالات\"\r\n />\r\n
\r\n {/* هنوز تصمیمی برای چند سرفصل در حالت چند بانک نگرفتیم */}\r\n {selectedCourses.length <= 1 ? (\r\n \r\n \r\n ele.IdCourse === s1inputs.IdCourse ||\r\n ele.IdCourse === selectedCourses[0].Id\r\n )\r\n .map((el) => (\r\n \r\n ))}\r\n defaultOption=\"-----\"\r\n labelText=\"انتخاب سرفصل\"\r\n id=\"IdChapter\"\r\n name=\"IdChapter\"\r\n value={s1inputs.IdChapter}\r\n onChange={inputOnChangeHandle}\r\n onClick={getChapterListOfThisCourse}\r\n />\r\n
\r\n ) : (\r\n <>\r\n )}\r\n \r\n \r\n اگر سرفصلی انتخاب نکنید ، سوالات بین همه سرفصل ها به صورت\r\n تصادفی انتخاب خواهند شد.\r\n
\r\n\r\n
\r\n \r\n (\r\n \r\n ))}\r\n defaultOption=\"-----\"\r\n labelText=\"انتخاب زبان سوالات\"\r\n id=\"IdLang\"\r\n name=\"IdLang\"\r\n value={s1inputs.IdLang}\r\n onChange={inputOnChangeHandle}\r\n />\r\n
\r\n \r\n {s1inputsErr.QbankErr && (\r\n \r\n {s1inputsErr.QbankErr}\r\n \r\n )}\r\n
\r\n \r\n
\r\n نحوه برگزاری آزمون
\r\n\r\n {\r\n setShowDetails(true);\r\n }}\r\n >\r\n {showDetails || s1inputs.IsSecureExam ? (\r\n \r\n ) : (\r\n
\r\n \r\n \r\n \r\n {\r\n if (s1inputs.IsSanjifyExam && examId) {\r\n swal({\r\n title: \"توجه\",\r\n text: \"در صورت تغییر این آزمون، به آزمون سنجیفای، شرکتکنندگان مرتبط با آن حذف خواهد شد.\",\r\n icon: \"warning\",\r\n buttons: [\"انصراف\", \"تایید و حذف شرکتکنندگان\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n setS1Inputs({\r\n ...s1inputs,\r\n IsSanjifyExam: true,\r\n });\r\n }\r\n });\r\n } else {\r\n setS1Inputs({\r\n ...s1inputs,\r\n IsSecureExam: false,\r\n IsSecureExamWithMobile: false,\r\n IsSanjifyExam: true,\r\n });\r\n }\r\n setShowDetails(false);\r\n }}\r\n >\r\n
\r\n \r\n {\r\n setS1Inputs({\r\n ...s1inputs,\r\n IsSanjifyExam: false,\r\n IsSecureExam: false,\r\n IsSecureExamWithMobile: false,\r\n });\r\n setShowDetails(false);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n آزمون پایه\r\n \r\n 
\r\n
\r\n آزمون سنجیفای\r\n \r\n 
\r\n
\r\n )}\r\n آزمون امن\r\n \r\n {s1inputs.IsSanjifyExam ? (\r\n <>\r\n
\r\n {/* \r\n با انتخاب این گزینه آزمون شما جزئی از{\" \"}\r\n \r\n آزمون های سنجیفای\r\n {\" \"}\r\n خواهد شد و به عنوان یک آزمون آماده برگزار میشود.\r\n
\r\n\r\n
\r\n آزمون امن همان آزمون پایه است با این تفاوت که آزمون شما به صورت\r\n امن و قابل نظارت برگزار خواهد شد و با فعال شدن دسترسی میکروفن و\r\n وبکم توسط آزمون دهنده، شما عنوان فرد ناظر امکان نظارت بر آزمون\r\n را از طریق لینک ارسالی خواهید داشت.\r\n
\r\n {s1inputs.IsSecureExam && s1inputs.IsSecureExamWithMobile ? (\r\n \r\n نظارت در این آزمون از طریق موبایل و کامپیوتر صورت میگیرد.\r\n \r\n ) : (\r\n \r\n نظارت در این آزمون تنها از طریق کامپیوتر میباشد.\r\n \r\n )}\r\n\r\n\r\n در صورت نیاز به اطلاعات بیشتر{\" \"}\r\n کلیک نمایید.\r\n
\r\n \r\n ) : (\r\n\r\n آزمون پایه با تعیین شرکت کنندگان، در تاریخ مشخص برگزار خواهد شد\r\n
\r\n )}\r\n\r\n
*/}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default Step1;\r\n","import React from \"react\";\r\nimport \"./Answer.scss\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport toast from 'react-hot-toast';\r\nimport renderHTML from \"react-render-html\";\r\n\r\nfunction Answer(props) {\r\n const cookies = new Cookies();\r\n const ActiveDeactiveQA = (event) => {\r\n let QAType;\r\n if (event.target.type === \"checkbox\") {\r\n QAType = \"many\";\r\n } else {\r\n QAType = \"one\";\r\n }\r\n AxiosInterceptor.post(\"/QuestionBank/ActiveDeactiveQuestionAnswer\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestionAnswer: props.answer.Id,\r\n Active: event.target.checked,\r\n Type: QAType,\r\n IdQuestion: props.question.Id,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(\"تغییرات اعمال شد\")\r\n AxiosInterceptor.post(\"/QuestionBank/GetQuestionAnswers\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: props.question.Id,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (props.ImModal) {\r\n if (response.data.data.length > 0) {\r\n props.setAllNewAnswers(response.data.data);\r\n } else {\r\n props.setAllNewAnswers([\r\n {\r\n Id: null,\r\n TFTitle: \"هیچ جوابی برای این سوال تعیین نشده است\",\r\n TFIsCorrect: false,\r\n },\r\n ]);\r\n }\r\n } else {\r\n if (response.data.data.length > 0) {\r\n props.setAllAnswers(response.data.data);\r\n } else {\r\n props.setAllAnswers([\r\n {\r\n Id: null,\r\n TFTitle: \"هیچ جوابی برای این سوال تعیین نشده است\",\r\n TFIsCorrect: false,\r\n },\r\n ]);\r\n }\r\n }\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n } else {\r\n if (!response.data.HasAnswer) {\r\n toast.error(response.data.data)\r\n event.target.setAttribute(\"checked\", \"true\");\r\n event.target.checked = true;\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n });\r\n };\r\n const toggleThisAnswer = (e) => {\r\n if (!e.target.type) {\r\n if (e.target.classList.contains(\"AnswerStatus\")) {\r\n e.target.children[0].click();\r\n } else {\r\n e.target.parentElement.children[0].click();\r\n }\r\n }\r\n };\r\n return (\r\n \r\n \r\n {\r\n let willChecked = e.target.checked;\r\n if (willChecked && examId) {\r\n swal({\r\n title: \"توجه\",\r\n text: \"در صورت تغییر این آزمون، به آزمون سنجیفای، شرکتکنندگان مرتبط با آن حذف خواهد شد.\",\r\n icon: \"warning\",\r\n buttons: [\"انصراف\", \"تایید و حذف شرکتکنندگان\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n setS1Inputs({\r\n ...s1inputs,\r\n IsSanjifyExam: willChecked,\r\n });\r\n }\r\n });\r\n } else {\r\n inputOnChangeHandle(e)\r\n }\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n )\r\n ) : props.answer.TFIsCorrect ? (\r\n \r\n {props.question.Editable ? (\r\n props.qAQtype === \"d55ae29a-4e3d-4b54-9aa9-408fd13b2f02\" ? (\r\n
\r\n ) : (\r\n \r\n \r\n {\r\n ActiveDeactiveQA(\r\n event,\r\n props.question.Id,\r\n props.answer.Id\r\n );\r\n // checkboxToggler(event);\r\n }}\r\n />\r\n \r\n پاسخ {props.answerKey}\r\n \r\n
\r\n \r\n \r\n {\r\n ActiveDeactiveQA(\r\n event,\r\n props.question.Id,\r\n props.answer.Id\r\n );\r\n }}\r\n />\r\n \r\n پاسخ {props.answerKey}\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n پاسخ {props.answerKey}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n پاسخ {props.answerKey}\r\n \r\n
\r\n ثبت
`;\r\n this.after(timePicker);\r\n var plusH = document.getElementById(\"plusH\" + props.index);\r\n var minusH = document.getElementById(\"minusH\" + props.index);\r\n var plusM = document.getElementById(\"plusM\" + props.index);\r\n var minusM = document.getElementById(\"minusM\" + props.index);\r\n var h = parseInt(document.getElementById(\"hour\" + props.index).value);\r\n var m = parseInt(document.getElementById(\"minute\" + props.index).value);\r\n //increment hour\r\n plusH.onclick = function () {\r\n h = isNaN(h) ? 0 : h;\r\n // if (h === 23) {\r\n // h = -1;\r\n // }\r\n h++;\r\n document.getElementById(\"hour\" + props.index).value = h;\r\n };\r\n //decrement hour\r\n minusH.onclick = function () {\r\n h = isNaN(h) ? 0 : h;\r\n h--;\r\n if (h < 0) {\r\n h = 0;\r\n }\r\n document.getElementById(\"hour\" + props.index).value = h;\r\n };\r\n //increment hour\r\n plusM.onclick = function () {\r\n m = isNaN(m) ? 0 : m;\r\n if (m === 45) {\r\n m = -15;\r\n }\r\n m = m + 15;\r\n document.getElementById(\"minute\" + props.index).value =\r\n (m < 10 ? \"0\" : 0) + m;\r\n };\r\n //decrement hour\r\n minusM.onclick = function () {\r\n m = isNaN(m) ? 0 : m;\r\n if (m === 0) {\r\n m = 60;\r\n }\r\n m = m - 5;\r\n document.getElementById(\"minute\" + props.index).value =\r\n (m < 10 ? \"0\" : 0) + m;\r\n };\r\n //submit timepicker\r\n var submit = document.getElementById(\"submitTime\" + props.index);\r\n let hoursSum = 0;\r\n submit.onclick = function () {\r\n if (document.getElementById(\"minute\" + props.index).value > 59) {\r\n toast.error(\"مقدار ثانیه نمیتواند بیشتر از 59 باشد\")\r\n } else if (document.getElementById(\"minute\" + props.index).value < 0) {\r\n toast.error(\"مقدار ثانیه نمیتواند منفی باشد\")\r\n } else {\r\n while (document.getElementById(\"hour\" + props.index).value >= 60) {\r\n document.getElementById(\"hour\" + props.index).value -= 60;\r\n hoursSum++;\r\n }\r\n input.value =\r\n hoursSum +\r\n \":\" +\r\n document.getElementById(\"hour\" + props.index).value +\r\n \":\" +\r\n document.getElementById(\"minute\" + props.index).value;\r\n // input.removeAttribute(\"disabled\");\r\n allInputs.forEach((element) => {\r\n element.removeAttribute(\"disabled\");\r\n });\r\n timePicker.classList.toggle(\"open\");\r\n timePicker.innerHTML = \"\";\r\n }\r\n };\r\n };\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default QuestionTimePicker;\r\n","import AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Cookies from \"universal-cookie\";\r\n\r\nconst cookies = new Cookies();\r\n\r\nconst getExamQuestionWizard = async (examId) => {\r\n return await AxiosInterceptor.post(\"/Question/GetExamQuestionWizard\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: examId,\r\n });\r\n}\r\n\r\nconst getQuestionAnswers = async (questionId) => {\r\n return await AxiosInterceptor.post(\"/Question/GetQuestionAnswers\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: questionId,\r\n })\r\n}\r\n\r\nconst getExamEvalQuestion = async (examId) => {\r\n return await AxiosInterceptor.post(\"/Question/GetExamEvalQuestion\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: examId,\r\n });\r\n}\r\n\r\nconst updateEvalQuestionTitle = async (IdQuestion, Title) => {\r\n return await AxiosInterceptor.post(\"/Question/UpdateEvalQuestionTitle\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: IdQuestion,\r\n Title: Title,\r\n });\r\n}\r\n\r\nconst saveEvalQuestionWithExam = async (examId, titleNewQuestion) => {\r\n return await AxiosInterceptor.post(\"/Question/SaveEvalQuestionWithExam\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: examId,\r\n Title: titleNewQuestion,\r\n Active: true,\r\n })\r\n}\r\n\r\nconst evaluatesCheckboxToggler = async (examId, IdQuestionEval, Active) => {\r\n return await AxiosInterceptor.post(\"/Question/DeactiveEval\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: IdQuestionEval,\r\n Active: Active,\r\n IdExam: examId,\r\n })\r\n}\r\n\r\n\r\nexport {\r\n getExamQuestionWizard,\r\n getQuestionAnswers,\r\n getExamEvalQuestion,\r\n updateEvalQuestionTitle,\r\n saveEvalQuestionWithExam,\r\n evaluatesCheckboxToggler\r\n};","import React, { useState, useEffect } from 'react'\r\nimport Answer from \"Components/shared/Answer/Answer\";\r\nimport renderHTML from \"react-render-html\";\r\nimport QuestionTimePicker from \"./QuestionTimePicker/QuestionTimePicker\";\r\nimport { BASEURL } from \"utils/Constants\";\r\nimport swal from \"sweetalert\";\r\nimport * as api from \"apis/questionExam\";\r\n\r\nfunction Step2({ examId, examTimeQuestionBase }) {\r\n const [allAnswers, setAllAnswers] = useState([]);\r\n const [allQuestions, setAllQuestions] = useState([]);\r\n const [qIdChoosen, setQIdChoosen] = useState(\"\");\r\n const getAllAnswers = async (QId) => {\r\n setQIdChoosen(QId);\r\n let { data } = await api.getQuestionAnswers(QId);\r\n if (data.status === true) {\r\n if (data.data.length > 0) {\r\n setAllAnswers(data.data);\r\n }\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n };\r\n const getExamQuestionWizard = async () => {\r\n let { data } = await api.getExamQuestionWizard(examId);\r\n if (data.status === true) {\r\n setAllQuestions(data.data);\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n }\r\n useEffect(() => {\r\n getExamQuestionWizard();\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n )}\r\n \r\n توجه : \r\n در صورت عدم تعیین زمان برای هر سوال، مقدار پیشفرضِ یک\r\n دقیقه برای هر سوال در نظر گرفته خواهد شد.\r\n
\r\n\r\n
\r\n {question.TFImagePath && (\r\n \r\n )}\r\n \r\n {index + 1}\r\n \r\n \r\n \r\n \r\n {allQuestions.length > 0 &&\r\n allQuestions.map((question, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n {renderHTML(question.TFTitle)}\r\n
\r\n \r\n {examTimeQuestionBase && (\r\n \r\n \r\n getAllAnswers(question.IdQuestion)\r\n }\r\n >\r\n نمایش جواب ها\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Step2","import React from 'react'\r\nimport './DescriptionCard.scss';\r\n\r\nfunction DescriptionCard({ children, title }) {\r\n return (\r\n \r\n {question.IdQuestion === qIdChoosen &&\r\n allAnswers.map((questionem, index) => {\r\n return (\r\n
\r\n \r\n {question.IdQuestion === qIdChoosen &&\r\n question.TFImagePath && (\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default DescriptionCard","import React, { useEffect, useState } from 'react'\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport swal from \"sweetalert\";\r\nimport toast from 'react-hot-toast';\r\nimport * as api from \"apis/questionExam\";\r\nimport FloatingInput from \"Components/shared/Inputs/FloatingInput\";\r\nimport { toggleLoading } from \"redux/loadingSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from 'Components/shared/Buttons/CustomButton';\r\nimport DescriptionCard from 'Components/shared/DescriptionCard/DescriptionCard';\r\n\r\nfunction Step3({ examId }) {\r\n const dispatch = useDispatch();\r\n const [evalQuestionInputs, setEvalQuestionInputs] = useState({\r\n titleNewQuestion: \"\",\r\n titleNewQuestionErr: \"\",\r\n id: \"\",\r\n titleEditedQuestion: \"\",\r\n titleEditedQuestionErr: \"\",\r\n });\r\n const [allEvalQuestion, setAllEvalQuestion] = useState([]);\r\n const getExamEvalQuestion = async () => {\r\n dispatch(toggleLoading(true));\r\n let { data } = await api.getExamEvalQuestion(examId);\r\n if (data.status === true) {\r\n setAllEvalQuestion(data.data);\r\n } else {\r\n swal(\"خطا\", data.data, \"error\");\r\n }\r\n dispatch(toggleLoading(false));\r\n };\r\n const UpdateEvalQuestionTitle = async () => {\r\n if (evalQuestionInputs.titleEditedQuestion === \"\") {\r\n setEvalQuestionInputs((prevState) => ({\r\n ...prevState,\r\n titleEditedQuestionErr: \"پر کردن فیلد عنوان سوال الزامی است\",\r\n }));\r\n } else {\r\n let { data } = await api.updateEvalQuestionTitle(evalQuestionInputs.id, evalQuestionInputs.titleEditedQuestion);\r\n if (data.status === true) {\r\n setEvalQuestionInputs((prevState) => ({\r\n ...prevState,\r\n titleEditedQuestionErr: \"\",\r\n }));\r\n toast.success(\"سوال نظرسنجی با موفقیت به روز رسانی شد\")\r\n getExamEvalQuestion();\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n };\r\n const evaluatesCheckboxToggler = async (e, IdQuestionEval) => {\r\n let Active = e.target.checked;\r\n let { data } = await api.evaluatesCheckboxToggler(examId, IdQuestionEval, Active);\r\n if (data.status === true) {\r\n toast.success(\"سوال نظرسنجی با موفقیت به روز رسانی شد\")\r\n if (e.target.checked) {\r\n e.target.removeAttribute(\"checked\");\r\n e.target.parentElement.parentElement.parentElement.parentElement.classList.remove(\r\n \"evalOff\"\r\n );\r\n e.target.parentElement.parentElement.children[0].innerHTML = \"فعال\";\r\n } else {\r\n e.target.setAttribute(\"checked\", \"true\");\r\n e.target.parentElement.parentElement.parentElement.parentElement.classList.add(\r\n \"evalOff\"\r\n );\r\n e.target.parentElement.parentElement.children[0].innerHTML =\r\n \"غیر فعال\";\r\n }\r\n } else {\r\n if (e.target.checked) {\r\n e.target.checked = false;\r\n } else {\r\n e.target.checked = true;\r\n }\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n };\r\n const SaveEvalQuestionWithExam = async () => {\r\n if (evalQuestionInputs.titleNewQuestion) {\r\n let { data } = await api.saveEvalQuestionWithExam(examId, evalQuestionInputs.titleNewQuestion);\r\n if (data.status === true) {\r\n setEvalQuestionInputs((prevState) => ({\r\n ...prevState,\r\n titleNewQuestion: \"\",\r\n titleNewQuestionErr: \"\",\r\n }));\r\n getExamEvalQuestion();\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n } else {\r\n setEvalQuestionInputs((prevState) => ({\r\n ...prevState,\r\n titleNewQuestionErr: \"پر کردن فیلد عنوان سوال الزامی است\",\r\n }));\r\n }\r\n\r\n };\r\n useEffect(() => {\r\n getExamEvalQuestion();\r\n }, [])\r\n\r\n return (\r\n \r\n
\r\n {title ? title : \"توضیحات\"}
\r\n\r\n
\r\n \r\n {children}\r\n
\r\n\r\n
\r\n \r\n \r\n برای برگزاری نظرسنجی پیش از شروع آزمون، میتوانید از\r\n سوالات این صفحه پیش فرض سنجی فای استفاده کرده یا در صورت\r\n نیاز سوال جدید را به موارد موجود اضافه کنید. توجه داشته\r\n باشید که پاسخ تمامی سوالات مطابق طیف لیکرت (خیلی خوب، خوب،\r\n متوسط، ضعیف و خیلی ضعیف) است. لذا در اضافه کردن سوالات\r\n جدید این نکته را مدنظر داشته باشید که پاسخها به صورت پیش\r\n فرض و غیرقابل تغییر هستند.\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setEvalQuestionInputs({\r\n ...evalQuestionInputs,\r\n titleNewQuestion: e.target.value,\r\n });\r\n }}\r\n required\r\n error={evalQuestionInputs.titleNewQuestionErr}\r\n />\r\n
\r\n \r\n \r\n افزودن سوال نظر سنجی\r\n \r\n
\r\n - \r\n {allEvalQuestion.map((el) => {\r\n return (\r\n
- \r\n \r\n {el.TFTitle}\r\n\r\n\r\n\r\n\r\n {el.TFIsActive ? (\r\n <>\r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n \r\n \r\n );\r\n })}\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n ویرایش سوال نظرسنجی\r\n
\r\n\r\n
\r\n \r\n {\r\n setEvalQuestionInputs({\r\n ...evalQuestionInputs,\r\n titleEditedQuestion: e.target.value,\r\n });\r\n }}\r\n required\r\n />\r\n
\r\n \r\n
\r\n \r\n به روزرسانی تغییرات\r\n \r\n
\r\n \r\n
\r\n {showDetails && (\r\n \r\n {user.TFImagePath ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n \r\n {user?.TFEmail?.length > 22\r\n ? user?.TFEmail.substring(0, 22) + \"...\"\r\n : user?.TFEmail}\r\n \r\n
\r\n \r\n {user?.TFName + \" \" + user?.TFFamily}\r\n
\r\n\r\n {onDelete ? (\r\n showDetails ?\r\n \r\n :\r\n {\r\n setShowDetails(!showDetails);\r\n setShowBlurDiv(!showDetails);\r\n }}\r\n >\r\n \r\n
\r\n )}\r\n {\r\n setShowDetails(true);\r\n setShowBlurDiv(true);\r\n }}>\r\n \r\n
\r\n ) : (\r\n \r\n {user.Id === editedApplicantInfo?.editedApplicantId ?\r\n
\r\n )}\r\n \r\n );\r\n};\r\n","import React, { useEffect } from 'react';\r\nimport \"./CustomTable.scss\";\r\nimport useOnClickOutsideRef from \"hooks/useOnClickOutside\";\r\n\r\nconst TableBadgeTypes = Object.freeze({\r\n SUCCESS: \"success\",\r\n WARRNING: \"warrning\",\r\n DANGER: \"danger\",\r\n});\r\n\r\nfunction TableBadge({ type, title = \"badge\" }) {\r\n return (\r\n \r\n
\r\n :\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {user?.TFMobile}\r\n
\r\n \r\n }\r\n {allExams && \r\n {allExams?.filter((ex) =>\r\n user.ExamsList.some((element) => {\r\n if (element.includes(ex.Id)) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n })\r\n )?.map((exam, index) => (\r\n \r\n {exam.TFTitle}\r\n \r\n ))}\r\n
}\r\n \r\n {title}\r\n
\r\n )\r\n}\r\n\r\nfunction TablePersons(props) {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction TableActions({ index, isMenuOpen, toggleMenu, list }) {\r\n const actionMenuRef = useOnClickOutsideRef(() => {\r\n if (isMenuOpen === index) {\r\n toggleMenu(-1);\r\n }\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {isMenuOpen === index &&
\r\n )\r\n}\r\n\r\nfunction CustomTable({ columns, children, wrapperStyles }) {\r\n return (\r\n \r\n
}\r\n - \r\n {list.map((item, i) => {\r\n if (item) {\r\n return (\r\n
- {\r\n item.onClick();\r\n toggleMenu(-1);\r\n }}\r\n {...item.otherProps}\r\n >\r\n \r\n {item.icon}\r\n\r\n {item.title}\r\n \r\n )\r\n }\r\n return <>\r\n })}\r\n
\r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Object.assign(CustomTable, {\r\n Badge: TableBadge,\r\n BadgeTypes: TableBadgeTypes,\r\n Persons: TablePersons,\r\n Actions: TableActions,\r\n});\r\n\r\n\r\n{/*\r\n===================================================\r\n===================================================\r\n================ Sample ===========================\r\n===================================================\r\n===================================================\r\n | {column} | \r\n )\r\n })}\r\n
|---|
\r\n {showBlurDiv && }\r\n \r\n \r\n \r\n \r\n
\r\n {allApplicants.length > 0 ? (\r\n \r\n {\r\n readExel(event.target.files[0]);\r\n }}\r\n className=\"d-none\"\r\n />\r\n \r\n بارگذاری فایل excel\r\n \r\n {\r\n lastApplicantExams.all.length > 0 && \r\n شرکتکنندگان قبلی من\r\n \r\n }\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n {\r\n document.getElementById(\"uploadExcelFile\").click();\r\n }}\r\n data-dismiss=\"modal\"\r\n className=\"w-100\"\r\n >\r\n تایید و آپلود فایل اکسل\r\n \r\n
\r\n \r\n \r\n انصراف\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n لیست شرکتکنندگان قبلی\r\n
\r\n \r\n
\r\n \r\n \r\n در این بخش میتوانید شرکتکنندگان آزمونهای قبلی خود را مشاهده نمایید و\r\n با انتخاب چند نفر، آنها را به صورت گروهی به آزمون جدید خود اضافه کنید.\r\n \r\n
\r\n \r\n \r\n {lastApplicantExams.all.length > 0 ?\r\n lastApplicantExams.all.map((lae, index) => {\r\n return (\r\n \r\n \r\n lastApplicantExamsChangeHandle(e, index)}\r\n ref={el => (myRefs.current[index] = el)}\r\n className=\"position-relative\"\r\n style={{\r\n opacity: 1,\r\n width: \"20px\",\r\n height: \"20px\",\r\n }}\r\n />\r\n \r\n \r\n {lae.TFImagePath == null ? (\r\n \r\n {lae.TFNationalCode} \r\n {lae.TFMobile} \r\n {lae.TFEmail} \r\n \r\n )\r\n })\r\n :\r\n \r\n لیست شرکتکنندگان قبلی شما خالی میباشد \r\n \r\n }\r\n \r\n
\r\n \r\n \r\n افزودن افراد به شرکتکنندگان\r\n \r\n \r\n انصراف\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n - \r\n {[\r\n \"@gmail.com\",\r\n \"@yahoo.com\",\r\n \"@hotmail.com\",\r\n \"@kahkeshan.com\",\r\n \"@outlook.com\",\r\n ].map((email, index) => {\r\n return (\r\n
\r\n \r\n افزودن شرکتکننده\r\n \r\n
\r\n \r\n {allApplicants.map((applicant, index) => {\r\n return (\r\n editExamApplicant(applicant) : null}\r\n editedApplicantInfo={applicantInfo}\r\n cancelExamApplicantEditing={cancelExamApplicantEditing}\r\n applicantInfoChangeHandler={applicantInfoChangeHandler}\r\n onDelete={() => {\r\n deleteExamApplicant(applicant.Id);\r\n }}\r\n setShowBlurDiv={setShowBlurDiv}\r\n onUpdate={updateApplicantExam}\r\n />)\r\n })}\r\n
\r\n ) :\r\n \r\n
\r\n }\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Step4","import CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from 'Components/shared/Buttons/CustomButton';\r\nimport React from 'react'\r\n\r\nfunction Steps({ wizardSteps, goBackWizard, goNextWizard, finishWizard }) {\r\n const nextBtnText = () => {\r\n let txt = \"\";\r\n switch (wizardSteps.active) {\r\n case 1:\r\n txt = \"ثبت اطلاعات و مرحله بعدی\";\r\n break;\r\n case 2:\r\n txt = \"تایید سوالات و مرحله بعدی\";\r\n break;\r\n case 3:\r\n txt = \"تایید سوالات نظر سنجی و مرحله بعدی\";\r\n break;\r\n default:\r\n break;\r\n }\r\n return txt;\r\n\r\n }\r\n return (\r\n لیست شرکتکنندگان خالی میباشد
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default Steps","import React, { useEffect, useState } from \"react\";\r\nimport \"Components/Dashboard/Dashboard.scss\";\r\nimport \"./Wizard.scss\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport { useNavigate, useParams, useLocation } from \"react-router-dom\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Dashboard from \"Components/Dashboard/Dashboard\";\r\nimport toast from \"react-hot-toast\";\r\nimport { BASEURL } from \"utils/Constants\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { toggleLoading } from \"redux/loadingSlice\";\r\nimport StepsHeader from \"./Wizard/StepsHeader\";\r\nimport Step1 from \"./Wizard/Step1/Step1\";\r\nimport Step2 from \"./Wizard/Step2\";\r\nimport Step3 from \"./Wizard/Step3\";\r\nimport Step4 from \"./Wizard/Step4\";\r\nimport Actions from \"./Wizard/Actions\";\r\n\r\nfunction ConfigExam() {\r\n const locationParams = useLocation();\r\n const routeParams = useParams();\r\n const cookies = new Cookies();\r\n const navigate = useNavigate();\r\n const dispatch = useDispatch();\r\n const [wizardSteps, setWizardSteps] = useState({\r\n active: 1,\r\n showFinshBtn: false,\r\n });\r\n const [stepMode, setStepMode] = useState(\"save\");\r\n const [examId, setExamId] = useState(\"\");\r\n const [selectedCourses, setSelectedCourses] = useState([]);\r\n const [s1inputs, setS1Inputs] = useState({\r\n Title: \"\",\r\n IsActive: true,\r\n StartDate: new Date(),\r\n Description: \"\",\r\n MinScore: \"\",\r\n ExmaScore: \"\",\r\n ExamTime: \"\",\r\n IdExamType: \"\",\r\n IsBackBtnActive: false,\r\n IsScoreVisibleForApplicant: false,\r\n IsQRandom: false,\r\n IsARandom: false,\r\n IsCertNeeded: false,\r\n IsEvaluateNeeded: false,\r\n showScoreIncert: false,\r\n ShowChapter: false,\r\n IsInPerson: false,\r\n QCount: \"\",\r\n IdDifficulty: \"\",\r\n IdLang: \"\",\r\n IdCourse: \"\",\r\n IdChapter: \"\",\r\n IsSanjifyExam: false,\r\n IsSecureExam: false,\r\n IsSecureExamWithMobile: false,\r\n multipleCourseIds: [],\r\n });\r\n const [s1inputsErr, setS1InputsErr] = useState({\r\n TitleErr: \"\",\r\n StartDateErr: \"\",\r\n MinScoreErr: \"\",\r\n ExmaScoreErr: \"\",\r\n ExamTimeErr: \"\",\r\n QCountErr: \"\",\r\n QbankErr: \"\",\r\n });\r\n const [planConfig, setPlanConfig] = useState({\r\n planId: \"\",\r\n HasCertWithLogo: false,\r\n HasElapsedTimePerQReport: false,\r\n HasRandomQandA: false,\r\n HasScoreDateilsPerChapterReport: false,\r\n HasScorePerQ: false,\r\n HasTimePerQ: false,\r\n });\r\n const [staticData, setStaticData] = useState({\r\n examType: [],\r\n questionLang: [],\r\n courseList: [],\r\n chapterList: [],\r\n });\r\n const [certLogos, setCertLogos] = useState({\r\n orgLogoUrl: \"\",\r\n orgLogoType: \"\",\r\n orgLogoDefault: \"\",\r\n orgLogoError: \"\",\r\n // -------------------\r\n examLogoUrl: \"\",\r\n examLogoType: \"\",\r\n examLogoError: \"\",\r\n });\r\n const [showcertTracker, setShowcertTracker] = useState(false);\r\n const [showAdvanceBank, setShowAdvanceBank] = useState(false);\r\n const [calcType, setCalcType] = useState(\"\");\r\n const [examTimeQuestionBase, setExamTimeQuestionBase] = useState(false);\r\n /* ===================================================================\r\n ========================= Wizard Controller ============================\r\n ===================================================================== */\r\n const S1Validation = () => {\r\n let weHaveError = false;\r\n if (s1inputs.Title === \"\") {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n TitleErr: \"عنوان آزمون نمیتواند خالی باشد\",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n TitleErr: \"\",\r\n }));\r\n }\r\n if (s1inputs.StartDate === \"\") {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n StartDateErr: \"تاریخ و ساعت شروع آزمون را مشخص کنید\",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n let datetimeNow = new Date();\r\n // new Date(new Date().toLocaleString('en-US', { timeZone: 'Asia/Tehran' })).getTime()\r\n let datetimeExam = new Date(s1inputs.StartDate);\r\n if (Date.parse(datetimeNow) >= Date.parse(datetimeExam)) {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n StartDateErr: \"تاریخ و ساعت آزمون نمیتواند مربوط به گذشته باشد.\",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n StartDateErr: \"\",\r\n }));\r\n }\r\n }\r\n if (s1inputs.ExmaScore === \"\") {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n ExmaScoreErr: \"نمره کل آزمون نمیتواند خالی باشد\",\r\n }));\r\n weHaveError = true;\r\n } else if (parseInt(s1inputs.ExmaScore < 0)) {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n ExmaScoreErr: \"نمره کل آزمون نمیتواند منفی باشد\",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n ExmaScoreErr: \"\",\r\n }));\r\n }\r\n if (s1inputs.MinScore === \"\") {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n MinScoreErr: \"حداقل نمره قبولی نمیتواند خالی باشد\",\r\n }));\r\n weHaveError = true;\r\n } else if (parseInt(s1inputs.MinScore) < 0) {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n MinScoreErr: \"حداقل نمره آزمون نمیتواند منفی باشد\",\r\n }));\r\n weHaveError = true;\r\n } else if (parseInt(s1inputs.MinScore) > parseInt(s1inputs.ExmaScore)) {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n MinScoreErr: \"حداقل نمره قبولی نمیتواند بیشتر از نمره کل آزمون باشد\",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n MinScoreErr: \"\",\r\n }));\r\n }\r\n if (!examTimeQuestionBase) {\r\n if (s1inputs.ExamTime === \"\") {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n ExamTimeErr: \"مدت زمان آزمون نمیتواند خالی باشد\",\r\n }));\r\n weHaveError = true;\r\n } else if (parseInt(s1inputs.ExamTime) < 0) {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n ExamTimeErr: \"مدت زمان آزمون نمیتواند منفی باشد\",\r\n }));\r\n weHaveError = true;\r\n }\r\n }\r\n if (showcertTracker) {\r\n if (certLogos.orgLogoUrl === \"\" && certLogos.examLogoUrl === \"\") {\r\n setCertLogos((prevState) => ({\r\n ...prevState,\r\n orgLogoError:\r\n \"انتخاب حداقل یکی از لوگوها برای نمایش در مدرک الزامی است\",\r\n examLogoError:\r\n \"انتخاب حداقل یکی از لوگوها برای نمایش در مدرک الزامی است\",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n setCertLogos((prevState) => ({\r\n ...prevState,\r\n orgLogoError: \"\",\r\n examLogoError: \"\",\r\n }));\r\n }\r\n }\r\n if (!showAdvanceBank) {\r\n if (s1inputs.QCount === \"\") {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n QCountErr: \"تعداد سوالات آزمون خود را مشخص کنید\",\r\n }));\r\n weHaveError = true;\r\n } else if (parseInt(s1inputs.QCount) < 0) {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n QCountErr: \"تعداد سوالات آزمون نمیتواند منفی باشد \",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n QCountErr: \"\",\r\n }));\r\n }\r\n if (\r\n (!s1inputs.IdCourse && selectedCourses.length === 0) ||\r\n !s1inputs.IdLang\r\n ) {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n QbankErr: \"انتخاب بانک و زبان سوالات الزامی است\",\r\n }));\r\n weHaveError = true;\r\n } else {\r\n setS1InputsErr((prevState) => ({\r\n ...prevState,\r\n QbankErr: \"\",\r\n }));\r\n }\r\n }\r\n if (weHaveError) {\r\n toast.error(\"پیکربندی دارای خطا میباشد ، لطفا خطاها را رفع نمایید\");\r\n return false;\r\n } else {\r\n return true;\r\n }\r\n };\r\n const goBackWizard = () => {\r\n switch (wizardSteps.active) {\r\n case 4:\r\n if (s1inputs.IsEvaluateNeeded) {\r\n setWizardSteps({\r\n active: 3,\r\n showFinshBtn: false,\r\n });\r\n } else {\r\n setWizardSteps({\r\n active: 2,\r\n showFinshBtn: false,\r\n });\r\n }\r\n break;\r\n case 3:\r\n setWizardSteps({\r\n active: 2,\r\n showFinshBtn: false,\r\n });\r\n break;\r\n case 2:\r\n setWizardSteps({\r\n active: 1,\r\n showFinshBtn: false,\r\n });\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n const goNextWizard = () => {\r\n switch (wizardSteps.active) {\r\n case 1:\r\n let isValidate = S1Validation();\r\n if (isValidate) {\r\n if (showAdvanceBank && calcType === \"\") {\r\n swal({\r\n title: \"توجه\",\r\n text: \"اطلاعات بانک پیشرفته شما هنوز ثبت نشده است . ابتدا بانک پیشرفته خود را ثبت نمایید\",\r\n icon: \"warning\",\r\n buttons: [\"انصراف\", \"ثبت اطلاعات بانک پیشرفته\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n document.querySelector(\"#SaveQuestionConfig\").click();\r\n }\r\n });\r\n } else {\r\n dispatch(toggleLoading(true));\r\n //=============================================\r\n //تفکیک تاریخ و ساعت و دقیقه\r\n //=============================================\r\n let sdate = new Date(s1inputs.StartDate)\r\n .toISOString()\r\n .split(\"T\")[0];\r\n let t = new Date(s1inputs.StartDate)\r\n .toString()\r\n .split(\" \")[4]\r\n .split(\":\");\r\n let stime = t[0] + \":\" + t[1];\r\n // =============================================\r\n let data = {\r\n Token: cookies.get(\"_exa\"),\r\n Title: s1inputs.Title,\r\n IsActive: s1inputs.IsActive,\r\n StartDate: sdate,\r\n StartTime: stime,\r\n Description: s1inputs.Description,\r\n MinScore: s1inputs.MinScore,\r\n ExmaScore: s1inputs.ExmaScore,\r\n IsQRandom: s1inputs.IsQRandom,\r\n IsARandom: s1inputs.IsARandom,\r\n ExamTime: s1inputs.ExamTime,\r\n IsBackBtnActive: s1inputs.IsBackBtnActive,\r\n IsScoreVisibleForApplicant: s1inputs.IsScoreVisibleForApplicant,\r\n IsEvaluateNeeded: s1inputs.IsEvaluateNeeded,\r\n IsCertNeeded: s1inputs.IsCertNeeded,\r\n ShowChapter: s1inputs.ShowChapter,\r\n IsInPerson: s1inputs.IsInPerson,\r\n QCount: s1inputs.QCount,\r\n IdExamType: s1inputs.IdExamType,\r\n IsSanjifyExam: s1inputs.IsSanjifyExam,\r\n IdCourse:\r\n selectedCourses.length === 1 ? selectedCourses[0].Id : \"\",\r\n IdChapter: s1inputs.IdChapter,\r\n IdDifficality: s1inputs.IdDifficulty,\r\n IdLang: s1inputs.IdLang,\r\n OrgImg: certLogos.orgLogoUrl,\r\n OrgImageType: certLogos.orgLogoType,\r\n ExamImg: certLogos.examLogoUrl,\r\n ExamImageType: certLogos.examLogoType,\r\n ScoreVisibleInCert: s1inputs.showScoreIncert,\r\n CalcType: calcType,\r\n OrgDefault: certLogos.orgLogoDefault,\r\n ExamTimeQuestionBase: examTimeQuestionBase,\r\n IdPlan: planConfig.planId,\r\n IsSecureExam: s1inputs.IsSecureExam,\r\n IsSecureExamWithMobile: s1inputs.IsSecureExamWithMobile,\r\n MultipleCourseIds:\r\n selectedCourses.length > 1\r\n ? selectedCourses.map((item) => item.Id)\r\n : [],\r\n };\r\n let apiUrl = \"\";\r\n let msg = \"\";\r\n if (stepMode === \"save\") {\r\n apiUrl = \"/Exam/SaveExam\";\r\n msg = \"آزمون با موفقیت ساخته شد\";\r\n } else {\r\n data[\"IdExam\"] = examId;\r\n apiUrl = \"/Exam/UpdateExam\";\r\n msg = \"آزمون با موفقیت به روز رسانی شد\";\r\n }\r\n AxiosInterceptor.post(apiUrl, data).then((response) => {\r\n dispatch(toggleLoading(false));\r\n if (response.data.status === true) {\r\n setExamId(response.data.data);\r\n if (s1inputs.IsSanjifyExam) {\r\n // آزمون آماده میخواد\r\n toast.success(\r\n \"درخواست شما برای ایجاد آزمون آماده به پشتیبانی ارسال گردید\"\r\n );\r\n toast.success(\r\n \"این آزمون، بعد از تایید ادمین در وبسایت قرار خواهد گرفت\"\r\n );\r\n } else {\r\n toast.success(msg);\r\n }\r\n if (stepMode === \"save\") {\r\n setExamId(response.data.data);\r\n setStepMode(\"update\");\r\n }\r\n if (!s1inputs.IsEvaluateNeeded && s1inputs.IsSanjifyExam) {\r\n // نظر سنجی نمیخواد ، سنجیفای هست\r\n setWizardSteps({\r\n active: 2,\r\n showFinshBtn: true,\r\n });\r\n } else {\r\n setWizardSteps({\r\n ...wizardSteps,\r\n active: 2,\r\n });\r\n }\r\n } else {\r\n if (typeof response.data.data !== \"string\") {\r\n let arrayStr = response.data.data;\r\n let msg = \"\";\r\n for (let index = 0; index < arrayStr.length; index++) {\r\n msg += arrayStr[index] + \"\\n\";\r\n }\r\n swal(\"مقادیر صحیح وارد کنید\", msg, \"error\");\r\n } else {\r\n swal(\"مقادیر صحیح وارد کنید\", response.data.data, \"error\");\r\n }\r\n }\r\n });\r\n }\r\n }\r\n break;\r\n case 2:\r\n if (examTimeQuestionBase) {\r\n let isEmpty = true;\r\n let qeustionsExamArray = [];\r\n let qe = {};\r\n for (\r\n let index = 0;\r\n index <\r\n document.querySelectorAll(\".timePickerInputContainer\").length;\r\n index++\r\n ) {\r\n if (document.querySelector(\"#timePicker\" + index).value !== \"\") {\r\n qe = {\r\n IdQuestionExam:\r\n document.querySelectorAll(\".questionExam\")[index].id,\r\n QuestionExamTime: document.querySelector(\"#timePicker\" + index)\r\n .value,\r\n };\r\n qeustionsExamArray.push(qe);\r\n isEmpty = false;\r\n } else {\r\n isEmpty = true;\r\n break;\r\n }\r\n }\r\n if (isEmpty) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"تعیین همه فیلد های زمان برای همه سوالات الزامی است.\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else {\r\n swal({\r\n title: \"توجه\",\r\n text: \"آیا از زمانبندی همه سوالات مطمئن هستید؟\",\r\n icon: \"warning\",\r\n buttons: [\"عدم تایید و ویرایش زمان\", \"ثبت و رفتن به مرحله بعدی\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n AxiosInterceptor.post(\"/applicantexam/SaveAnswerTime\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: examId,\r\n AnswerDataTime: qeustionsExamArray,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (s1inputs.IsEvaluateNeeded && s1inputs.IsSanjifyExam) {\r\n // نظر سنجی میخواد ، سنچیفای هم هست\r\n setWizardSteps({\r\n active: 3,\r\n showFinshBtn: true,\r\n });\r\n } else if (\r\n s1inputs.IsEvaluateNeeded &&\r\n !s1inputs.IsSanjifyExam\r\n ) {\r\n // نظر سنجی میخواد ، سنچیفای نیست\r\n setWizardSteps({\r\n ...wizardSteps,\r\n active: 3,\r\n });\r\n } else if (\r\n !s1inputs.IsEvaluateNeeded &&\r\n !s1inputs.IsSanjifyExam\r\n ) {\r\n // نه نظر سنجی میخواد نه سنجیفای\r\n setWizardSteps({\r\n active: 4,\r\n showFinshBtn: true,\r\n });\r\n }\r\n // حالت آخر : نظر سنجی نمیخواد ، سنجیفای هست - که تو مرحله قبلی اوکیش کردیم\r\n } else {\r\n swal(\"خطا\", response.data.data, \"error\");\r\n }\r\n });\r\n }\r\n });\r\n }\r\n } else {\r\n if (s1inputs.IsEvaluateNeeded && s1inputs.IsSanjifyExam) {\r\n // نظر سنجی میخواد ، سنچیفای هم هست\r\n setWizardSteps({\r\n active: 3,\r\n showFinshBtn: true,\r\n });\r\n } else if (s1inputs.IsEvaluateNeeded && !s1inputs.IsSanjifyExam) {\r\n // نظر سنجی میخواد ، سنچیفای نیست\r\n setWizardSteps({\r\n ...wizardSteps,\r\n active: 3,\r\n });\r\n } else if (!s1inputs.IsEvaluateNeeded && !s1inputs.IsSanjifyExam) {\r\n // نه نظر سنجی میخواد نه سنجیفای\r\n setWizardSteps({\r\n active: 4,\r\n showFinshBtn: true,\r\n });\r\n }\r\n }\r\n break;\r\n case 3:\r\n setWizardSteps({\r\n active: 4,\r\n showFinshBtn: true,\r\n });\r\n break;\r\n default:\r\n break;\r\n }\r\n };\r\n const finishWizard = () => {\r\n if (wizardSteps.active === 4) {\r\n AxiosInterceptor.post(\"/Exam/SendApplicantSms\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: examId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n swal(response.data.data).then(() => {\r\n navigate(\"/MyExam\");\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n } else {\r\n if (!s1inputs.IsEvaluateNeeded || wizardSteps.active === 2) {\r\n if (examTimeQuestionBase) {\r\n let isEmpty = true;\r\n let qeustionsExamArray = [];\r\n let qe = {};\r\n for (\r\n let index = 0;\r\n index <\r\n document.querySelectorAll(\".timePickerInputContainer\").length;\r\n index++\r\n ) {\r\n if (document.querySelector(\"#timePicker\" + index).value !== \"\") {\r\n qe = {\r\n IdQuestionExam:\r\n document.querySelectorAll(\".questionExam\")[index].id,\r\n QuestionExamTime: document.querySelector(\"#timePicker\" + index)\r\n .value,\r\n };\r\n qeustionsExamArray.push(qe);\r\n isEmpty = false;\r\n } else {\r\n isEmpty = true;\r\n break;\r\n }\r\n }\r\n if (isEmpty) {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"تعیین همه فیلد های زمان برای همه سوالات الزامی است.\",\r\n button: \"متوجه شدم\",\r\n });\r\n } else {\r\n swal({\r\n title: \"توجه\",\r\n text: \"آیا از زمانبندی همه سوالات مطمئن هستید؟\",\r\n icon: \"warning\",\r\n buttons: [\"عدم تایید و ویرایش زمان\", \"ثبت و پایان ساخت آزمون\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n AxiosInterceptor.post(\"/applicantexam/SaveAnswerTime\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: examId,\r\n AnswerDataTime: qeustionsExamArray,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n swal(\r\n \"موفقیت\",\r\n \"آزمون شما با موفقیت ساخته شد\",\r\n \"success\"\r\n ).then(() => {\r\n navigate(\"/MyExam\");\r\n });\r\n } else {\r\n swal(\"خطا\", response.data.data, \"error\");\r\n }\r\n });\r\n }\r\n });\r\n }\r\n } else {\r\n swal(\"موفقیت\", \"آزمون شما با موفقیت ساخته شد\", \"success\").then(() => {\r\n navigate(\"/MyExam\");\r\n });\r\n }\r\n } else {\r\n swal(\"موفقیت\", \"آزمون شما با موفقیت ساخته شد\", \"success\").then(() => {\r\n navigate(\"/MyExam\");\r\n });\r\n }\r\n }\r\n };\r\n const inputOnChangeHandle = (e) => {\r\n let { name, type, value } = e.target;\r\n if (type === \"checkbox\") {\r\n setS1Inputs({\r\n ...s1inputs,\r\n [name]: e.target.checked,\r\n });\r\n } else {\r\n setS1Inputs({\r\n ...s1inputs,\r\n [name]: value,\r\n });\r\n }\r\n };\r\n const checkHasOrgImageDefault = () => {\r\n AxiosInterceptor.post(\"/Organization/CheckHasOrgImage\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.data) {\r\n setCertLogos((prevState) => ({\r\n ...prevState,\r\n orgLogoDefault: BASEURL + response.data.data,\r\n orgLogoUrl: BASEURL + response.data.data,\r\n }));\r\n }\r\n }\r\n });\r\n };\r\n useEffect(() => {\r\n if (routeParams.id) {\r\n setExamId(routeParams.id);\r\n setStepMode(\"update\");\r\n dispatch(toggleLoading(true));\r\n AxiosInterceptor.post(\"/Exam/GetExamById\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: routeParams.id,\r\n }).then((response) => {\r\n if (response.data.status) {\r\n const myexamData = response.data.data;\r\n if (myexamData.IdCourse) {\r\n AxiosInterceptor.post(\"/QuestionBank/GetChapterList\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: myexamData.IdCourse,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setStaticData((prevState) => ({\r\n ...prevState,\r\n chapterList: response.data.data?.filter((el) => el.TFActive),\r\n }));\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: myexamData,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n setS1Inputs({\r\n Title: myexamData.TFTitle,\r\n IsActive: myexamData.TFActive,\r\n Description: myexamData.TFDescription,\r\n MinScore: myexamData.TFMinScoreForAcceptance,\r\n ExmaScore: myexamData.TFExamScore,\r\n ExamTime: myexamData.TFExamTime,\r\n IdExamType: myexamData.IdStaticData_ExamType ?? \"\",\r\n QCount: myexamData.TFQCount,\r\n IdDifficulty: myexamData.IdStaticData_Difficulty ?? \"\",\r\n IdLang: myexamData.IdStaticData_Lang ?? \"\",\r\n IdCourse: myexamData.IdCourse ?? \"\",\r\n IsBackBtnActive: myexamData.TFIsBackBtnActive,\r\n IsScoreVisibleForApplicant: myexamData.TFIsScoreVisibleForApplicant,\r\n IsQRandom: myexamData.TFIsQRandom,\r\n IsARandom: myexamData.TFIsARandom,\r\n ShowChapter: myexamData.TFShowChapter,\r\n IsInPerson: myexamData.TFIsInPerson,\r\n IsCertNeeded: myexamData.TFIsCertNeeded,\r\n IsEvaluateNeeded: myexamData.TFIsEvaluateNeeded,\r\n showScoreIncert: myexamData.TFIsScoreVisibleInCert,\r\n IdChapter: myexamData.Chapters ?? \"\",\r\n StartDate: new Date(\r\n `${myexamData.TFStartDate} ${myexamData.TFStartTime.Hours}:${myexamData.TFStartTime.Minutes}`\r\n ),\r\n IsSanjifyExam: myexamData.TFIsSanjifyExam,\r\n IsSecureExam: myexamData.TFIsSecureExam,\r\n IsSecureExamWithMobile: myexamData.TFIsSecureExamWithMobile,\r\n multipleCourseIds: myexamData.MultipleCourseIds ?? [],\r\n });\r\n setExamTimeQuestionBase(myexamData.TFExamTimeQuestionBase);\r\n setCertLogos((prevState) => ({\r\n ...prevState,\r\n orgLogoUrl: myexamData.TFOrgImgPath\r\n ? BASEURL + myexamData.TFOrgImgPath\r\n : \"\",\r\n examLogoUrl: myexamData.TFExamImgPath\r\n ? BASEURL + myexamData.TFExamImgPath\r\n : \"\",\r\n }));\r\n // =========================================\r\n setCalcType(myexamData.TFCalcExam);\r\n if (\r\n myexamData.TFCalcExam === \"number\" ||\r\n myexamData.TFCalcExam === \"percent\"\r\n ) {\r\n setShowAdvanceBank(true);\r\n }\r\n // =========================================\r\n if (myexamData.TFIsCertNeeded) {\r\n setShowcertTracker(true);\r\n } else {\r\n setShowcertTracker(false);\r\n }\r\n // =========================================\r\n } else {\r\n swal(\"خطا\", response.data.data, \"error\");\r\n navigate(\"/MyExam\");\r\n }\r\n dispatch(toggleLoading(false));\r\n });\r\n } else {\r\n // Create Exam\r\n if (examId) {\r\n // اگر در حال ویرایش آزمون دیگری بود و روی گزینه طراحی آزمون کلیک کرد باید صفحه رفرش بشه که استیت ها خالی بشن\r\n window.location.reload();\r\n } else if (locationParams.search) {\r\n // اگر آیدی کپی کانفیگ وجود داشت\r\n let copiedConfigExamId = locationParams.search.replace(\r\n \"?copiedConfig=\",\r\n \"\"\r\n );\r\n dispatch(toggleLoading(true));\r\n AxiosInterceptor.post(\"/Exam/GetExamById\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: copiedConfigExamId,\r\n }).then((response) => {\r\n if (response.data.status) {\r\n const myexamData = response.data.data;\r\n if (myexamData.IdCourse) {\r\n AxiosInterceptor.post(\"/QuestionBank/GetChapterList\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: myexamData.IdCourse,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setStaticData((prevState) => ({\r\n ...prevState,\r\n chapterList: response.data.data?.filter(\r\n (el) => el.TFActive\r\n ),\r\n }));\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: myexamData,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n setS1Inputs({\r\n ...s1inputs,\r\n MinScore: myexamData.TFMinScoreForAcceptance,\r\n ExmaScore: myexamData.TFExamScore,\r\n ExamTime: myexamData.TFExamTime,\r\n IdExamType: myexamData.IdStaticData_ExamType\r\n ? myexamData.IdStaticData_ExamType\r\n : \"\",\r\n QCount: myexamData.TFQCount,\r\n IdDifficulty: myexamData.IdStaticData_Difficulty\r\n ? myexamData.IdStaticData_Difficulty\r\n : \"\",\r\n IdLang: myexamData.IdStaticData_Lang\r\n ? myexamData.IdStaticData_Lang\r\n : \"\",\r\n IdCourse: myexamData.IdCourse ?? \"\",\r\n IsBackBtnActive: myexamData.TFIsBackBtnActive,\r\n IsScoreVisibleForApplicant:\r\n myexamData.TFIsScoreVisibleForApplicant,\r\n IsQRandom: myexamData.TFIsQRandom,\r\n IsARandom: myexamData.TFIsARandom,\r\n ShowChapter: myexamData.TFShowChapter,\r\n IsInPerson: myexamData.TFIsInPerson,\r\n IsCertNeeded: myexamData.TFIsCertNeeded,\r\n IsEvaluateNeeded: myexamData.TFIsEvaluateNeeded,\r\n showScoreIncert: myexamData.TFIsScoreVisibleInCert,\r\n IdChapter: myexamData.Chapters ? myexamData.Chapters : \"\",\r\n IsSanjifyExam: myexamData.TFIsSanjifyExam,\r\n IsSecureExam: myexamData.TFIsSecureExam,\r\n IsSecureExamWithMobile: myexamData.TFIsSecureExamWithMobile,\r\n multipleCourseIds: myexamData.MultipleCourseIds ?? [],\r\n });\r\n setExamTimeQuestionBase(myexamData.TFExamTimeQuestionBase);\r\n setCertLogos((prevState) => ({\r\n ...prevState,\r\n orgLogoUrl: myexamData.TFOrgImgPath\r\n ? BASEURL + myexamData.TFOrgImgPath\r\n : \"\",\r\n examLogoUrl: myexamData.TFExamImgPath\r\n ? BASEURL + myexamData.TFExamImgPath\r\n : \"\",\r\n }));\r\n // =========================================\r\n setCalcType(myexamData.TFCalcExam);\r\n if (\r\n myexamData.TFCalcExam === \"number\" ||\r\n myexamData.TFCalcExam === \"percent\"\r\n ) {\r\n setShowAdvanceBank(true);\r\n }\r\n // =========================================\r\n if (myexamData.TFIsCertNeeded) {\r\n setShowcertTracker(true);\r\n } else {\r\n setShowcertTracker(false);\r\n }\r\n // =========================================\r\n } else {\r\n swal(\"خطا\", response.data.data, \"error\");\r\n navigate(\"/MyExam\");\r\n }\r\n dispatch(toggleLoading(false));\r\n });\r\n } else {\r\n checkHasOrgImageDefault();\r\n }\r\n }\r\n }, [routeParams.id]);\r\n useEffect(() => {\r\n AxiosInterceptor.post(\"/Statistics/GetApplicantAdminStatistic\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n // تعداد آزمون هایی که تا الآن ساخته\r\n const EC = response.data.data.ExamCount;\r\n const activeContract = response.data.activeContract;\r\n if (\r\n activeContract.length > 0 &&\r\n (activeContract[0].ExamCount > EC ||\r\n activeContract[0].ExamCount === null)\r\n ) {\r\n setPlanConfig({\r\n planId: activeContract[0].IdPlan,\r\n HasCertWithLogo: activeContract[0].HasCertWithLogo,\r\n HasElapsedTimePerQReport:\r\n activeContract[0].HasElapsedTimePerQReport,\r\n HasRandomQandA: activeContract[0].HasRandomQandA,\r\n HasScoreDateilsPerChapterReport:\r\n activeContract[0].HasScoreDateilsPerChapterReport,\r\n HasScorePerQ: activeContract[0].HasScorePerQ,\r\n HasTimePerQ: activeContract[0].HasTimePerQ,\r\n });\r\n } else {\r\n navigate(\"/Dashboard\");\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n AxiosInterceptor.post(\"/Exam/GetExamType\").then((response) => {\r\n if (response.data.status === true) {\r\n setStaticData((prevState) => ({\r\n ...prevState,\r\n examType: response.data.data,\r\n }));\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n AxiosInterceptor.post(\"/QuestionBank/GetCourseList\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setStaticData((prevState) => ({\r\n ...prevState,\r\n courseList: response.data.data,\r\n }));\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n AxiosInterceptor.post(\"/Question/GetQuestionConfig\").then((response) => {\r\n if (response.data.status === true) {\r\n setStaticData((prevState) => ({\r\n ...prevState,\r\n questionLang: response.data.lang,\r\n }));\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n }, []);\r\n\r\n return (\r\n - \r\n {wizardSteps.active > 1 && (\r\n
- \r\n
- \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n صفحه آزمون
\r\n- \r\n
- \r\n داشبورد\r\n \r\n
- صفحه آزمون \r\n
\r\n {wizardSteps.active === 1 ? (\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {renderHTML(question.Title)}\r\n
\r\n \r\n {\r\n setQIdChoosen(question.Id);\r\n getAllAnswers(question.Id);\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n نمایش جواب ها\r\n \r\n
\r\n \r\n {qNumber}\r\n {question.TFImagePath && (\r\n \r\n \r\n \r\n )}\r\n {/* {question.TFIsPin && } */}\r\n
\r\n \r\n {allAnswers.length > 0 ? (\r\n question.Id === qIdChoosen &&\r\n allAnswers.map((a, index) => {\r\n return (\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default SimpleQuestionCard;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Dashboard from \"Components/Dashboard/Dashboard\";\r\nimport Cookies from \"universal-cookie\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport swal from \"sweetalert\";\r\nimport \"./DetailExam.scss\";\r\nimport logo from \"assets/images/logoHeader.png\";\r\nimport wave from \"assets/images/wave.svg\";\r\nimport SimpleQuestionCard from \"Components/QuestionCard/SimpleQuestionCard\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { toggleLoading } from \"redux/loadingSlice\";\r\nimport { BASEURL } from \"utils/Constants\";\r\n\r\nfunction DetailExam() {\r\n const navigate = useNavigate();\r\n const [data, setData] = useState({\r\n ChapterName: \"\",\r\n courseTitles: \"\",\r\n Chapters: \"\",\r\n IdCourse: \"\",\r\n IdEvaluationExam: \"\",\r\n IdStaticData_Difficulty: \"\",\r\n IdStaticData_ExamType: \"\",\r\n IdStaticData_Lang: \"\",\r\n TFDescription: \"\",\r\n TFExamImgPath: \"\",\r\n TFExamPrice: \"\",\r\n TFExamScore: 0,\r\n TFExamTime: 0,\r\n TFIsARandom: false,\r\n TFIsBackBtnActive: false,\r\n TFIsCertNeeded: false,\r\n TFIsEvaluateNeeded: false,\r\n TFIsQRandom: false,\r\n TFIsSanjifyExam: false,\r\n TFCalcExam: \"\",\r\n TFIsScoreVisibleForApplicant: false,\r\n TFIsScoreVisibleInCert: false,\r\n TFMinScoreForAcceptance: 0,\r\n TFOrgImgPath: \"\",\r\n TFQCount: 0,\r\n TFStartDatep: \"\",\r\n StartTimeHours: \"\",\r\n StartTimeMinutes: \"\",\r\n TFTitle: \"\",\r\n MultipleCourseIds: [],\r\n });\r\n const dispatch = useDispatch();\r\n const routeParams = useParams();\r\n const [examLang, setExamLang] = useState(\"\");\r\n const [questionExam, setQuestionExam] = useState([]);\r\n const [examBankConfig, setExamBankConfig] = useState([]);\r\n const [examTypeList, setExamTypeList] = useState([]);\r\n const [qIdChoosen, setQIdChoosen] = useState(\"\");\r\n const cookies = new Cookies();\r\n useEffect(() => {\r\n dispatch(toggleLoading(true));\r\n if (routeParams.id) {\r\n AxiosInterceptor.post(\"/Exam/GetExamByIdForDetail\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: routeParams.id,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setData({\r\n ChapterName: response.data.data.ChapterName,\r\n courseTitles: response.data.data.courseTitles,\r\n Chapters: response.data.data.Chapters,\r\n IdCourse: response.data.data.IdCourse,\r\n IdEvaluationExam: response.data.data.IdEvaluationExam,\r\n IdStaticData_Difficulty: response.data.data.IdStaticData_Difficulty,\r\n IdStaticData_ExamType: response.data.data.IdStaticData_ExamType,\r\n IdStaticData_Lang: response.data.data.IdStaticData_Lang,\r\n TFDescription: response.data.data.TFDescription,\r\n TFExamImgPath: response.data.data.TFExamImgPath,\r\n TFExamPrice: response.data.data.TFExamPrice,\r\n TFExamScore: response.data.data.TFExamScore,\r\n TFExamTime: response.data.data.TFExamTime,\r\n TFIsARandom: response.data.data.TFIsARandom,\r\n TFIsBackBtnActive: response.data.data.TFIsBackBtnActive,\r\n TFIsCertNeeded: response.data.data.TFIsCertNeeded,\r\n TFIsEvaluateNeeded: response.data.data.TFIsEvaluateNeeded,\r\n TFIsQRandom: response.data.data.TFIsQRandom,\r\n TFIsSanjifyExam: response.data.data.TFIsSanjifyExam,\r\n TFCalcExam: response.data.data.TFCalcExam,\r\n TFIsScoreVisibleForApplicant:\r\n response.data.data.TFIsScoreVisibleForApplicant,\r\n TFIsScoreVisibleInCert: response.data.data.TFIsScoreVisibleInCert,\r\n TFMinScoreForAcceptance: response.data.data.TFMinScoreForAcceptance,\r\n TFOrgImgPath: response.data.data.TFOrgImgPath,\r\n TFQCount: response.data.data.TFQCount,\r\n TFStartDatep: response.data.data.StartDatep,\r\n StartTimeHours: response.data.data.TFStartTime.Hours,\r\n StartTimeMinutes: response.data.data.TFStartTime.Minutes,\r\n TFTitle: response.data.data.TFTitle,\r\n MultipleCourseIds: response.data.data.MultipleCourseIds ?? [],\r\n });\r\n setQuestionExam(response.data.questionExam);\r\n setExamBankConfig(response.data.config);\r\n setExamLang(response.data.questionExam[0].Lang);\r\n } else {\r\n swal(\"خطا\", response.data.data, \"error\");\r\n }\r\n dispatch(toggleLoading(false));\r\n });\r\n AxiosInterceptor.post(\"/Exam/GetExamType\").then((response) => {\r\n if (response.data.status === true) {\r\n setExamTypeList(response.data.data);\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n } else {\r\n navigate(\"/MyExam\");\r\n }\r\n }, []);\r\n return (\r\n \r\n هیچ جوابی برای این سوال تعیین نشده است\r\n
\r\n )}\r\n\r\n
\r\n \r\n {question.Id === qIdChoosen && question.TFImagePath && (\r\n
\r\n \r\n
\r\n {/* سوالات */}\r\n \r\n
\r\n جزئیات آزمون
\r\n- \r\n
- \r\n داشبورد\r\n \r\n
- \r\n آزمون های من\r\n \r\n
- جزئیات آزمون \r\n
\r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
\r\n
\r\n \r\n {/* پیکربندی */}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {data.TFIsSanjifyExam ? (\r\n <>\r\n آزمون آماده\r\n \r\n \r\n ) : (\r\n <>\r\n )}\r\n
\r\n\r\n \r\n
\r\n {data.TFTitle}
\r\n \r\n توضیحات :{\" \"}\r\n {data.TFDescription\r\n ? data.TFDescription\r\n : \" -------- \"}\r\n
\r\n {data.TFIsSanjifyExam ? (\r\n \r\n قیمت :{\" \"}\r\n {data.TFExamPrice\r\n ? data.TFExamPrice + \" ریال \"\r\n : data.TFExamPrice === 0 ||\r\n data.TFExamPrice === null ||\r\n data.TFExamPrice === \"\"\r\n ? \" رایگان \"\r\n : \" در انتظار تایید و تعیین قرارداد \"}\r\n
\r\n ) : (\r\n <>\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n تاریخ شروع
\r\n {data.TFStartDatep}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n ساعت شروع
\r\n \r\n {data.StartTimeHours + \":\" + data.StartTimeMinutes}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n نمره کل
\r\n {data.TFExamScore}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n حداقل نمره برای قبولی
\r\n \r\n {data.TFMinScoreForAcceptance}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {data.TFExamImgPath ? (\r\n \r\n
\r\n {data.TFIsCertNeeded ? (\r\n <>\r\n {data.TFOrgImgPath ? (\r\n \r\n
\r\n \r\n
\r\n \r\n تنظیمات آزمون\r\n
\r\n\r\n
\r\n - \r\n
- \r\n مدت زمان آزمون : {data.TFExamTime + \" دقیقه \"}{\" \"}\r\n \r\n
- \r\n نوع آزمون :{\" \"}\r\n {data.IdStaticData_ExamType\r\n ? examTypeList\r\n .filter(\r\n (el) =>\r\n el.Id === data.IdStaticData_ExamType\r\n )\r\n .map((el) => el.TFValue)\r\n : \"انتخاب نشده\"}\r\n \r\n
- زبان آزمون : {examLang} \r\n
\r\n لوگوی سازمان در مدرک\r\n
\r\n\r\n لوگوی آزمون در مدرک\r\n
\r\n\r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n پیکربندی آزمون{\" \"}\r\n
\r\n\r\n
\r\n - \r\n
- \r\n نمایش نتیجه در پایان آزمون :\r\n {data.TFIsScoreVisibleForApplicant ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
- \r\n امکان بازگشت به سوالات قبلی :\r\n {data.TFIsBackBtnActive ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
- \r\n ترتیب تصادفی نمایش سوالات :\r\n {data.TFIsQRandom ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
- \r\n برگزاری نظرسنجی پیش از شروع آزمون :\r\n {data.TFIsEvaluateNeeded ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
- \r\n ترتیب تصادفی نمایش گزینههای سوال :\r\n {data.TFIsARandom ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n\r\n
- \r\n صدور خودکار مدرک در صورت قبولی در آزمون :\r\n {data.TFIsCertNeeded ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n نوع بانک :{\" \"}\r\n {data.TFCalcExam === null ? \"معمولی\" : \"پیشرفته\"}\r\n
\r\n \r\n \r\n بانک(های) انتخاب شده : {data.courseTitles}\r\n {/* {data.courseTitles.map((item) => item).join(\", \")} */}\r\n
\r\n {data.TFCalcExam === null ? (\r\n data.Chapters === null ? (\r\n \r\n \r\n سرفصل : برای این آزمون هیچ سرفصلی انتخاب نشده است.\r\n
\r\n ) : (\r\n \r\n \r\n سرفصل : {data.ChapterName}\r\n
\r\n )\r\n ) : (\r\n \r\n {examBankConfig.map((conf, index) => {\r\n return (\r\n
\r\n )}\r\n \r\n
\r\n );\r\n })}\r\n \r\n {conf.TFQuestionCount} سوال از{\" \"}\r\n {conf.TFTitle}\r\n
\r\n تعداد سوالات آسان : {conf.TFEasy}
\r\n \r\n تعداد سوالات متوسط : {conf.TFNormal}\r\n
\r\n تعداد سوالات سخت : {conf.TFHard}
\r\n \r\n تعداد سوالات برگزیده : {conf.TFPinQuestion}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {questionExam.map((q, index) => {\r\n return (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n {props.exam.TFIsEvaluateNeeded ? (\r\n \r\n
\r\n \r\n \r\n \r\n تاریخ ایجاد : {props.exam.TFCreateDate}\r\n \r\n \r\n \r\n تاریخ برگزاری : {props.exam.TFStartDate}\r\n \r\n \r\n \r\n ساعت برگزاری :\r\n \r\n {props.exam.TFStartTime.Hours +\r\n \":\" +\r\n props.exam.TFStartTime.Minutes}\r\n \r\n \r\n
\r\n \r\n {props.exam.TFIsSanjifyExam ? (\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {props.exam.TFTitle}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n وضعیت :\r\n \r\n {props.exam.TFActive ? (\r\n \r\n \r\n فعال\r\n \r\n ) : (\r\n \r\n \r\n غیر فعال\r\n \r\n )}\r\n {\" | \"}\r\n {props.exam.status}\r\n
\r\n\r\n \r\n toast.error(\"این آزمون قابلیت ویرایش ندارد\")}\r\n data-toggle=\"tooltip\"\r\n data-placement=\"left\"\r\n title=\"این آزمون در حال برگزاری است یا زمان آن به اتمام رسیده است و قابلیت ویرایش ندارد\"\r\n >\r\n \r\n ویرایش\r\n
\r\n )}\r\n \r\n props.editExam(props.exam.Id)}\r\n >\r\n \r\n ویرایش\r\n
\r\n ) : (\r\n // شروع شده\r\n \r\n
\r\n \r\n \r\n شرکتکنندگان\r\n {props.exam.ApplicantCount > 0 ? (\r\n {\r\n props.showApplicants(props.exam);\r\n }}\r\n >\r\n {props.exam.ApplicantCount + \" نفر \"}\r\n \r\n ) : (\r\n {\r\n toast.error(\"کسی در این آزمون شرکت نکرده است\")\r\n }}\r\n >\r\n {props.exam.ApplicantCount + \" نفر \"}\r\n \r\n )}\r\n
\r\n \r\n props.editExam(props.exam.Id, props.exam.TFIsSanjifyExam)}\r\n >\r\n \r\n ویرایش\r\n
\r\n )\r\n ) : props.exam.codeStatus === \"-1\" ? (\r\n // شروع نشده\r\n \r\n {props.exam.TFIsSanjifyExam ? (\r\n props.exam.codeStatus === \"1\" ? (\r\n // تایید شده و در حال برگزاری\r\n \r\n toast.error(\"این آزمون قابلیت ویرایش ندارد\")\r\n }\r\n data-toggle=\"tooltip\"\r\n data-placement=\"left\"\r\n title=\"این آزمون در حال برگزاری است یا زمان آن به اتمام رسیده است و قابلیت ویرایش ندارد\"\r\n >\r\n \r\n ویرایش\r\n
\r\n ) : (\r\n // تایید شده شروع نشده یا در انتظار تاییده\r\n \r\n {\r\n props.getEvalResult(\r\n props.exam.Id,\r\n props.exam.codeStatus,\r\n props.exam.ApplicantCountEval,\r\n props.exam.TFTitle\r\n );\r\n }}\r\n >\r\n \r\n نظرسنجی\r\n
\r\n \r\n \r\n نظرسنجی\r\n
\r\n \r\n )}\r\n \r\n \r\n پیش نمایش\r\n
\r\n \r\n \r\n \r\n جزئیات\r\n
\r\n \r\n \r\n \r\n کپی کردن پیکربندی \r\n
\r\n \r\n \r\n \r\n گزارش\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default ExamCard;\r\n","import React from \"react\";\r\nimport \"./inputs.scss\";\r\n\r\nfunction LabeledInput(props) {\r\n let {\r\n label,\r\n icon,\r\n ...otherProps\r\n } = props;\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default LabeledInput;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Dashboard from \"Components/Dashboard/Dashboard\";\r\nimport \"./MyExam.scss\";\r\nimport Cookies from \"universal-cookie\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport { BASEURL } from \"utils/Constants\";\r\nimport swal from \"sweetalert\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport toast from 'react-hot-toast';\r\nimport avatar from \"assets/images/avatar1.jpg\";\r\nimport ExamCard from \"Components/ExamCard/ExamCard\";\r\nimport renderHTML from \"react-render-html\";\r\nimport * as FileSaver from \"file-saver\";\r\nimport * as XLSX from \"xlsx\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { toggleLoading } from \"redux/loadingSlice\";\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from \"Components/shared/Buttons/CustomButton\";\r\nimport * as examApi from \"apis/exam\";\r\nimport CustomTable from \"Components/shared/CustomTable/CustomTable\";\r\nimport LabeledInput from \"Components/shared/Inputs/LabeledInput\";\r\n\r\nconst MyExam = () => {\r\n const navigate = useNavigate();\r\n const dispatch = useDispatch();\r\n const [tableOpenedMenuIndex, setTableOpenedMenuIndex] = useState(-1);\r\n const [exams, setExams] = useState([]);\r\n const [evalResult, setEvalResult] = useState([]);\r\n const [evalResultExamTitle, setEvalResultExamTitle] = useState(\"\");\r\n const [evalAvg, setEvalAvg] = useState(0);\r\n const [applicantCount, setApplicantCount] = useState(0);\r\n const [allApplicants, setAllApplicants] = useState({\r\n examData: {},\r\n list: [],\r\n });\r\n const [searchField, setSearchField] = useState(\"\");\r\n const [applicantDetail, setApplicantDetail] = useState({\r\n applicantName: \"\",\r\n IsPassed: false,\r\n PercentAbort: 0,\r\n PercentCorrect: 0,\r\n PercentFalse: 0,\r\n CountAbort: 0,\r\n CountCorrect: 0,\r\n CountFalse: 0,\r\n });\r\n const [showApplicantDetail, setShowApplicantDetail] = useState(false);\r\n const [gridExamCard, setGridExamCard] = useState(true);\r\n const [userCanCreateExam, setUserCanCreateExam] = useState({\r\n status: false,\r\n reason: \"خرید یکی از بسته های سنجیفای برای طراحی آزمون الزامی است.\",\r\n });\r\n // اگر آزمون مهارت فردی است\r\n const [isInvidualSkillExam, setIsInvidualSkillExam] = useState(false);\r\n const [thisIsSanjifyExam, setThisIsSanjifyExam] = useState(false);\r\n\r\n const [invidualSkillExamReport, setInvidualSkillExamReport] = useState([]);\r\n\r\n const cookies = new Cookies();\r\n\r\n const getMyExam = async () => {\r\n let { data } = await examApi.getMyExam();\r\n if (data.status === true) {\r\n setExams(data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n dispatch(toggleLoading(false));\r\n }\r\n useEffect(() => {\r\n dispatch(toggleLoading(true));\r\n AxiosInterceptor.post(\"/Statistics/GetApplicantAdminStatistic\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n // تعداد آزمون هایی که تا الآن ساخته\r\n const EC = response.data.data.ExamCount;\r\n const activeContract = response.data.activeContract;\r\n if (activeContract.length > 0) {\r\n if (\r\n activeContract[0].ExamCount > EC ||\r\n activeContract[0].ExamCount === null\r\n ) {\r\n setUserCanCreateExam({ status: true, reason: \"\" });\r\n } else {\r\n setUserCanCreateExam({\r\n status: false,\r\n reason:\r\n \"با توجه به بستهای که خریداری کردهاید، تعداد آزمون هایی که میتوانید طراحی کنید به اتمام رسیده است.\\nلطفا به بخش بسته های سنجیفای رفته و نسبت به تمدید بسته خود اقدام فرمایید.\",\r\n });\r\n }\r\n } else {\r\n setUserCanCreateExam({\r\n status: false,\r\n reason:\r\n \"خرید یکی از بسته های سنجیفای برای طراحی آزمون الزامی است.\",\r\n });\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n getMyExam();\r\n }, []);\r\n const editExam = (idExam, IsSanjifyExam) => {\r\n if (IsSanjifyExam) {\r\n swal({\r\n title: \"توجه\",\r\n text: \"با ویرایش آزمون های سنجیفای ، آزمون شما از حالت تایید شده خارج میشود و نیاز به تایید مجدد ادمین دارد.\\nآیا این مورد را تایید میکنید؟\",\r\n icon: \"warning\",\r\n buttons: [\"انصراف\", \"تایید و ادامه\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n navigate(`/editExam/${idExam}`);\r\n }\r\n });\r\n } else {\r\n navigate(`/editExam/${idExam}`);\r\n }\r\n\r\n };\r\n const DetailExam = (idExam) => {\r\n navigate(`/DetailExam/${idExam}`);\r\n };\r\n const iWantToSeePreview = (idExam) => {\r\n localStorage.setItem(\"previewExamId\", idExam);\r\n navigate(\"/PreviewExam\");\r\n };\r\n const getEvalResult = (idExam, codeStatus, ApplicantCount, Title) => {\r\n if (codeStatus === \"-1\") {\r\n toast.error(\"آزمون مورد نظر شروع نشده است\")\r\n } else {\r\n AxiosInterceptor.post(\"/Exam/GetExamApplicantEvalAnswer\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: idExam,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n if (response.data.data.length > 0) {\r\n setEvalResult(response.data.data);\r\n setEvalAvg(response.data.avg);\r\n setApplicantCount(ApplicantCount);\r\n setEvalResultExamTitle(Title);\r\n document.getElementById(\"openEvalModal\").click();\r\n } else {\r\n toast.error(\"تا به حال کسی در نظر سنجی این آزمون شرکت نکرده است\")\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n };\r\n const showApplicants = (exam) => {\r\n setThisIsSanjifyExam(exam.TFIsSanjifyExam);\r\n AxiosInterceptor.post(\"/Exam/GetExamApplicant\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdExam: exam.Id,\r\n }).then((response) => {\r\n if (response.data.status) {\r\n setAllApplicants({\r\n examData: exam,\r\n list: response.data.data,\r\n });\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n // اگر آزمون مهارت فردی باشد شرایط متفاوت است\r\n let individualExamTypeId = \"aa457d59-e2ae-4126-b27b-77ab592c8149\";\r\n if (\r\n exam.IdStaticData_ExamType?.toLowerCase() ===\r\n individualExamTypeId.toLowerCase()\r\n ) {\r\n setIsInvidualSkillExam(true);\r\n } else {\r\n setIsInvidualSkillExam(false);\r\n }\r\n };\r\n const showThisApplicantDetail = (applicant) => {\r\n // فقط برای آزمون های مهارت فردی\r\n setApplicantDetail({\r\n applicantName: applicant.TFName + \" \" + applicant.TFFamily,\r\n IsPassed: applicant.TFIsPassed,\r\n PercentAbort: applicant.TFPercentAbort,\r\n PercentCorrect: applicant.TFPercentCorrect,\r\n PercentFalse: applicant.TFPercentFalse,\r\n CountAbort: applicant.TFCountAbort,\r\n CountCorrect: applicant.TFCountCorrect,\r\n CountFalse: applicant.TFCountFalse,\r\n });\r\n setShowApplicantDetail(true);\r\n AxiosInterceptor.post(\"/applicantExam/GetUserReportForInvidualSkillExam\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdApplicantExam: applicant.IdApplicantExam,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setInvidualSkillExamReport(response.data.data);\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n };\r\n const sendSingleSmsToApplicant = (applicantexamId) => {\r\n AxiosInterceptor.post(\"/exam/SendSingleApplicantSms\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdApplicantExam: applicantexamId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(response.data.data)\r\n } else {\r\n toast.error(response.data.data)\r\n }\r\n });\r\n };\r\n const iWantToCreateExam = () => {\r\n if (userCanCreateExam.status) {\r\n navigate(\"/CreateExam\");\r\n } else {\r\n swal({\r\n title: \"توجه\",\r\n text: userCanCreateExam.reason,\r\n icon: \"warning\",\r\n buttons: [\"متوجه شدم\", \"خرید بسته\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n navigate(\"/\");\r\n }\r\n });\r\n }\r\n };\r\n const exportExcel = () => {\r\n let reportData = [];\r\n invidualSkillExamReport.forEach((question) => {\r\n reportData.push({\r\n \"صورت سوال\": renderHTML(question.TFTitle).props.children[0],\r\n پاسخ: renderHTML(question.AnsTitle).props.children[0],\r\n });\r\n });\r\n exportToCSV(\r\n reportData,\r\n \" گزارش \" +\r\n allApplicants.examData?.TFTitle +\r\n \" - \" +\r\n applicantDetail.applicantName\r\n );\r\n };\r\n const exportToCSV = (apiData, fileName) => {\r\n const ws = XLSX.utils.json_to_sheet(apiData);\r\n const wb = { Sheets: { data: ws }, SheetNames: [\"data\"] };\r\n const excelBuffer = XLSX.write(wb, { bookType: \"xlsx\", type: \"array\" });\r\n const data = new Blob([excelBuffer], {\r\n type: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8\",\r\n });\r\n FileSaver.saveAs(data, fileName + \".xlsx\");\r\n };\r\n const examCountIsZero = () => {\r\n return (\r\n exams.filter((ex) => {\r\n return ex.TFTitle.toLowerCase().includes(searchField.toLowerCase());\r\n }).length === 0\r\n );\r\n };\r\n const copyConfig = (idExam) => {\r\n navigate(`/CreateExam?copiedConfig=${idExam}`);\r\n };\r\n\r\n return (\r\n \r\n \r\n {exams\r\n .filter((ex) => {\r\n return ex.TFTitle.toLowerCase().includes(\r\n searchField.toLowerCase()\r\n );\r\n })\r\n .map((exam, index) => {\r\n return (\r\n \r\n {exam.TFTitle} \r\n {exam.TFCreateDate} \r\n {exam.TFStartDate + \" - \" + exam.TFStartTime.Hours + \":\" + exam.TFStartTime.Minutes} \r\n \r\n {exam.TFIsSanjifyExam ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n {exam.TFIsEvaluateNeeded ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n {exam.ApplicantCount + \" نفر \"}\r\n \r\n \r\n ,\r\n onClick: () => {\r\n if (exam.ApplicantCount > 0) {\r\n showApplicants(exam);\r\n } else {\r\n toast.error(\"کسی در این آزمون شرکت نکرده است\")\r\n }\r\n },\r\n otherProps: exam.ApplicantCount > 0 ? {\r\n \"data-toggle\": \"modal\",\r\n \"data-target\": \"#applicantsModal\"\r\n } : null\r\n },\r\n {\r\n title: \"ویرایش\",\r\n icon: ,\r\n onClick: () => {\r\n {\r\n if (exam.TFIsSanjifyExam) {\r\n if (exam.codeStatus === \"1\") {\r\n // تایید شده و در حال برگزاری\r\n toast.error(\"این آزمون در حال برگزاری است یا زمان آن به اتمام رسیده است و قابلیت ویرایش ندارد\");\r\n } else {\r\n // تایید شده شروع نشده یا در انتظار تاییده\r\n editExam(exam.Id, exam.TFIsSanjifyExam)\r\n }\r\n } else if (exam.codeStatus === \"-1\") {\r\n // شروع نشده\r\n editExam(exam.Id, exam.TFIsSanjifyExam)\r\n } else {\r\n // شروع شده\r\n toast.error(\"این آزمون در حال برگزاری است یا زمان آن به اتمام رسیده است و قابلیت ویرایش ندارد\");\r\n }\r\n }\r\n }\r\n },\r\n exam.TFIsEvaluateNeeded && (\r\n {\r\n title: \"مشاهده نتایج نظرسنجی\",\r\n icon: ,\r\n onClick: () => {\r\n getEvalResult(\r\n exam.Id,\r\n exam.codeStatus,\r\n exam.ApplicantCountEval,\r\n exam.TFTitle\r\n )\r\n }\r\n }\r\n ),\r\n {\r\n title: \"پیش نمایش\",\r\n icon: ,\r\n onClick: () => iWantToSeePreview(exam.Id)\r\n },\r\n {\r\n title: \"جزئیات\",\r\n icon: ,\r\n onClick: () => DetailExam(exam.Id)\r\n },\r\n {\r\n title: \"کپی کردن پیکربندی\",\r\n icon: ,\r\n onClick: () => copyConfig(exam.Id)\r\n }\r\n ]}\r\n />\r\n \r\n \r\n );\r\n })}\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n آزمون های من
\r\n\r\n \r\n آزمون جدید +\r\n \r\n
\r\n \r\n
\r\n {examCountIsZero() ? (\r\n \r\n {\r\n setGridExamCard(!gridExamCard);\r\n }}\r\n >\r\n
\r\n \r\n setSearchField(e.target.value)}\r\n value={searchField}\r\n placeholder=\"جستجوی آزمون...\"\r\n type=\"search\"\r\n />\r\n
\r\n \r\n {searchField\r\n ? \"موردی یافت نشد!\"\r\n : \"شما تا کنون، هیچ آزمونی ایجاد نکرده اید.\"}\r\n
\r\n ) : (\r\n <>\r\n )}\r\n {gridExamCard ? (\r\n\r\n {exams\r\n .filter((ex) => {\r\n return ex.TFTitle.toLowerCase().includes(\r\n searchField.toLowerCase()\r\n );\r\n })\r\n .map((exam, index) => {\r\n return (\r\n
\r\n ) : (\r\n \r\n {exam.TFActive ? (\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n تا کنون{\" \"}\r\n {applicantCount + \" نفر \"}{\" \"}\r\n در نظرسنجی این آزمون شرکت{\" \"}\r\n {applicantCount > 1 ? \"کرده اند\" : \"کرده است\"}.\r\n \r\n
\r\n \r\n نتایج ارزشیابیِ {evalResultExamTitle}\r\n
\r\n\r\n \r\n تا کنون{\" \"}\r\n {applicantCount + \" نفر \"}{\" \"}\r\n در نظرسنجی این آزمون شرکت{\" \"}\r\n {applicantCount > 1 ? \"کرده اند\" : \"کرده است\"}.\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n {evalResult.map((el, index) => {\r\n return (\r\n \r\n {el.Question} \r\n {el.Score} \r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n میانگین کل : {evalAvg}
\r\n\r\n
\r\n \r\n بستن\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n {showApplicantDetail ? (\r\n <>\r\n {\r\n setShowApplicantDetail(false);\r\n }}\r\n >\r\n بازگشت به لیست همه کاربران\r\n \r\n
\r\n \r\n نمایش آمار{\" \"}\r\n \r\n {applicantDetail.applicantName}\r\n \r\n
\r\n \r\n ) : (\r\n\r\n شرکتکنندگانِ {allApplicants.examData?.TFTitle}\r\n
\r\n )}\r\n\r\n
\r\n \r\n { // آزمون مهارت فردی باشد\r\n isInvidualSkillExam ? (\r\n showApplicantDetail ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n نام آزمون :{\" \"}\r\n \r\n {allApplicants.examData?.TFTitle}\r\n
\r\n \r\n \r\n خروجی اکسل\r\n \r\n
\r\n \r\n \r\n {invidualSkillExamReport.map(\r\n (question, index) => {\r\n return (\r\n \r\n \r\n {renderHTML(question.TFTitle)}\r\n \r\n \r\n {renderHTML(question.AnsTitle)}\r\n \r\n \r\n );\r\n }\r\n )}\r\n \r\n
\r\n \r\n
\r\n )\r\n ) : // آزمون مهارت فردی نباشد\r\n \r\n \r\n {allApplicants.list.map((applicant, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n {applicant.TFMobile}\r\n \r\n \r\n {applicant.TFEmail}\r\n \r\n \r\n {applicant.TFNationalCode}\r\n \r\n \r\n \r\n \r\n ,\r\n onClick: () => {\r\n showThisApplicantDetail(applicant);\r\n },\r\n }),\r\n !applicant.TFStartDate && !thisIsSanjifyExam && (\r\n {\r\n title: \"ارسال پیام دعوت به آزمون\",\r\n icon: ,\r\n onClick: () => {\r\n sendSingleSmsToApplicant(applicant.IdApplicantExam);\r\n }\r\n }\r\n ),\r\n ]} />\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n {applicant.TFIsFinished &&\r\n applicant.TFStartDate ? (\r\n
\r\n \r\n
\r\n }\r\n \r\n \r\n {allApplicants.list.map((applicant, index) => {\r\n return (\r\n \r\n \r\n \r\n \r\n {applicant.TFMobile}\r\n \r\n \r\n {applicant.TFEmail}\r\n \r\n \r\n {applicant.TFNationalCode}\r\n \r\n \r\n {applicant.TFScore}\r\n \r\n \r\n \r\n \r\n ,\r\n onClick: () => {\r\n navigate(\r\n `/ApplicantOutput?idExam=${allApplicants.examData.Id}&idAe=${applicant.IdApplicantExam}`\r\n );\r\n },\r\n otherProps: {\r\n \"data-dismiss\": \"modal\"\r\n }\r\n }),\r\n !applicant.TFStartDate && !thisIsSanjifyExam && (\r\n {\r\n title: \"ارسال پیام دعوت به آزمون\",\r\n icon: ,\r\n onClick: () => {\r\n sendSingleSmsToApplicant(applicant.IdApplicantExam);\r\n }\r\n }\r\n ),\r\n ]} />\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n {applicant.TFIsFinished &&\r\n applicant.TFStartDate ? (\r\n
\r\n \r\n
\r\n {\r\n setShowApplicantDetail(false);\r\n }}\r\n >\r\n بستن\r\n \r\n
\r\n \r\n \r\n {userPlans.length > 0 ? (\r\n userPlans.map((planContract, index) => {\r\n return (\r\n \r\n \r\n {planContract.Plan}\r\n \r\n {planContract.CreateDate} \r\n {planContract.StartDate} \r\n {planContract.TFEndDate} \r\n \r\n \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n شما هنوز بسته ای خریداری نکرده اید. \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n بستههای من
\r\n\r\n {planContract.TFActive ? (\r\n \r\n ارتقا یافته به {planContract.upgradedToPlanTitle}\r\n \r\n \r\n } />\r\n )}\r\n
\r\n\r\n \r\n setThisAnswerCorrect(e, el.Id)}\r\n >\r\n \r\n answerToggler(event, el.Id)\r\n }\r\n />\r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n نمره کل : {examData.TFExamScore}\r\n
\r\n \r\n \r\n حداقل نمره قبولی : {examData.TFMinScoreForAcceptance}\r\n \r\n
\r\n \r\n تعداد سوالات : {examData.TFQCount}\r\n \r\n راهنما\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n راهنمای آزمون سنجیفای\r\n
\r\n\r\n
\r\n - \r\n {examData.TFIsBackBtnActive ? (\r\n
- \r\n پاسخگویی به سوالات ترتیب خاصی ندارد، شما میتوانید\r\n به ترتیب دلخواه خودتان به سوالات مطرح شده پاسخ\r\n دهید.\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
- \r\n زمان آزمون در کنار سوالات درج شده است. پس از به\r\n پایان رسیدن مهلت، به صورت خودکار آزمون شما به اتمام\r\n خواهد رسید.\r\n \r\n
- \r\n الزامی به حضور در آزمون تا پایان زمان سنج وجود\r\n ندارد. در هر زمانی میتوانید با زدن دکمه پایان\r\n آزمون، آزمون خود را خاتمه دهید و کارنامه خود را\r\n مشاهده کنید.\r\n \r\n {examData.TFIsBackBtnActive ? (\r\n
- \r\n برای ثبت یادآوری سوالات جهت پاسخ یا بازبینی مجدد،\r\n از گزینه علامتگذاری سوال استفاده کنید.\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
- \r\n چک باکس گزینههای سوال، نوع سوال را مشخص میکند.\r\n \r\n
- \r\n اگر از پاسخ دادن به سوال منصرف شدید، برای حذف گزینه\r\n انتخاب شده از دکمه حذف پاسخ ها استفاده کنید.\r\n \r\n
- \r\n برای جابهجایی سریع بین سوالات، شماره سوال مورد نظر\r\n را وارد کرده و روی دکمه برو به سوال کلیک کنید.\r\n \r\n
\r\n \r\n بستن\r\n \r\n
\r\n \r\n {examQustions[currentQuestion].TFImagePath === null ? (\r\n setThisAnswerCorrect(e, el.Id)}\r\n >\r\n \r\n answerToggler(event, el.Id)\r\n }\r\n />\r\n \r\n
\r\n );\r\n }\r\n })}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {examData.TFQCount > 0 && questionCount > 0 && (\r\n <>\r\n سوال{\" \"}\r\n \r\n {examData.TFQCount -\r\n questionCount +\r\n currentQuestion +\r\n 1}\r\n {\" \"}\r\n از {examData.TFQCount}\r\n \r\n )}\r\n {examData.TFIsBackBtnActive ? (\r\n <>\r\n -\r\n
\r\n\r\n \r\n علامت گذاری سوال\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {renderHTML(examQustions[currentQuestion].TFTitle)}\r\n
\r\n \r\n \r\n \r\n clearAnswers(examQustions[currentQuestion].Id)\r\n }\r\n >\r\n حذف پاسخ های این سوال\r\n \r\n\r\n {examQustionAnswers\r\n .filter(\r\n (ele) =>\r\n ele.IdQuestion === examQustions[currentQuestion].Id\r\n )\r\n .map((el) => {\r\n if (\r\n examQustions[currentQuestion].IdStaticData_Type ===\r\n \"d55ae29a-4e3d-4b54-9aa9-408fd13b2f02\"\r\n ) {\r\n return (\r\n setThisAnswerCorrect(e, el.Id)}\r\n >\r\n \r\n answerToggler(event, el.Id)\r\n }\r\n />\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ×\r\n \r\n
\r\n \r\n \r\n {examData.TFQCount > 0 && questionCount > 0 && (\r\n <>\r\n سوال{\" \"}\r\n \r\n {examData.TFQCount -\r\n questionCount +\r\n currentQuestion +\r\n 1}\r\n {\" \"}\r\n از {examData.TFQCount}\r\n \r\n )}\r\n {examData.TFIsBackBtnActive ? (\r\n <>\r\n -\r\n
\r\n\r\n \r\n علامت گذاری سوال\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {renderHTML(examQustions[currentQuestion].TFTitle)}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n clearAnswers(examQustions[currentQuestion].Id)\r\n }\r\n >\r\n حذف پاسخ های این سوال\r\n \r\n\r\n {examQustionAnswers\r\n .filter(\r\n (ele) =>\r\n ele.IdQuestion === examQustions[currentQuestion].Id\r\n )\r\n .map((el) => {\r\n if (\r\n examQustions[currentQuestion].IdStaticData_Type ===\r\n \"d55ae29a-4e3d-4b54-9aa9-408fd13b2f02\"\r\n ) {\r\n return (\r\n setThisAnswerCorrect(e, el.Id)}\r\n >\r\n \r\n answerToggler(event, el.Id)\r\n }\r\n />\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n {questionCount > 1 ? (\r\n examData.TFIsBackBtnActive ? (\r\n <>\r\n \r\n قبلی\r\n \r\n \r\n بعدی\r\n \r\n \r\n \r\n ) : (\r\n \r\n بعدی\r\n \r\n \r\n )\r\n ) : (\r\n <>\r\n )}\r\n {currentQuestion + 1 === examQustions.length && (\r\n {\r\n navigate(\"/MyExam\");\r\n }}\r\n >\r\n پایان آزمون\r\n \r\n )}\r\n
\r\n \r\n \r\n {/* quiz control */}\r\n
\r\n {/* quiz control */}\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n ابزار آزمون
\r\n\r\n
\r\n \r\n
\r\n \r\n زمان باقی مانده
\r\n\r\n
\r\n \r\n
\r\n\r\n {examData.TFIsBackBtnActive ? (\r\n <>\r\n سوالات باقی مانده
\r\n{questionCount - (currentQuestion + 1)}
\r\n\r\n
\r\n \r\n برو به سوال\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n \r\n {\r\n navigate(\"/MyExam\");\r\n }}\r\n className=\"bg-danger\"\r\n style={{ minWidth: \"240px\" }}\r\n data-tut=\"finish\"\r\n >\r\n پایان آزمون\r\n \r\n
\r\n \r\n {/* quiz control */}\r\n
\r\n {/* quiz control */}\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n ابزار آزمون\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n زمان باقی مانده
\r\n\r\n
\r\n \r\n
\r\n\r\n {examData.TFIsBackBtnActive ? (\r\n <>\r\n سوالات باقی مانده
\r\n{questionCount - (currentQuestion + 1)}
\r\n\r\n \r\n (e.keyCode === 69 ||\r\n e.keyCode === 190 ||\r\n e.keyCode === 110) &&\r\n e.preventDefault()\r\n }\r\n />\r\n
\r\n \r\n برو به سوال\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n\r\n \r\n {\r\n navigate(\"/MyExam\");\r\n }}\r\n >\r\n پایان آزمون\r\n \r\n
\r\n \r\n {questionBank.TFTitle}\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default BankCard;\r\n","import React from \"react\";\r\nimport ReactQuill from \"react-quill\";\r\n\r\nconst QuillEditor = ({ direction,value, onChange }) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n setShowActionsMenu(!showActionsMenu);\r\n setQIdChoosen(question.Id);\r\n }}\r\n className=\"set-ele-middle\"\r\n style={{ cursor: \"pointer\", color: \"#666\" }}\r\n >\r\n \r\n
\r\n {showActionsMenu && qIdChoosen === question.Id && (\r\n \r\n \r\n {renderHTML(question.TFTitle)}\r\n
\r\n \r\n {\r\n setQIdChoosen(question.Id);\r\n setQuestionConfig({\r\n qaqType: question.IdStaticData_Type,\r\n addNewQAMode: false,\r\n editNewQAMode: false,\r\n });\r\n getAllAnswers(question.Id);\r\n }}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n نمایش جواب ها\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n\r\n {/* {question.Editable ? (\r\n\r\n \r\n \r\n\r\n ) : (\r\n\r\n {question.TFIsActive ? (\r\n\r\n )} */}\r\n\r\n فعال\r\n \r\n\r\n ) : (\r\n\r\n غیرفعال\r\n \r\n\r\n )}\r\n \r\n
- \r\n
- \r\n {question.Editable ? (\r\n
- \r\n {question.Deletable ? (\r\n
\r\n {qNumber}\r\n {question.TFImagePath && (\r\n \r\n \r\n \r\n )}\r\n {question.TFIsPin && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default QuestionCard;\r\n","import { createSlice } from \"@reduxjs/toolkit\";\r\n\r\nconst modalLoadingSlice = createSlice({\r\n name: \"modalLoading\",\r\n initialState: { show: false },\r\n reducers: {\r\n toggleModalLoading: (state, { payload }) => {\r\n state.show = payload;\r\n },\r\n },\r\n});\r\nexport const { toggleModalLoading } = modalLoadingSlice.actions;\r\n\r\nexport default modalLoadingSlice.reducer;\r\n","import AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport Cookies from \"universal-cookie\";\r\nconst cookies = new Cookies();\r\n\r\n\r\nconst getQuestionBankStatics = async () => {\r\n return await AxiosInterceptor.post(\"/QuestionBank/GetQuestionBankStatics\", {\r\n Token: cookies.get(\"_exa\"),\r\n });\r\n}\r\n\r\nexport { getQuestionBankStatics };","import React, { useState, useEffect } from 'react'\r\nimport * as api from \"apis/questionBank\";\r\nimport swal from \"sweetalert\"\r\nimport \"./Statistics.scss\";\r\nimport Chart from \"react-apexcharts\";\r\n\r\nfunction Statistics() {\r\n const [questionBankStatics, setQuestionBankStatics] = useState({\r\n countAll: 0,\r\n countActive: 0,\r\n countDeactive: 0,\r\n countPersian: 0,\r\n countEnglish: 0,\r\n countMulti: 0,\r\n countSingle: 0,\r\n countIsPin: 0,\r\n // countHasImage: 0\r\n });\r\n const [difficultyChart, setDifficultyChart] = useState({\r\n series: [],\r\n options: {\r\n title: {\r\n text: \"وضعیت از نظر سختی\",\r\n align: \"center\",\r\n offsetY: -10,\r\n margin: 20,\r\n style: {\r\n fontSize: \"15px\",\r\n fontFamily: \"IRANSansWeb\",\r\n },\r\n },\r\n stroke: {\r\n colors: ['#fff']\r\n // colors: ['#425664']\r\n },\r\n fill: {\r\n opacity: 0.8,\r\n // colors: [\"#1ADFC4\", \"#FB4F00\", \"#FFB703\"],\r\n },\r\n legend: {\r\n show: true,\r\n showForNullSeries: true,\r\n showForZeroSeries: true,\r\n // position: 'center',\r\n offsetY: 70,\r\n // markers: {\r\n // fillColors: [\"#1ADFC4\", \"#FB4F00\", \"#FFB703\"],\r\n // },\r\n },\r\n labels: ['سوالات آسان', 'سوالات متوسط', 'سوالات سخت'],\r\n tooltip: {\r\n style: {\r\n fontSize: \"12px\",\r\n fontFamily: \"IRANSansWeb\",\r\n },\r\n },\r\n responsive: [{\r\n breakpoint: 480,\r\n options: {\r\n chart: {\r\n width: 200\r\n },\r\n legend: {\r\n position: 'bottom'\r\n }\r\n }\r\n }]\r\n },\r\n });\r\n const getQuestionBankStatics = async () => {\r\n const { data } = await api.getQuestionBankStatics();\r\n if (data.status === true) {\r\n setQuestionBankStatics({\r\n countAll: data.data.countAll,\r\n countActive: data.data.countActive,\r\n countDeactive: data.data.countDeactive,\r\n countPersian: data.data.countPersian,\r\n countEnglish: data.data.countEnglish,\r\n countMulti: data.data.countMulti,\r\n countSingle: data.data.countSingle,\r\n countIsPin: data.data.countIsPin,\r\n });\r\n setDifficultyChart({\r\n ...difficultyChart,\r\n series: [data.data.countEasy, data.data.countNormal, data.data.countHard],\r\n })\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n };\r\n useEffect(() => {\r\n getQuestionBankStatics();\r\n }, []);\r\n return (\r\n \r\n {question.Editable ? (\r\n questionConfig.addNewQAMode && question.Id === qIdChoosen ? (\r\n <>\r\n {\r\n setQuestionConfig({\r\n ...questionConfig,\r\n addNewQAMode: true,\r\n });\r\n }}\r\n >\r\n افزودن پاسخ جدید\r\n \r\n )\r\n ) : (\r\n
\r\n {questionConfig.editNewQAMode && question.Id === qIdChoosen && (\r\n \r\n {\r\n setNewQATitle(data);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n setNewQATitle(\"\");\r\n setQuestionConfig({\r\n ...questionConfig,\r\n addNewQAMode: false,\r\n });\r\n }}\r\n >\r\n انصراف\r\n \r\n
\r\n \r\n ) : questionConfig.editNewQAMode && question.Id === qIdChoosen ? (\r\n \"\"\r\n ) : (\r\n \r\n {\r\n addNewQA(question.Id);\r\n }}\r\n >\r\n افزودن\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n تذکر : این سوال قبلا در یک آزمون استفاده شده است ، به همین علت\r\n پاسخ های آن قابل تغییر نیستند\r\n
\r\n\r\n
\r\n )}\r\n {allAnswers.length > 0 ? (\r\n question.Id === qIdChoosen &&\r\n allAnswers.map((a, index) => {\r\n return (\r\n \r\n {\r\n setEditedQA({ ...editedQA, title: data });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n setQuestionConfig({\r\n ...questionConfig,\r\n editNewQAMode: false,\r\n });\r\n }}\r\n >\r\n انصراف\r\n \r\n
\r\n \r\n {\r\n updateQA(question.Id);\r\n }}\r\n >\r\n ثبت تغییرات\r\n \r\n
\r\n \r\n هیچ جوابی برای این سوال تعیین نشده است\r\n
\r\n )}\r\n\r\n
\r\n \r\n {question.Id === qIdChoosen && question.TFImagePath && (\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Statistics","import React, { useEffect, useState } from \"react\";\r\nimport Dashboard from \"Components/Dashboard/Dashboard\";\r\nimport \"./QuestionBank.scss\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport { BASEURL } from \"utils/Constants\";\r\nimport swal from \"sweetalert\";\r\nimport Cookies from \"universal-cookie\";\r\nimport Portal from \"Components/shared/Portal/Portal\";\r\nimport toast from \"react-hot-toast\";\r\nimport Answer from \"Components/shared/Answer/Answer\";\r\nimport BankCard from \"./BankCard/BankCard\";\r\nimport QuestionCard from \"Components/QuestionCard/QuestionCard\";\r\nimport { toggleModalLoading } from \"redux/modalLoadingSlice\";\r\nimport { toggleLoading } from \"redux/loadingSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport FloatingInput from \"Components/shared/Inputs/FloatingInput\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport LabeledInput from \"Components/shared/Inputs/LabeledInput\";\r\nimport SelectInput from \"Components/shared/Inputs/SelectInput\";\r\nimport CustomTable from \"Components/shared/CustomTable/CustomTable\";\r\nimport DescriptionCard from \"Components/shared/DescriptionCard/DescriptionCard\";\r\nimport Statistics from \"./Statistics/Statistics\";\r\nimport QuillEditor from \"Components/QuillEditor\";\r\nimport { useMemo } from \"react\";\r\n\r\nfunction QuestionBank() {\r\n const cookies = new Cookies();\r\n const dispatch = useDispatch();\r\n /* ===================================================================\r\n ============================ Question =================================\r\n ===================================================================== */\r\n const [allQuestions, setAllQuestions] = useState([]);\r\n const [allNewAnswers, setAllNewAnswers] = useState([]);\r\n const [addingAnswerMode, setAddingAnswerMode] = useState(false);\r\n const [bankTableOpenedMenuIndex, setBankTableOpenedMenuIndex] = useState(-1);\r\n const [qIdChoosen, setQIdChoosen] = useState(\"\");\r\n const [showActionsMenu, setShowActionsMenu] = useState(false);\r\n const [questionInputs, setQuestionInputs] = useState({\r\n qid: \"\",\r\n qlang: \"\",\r\n qdifficulty: \"\",\r\n qtype: \"\",\r\n qcourse: \"\",\r\n qchapter: \"\",\r\n qtitle: \"\",\r\n qimageUrl: \"\",\r\n qimageType: \"\",\r\n });\r\n const [answerConfig, setAnswerConfig] = useState({\r\n qaqType: \"\",\r\n addNewQAMode: false,\r\n editNewQAMode: false,\r\n });\r\n const [newQATitle, setNewQATitle] = useState(\"\");\r\n const [editedQA, setEditedQA] = useState({\r\n title: \"\",\r\n id: \"\",\r\n });\r\n const QuestionInputsChangeHandler = (e) => {\r\n setQuestionInputs({\r\n ...questionInputs,\r\n [e.target.name]: e.target.value,\r\n });\r\n };\r\n const getAllQuestions = () => {\r\n dispatch(toggleLoading(true));\r\n AxiosInterceptor.post(\"/QuestionBank/GetQuestion\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setAllQuestions(response.data.data);\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n dispatch(toggleLoading(false));\r\n });\r\n };\r\n const questionImageChangeHandler = (event) => {\r\n let size = (event.target.files[0].size / 1024).toFixed(2);\r\n if (size <= 1000) {\r\n let fileExtention = event.target.value.split(\"\\\\\")[2];\r\n let type = \"\";\r\n if (fileExtention.includes(\".jpg\") || fileExtention.includes(\".JPG\")) {\r\n type = \"jpg\";\r\n } else if (\r\n fileExtention.includes(\".png\") ||\r\n fileExtention.includes(\".PNG\")\r\n ) {\r\n type = \"png\";\r\n }\r\n let reader = new FileReader();\r\n reader.onloadend = () => {\r\n setQuestionInputs({\r\n ...questionInputs,\r\n qimageUrl: reader.result,\r\n qimageType: type,\r\n });\r\n };\r\n reader.readAsDataURL(event.target.files[0]);\r\n } else {\r\n document.querySelector(\"#questionImageSizeLimitText\").style.fontWeight =\r\n \"bolder\";\r\n document.querySelector(\"#questionImageSizeLimitText\").style.fontSize =\r\n \"large\";\r\n document.querySelector(\"#questionImageSizeLimitText\").style.color = \"red\";\r\n }\r\n };\r\n const saveQuestion = () => {\r\n AxiosInterceptor.post(\"/QuestionBank/SaveQuestion\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: questionInputs.qcourse,\r\n IdChapter: questionInputs.qchapter,\r\n IdDifficulty: questionInputs.qdifficulty,\r\n IdLang: questionInputs.qlang,\r\n IdType: questionInputs.qtype,\r\n Title: questionInputs.qtitle,\r\n file: questionInputs.qimageUrl,\r\n ImageType: questionInputs.qimageType,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setQuestionInputs((prev) => ({\r\n ...prev,\r\n qid: response.data.data,\r\n }));\r\n setAddingAnswerMode(true);\r\n setNewQATitle(\"\");\r\n setAllNewAnswers([]);\r\n } else {\r\n swal(\"خطا در ایجاد سوال\", \"مقادیر وارد شده را بررسی کنید\", \"error\");\r\n }\r\n });\r\n };\r\n const updateQuestion = () => {\r\n var newEditedQuestionImageUrl = \"\";\r\n var newEditedQuestionImageType = \"\";\r\n if (questionInputs.qimageUrl.includes(\"data:image\")) {\r\n newEditedQuestionImageUrl = questionInputs.qimageUrl;\r\n newEditedQuestionImageType = questionInputs.qimageType;\r\n }\r\n AxiosInterceptor.post(\"/QuestionBank/UpdateQuestion\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: questionInputs.qid,\r\n IdCourse: questionInputs.qcourse,\r\n IdChapter: questionInputs.qchapter,\r\n IdDifficulty: questionInputs.qdifficulty,\r\n IdLang: questionInputs.qlang,\r\n IdType: questionInputs.qtype,\r\n Title: questionInputs.qtitle,\r\n file: newEditedQuestionImageUrl,\r\n ImageType: newEditedQuestionImageType,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(\"سوال مورد نظر به روز رسانی شد\");\r\n getAllQuestions();\r\n } else {\r\n swal(response.data.data, \"مقادیر صحیح وارد کنید\", \"error\");\r\n }\r\n });\r\n };\r\n const getAllAnswers = (QId) => {\r\n AxiosInterceptor.post(\"/QuestionBank/GetQuestionAnswers\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: QId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setAllNewAnswers(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"اطلاعات به درستی از سرور دریافت نشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const addNewQA = (QId) => {\r\n if (newQATitle === \"\") {\r\n toast.error(\"عنوان پاسخ جدید نمیتواند خالی باشد\");\r\n } else {\r\n AxiosInterceptor.post(\"/QuestionBank/SaveQuestionAnswer\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: QId,\r\n Title: newQATitle,\r\n IsCorrect: false,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(\"پاسخ مورد نظر اضافه شد\");\r\n setAnswerConfig({\r\n ...answerConfig,\r\n addNewQAMode: false,\r\n });\r\n setNewQATitle(\"\");\r\n getAllAnswers(QId);\r\n } else {\r\n swal(response.data.data, \"مقادیر صحیح وارد کنید\", \"error\");\r\n }\r\n });\r\n }\r\n };\r\n const deleteQA = (aId, QId) => {\r\n swal({\r\n title: \"مطمئن هستید؟\",\r\n text: \"آیا از حذف این پاسخ اطمینان دارید؟\",\r\n icon: \"warning\",\r\n buttons: [\"خیر\", \"بله\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n AxiosInterceptor.post(\"/QuestionBank/DeleteQuestionAnswer\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestionAnswer: aId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n getAllAnswers(QId);\r\n toast.success(\"پاسخ مورد نظر حذف شد\");\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا در حذف پاسخ\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n });\r\n };\r\n const EditQA = (aId, aTitle) => {\r\n setEditedQA({\r\n title: aTitle,\r\n id: aId,\r\n });\r\n setAnswerConfig({\r\n ...answerConfig,\r\n addNewQAMode: false,\r\n editNewQAMode: true,\r\n });\r\n };\r\n const updateQA = (QId) => {\r\n if (editedQA.title === \"\") {\r\n toast.error(\"عنوان بانک سوال نمی تواند خالی باشد\");\r\n } else {\r\n AxiosInterceptor.post(\"/QuestionBank/UpdateQuestionAnswer\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestionAnswer: editedQA.id,\r\n Title: editedQA.title,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(\"پاسخ مورد نظر به روز رسانی شد\");\r\n setNewQATitle(\"\");\r\n setAnswerConfig({\r\n ...answerConfig,\r\n editNewQAMode: false,\r\n });\r\n getAllAnswers(QId);\r\n setEditedQA({\r\n title: \"\",\r\n id: \"\",\r\n });\r\n } else {\r\n toast.error(response.data.data);\r\n }\r\n });\r\n }\r\n };\r\n const resetQuestionModal = () => {\r\n setQuestionInputs({\r\n ...questionInputs,\r\n qid: \"\",\r\n qtitle: \"\",\r\n qimageUrl: \"\",\r\n qimageType: \"\",\r\n });\r\n setAddingAnswerMode(false);\r\n setAllNewAnswers([]);\r\n };\r\n const closeQestionModal = (action) => {\r\n if (allNewAnswers.length <= 1) {\r\n toast.error(\"حداقل باید دو پاسخ اضافه کنید\");\r\n } else {\r\n dispatch(toggleModalLoading(true));\r\n AxiosInterceptor.post(\"/QuestionBank/CheckHasAnswer\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: questionInputs.qid,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n getAllQuestions();\r\n if (action === \"closeModal\") {\r\n Portal.close();\r\n } else {\r\n resetQuestionModal();\r\n }\r\n } else {\r\n if (!response.data.HasAnswer) {\r\n toast.error(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n }\r\n dispatch(toggleModalLoading(false));\r\n });\r\n }\r\n };\r\n const editQuestion = (QId) => {\r\n dispatch(toggleModalLoading(true));\r\n setAddingAnswerMode(false);\r\n AxiosInterceptor.post(\"/QuestionBank/GetQuestionById\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: QId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n let question = response.data.data;\r\n setQuestionInputs({\r\n qid: QId,\r\n qlang: question.IdStaticData_Lang ? question.IdStaticData_Lang : \"\",\r\n qdifficulty: question.IdStaticData_Difficulty\r\n ? question.IdStaticData_Difficulty\r\n : \"\",\r\n qtype: question.IdStaticData_Type ? question.IdStaticData_Type : \"\",\r\n qcourse: question.IdCourse ? question.IdCourse : \"\",\r\n qchapter: question.IdChapter ? question.IdChapter : \"\",\r\n qtitle: question.TFTitle,\r\n qimageUrl: question.TFImagePath ? BASEURL + question.TFImagePath : \"\",\r\n qimageType: \"\",\r\n });\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: \"اطلاعات به درستی از سرور دریافت نشد\",\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n setTimeout(() => {\r\n dispatch(toggleModalLoading(false));\r\n }, 1000);\r\n });\r\n };\r\n const deleteQuestion = (QId) => {\r\n dispatch(toggleModalLoading(true));\r\n swal({\r\n title: \"توجه\",\r\n text: \"آیا از حذف این سوال مطمئن هستید؟\",\r\n icon: \"warning\",\r\n buttons: [\"خیر\", \"بله\"],\r\n dangerMode: true,\r\n }).then((willDelete) => {\r\n if (willDelete) {\r\n AxiosInterceptor.post(\"/QuestionBank/DeleteQuestion\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: QId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setAllQuestions((prevQuestion) =>\r\n prevQuestion.filter((item) => item.Id === QId)\r\n );\r\n document.getElementById(`#collapse${QId}`)?.click();\r\n dispatch(toggleModalLoading(false));\r\n toast.success(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n });\r\n };\r\n const markQuestion = (isPin, QId) => {\r\n dispatch(toggleLoading(true));\r\n AxiosInterceptor.post(\"/QuestionBank/PinUnpinQuestion\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: QId,\r\n Pin: !isPin,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setAllQuestions((prevQuestion) => {\r\n const findedItem = prevQuestion.find((item) => item.Id === QId);\r\n findedItem.TFIsPin = !findedItem.TFIsPin;\r\n return prevQuestion;\r\n });\r\n document.getElementById(`#collapse${QId}`)?.click();\r\n dispatch(toggleLoading(false));\r\n if (isPin) {\r\n toast.success(\"سوال مورد نظر از لیست برگزیده ها خارج شد\");\r\n } else {\r\n toast.success(\"سوال مورد نظر برگزیده شد\");\r\n }\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const ActiveDeactiveQuestion = (status, IdQuestion) => {\r\n dispatch(toggleLoading(true));\r\n AxiosInterceptor.post(\"/QuestionBank/ActiveDeactiveQuestion\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdQuestion: IdQuestion,\r\n Active: status,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setAllQuestions((prevQuestion) => {\r\n const findedItem = prevQuestion.find(\r\n (item) => item.Id === IdQuestion\r\n );\r\n findedItem.TFIsActive = !findedItem.TFIsActive;\r\n return prevQuestion;\r\n });\r\n document.getElementById(`#collapse${IdQuestion}`)?.click();\r\n dispatch(toggleLoading(false));\r\n toast.success(response.data.data);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n /* ===================================================================\r\n ============================ Courses =================================\r\n ===================================================================== */\r\n let initalCouseList = {\r\n list: [],\r\n newCourseTitle: \"\",\r\n editedCourseTitle: \"\",\r\n editedIdentity: \"\",\r\n searchWord: \"\",\r\n };\r\n const [courseList, setCourseList] = useState(initalCouseList);\r\n const getAllCourses = () => {\r\n AxiosInterceptor.post(\"/QuestionBank/GetCourseList\", {\r\n Token: cookies.get(\"_exa\"),\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setCourseList((prevState) => ({\r\n ...prevState,\r\n list: response.data.data,\r\n }));\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const addCourse = () => {\r\n if (courseList.newCourseTitle === \"\") {\r\n toast.error(\"عنوان بانک سوال نمی تواند خالی باشد\");\r\n } else {\r\n AxiosInterceptor.post(\"/QuestionBank/SaveCourse\", {\r\n Token: cookies.get(\"_exa\"),\r\n Title: courseList.newCourseTitle,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n getAllCourses();\r\n toast.success(\"بانک جدید شما افزوده شد\");\r\n Portal.close();\r\n } else {\r\n toast.error(response.data.data);\r\n }\r\n });\r\n }\r\n };\r\n const updateCourse = () => {\r\n if (courseList.editedCourseTitle === \"\") {\r\n toast.error(\"عنوان بانک سوال نمی تواند خالی باشد\");\r\n } else {\r\n AxiosInterceptor.post(\"/QuestionBank/UpdateCourse\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: courseList.editedIdentity,\r\n Title: courseList.editedCourseTitle,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n getAllCourses();\r\n toast.success(\"بانک مورد نظر با موفقیت به روز رسانی شد\");\r\n Portal.close();\r\n } else {\r\n toast.error(response.data.data);\r\n }\r\n });\r\n }\r\n };\r\n const ActiveDeactiveCourse = (status, courseId) => {\r\n AxiosInterceptor.post(\"/QuestionBank/ActiveDeactiveCourse\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: courseId,\r\n Active: status,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n getAllCourses();\r\n toast.success(\"تغییرات اعمال شد\");\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const resetBankModalStates = () => {\r\n setCourseList({\r\n ...courseList,\r\n newCourseTitle: \"\",\r\n editedCourseTitle: \"\",\r\n editedIdentity: \"\",\r\n });\r\n };\r\n /* ===================================================================\r\n ============================ Chapters =================================\r\n ===================================================================== */\r\n const [chapterList, setChapterList] = useState({\r\n list: [],\r\n chaptersCourseId: \"\",\r\n chaptersCourseTitle: \"\",\r\n newChapterTitle: \"\",\r\n editedChapterTitle: \"\",\r\n editedIdentity: \"\",\r\n editMode: false,\r\n });\r\n const getAllChapters = (courseId) => {\r\n AxiosInterceptor.post(\"/QuestionBank/GetChapterList\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdCourse: courseId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n setChapterList((prevState) => ({\r\n ...prevState,\r\n list: response.data.data,\r\n }));\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const editOrAddChapters = (courseId, courseTitle) => {\r\n setChapterList({\r\n ...chapterList,\r\n chaptersCourseId: courseId,\r\n chaptersCourseTitle: courseTitle,\r\n });\r\n getAllChapters(courseId);\r\n };\r\n const addChapter = () => {\r\n if (chapterList.newChapterTitle === \"\") {\r\n toast.error(\"عنوان سرفصل نمیتواند خالی باشد\");\r\n } else {\r\n AxiosInterceptor.post(\"/QuestionBank/SaveChapter\", {\r\n Token: cookies.get(\"_exa\"),\r\n Title: chapterList.newChapterTitle,\r\n IdCourse: chapterList.chaptersCourseId,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n getAllChapters(chapterList.chaptersCourseId);\r\n toast.success(\"سرفصل جدید شما افزوده شد\");\r\n setChapterList((prevState) => ({\r\n ...prevState,\r\n newChapterTitle: \"\",\r\n }));\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n }\r\n };\r\n const updateChapter = (chapterId) => {\r\n if (chapterList.editedChapterTitle === \"\") {\r\n toast.error(\"عنوان سرفصل نمیتواند خالی باشد\");\r\n } else {\r\n AxiosInterceptor.post(\"/QuestionBank/UpdateChapter\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdChapter: chapterId,\r\n IdCourse: chapterList.chaptersCourseId,\r\n Title: chapterList.editedChapterTitle,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n getAllChapters(chapterList.chaptersCourseId);\r\n toast.error(\"سرفصل مورد نظر با موفقیت به روز رسانی شد\");\r\n setChapterList({\r\n ...chapterList,\r\n editMode: false,\r\n editedIdentity: \"\",\r\n editedChapterTitle: \"\",\r\n });\r\n } else {\r\n toast.error(response.data.data);\r\n }\r\n });\r\n }\r\n };\r\n const ActiveDeactiveChapter = (status, chapterId) => {\r\n AxiosInterceptor.post(\"/QuestionBank/ActiveDeactiveChapter\", {\r\n Token: cookies.get(\"_exa\"),\r\n IdChapter: chapterId,\r\n Active: status,\r\n }).then((response) => {\r\n if (response.data.status === true) {\r\n toast.success(\"تغییرات اعمال شد\");\r\n getAllChapters(chapterList.chaptersCourseId);\r\n } else {\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n };\r\n const getChapterListOfThisCourse = (courseId) => {\r\n if (courseId) {\r\n getAllChapters(courseId);\r\n } else {\r\n setChapterList((prevState) => ({ ...prevState, list: [] }));\r\n toast.success(\"ابتدا یک بانک سوال انتخاب کنید\");\r\n }\r\n };\r\n /* ===================================================================\r\n============================ functions =================================\r\n===================================================================== */\r\n const [showQuestions, setShowQuestions] = useState({\r\n searchWord: \"\",\r\n selectedChapterId: \"\",\r\n selectedCourseId: \"\",\r\n });\r\n const [questionConfig, setQuestionConfig] = useState({\r\n lang: [],\r\n difficulty: [],\r\n type: [],\r\n });\r\n const sendKey = (e, type) => {\r\n if (e.key === \"Enter\") {\r\n if (type === \"course\") {\r\n addCourse();\r\n } else {\r\n addChapter();\r\n }\r\n }\r\n };\r\n const filteredQuestionList = useMemo(\r\n () =>\r\n allQuestions\r\n .filter((q) => q.IdCourse === showQuestions.selectedCourseId)\r\n .filter((q) => {\r\n return q.TFTitle.toLowerCase().includes(\r\n showQuestions.searchWord.toLowerCase()\r\n );\r\n })\r\n .filter((q) => {\r\n if (q.IdChapter) {\r\n return q.IdChapter.includes(showQuestions.selectedChapterId);\r\n } else {\r\n return q;\r\n }\r\n }),\r\n [allQuestions, showQuestions]\r\n );\r\n useEffect(() => {\r\n getAllCourses();\r\n AxiosInterceptor.post(\"/Question/GetQuestionConfig\").then((response) => {\r\n if (response.data.status === true) {\r\n setQuestionConfig({\r\n lang: response.data.lang,\r\n difficulty: response.data.difficulty,\r\n type: response.data.type,\r\n });\r\n } else {\r\n swal(\"خطا\", \"اطلاعات به درستی از سرور دریافت نشد\", \"error\");\r\n }\r\n });\r\n getAllQuestions();\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n تعداد کل سوالات\r\n {questionBankStatics.countAll}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n سوالات تک جوابی\r\n {questionBankStatics.countSingle}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n سوالات چند جوابی\r\n {questionBankStatics.countMulti}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n سوالات برگزیده\r\n {questionBankStatics.countIsPin}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n سوالات فعال\r\n {questionBankStatics.countActive}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n سوالات فارسی\r\n {questionBankStatics.countPersian}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n سوالات انگلیسی\r\n {questionBankStatics.countEnglish}\r\n
\r\n \r\n
\r\n \r\n {\r\n difficultyChart.series.length > 0 &&\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n سوالات
\r\n- \r\n
- \r\n داشبورد\r\n \r\n
- بانک سوالات \r\n
\r\n
\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
\r\n \r\n
\r\n {/* سوالات */}\r\n \r\n {/* بانک ها و سرفصل ها */}\r\n \r\n
\r\n {/*آمار */}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n پیش از ورود سوالات برای ساخت آزمون، در این بخش «بانک سوال»\r\n خود را ایجاد کنید. همچنین هر بانک سوال، میتواند شامل\r\n تعدادی سرفصل آموزشی نیز شود. ایجاد بانک سوال و سرفصل به\r\n طبقهبندی و مدیریت بهتر سوالات شما کمک خواهد کرد.\r\n \r\n
\r\n \r\n \r\n در این قسمت میتوانید بانک سوالات خود را ببینید و مواردی به\r\n آن ها اضافه کنید.\r\n
\r\n \r\n داشتن حداقل یک بانک سوال برای برگزاری آزمون الزامی است.\r\n \r\n
\r\n \r\n \r\n داشتن حداقل یک بانک سوال برای برگزاری آزمون الزامی است.\r\n
\r\n
\r\n \r\n {\r\n setCourseList({\r\n ...courseList,\r\n searchWord: e.target.value,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n \r\n افزودن بانک جدید +\r\n \r\n
\r\n \r\n \r\n {courseList.list?.filter((course) => {\r\n return course.TFTitle.toLowerCase().includes(\r\n courseList.searchWord.toLowerCase()\r\n );\r\n }).length > 0 ? (\r\n courseList.list\r\n ?.filter((course) => {\r\n return course.TFTitle.toLowerCase().includes(\r\n courseList.searchWord.toLowerCase()\r\n );\r\n })\r\n .map((course, index) => {\r\n return (\r\n \r\n {course.TFTitle} \r\n {course.Count} \r\n \r\n \r\n \r\n ,\r\n onClick: () => {\r\n setCourseList({\r\n ...courseList,\r\n editedIdentity: course.Id,\r\n editedCourseTitle: course.TFTitle,\r\n });\r\n },\r\n otherProps: {\r\n \"data-toggle\": \"modal\",\r\n \"data-target\": \"#bankModal\",\r\n },\r\n },\r\n {\r\n title: \"افزودن/ویرایش سرفصل ها\",\r\n icon: (\r\n \r\n ),\r\n onClick: () => {\r\n editOrAddChapters(\r\n course.Id,\r\n course.TFTitle\r\n );\r\n },\r\n otherProps: {\r\n \"data-toggle\": \"modal\",\r\n \"data-target\":\r\n \"#editOrAddChaptersModal\",\r\n },\r\n },\r\n ]}\r\n />\r\n \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n \r\n {courseList.searchWord\r\n ? \"نتیجه ای برای این عبارت یافت نشد\"\r\n : \"لیست بانک های سوالات شما خالی میباشد.\"}\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {courseList.editedIdentity\r\n ? \"ویرایش بانک \"\r\n : \"افزودن بانک جدید\"}\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n {courseList.editedIdentity ? (\r\n {\r\n setCourseList({\r\n ...courseList,\r\n editedCourseTitle: e.target.value,\r\n });\r\n }}\r\n required\r\n />\r\n ) : (\r\n {\r\n setCourseList({\r\n ...courseList,\r\n newCourseTitle: e.target.value,\r\n });\r\n }}\r\n onKeyPress={(e) => sendKey(e, \"course\")}\r\n required\r\n />\r\n )}\r\n
\r\n \r\n {courseList.editedIdentity ? (\r\n \r\n به روز رسانی\r\n \r\n ) : (\r\n \r\n ثبت بانک جدید\r\n \r\n )}\r\n \r\n انصراف\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n سر فصل های {chapterList.chaptersCourseTitle}\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setChapterList({\r\n ...chapterList,\r\n newChapterTitle: e.target.value,\r\n });\r\n }}\r\n onKeyPress={(e) => sendKey(e, \"chapter\")}\r\n required\r\n />\r\n
\r\n \r\n \r\n افزودن سرفصل +\r\n \r\n
\r\n \r\n
\r\n عناوین سرفصل های شما:
\r\n\r\n در این قسمت میتوانید سرفصل های خود را ببینید و\r\n مواردی به آن ها اضافه کنید\r\n
\r\n\r\n برای برگزاری آزمون , وجود سرفصل الزامی نیست اما\r\n در نظر داشته باشید که برای مدیریت آزمون به شما\r\n کمک میکند\r\n
\r\n\r\n \r\n {chapterList.list.length > 0 ? (\r\n chapterList.list.map((chapter, index) => {\r\n return (\r\n \r\n \r\n {chapterList.editMode &&\r\n chapterList.editedIdentity ===\r\n chapter.Id ? (\r\n \r\n \r\n \r\n \r\n \r\n ),\r\n onClick: () => {\r\n setChapterList({\r\n ...chapterList,\r\n editMode: true,\r\n editedIdentity: chapter.Id,\r\n editedChapterTitle:\r\n chapter.TFTitle,\r\n });\r\n },\r\n },\r\n ]}\r\n />\r\n \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n \r\n {\" \"}\r\n لیست سرفصل های این بانک خالی میباشد.\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n {\r\n setChapterList({\r\n ...chapterList,\r\n editedChapterTitle:\r\n e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n updateChapter(chapter.Id)\r\n }\r\n >\r\n {\r\n setChapterList({\r\n ...chapterList,\r\n editMode: false,\r\n editedIdentity: \"\",\r\n editedChapterTitle: \"\",\r\n });\r\n }}\r\n >\r\n
\r\n ) : (\r\n \r\n {chapter.TFTitle}\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ذخیره و بستن\r\n \r\n
\r\n \r\n \r\n {addingAnswerMode ? (\r\n
\r\n )}\r\n \r\n \r\n
\r\n {showQuestions.selectedCourseId ? (\r\n
\r\n \r\n \r\n در این بخش میتوانید سوالات آزمون خود را بدون هیچ محدودیتی\r\n ایجاد کنید. قابلیت ساخت سوالات دو یا چند گزینهای،افزودن\r\n تصویر، سوالات تک جوابی یا چندجوابی از جمله قابلیتهای این\r\n بخش است.\r\n
\r\n در بخش تعریف سوالات میتوانید با تنظیم مواردی از جمله زبان،\r\n سطح دشواری و افزودن سوال به بانک مورد نظر، سوالات خود را\r\n طبقهبندی کنید.\r\n
\r\n تنظیم دقیق این موارد به ساخت آزمونهای با کیفیت و انتخاب\r\n تصادفی سوالات مورد نظر خودتان، کمک شایانی خواهد کرد.\r\n \r\n
\r\n \r\n در بخش تعریف سوالات میتوانید با تنظیم مواردی از جمله زبان،\r\n سطح دشواری و افزودن سوال به بانک مورد نظر، سوالات خود را\r\n طبقهبندی کنید.\r\n
\r\n تنظیم دقیق این موارد به ساخت آزمونهای با کیفیت و انتخاب\r\n تصادفی سوالات مورد نظر خودتان، کمک شایانی خواهد کرد.\r\n
\r\n
\r\n \r\n \r\n افزودن سوال+\r\n \r\n {showQuestions.selectedCourseId && (\r\n {\r\n setShowQuestions({\r\n searchWord: \"\",\r\n selectedChapterId: \"\",\r\n selectedCourseId: \"\",\r\n });\r\n }}\r\n >\r\n بازگشت به لیست بانک ها\r\n \r\n \r\n )}\r\n
\r\n \r\n {showQuestions.selectedCourseId ? (\r\n
\r\n
\r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setShowQuestions({\r\n ...showQuestions,\r\n searchWord: e.target.value,\r\n });\r\n }}\r\n />\r\n
\r\n {chapterList.list.length > 0 && (\r\n \r\n {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"------\"\r\n labelText=\"فیلتر بر اساس سرفصل\"\r\n name=\"selectedChapter\"\r\n value={showQuestions.selectedChapterId}\r\n onChange={(e) => {\r\n setShowQuestions({\r\n ...showQuestions,\r\n selectedChapterId: e.target.value,\r\n });\r\n }}\r\n />\r\n
\r\n )}\r\n \r\n
\r\n \r\n {filteredQuestionList.length > 0 ? (\r\n filteredQuestionList.map((q, index) => {\r\n return (\r\n
\r\n \r\n موردی یافت نشد !\r\n
\r\n )}\r\n\r\n
\r\n \r\n
\r\n \r\n برای نمایش سوالات بانک مورد نظر خود را انتخاب نمایید :\r\n
\r\n\r\n {courseList.list.map((course) => {\r\n return (\r\n
\r\n \r\n )}\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n افزودن جواب ها\r\n
\r\n\r\n {answerConfig.editNewQAMode ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n {\r\n setEditedQA({ ...editedQA, title: data });\r\n }}\r\n />\r\n
\r\n \r\n {\r\n updateQA(questionInputs.qid);\r\n }}\r\n >\r\n ثبت تغییرات\r\n \r\n
\r\n \r\n
\r\n )}\r\n {allNewAnswers.length > 0 ? (\r\n allNewAnswers.map((elem, index) => {\r\n return (\r\n \r\n {\r\n setNewQATitle(data);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n addNewQA(questionInputs.qid);\r\n }}\r\n >\r\n افزودن\r\n \r\n
\r\n \r\n هیچ جوابی برای این سوال تعیین نشده است\r\n
\r\n )}\r\n\r\n closeQestionModal(\"nextQuestion\")}\r\n >\r\n ذخیره و افزودن سوال بعدی\r\n \r\n closeQestionModal(\"closeModal\")}\r\n >\r\n ذخیره و بستن\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {questionInputs.qid\r\n ? \"ویرایش سوال \"\r\n : \"افزودن سوال جدید\"}\r\n
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"------\"\r\n labelText=\"زبان سوال\"\r\n name=\"qlang\"\r\n value={questionInputs.qlang}\r\n onChange={QuestionInputsChangeHandler}\r\n />\r\n
\r\n \r\n {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"------\"\r\n labelText=\"نوع سوال\"\r\n name=\"qtype\"\r\n value={questionInputs.qtype}\r\n onChange={QuestionInputsChangeHandler}\r\n />\r\n
\r\n \r\n {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"------\"\r\n labelText=\"سختی سوال\"\r\n name=\"qdifficulty\"\r\n value={questionInputs.qdifficulty}\r\n onChange={QuestionInputsChangeHandler}\r\n required\r\n />\r\n
\r\n \r\n {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"------\"\r\n labelText=\"بانک\"\r\n name=\"qcourse\"\r\n value={questionInputs.qcourse}\r\n onChange={QuestionInputsChangeHandler}\r\n required\r\n />\r\n
\r\n \r\n {\r\n return (\r\n \r\n );\r\n })}\r\n defaultOption=\"------\"\r\n labelText=\"سرفصل\"\r\n name=\"qchapter\"\r\n value={questionInputs.qchapter}\r\n onChange={QuestionInputsChangeHandler}\r\n onClick={() => {\r\n getChapterListOfThisCourse(\r\n questionInputs.qcourse\r\n );\r\n }}\r\n required\r\n />\r\n
\r\n \r\n
\r\n
\r\n \r\n {\r\n setQuestionInputs((prev) => ({\r\n ...prev,\r\n qtitle: data,\r\n }));\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n {questionInputs.qimageUrl ? (\r\n {\r\n document\r\n .querySelector(\"#questionImageUploadBtn\")\r\n .click();\r\n }}\r\n className=\"set-ele-middle flex-column p-1 uploadYourQuestionImage-inner\"\r\n >\r\n \r\n
\r\n )}\r\n \r\n {\r\n setQuestionInputs({\r\n ...questionInputs,\r\n qimageUrl: \"\",\r\n qimageType: \"\",\r\n });\r\n }}\r\n >\r\n \r\n \r\n
\r\n ) : (\r\n \r\n اگر سوال شما تصویر دارد روی این بخش کلیک کرده و\r\n عکس آنرا انتخاب کنید\r\n
\r\n\r\n حداکثر حجم مجاز برای آپلود تصویر 1 مگابایت است\r\n
\r\n\r\n {questionInputs.qid ? (\r\n \r\n به روز رسانی سوال\r\n \r\n ) : (\r\n \r\n مرحله بعدی - افزودن جواب\r\n \r\n )}\r\n \r\n انصراف\r\n \r\n
\r\n \r\n \r\n {buyList.length > 0 ? (\r\n buyList.map((el, index) => {\r\n return (\r\n \r\n {el.Exam} \r\n {el.TFSendDatep} \r\n \r\n {el.TFAmount.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n \r\n {el.TFBank} \r\n \r\n {el.TFSalesReferenceId ? (\r\n el.TFSalesReferenceId\r\n ) : (\r\n \"---\"\r\n )}\r\n \r\n \r\n \r\n {el.TFDescription} \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n لیست پرداخت های شما خالی میباشد. \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n پرداخت های من
\r\n\r\n {el.PaymentStatus ? (\r\n
\r\n \r\n {showBlurDiv && }\r\n
\r\n شرکتکنندگان من
\r\n {users?.length > 1 && (\r\n\r\n !selectedExamIds?.includes(el.Id))}\r\n defaultOption=\"فیلتر کنید... (بر اساس آزمون)\"\r\n iconClasses=\"fas fa-filter\"\r\n selectedItems={selectedExams}\r\n onListChange={(newList) => setSelectedExams(newList)}\r\n />\r\n }\r\n placeholder=\"جست و جو کنید... (بر اساس نام و نام خانوادگی)\"\r\n value={searchField}\r\n onChange={onSearchChange}\r\n />\r\n
\r\n )}\r\n {users?.length > 1 ? (\r\n FILTERED_USERS.length > 1 ? (\r\n \r\n {FILTERED_USERS.map((user, index) => (\r\n
\r\n ) : (\r\n \r\n
\r\n )\r\n ) : (\r\n شرکتکنندهای مطابق با فیلترهای انتخابی یافت نشد
\r\n\r\n
\r\n )}\r\n لیست شرکتکنندگان شما خالی میباشد
\r\n\r\n برای افزودن شرکتکننده، ابتدا باید یک آزمون طراحی کنید و سپس افراد\r\n متصل به هر آزمون را در بخش ( شرکتکنندگان ) تعیین نمایید.\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n داشبورد
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n شما نقش آزمون دهنده را انتخاب کردهاید. در این صفحه\r\n میتوانید آزمونهایی که به آنها دعوت شدهاید و در حال\r\n برگزاری هستند را مشاهده کنید. همچنین از این صفحه امکان\r\n دسترسی به آزمونهای عمومی سنجیفای برای شما فراهم شده است.\r\n \r\n
\r\n \r\n
\r\n \r\n {exams.map((el, index) => {\r\n return (\r\n goToThisExam(el.TFUrlShort)}\r\n >\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n آزمون فعال - به یک آزمون دعوت شده اید که هنوز در آن شرکت\r\n نکرده اید\r\n
\r\nنام آزمون : {el.TFTitle}
\r\nنمره کل : {el.TFExamScore}
\r\nمدت زمان آزمون : {el.TFExamTime} دقیقه
\r\n\r\n حداقل نمره جهت قبولی : {el.TFMinScoreForAcceptance}\r\n
\r\nوضعیت : {el.status}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {/* \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n تعداد آزمون های شما
\r\n {statics.ExamCount}
\r\n \r\n
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n تعداد قبولی
\r\n {statics.SuccessExamCount}
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n تعداد آزمون های فعال
\r\n {statics.ActiveExamCount}
\r\n \r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n آزمون های آماده سنجیفای
\r\n اگر میخواهید در یکی از آزمون های آماده سنجیفای شرکت کنید روی{\" \"}\r\n \r\n این لینک\r\n {\" \"}\r\n کلیک نمایید\r\n\r\n \r\n {exams.length > 0 ? (\r\n exams.map((exam, index) => {\r\n return (\r\n \r\n {exam.TFTitle} \r\n \r\n {exam.StartDateApplicantp +\r\n \" - \" +\r\n exam.StartTimeApplicantp}\r\n \r\n {exam.TFExamTime} \r\n \r\n {exam.IdStaticData_ExamType?.toLowerCase() ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\" ? (\r\n \r\n \r\n {exam.IdStaticData_ExamType?.toLowerCase() ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\" ? (\r\n \r\n \r\n {exam.IdStaticData_ExamType?.toLowerCase() ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\" ? (\r\n exam.codeStatus === \"0\" || exam.codeStatus === \"1\" ? (\r\n \r\n \r\n {/*\r\n -1 شروع نشده\r\n 0 مردود\r\n 1 قبول\r\n 2 در حال برگزاری\r\n 3 عدم شرکت\r\n 4 آزمون ناتمام\r\n */}\r\n {\r\n // اگر آزمون مهارت فردی بود هیچی نبینه\r\n exam.IdStaticData_ExamType?.toLowerCase() ===\r\n \"aa457d59-e2ae-4126-b27b-77ab592c8149\" ? (\r\n exam.codeStatus === \"2\" ? (\r\n goToThisExam(exam.TFUrlShort)}\r\n >\r\n ورود به آزمون\r\n \r\n \r\n ) : (\r\n \r\n swal({\r\n icon: \"warning\",\r\n title: \"توجه\",\r\n text: \"نتیجه از طریق ایمیل به شما اطلاع رسانی خواهد شد\",\r\n button: \"متوجه شدم\",\r\n })\r\n }\r\n >\r\n \r\n \r\n )\r\n ) : exam.codeStatus === \"2\" ? (\r\n goToThisExam(exam.TFUrlShort)}\r\n >\r\n ورود به آزمون\r\n \r\n \r\n ) : exam.codeStatus === \"3\" ||\r\n exam.codeStatus === \"-1\" ? (\r\n FinishMyUnfinishedExam(exam.IdExam)}\r\n >\r\n اتمام آزمون\r\n \r\n \r\n ) : (\r\n \r\n iWantToSeeMyReportCard(\r\n exam.IdExam,\r\n exam.TFIsCertNeeded,\r\n exam.TFIsScoreVisibleForApplicant\r\n )\r\n }\r\n >\r\n {exam.TFIsCertNeeded === true ? (\r\n exam.TFIsScoreVisibleForApplicant ? (\r\n exam.codeStatus === \"1\" ? (\r\n <>\r\n کارنامه و مدرک\r\n \r\n \r\n ) : (\r\n <>\r\n کارنامه{\" \"}\r\n \r\n \r\n )\r\n ) : (\r\n <>\r\n مدرک{\" \"}\r\n \r\n \r\n )\r\n ) : exam.TFIsScoreVisibleForApplicant ? (\r\n <>\r\n کارنامه\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n \r\n )}\r\n \r\n )\r\n }\r\n \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n هنوز در آزمونی شرکت نکرده اید. \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n آزمون های من
\r\n\r\n {/* */}\r\n تحلیلی\r\n
\r\n ) : (\r\n exam.TFExamScore\r\n )}\r\n \r\n {/* */}\r\n تحلیلی\r\n
\r\n ) : (\r\n exam.TFMinScoreForAcceptance\r\n )}\r\n \r\n \r\n
\r\n ) : // اگر آزمون فاقد کارنامه یا مدرک بود ، نبینه\r\n exam.TFIsCertNeeded ||\r\n exam.TFIsScoreVisibleForApplicant ? (\r\n exam.status\r\n ) : (\r\n \"غیر قابل نمایش\"\r\n )\r\n ) : // اگر آزمون فاقد کارنامه یا مدرک بود ، نبینه\r\n exam.TFIsCertNeeded ||\r\n exam.TFIsScoreVisibleForApplicant ? (\r\n exam.status\r\n ) : (\r\n \"غیر قابل نمایش\"\r\n )}\r\n \r\n \r\n
\r\n ) : exam.codeStatus === \"4\" ? (\r\n \r\n \r\n {buyList.length > 0 ? (\r\n buyList.map((el, index) => {\r\n return (\r\n \r\n {el.Exam} \r\n {el.TFSendDatep} \r\n \r\n {el.TFAmount.toString().replace(\r\n /\\B(?=(\\d{3})+(?!\\d))/g,\r\n \",\"\r\n )}\r\n \r\n {el.TFBank} \r\n \r\n {el.TFSalesReferenceId ? (\r\n el.TFSalesReferenceId\r\n ) : (\r\n \"---\"\r\n )}\r\n \r\n \r\n \r\n {el.TFDescription} \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n لیست پرداخت های شما خالی میباشد. \r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n پرداخت های من
\r\n\r\n {el.PaymentStatus ? (\r\n
\r\n \r\n
\r\n {exist.reportCard ? (\r\n \r\n
\r\n \r\n
\r\n {reportData.TFTitle}
\r\n\r\n
\r\n \r\n \r\n {exist.reportCard ? reportData.TFScore : \"-\"}\r\n
\r\n \r\n \r\n نمره شما از {reportData.TFExamScore}\r\n
\r\n \r\n \r\n وضعیت:{passed ? \" قبول \" : \" مردود \"}\r\n
\r\n \r\n {passed ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {reportData.TFCountCorrect}\r\n سوال با پاسخ صحیح \r\n
\r\n \r\n 10 ? \"text-white\" : \"\"\r\n }`}\r\n >\r\n {reportData.TFPercentCorrect + \"%\"}\r\n
\r\n \r\n \r\n
\r\n \r\n {reportData.TFCountFalse}\r\n سوال با پاسخ نادرست\r\n
\r\n \r\n 10 ? \"text-white\" : \"\"\r\n }`}\r\n >\r\n {reportData.TFPercentFalse + \"%\"}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {reportData.TFCountAbort}\r\n سوال بدون پاسخ \r\n
\r\n \r\n 10 ? \"text-white\" : \"\"\r\n }`}\r\n >\r\n {reportData.TFPercentAbort + \"%\"}\r\n
\r\n \r\n {!exist.cert ? (\r\n
\r\n \r\n \r\n این آزمون فاقد مدرک می باشد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {!exist.reportCard ? (\r\n\r\n \r\n این آزمون فاقد دسترسی به کارنامه و نتیجه آزمون (نمره) می باشد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {exist.cert && inactiveMode.cert ? (\r\n\r\n \r\n به دلیل مردود شدن در امتحان مدرکی برای شما وجود ندارد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {!exist.charts ? (\r\n\r\n \r\n نمایش جزئیات آزمون در دسترس نمی باشد.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n {exist.charts && inactiveMode.charts ? (\r\n\r\n \r\n نمایش جزئیات به علت نداشتن سرفصل برای این آزمون، غیر فعال است.\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n\r\n clickButtonHandle(\"report\")}\r\n >\r\n کارنامه\r\n \r\n \r\n clickButtonHandle(\"chart\")}\r\n >\r\n جزئیات آزمون\r\n \r\n {/* Tasks */}\r\n \r\n clickButtonHandle(\"cert\")}\r\n >\r\n مدرک\r\n \r\n {/* News */}\r\n \r\n
\r\n \r\n {contents.reportCard ? (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Question;\r\n","import React from \"react\";\r\nimport \"./MainPagesLayout.scss\";\r\nimport Footer from \"Components/Footer/Footer\";\r\nimport Menu from \"Components/shared/Menu/Menu\";\r\n\r\nconst MainPagesLayout = ({ children, bgColor }) => {\r\n return (\r\n <>\r\n \r\n \r\n {activedIndex + 1}\r\n -{\" \"}\r\n {testOwnerName ?\r\n title[1].replace(\"{{؟نام؟}}\", testOwnerName)\r\n : title[0]\r\n }\r\n
\r\n \r\n {item.options.map((ans, index) => (\r\n { onSelectOption(item.Question.Id, ans.Id) }}\r\n >\r\n
\r\n ))}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {children}\r\n
)\r\n}\r\n\r\nexport default CustomAlert","import React from \"react\";\r\nimport \"./card.scss\";\r\n\r\nconst Card = ({ children, title }) => {\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Card","import React from \"react\";\r\nimport \"./inputs.scss\";\r\n\r\nconst RadiusInput = (props) => {\r\n const { className, ...otherProps } = props;\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default RadiusInput","import React from 'react'\r\nimport OTPGenerator from \"Components/shared/OTPGenerator/OTPGenerator\";\r\nimport Card from \"../../Card/Card\";\r\nimport CustomButton, { BUTTON_TYPES } from \"Components/shared/Buttons/CustomButton\";\r\n\r\nconst Auth = ({ otpValues, setOtpValues, confirmOTPHandle,title }) => {\r\n return (\r\n \r\n
\r\n {title}
\r\n\r\n {children}\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ثبت\r\n \r\n
\r\n \r\n {list.length > 0 ?\r\n \r\n \r\n
\r\n :
\r\n {signOut && }\r\n | رتبه | \r\nنام شرکتکننده | \r\nدرصد | \r\n
| {index + 1} | \r\n{person.FullName} | \r\n{person.TFScore ? person.TFScore + \"%\" : \"...\"} | \r\n
\r\n هنوز کسی تو این آزمون شرکت نکرده :(\r\n
\r\n }\r\n\r\n {questions.loading ?\r\n \r\n :\r\n <>\r\n
\r\n ),\r\n LOGIN: (\r\n \r\n
\r\n {TestId ? \"تعداد سوالات پاسخ داده شده :\" : \"تعداد سوالات انتخاب شده :\"} \r\n 10 / {selectedQuestions.length}\r\n
\r\n \r\n \r\n
\r\n \r\n {questions.activedIndex > 0 && \r\n قبلی\r\n }\r\n {!TestId && \r\n {`با این سوال حال نمیکنم :(`}\r\n }\r\n {questions.activedIndex < questions.list.length - 1 && \r\n بعدی\r\n }\r\n {TestId ?\r\n \r\n پایان\r\n \r\n :\r\n selectedQuestions.length === 10 && \r\n پایان ساخت آزمون\r\n \r\n }\r\n
\r\n \r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n if (e.target.value.length < 12) {\r\n onChangeHandle(e);\r\n }\r\n }} />\r\n
\r\n \r\n
\r\n \r\n \r\n ثبت اطلاعات\r\n \r\n
\r\n \r\n
\r\n ),\r\n SCORE_BOARD: (\r\n \r\n 
\r\n
\r\n \r\n
\r\n هورااااا لینک اختصاصی آزمون تو ساختهشد،
\r\nاین لینکُ با دوستات شِیر کن تا بیان تو آزمونت شرکت کنن
\r\n \r\n
\r\n \r\n
\r\n ),\r\n };\r\n const GetTestCreatorName = async () => {\r\n const { data } = await api.GetTestCreatorName(TestId);\r\n if (data.status) {\r\n setTestOwnerName(data.data);\r\n }\r\n }\r\n useEffect(() => {\r\n setShowAlert(true);\r\n if (TestId) {\r\n GetTestCreatorName();\r\n setActiveStep(\"LOGIN\");\r\n } else {\r\n setActiveStep(\"TEST\");\r\n }\r\n }, [TestId]);\r\n\r\n return (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n { window.location.href = \"/knowingYou\"; }}\r\n color=\"#2626ff\"\r\n type={BUTTON_TYPES.SHINE}\r\n style={{ borderRadius: \"20px\" }}\r\n >\r\n ساخـــت آزمون\r\n \r\n
\r\n چالش خوبـــــی بود؟
\r\n چالش خودتُ بساز و دوستاتُ دعوت کن\r\n\r\n {TestId ?\r\n
:\r\n \r\n {\r\n setShowAlert(false);\r\n }}>\r\n بزن بریم...\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n {testOwnerName ? testOwnerName : \"دوستت\"} تو رو به این چالش دعوت کرده\r\n
\r\n\r\n اطلاعاتتو تکمیل کن، بعدش به این 10 تا سوال جواب بده تا ببینی چقدر میشناسیش\r\n
\r\n\r\n \r\n {/* {\r\n setActiveStep(\"LOGIN\");\r\n setShowAlert(false);\r\n }}\r\n className=\"px-3\"\r\n >\r\n آزمون دارم، لینک میخوام\r\n \r\n {\r\n navigate(\"/testResult\")\r\n }}\r\n className=\"px-3\"\r\n >\r\n نتیجه آزمون قبلی\r\n */}\r\n قبلا آزمون ساختم\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n این تست شخصیت، 17 تا سوال داره.\r\n
\r\n\r\n حواست باشه از بین اینا باید 10 تا سوال انتخاب کنی.\r\n
\r\n\r\n
\r\n \r\n \r\n {\r\n if (e.target.value.length < 12) {\r\n setMobile(e.target.value);\r\n }\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n ثبت\r\n \r\n
\r\n \r\n \r\n
\r\n });\r\n\r\n useEffect(() => {\r\n let _knw_lastTestId = cookies.get(\"_knw_lastTestId\");\r\n let token = cookies.get(\"_knw\");\r\n if (token && _knw_lastTestId) {\r\n getResultList(_knw_lastTestId);\r\n setShareLink(window.location.origin + \"/KnowingMe/\" + _knw_lastTestId);\r\n setActiveStep(\"SCORE_BOARD\")\r\n } else {\r\n setActiveStep(\"LOGIN\")\r\n }\r\n }, [])\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n میخوای افراد بیشتری تو آزمونت شرکت کنن؟
\r\nاین لینکُ با دوستات شِیر کن تا بیان تو آزمونت شرکت کنن
\r\n \r\n\r\n {contents[activeStep]}\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Err404;\r\n","import React from \"react\";\r\nimport { Navigate, Outlet } from \"react-router-dom\";\r\nimport Cookies from \"universal-cookie\";\r\n\r\nfunction ProtectedRoute() {\r\n const cookies = new Cookies();\r\n return cookies.get(\"_exa\") ? \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n زمان باقی مانده تا شروع آزمون
\r\n\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default CountDown;\r\n","import { useEffect, useMemo, useState, useRef } from \"react\";\r\nimport \"./secureExamStart.scss\";\r\nimport CountDown from \"Components/shared/CountDown/CountDown\";\r\nimport { Link } from \"react-router-dom\";\r\nimport CustomButton, {\r\n BUTTON_COLORS,\r\n BUTTON_TYPES,\r\n} from \"Components/shared/Buttons/CustomButton\";\r\nimport AxiosInterceptor from \"utils/AxiosInterceptor\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport swal from \"sweetalert\";\r\n\r\nconst constraints = {\r\n audio: true,\r\n video: true,\r\n};\r\n\r\nconst SecureExamStart = () => {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const interValRef = useRef(null)\r\n const [permissions, setPermissions] = useState({\r\n camera: \"denied\",\r\n mic: \"denied\",\r\n });\r\n\r\n const [qrCode, setQrCode] = useState(\"\");\r\n\r\n const [timeToStartExam, setTimeToStartExam] = useState(null);\r\n\r\n const getVideo = () => {\r\n navigator.mediaDevices\r\n .getUserMedia(constraints)\r\n .then((stream) => {\r\n setPermissions({\r\n camera: \"granted\",\r\n mic: \"granted\",\r\n });\r\n })\r\n .catch((err) => {\r\n console.error(\"error:\", err);\r\n navigator.permissions.query({ name: \"microphone\" }).then((res) => {\r\n setPermissions((perv) => ({\r\n ...perv,\r\n mic: res.state,\r\n }));\r\n });\r\n navigator.permissions.query({ name: \"camera\" }).then((res) => {\r\n setPermissions((perv) => ({\r\n ...perv,\r\n camera: res.state,\r\n }));\r\n });\r\n });\r\n };\r\n\r\n const search = location.search.substring(1);\r\n const urlParams = JSON.parse(\r\n '{\"' +\r\n decodeURI(search)\r\n .replace(/\"/g, '\\\\\"')\r\n .replace(/&/g, '\",\"')\r\n .replace(/=/g, '\":\"') +\r\n '\"}'\r\n );\r\n\r\n useEffect(() => {\r\n getVideo();\r\n }, []);\r\n useEffect(() => {\r\n AxiosInterceptor.post(\"/Exam/GetExamById\", {\r\n IdExam: urlParams.examId,\r\n Code: urlParams.code,\r\n }).then((response) => {\r\n if (response.data.status) {\r\n setQrCode(response.data.data.QRImage);\r\n setTimeToStartExam(response.data.data.timeToStartExam);\r\n setTimeout(() => {\r\n interValRef.current = setInterval(() => {\r\n setTimeToStartExam(prev => prev - 1)\r\n }, 1000);\r\n }, 1000);\r\n } else {\r\n navigate(\"/\");\r\n swal({\r\n icon: \"error\",\r\n title: \"خطا\",\r\n text: response.data.data,\r\n button: \"متوجه شدم\",\r\n });\r\n }\r\n });\r\n return () => {\r\n clearInterval(interValRef.current)\r\n }\r\n }, [urlParams.examId]);\r\n\r\n const YouCanGoExam = useMemo(() => permissions.camera === \"granted\" && permissions.mic === \"granted\" && timeToStartExam <= 0, [permissions, timeToStartExam])\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n ساعت\r\n \r\n
\r\n {hours}
\r\n\r\n
\r\n :
\r\n\r\n \r\n دقیقه\r\n \r\n
\r\n {minutes}
\r\n\r\n
\r\n :
\r\n\r\n \r\n ثانیه\r\n \r\n
\r\n {seconds}
\r\n\r\n {timeToStartExam > 0 && \r\n
\r\n \r\n
\r\n {qrCode && (\r\n \r\n {permissions.camera === \"granted\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {permissions.mic === \"granted\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n
\r\n )}\r\n \r\n navigate(`/verifyApplicant/${urlParams.code}`)}\r\n >\r\n ورود به آزمون\r\n \r\n
\r\n {qrCode && (\r\n \r\n \r\n \r\n دانلود اپ موبایل\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n دانلود راهنما\r\n \r\n \r\n
\r\n \r\n \r\n \r\n دانلود سوالات متداول\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SecureExamStart;\r\n","import \"./secureExamGuide.scss\"\r\nimport CustomButton, { BUTTON_COLORS, BUTTON_TYPES } from 'Components/shared/Buttons/CustomButton'\r\nimport login_to_secure_exam_video from \"assets/images/login_to_secure_exam_video.png\";\r\nimport { Link } from \"react-router-dom\";\r\nimport SecureExamStart from \"../SecureExamStart/SecureExamStart\";\r\n\r\nconst SecureExamGuide = ({ isPublic }) => {\r\n return (\r\n - \r\n {qrCode && (\r\n
- \r\n ابتدا اپ موبایل را از لینک دانلود نموده سپس کد بالا را در آن اسکن\r\n کنید.\r\n \r\n )}\r\n {timeToStartExam > 0 &&
- آزمون شما هنوز شروع نشده است. }\r\n {permissions.camera !== \"granted\" &&
- دسترسی وبکم ضروری است. }\r\n {permissions.mic !== \"granted\" &&
- دسترسی میکروفون ضروری است. }\r\n
\r\n {isPublic ?\r\n
\r\n )\r\n}\r\n\r\nexport default SecureExamGuide","import { useEffect, useState } from \"react\";\r\nimport Menu from \"Components/shared/Menu/Menu\";\r\nimport Footer from \"Components/Footer/Footer\";\r\nimport SecureExamGuide from './SecureExamGuide/SecureExamGuide';\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\n\r\nconst PreSecureExam = () => {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const [isPublic, setIsPublic] = useState(true); // if isPublic === false => active next btn for login to exam and get requirement(michrophone,webcam) access\r\n\r\n useEffect(() => {\r\n if (location.search) {\r\n const search = location.search.substring(1);\r\n const urlParams = JSON.parse(\r\n '{\"' +\r\n decodeURI(search)\r\n .replace(/\"/g, '\\\\\"')\r\n .replace(/&/g, '\",\"')\r\n .replace(/=/g, '\":\"') +\r\n '\"}'\r\n );\r\n if (urlParams.code && urlParams.examId) {\r\n setIsPublic(false);\r\n } else {\r\n navigate(\"/PreSecureExam\");\r\n setIsPublic(true);\r\n }\r\n } else {\r\n setIsPublic(true);\r\n }\r\n }, [location]);\r\n\r\n return (\r\n \r\n
\r\n : \r\n
\r\n \r\n \r\n \r\n دانلود راهنما\r\n \r\n \r\n
\r\n \r\n \r\n \r\n دانلود سوالات متداول\r\n \r\n \r\n
\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n ویدیوی آموزشی نحوه ورود به آزمون از طریق نظارت رایانه
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n آزمون دهنده گرامی ، آزمون شما از طریق سامانه امن آزمون نظارت میشود. لذا به نکات زیر دقت بفرمایید:
\r\n- \r\n
- قبل از آزمون حتما ویدیوهای راهنما را مشاهده نمایید \r\n
- در جریان آزمون دوربین (وبکم) شما باید روشن باشد و تصویر شما در کادر مربوط به دوربین واضح و کامل باشد. \r\n
- صدای هیچ شخصی نباید در محیط اطراف شما وجود داشته باشد \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PreSecureExam;\r\n","import React, { useEffect } from \"react\";\r\nimport { BrowserRouter, Routes, Route } from \"react-router-dom\";\r\nimport \"assets/statics/bootstrap.min.css\";\r\nimport \"react-quill/dist/quill.snow.css\";\r\nimport \"./App.scss\";\r\n// ====================== Main pages ========================\r\nimport HomePage from \"Pages/MainPages/HomePage/HomePage\";\r\nimport CertConfirmation from \"Pages/MainPages/CertConfirmation/CertConfirmation\";\r\nimport CheckPayment from \"Pages/MainPages/CheckPayment/CheckPayment\";\r\nimport CompeleteInformation from \"Pages/MainPages/CompeleteInformation/CompeleteInformation\";\r\nimport ExamPackages from \"Pages/MainPages/ExamPackages/ExamPackages\";\r\nimport ExamPackage from \"Pages/MainPages/ExamPackage/ExamPackage\";\r\nimport LoginRegister from \"Pages/MainPages/LoginRegister/LoginRegister\";\r\nimport AllNews from \"Pages/MainPages/News/AllNews\";\r\nimport SingleNews from \"Pages/MainPages/News/SingleNews\";\r\nimport ForgetPassword from \"Pages/MainPages/ForgetPassword/ForgetPassword\";\r\nimport Policy from \"Pages/MainPages/Policy/Policy\";\r\nimport RoleSelect from \"Pages/MainPages/RoleSelect/RoleSelect\";\r\n// ====================== Profile ===========================\r\nimport Profile from \"Pages/Profile/Profile\";\r\n// ====================== Exam =========================\r\nimport ConfirmCode from \"Pages/EXAM/ConfirmCode/ConfirmCode\";\r\nimport ConfirmInformation from \"Pages/EXAM/ConfirmInformation/ConfirmInformation\";\r\nimport Exam from \"Pages/EXAM/Exam/Exam\";\r\nimport ExamReport from \"Pages/EXAM/ExamReport/ExamReport\";\r\nimport PreExam from \"Pages/EXAM/PreExam/PreExam\";\r\n// ===================== Admin ========================\r\nimport AdminDashboard from \"Pages/ADMIN/DashboardHome/AdminDashboard\";\r\nimport ApplicantOutput from \"Pages/ADMIN/ApplicantOutput/ApplicantOutput\";\r\nimport ConfigExam from \"Pages/ADMIN/ConfigExam/ConfigExam\";\r\nimport DetailExam from \"Pages/ADMIN/DetailExam/DetailExam\";\r\nimport MyExam from \"Pages/ADMIN/MyExam/MyExam\";\r\nimport MyPlan from \"Pages/ADMIN/MyPlan/MyPlan\";\r\nimport PreviewExam from \"Pages/ADMIN/PreviewExam/PreViewExam\";\r\nimport QuestionBank from \"Pages/ADMIN/QuestionBank/QuestionBank\";\r\nimport AdminCheckout from \"Pages/ADMIN/AdminCheckout/AdminCheckout\";\r\nimport MyUsers from \"Pages/ADMIN/MyUsers/MyUsers\";\r\n// ====================== User =========================\r\nimport ApplicantDashboard from \"Pages/USER/DashboardHome/ApplicantDashboard\";\r\nimport ApplicantMyExam from \"Pages/USER/MyExam/ApplicantMyExam\";\r\nimport ApplicantCheckout from \"Pages/USER/ApplicantCheckout/ApplicantCheckout\";\r\nimport ApplicantExamReport from \"Pages/USER/ApplicantExamReport/ApplicantExamReport\";\r\n// ====================== Knowing Me ======================\r\nimport KnowingExam from \"Pages/KnowingMe/KnowingExam/KnowingExam\";\r\nimport TestResult from \"Pages/KnowingMe/TestResult/TestResult\";\r\n// ====================== 404 page ========================\r\nimport Err404 from \"Pages/MainPages/Err404/Err404\";\r\n// ======================= Protected route ================\r\nimport ProtectedRoute from \"Routes/ProtectedRoute\";\r\nimport ScrollToTop from \"ScrollToTop\";\r\nimport PreSecureExam from \"Pages/MainPages/PreSecureExam/PreSecureExam\";\r\n// import DotinExams from \"Pages/MainPages/DotinExams\";\r\n\r\nfunction App() {\r\n useEffect(() => {\r\n setTimeout(() => {\r\n // console.clear();\r\n if (window.location.pathname === \"/\") {\r\n const styling = `\r\n padding:10px;\r\n background-color: #ddd;\r\n color: tomato; \r\n border-radius:5px;\r\n -webkit-text-stroke: 1px black;\r\n font-size:25px;`;\r\n console.log(\"%c😎 sanjify developers say welcome to you 🎂\", styling);\r\n }\r\n }, 1500);\r\n }, []);\r\n\r\n return (\r\n