parent
534b0946cd
commit
4dab1fe765
30 changed files with 2345 additions and 145 deletions
|
After Width: | Height: | Size: 655 B |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 999 B |
|
After Width: | Height: | Size: 653 B |
|
After Width: | Height: | Size: 529 B |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 542 B |
|
After Width: | Height: | Size: 631 B |
|
After Width: | Height: | Size: 525 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 908 B |
|
After Width: | Height: | Size: 967 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 888 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 822 B |
|
After Width: | Height: | Size: 895 B |
@ -0,0 +1,201 @@ |
||||
/* @font-face { |
||||
font-family: IRANSansX-Bold; |
||||
src: url(../../../assets/font/IRANSansX/Webfonts/fonts/woff2/IRANSansX-Bold.woff2) format("woff2"), |
||||
url(../../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Bold.woff) format("woff"); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansX-Regular; |
||||
src: url(../../../assets/font/IRANSansX/Webfonts/fonts/woff2/IRANSansX-Regular.woff2) format("woff2"), |
||||
url(../../../assets/font/IRANSansX/Webfonts/fonts/woff/IRANSansX-Regular.woff) format("woff"); |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: IRANSansXFaNum-Regular; |
||||
src: url(../../../assets/font/IRANSansX/Farsi-numerals/IRANSansXFaNum-Regular.ttf) format("woff2"), |
||||
url(../../../assets/font/IRANSansX/Farsi-numerals/Webfonts/Woff/IRANSansXFaNum-Regular.woff) format("woff"); |
||||
} |
||||
|
||||
:root{ |
||||
--font1:IRANSansX-Regular; |
||||
--font2:IRANSansX-Bold; |
||||
--font3:IRANSansXFaNum-Regular; |
||||
} */ |
||||
|
||||
.enter-exam{ |
||||
width: 98vw; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
/* background-image: url(../../../assets/azmoon-list/Group895.png); */ |
||||
background-size: 100% 100%; |
||||
} |
||||
|
||||
.enter-exam-box{ |
||||
/* width: 466px; */ |
||||
/* height: 662px; */ |
||||
height: 70vh; |
||||
aspect-ratio: 0.7/1; |
||||
margin-top: 110px; |
||||
padding: 25px; |
||||
border: 2px solid #EBEBEB; |
||||
border-radius: 8px; |
||||
background-color: white; |
||||
} |
||||
|
||||
.eeb-title-box{ |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
direction: rtl; |
||||
} |
||||
|
||||
.eeb-title-box-title{ |
||||
font-size: 18px; |
||||
color: #df1452; |
||||
font-family: var(--font2); |
||||
margin-top: 5px; |
||||
} |
||||
|
||||
.eeb-title-box-subtitle{ |
||||
font-size: 18px; |
||||
color: #A2B4CB; |
||||
font-family: var(--font1); |
||||
margin-top: 3px; |
||||
} |
||||
|
||||
.eeb-name-box, |
||||
.eeb-level-box, |
||||
.eeb-date-box, |
||||
.eeb-guide-box, |
||||
.eeb-created-box{ |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
direction: rtl; |
||||
padding: 9px 0; |
||||
border-bottom: 1px solid #F5F5F5; |
||||
font-family: var(--font1); |
||||
font-size: 13px; |
||||
} |
||||
|
||||
.eeb-name-box-label, |
||||
.eeb-level-box-label, |
||||
.eeb-date-box-label, |
||||
.eeb-np-box-label, |
||||
.eeb-qt-box-label, |
||||
.eeb-mu-box-label, |
||||
.eeb-et-box-label, |
||||
.eeb-guide-box-label, |
||||
.eeb-created-box-label{ |
||||
color: #A2B4CB; |
||||
margin-right: 3px; |
||||
} |
||||
|
||||
.eeb-name-box-name, |
||||
.eeb-level-box-level, |
||||
.eeb-date-box-date, |
||||
.eeb-np-box-have, |
||||
.eeb-qt-box-type, |
||||
.eeb-mu-box-number, |
||||
.eeb-et-box-type, |
||||
.eeb-guide-box-have, |
||||
.eeb-created-box-file{ |
||||
margin-right: 3px; |
||||
color: #132F52; |
||||
} |
||||
.eeb-date-box-date{ |
||||
font-family: var(--font3); |
||||
} |
||||
|
||||
.eeb-date-box-time{ |
||||
margin-right: 6px; |
||||
font-family: var(--font3); |
||||
} |
||||
|
||||
.eeb-negetive-point-and-question-type-box,.eeb-max-user-and-exam-type-box{ |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
direction: rtl; |
||||
border-bottom: 1px solid #F5F5F5; |
||||
} |
||||
|
||||
.eeb-np-box,.eeb-qt-box,.eeb-mu-box,.eeb-et-box{ |
||||
display: flex; |
||||
align-items: center; |
||||
direction: rtl; |
||||
padding: 9px 0; |
||||
font-family: var(--font1); |
||||
font-size: 13px; |
||||
|
||||
} |
||||
|
||||
.eeb-created-box-img-container{ |
||||
width: 25px; |
||||
height: 25px; |
||||
overflow: hidden; |
||||
border-radius: 50%; |
||||
} |
||||
|
||||
.eeb-created-box-img-container img{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
|
||||
.eeb-guide-box-link{ |
||||
color: #df1452; |
||||
text-decoration: none; |
||||
margin-right: 5px; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.eeb-btn{ |
||||
width: 100%; |
||||
height: 50px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
color: white; |
||||
background-color: #df1452; |
||||
font-size: 20px; |
||||
font-family: var(--font1); |
||||
border-radius: 8px; |
||||
transition: all 0.5s; |
||||
cursor: pointer; |
||||
margin-top: 8%; |
||||
text-decoration: none; |
||||
transition: all 0.2s; |
||||
} |
||||
|
||||
.eeb-btn:hover{ |
||||
background-color: #df1452; |
||||
box-shadow: 0px 0px 15px rgba(0,0,0, 0.3); |
||||
|
||||
} |
||||
|
||||
.eeb-timer{ |
||||
width: 100%; |
||||
height: 50px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
text-align: center; |
||||
color: white; |
||||
background-color: rgb(175, 175, 175); |
||||
font-size: 14px; |
||||
font-family: var(--font3); |
||||
border-radius: 8px; |
||||
margin-top: 8%; |
||||
text-decoration: none; |
||||
direction: rtl; |
||||
} |
||||
|
||||
.eeb-timer div { |
||||
margin-left: 5px; |
||||
} |
||||
@ -0,0 +1,398 @@ |
||||
import "./index.css"; |
||||
import { useSelector } from "react-redux"; |
||||
import { useState } from "react"; |
||||
|
||||
import img0 from "../../../../assets/azmoon-list/test.png"; |
||||
import icon1 from "../../../../assets/azmoon-list/stickynote.png"; |
||||
import icon2 from "../../../../assets/azmoon-list/teacher.png"; |
||||
import icon3 from "../../../../assets/azmoon-list/clock.png"; |
||||
import icon4 from "../../../../assets/azmoon-list/message-minus.png"; |
||||
import icon5 from "../../../../assets/azmoon-list/Group893.png"; |
||||
import icon6 from "../../../../assets/azmoon-list/people.png"; |
||||
import icon7 from "../../../../assets/azmoon-list/profile-2user.png"; |
||||
import icon8 from "../../../../assets/azmoon-list/message-text-2.png"; |
||||
import avatar from "../../../../assets/azmoon-list/tushar-khandagale-dvtAuBHBAVQ-unsplash.jpg"; |
||||
// import img1 from '../../assets/store/amazing-suggest/ella-olsson-KPDbRyFOTnE-unsplash.jpg';
|
||||
// import img2 from '../../assets/store/amazing-suggest/antoine-dautry-_zsL306fDck-unsplash.jpg';
|
||||
// import img3 from '../../assets/store/amazing-suggest/ahmed-almakhzanji-kshkB1i5_5o-unsplash.jpg';
|
||||
|
||||
import { Link } from "react-router-dom"; |
||||
import moment from "jalali-moment"; |
||||
import { useEffect } from "react"; |
||||
import { state } from "../../../../components/exam/Carousel/state"; |
||||
// let common_data = [
|
||||
// {
|
||||
// id:1,
|
||||
// img:img1,
|
||||
// title:"آزمون آشپزی شرق آسیا",
|
||||
// // price:458.200,
|
||||
// price:"450.200",
|
||||
// discounted_price:"405.000",
|
||||
// discount:"10%",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"پایه 1 الی 12",
|
||||
// type:"گروهی",
|
||||
// filter: "discounted",
|
||||
// exam_filter:"none",
|
||||
// user_num:100,
|
||||
// max_user:130,
|
||||
// time:"9:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// id:2,
|
||||
// img:img3,
|
||||
// title:"آزمون زیست شناسی دهم",
|
||||
// // price:458.200,
|
||||
// price:"350.000",
|
||||
// discounted_price:"305.000",
|
||||
// discount:"10%",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"کارشناسی",
|
||||
// type:"گروهی",
|
||||
// filter: "discounted",
|
||||
// exam_filter:"live",
|
||||
// user_num:100,
|
||||
// max_user:130,
|
||||
// time:"12:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// id:3,
|
||||
// img:img1,
|
||||
// title:"آزمون آشپزی شرق آسیا",
|
||||
// // price:458.200,
|
||||
// price:"350.200",
|
||||
// discounted_price:"305.000",
|
||||
// discount:"10%",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"پایه 1 الی 12",
|
||||
// type:"گروهی",
|
||||
// filter: "discounted",
|
||||
// exam_filter:"none",
|
||||
// user_num:100,
|
||||
// max_user:130,
|
||||
// time:"12:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// id:4,
|
||||
// img:img3,
|
||||
// title:"آزمون روان درمانی اگزیستانسیال",
|
||||
// // price:458.200,
|
||||
// price:"458.200",
|
||||
// discounted_price:"",
|
||||
// discount:"",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"پایه 1 الی 12",
|
||||
// type:"گروهی",
|
||||
// filter: "none",
|
||||
// exam_filter:"collegiate",
|
||||
// user_num:100,
|
||||
// max_user:130,
|
||||
// time:"10:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// id:5,
|
||||
// img:img2,
|
||||
// title:"آزمون آشپزی شرق آسیا",
|
||||
// // price:458.200,
|
||||
// price:"458.200",
|
||||
// discounted_price:"",
|
||||
// discount:"",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"پایه 1 الی 12",
|
||||
// type:"گروهی",
|
||||
// filter: "none",
|
||||
// exam_filter:"collegiate",
|
||||
// user_num:90,
|
||||
// max_user:100,
|
||||
// time:"11:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// id:6,
|
||||
// img:img1,
|
||||
// title:"آزمون آشپزی شرق آسیا",
|
||||
// // price:458.200,
|
||||
// price:"458.200",
|
||||
// discounted_price:"",
|
||||
// discount:"",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"پایه 1 الی 12",
|
||||
// type:"گروهی",
|
||||
// filter: "none",
|
||||
// exam_filter:"none",
|
||||
// user_num:100,
|
||||
// max_user:120,
|
||||
// time:"12:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// id:7,
|
||||
// img:img1,
|
||||
// title:"آزمون آشپزی شرق آسیا",
|
||||
// // price:458.200,
|
||||
// price:"350.000",
|
||||
// discounted_price:"",
|
||||
// discount:"",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"پایه 1 الی 12",
|
||||
// type:"گروهی",
|
||||
// filter: "none",
|
||||
// exam_filter:"collegiate",
|
||||
// user_num:100,
|
||||
// max_user:130,
|
||||
// time:"12:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// },
|
||||
// {
|
||||
// id:8,
|
||||
// img:img2,
|
||||
// title:"آزمون آشپزی شرق آسیا",
|
||||
// // price:458.200,
|
||||
// price:"458.200",
|
||||
// discounted_price:"رایگان",
|
||||
// discount:"100%",
|
||||
// date:"28 آبان 1400",
|
||||
// level:"پایه 1 الی 12",
|
||||
// type:"گروهی",
|
||||
// filter: "free",
|
||||
// exam_filter:"none",
|
||||
// user_num:100,
|
||||
// max_user:130,
|
||||
// time:"12:30",
|
||||
// negetive_point:"دارد",
|
||||
// question_type:"تشریحی و تستی",
|
||||
// guide_file:"دارد",
|
||||
// guide_file_link:"#",
|
||||
// creator:{
|
||||
// avatar:avatar,
|
||||
// name:"موسسه فرهنگی مصباح نور"
|
||||
// },
|
||||
// }
|
||||
// ]
|
||||
|
||||
const EnterExam = ({ ID }) => { |
||||
// const state = useSelector((state) => state.default);
|
||||
const [common_data] = useState(state); |
||||
console.log(common_data); |
||||
let data; |
||||
for (let i = 0; i < common_data.length; i++) { |
||||
if (common_data[i].id === Number(ID)) { |
||||
data = common_data[i]; |
||||
} |
||||
} |
||||
console.log("cc:"+data); |
||||
//--today date--and timer setting-----------------------------
|
||||
let today = new Date(); |
||||
let examDate = new Date(data.date) |
||||
console.log(today); |
||||
console.log(examDate); |
||||
let diff = (examDate-today)/1000; |
||||
let d = Math.floor(diff/86400); |
||||
console.log(d); |
||||
let h = Math.floor((diff-(86400*d))/3600); |
||||
console.log(h); |
||||
let m = Math.floor((diff-(86400*d)-(h*3600))/60); |
||||
console.log(m); |
||||
let s = Math.floor(diff-(86400*d)-(h*3600)-(m*60)); |
||||
console.log(s); |
||||
const [timer,setTimer]=useState({ |
||||
d,h,m,s |
||||
}) |
||||
|
||||
useEffect(() => { |
||||
// console.log(sec);
|
||||
if (timer.s >= 0 && diff > 0) { |
||||
setTimeout(() => { |
||||
// console.log("okdkdokodkd");
|
||||
setTimer({ |
||||
d, |
||||
h, |
||||
m, |
||||
s:s-1 |
||||
}); |
||||
if (timer.s === 0) { |
||||
setTimer({ |
||||
d, |
||||
h, |
||||
m:m-1, |
||||
s:59 |
||||
}); |
||||
} |
||||
if (timer.m === 0) { |
||||
setTimer({ |
||||
d, |
||||
h:h-1, |
||||
m:59, |
||||
s:59 |
||||
}); |
||||
} |
||||
if (timer.h === 0) { |
||||
setTimer({ |
||||
d:d-1, |
||||
h:23, |
||||
m:59, |
||||
s:59 |
||||
}); |
||||
} |
||||
}, 1000); |
||||
} |
||||
}); |
||||
//-------------------------------------------
|
||||
moment.locale("en"); |
||||
return ( |
||||
<div className="enter-exam"> |
||||
<div className="enter-exam-box"> |
||||
<div className="eeb-title-box"> |
||||
<img className="eeb-title-box-img" src={img0} alt="title-box-img" /> |
||||
<div className="eeb-title-box-title">به {data?.name}</div> |
||||
<div className="eeb-title-box-subtitle">خوش آمدید</div> |
||||
</div> |
||||
<div className="eeb-name-box"> |
||||
<img className="eeb-name-box-icon" src={icon1} alt="name-icon" /> |
||||
<div className="eeb-name-box-label">نام آزمون:</div> |
||||
<div className="eeb-name-box-name">{data?.name.substr(6)}</div> |
||||
</div> |
||||
<div className="eeb-level-box"> |
||||
<img className="eeb-level-box-icon" src={icon2} alt="name-icon" /> |
||||
<div className="eeb-level-box-label">پایه تحصیلی:</div> |
||||
<div className="eeb-level-box-level">{data?.level}</div> |
||||
</div> |
||||
<div className="eeb-date-box"> |
||||
<img className="eeb-date-box-icon" src={icon3} alt="name-icon" /> |
||||
<div className="eeb-date-box-label">زمان آزمون:</div> |
||||
<div className="eeb-date-box-date"> |
||||
{moment(data?.date, 'YYYY/MM/DD').format('jYYYY/jM/jD')} |
||||
</div> |
||||
<div className="eeb-date-box-time">ساعت
|
||||
{examDate.getHours()}:{examDate.getMinutes()} |
||||
|
||||
</div> |
||||
</div> |
||||
<div className="eeb-negetive-point-and-question-type-box"> |
||||
<div className="eeb-np-box"> |
||||
<img className="eeb-np-box-icon" src={icon4} alt="name-icon" /> |
||||
<div className="eeb-np-box-label">نمره منفی:</div> |
||||
<div className="eeb-np-box-have"> |
||||
{data?.negattiveMode && "دارد"} |
||||
{!data?.negattiveMode && "ندارد"} |
||||
</div> |
||||
</div> |
||||
<div className="eeb-qt-box"> |
||||
<img className="eeb-qt-box-icon" src={icon5} alt="name-icon" /> |
||||
<div className="eeb-qt-box-label">نوع سوالات:</div> |
||||
<div className="eeb-qt-box-type">{data?.types}</div> |
||||
</div> |
||||
</div> |
||||
<div className="eeb-max-user-and-exam-type-box"> |
||||
<div className="eeb-mu-box"> |
||||
<img className="eeb-mu-box-icon" src={icon6} alt="name-icon" /> |
||||
<div className="eeb-mu-box-label">حدنصاب شرکت کنندگان: </div> |
||||
<div className="eeb-mu-box-number">{data?.capacity} نفر</div> |
||||
</div> |
||||
<div className="eeb-et-box"> |
||||
<img className="eeb-et-box-icon" src={icon7} alt="name-icon" /> |
||||
<div className="eeb-et-box-label">نوع شرکت در آزمون:</div> |
||||
<div className="eeb-et-box-type"> |
||||
{data?.type===1 && "انفرادی"} |
||||
{data?.type===2 && "گروهی"} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div className="eeb-guide-box"> |
||||
<img className="eeb-guide-box-icon" src={icon8} alt="name-icon" /> |
||||
<div className="eeb-guide-box-label">فایل راهنما:</div> |
||||
<div className="eeb-guide-box-have"> |
||||
{data?.guideFileId && "دارد"} |
||||
{!data?.guideFileId && "ندارد"} -</div> |
||||
<Link |
||||
to={data?.guideFileId || "#"} |
||||
className="eeb-guide-box-link" |
||||
> |
||||
دریافت فایل |
||||
</Link> |
||||
</div> |
||||
<div className="eeb-created-box"> |
||||
<div className="eeb-created-box-img-container"> |
||||
<img |
||||
className="eeb-created-box-icon" |
||||
src={avatar} |
||||
alt="name-icon" |
||||
/> |
||||
</div> |
||||
<div className="eeb-created-box-label">ایجاد شده توسط</div> |
||||
<div className="eeb-created-box-file">موسسه فرهنگی مصباح نور</div> |
||||
</div> |
||||
{(new Date(data.date)<today) &&<Link |
||||
to={`/dashboard/azmoon_list/exam/${data?.id}`} |
||||
className="eeb-btn" |
||||
> |
||||
شروع آزمون |
||||
</Link>} |
||||
{(new Date(data.date)>today) &&
|
||||
<div className="eeb-timer"> |
||||
<div>{timer.d} روز و </div> |
||||
<div>{timer.h} ساعت و </div> |
||||
<div>{timer.m} دقیقه و </div> |
||||
<div>{timer.s} ثانیه </div> |
||||
<div>تا شروع آزمون</div> |
||||
</div> |
||||
} |
||||
</div> |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default EnterExam; |
||||
@ -0,0 +1,16 @@ |
||||
import EnterExam from "./desktop"; |
||||
import { useParams } from "react-router-dom"; |
||||
// import MobileEnterExam from "../../component/mobile/azmoon-list/M_EnterExam";
|
||||
|
||||
const ENTER_EXAM = () => { |
||||
const { id } = useParams(); |
||||
|
||||
return ( |
||||
<div className="ENTER_EXAM"> |
||||
{window.innerWidth > 1000 && <EnterExam ID={id} />} |
||||
{/* {window.innerWidth < 1000 && <MobileEnterExam ID={id} />} */} |
||||
</div> |
||||
); |
||||
}; |
||||
|
||||
export default ENTER_EXAM; |
||||
@ -0,0 +1,483 @@ |
||||
|
||||
.Exam{ |
||||
/* width: 100%; */ |
||||
width: 98vw; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
display: flex; |
||||
text-align: right; |
||||
} |
||||
|
||||
.Exam-sidebar{ |
||||
width: 18%; |
||||
margin-left: 20px; |
||||
margin-top: 110px; |
||||
} |
||||
|
||||
.Es-exam-info{ |
||||
width: 18%; |
||||
border-radius: 17px; |
||||
border: 1px solid #F1F1F1; |
||||
padding: 10px 20px; |
||||
direction: rtl; |
||||
box-shadow: 0 0 38px rgba(173, 173, 173, 0.2); |
||||
position: fixed; |
||||
top: 110px; |
||||
left: 20px; |
||||
} |
||||
|
||||
.Es-exam-info-with-scroll{ |
||||
top:10px; |
||||
} |
||||
|
||||
.Es-exam-info-p1{ |
||||
width: 100%; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
} |
||||
|
||||
.Es-exam-info-p1-text{ |
||||
|
||||
} |
||||
|
||||
.Es-eip1t-title{ |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
|
||||
.Es-eip1t-title-text{ |
||||
font-size: 11px; |
||||
/* font-family: IRANSansBold; */ |
||||
color: #df1452; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.Es-eip1t-subtitle{ |
||||
display: flex; |
||||
align-items: center; |
||||
margin-right: 10px; |
||||
margin-top: 2px; |
||||
} |
||||
|
||||
.Es-eip1t-subtitle-text{ |
||||
font-size: 8px; |
||||
/* font-family: IRANSans; */ |
||||
color: #132F52; |
||||
margin-right: 1px; |
||||
} |
||||
|
||||
.Es-eip1t-subtitle-icon{ |
||||
color: #CEFDFF; |
||||
} |
||||
|
||||
.Es-exam-info-p1-time{ |
||||
font-size: 8px; |
||||
/* font-family: IRANSans; */ |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 3px; |
||||
background-color: #C8D7EA; |
||||
color: #013273; |
||||
height: fit-content !important; |
||||
} |
||||
|
||||
.Es-eip1-time-icon{ |
||||
font-size: 11px; |
||||
} |
||||
|
||||
|
||||
.Es-exam-info-p2{ |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.Es-eip2-text{ |
||||
font-size: 13px; |
||||
/* font-family: IRANSansBold; */ |
||||
color: #df1452; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.Es-eip2-timer{ |
||||
font-size: 15px; |
||||
font-weight: bold; |
||||
color: #df1452; |
||||
margin-right: 5px; |
||||
} |
||||
|
||||
.Es-exam-info-line{ |
||||
width: 100%; |
||||
height: 1px; |
||||
background-color: #F9F9F9; |
||||
margin-top: 2px; |
||||
margin-bottom: 2px; |
||||
} |
||||
|
||||
/* --------Exam-main---------------------------- */ |
||||
.Exam-main{ |
||||
width: 72%; |
||||
margin-left: 20px; |
||||
margin-top: 110px; |
||||
direction: rtl; |
||||
} |
||||
|
||||
/* .Em-cover-top{ |
||||
width: 58.31vw; |
||||
height: 86px; |
||||
position: fixed; |
||||
top: 0; |
||||
background-color: violet; |
||||
z-index: 6; |
||||
} */ |
||||
.Em-progress-bar-container{ |
||||
/* width: 58.31vw; */ |
||||
width: 100%; |
||||
height: 40px; |
||||
overflow-x: hidden; |
||||
/* position: fixed; |
||||
top: 86px; */ |
||||
/* right: 311px; */ |
||||
background-color: white; |
||||
scroll-behavior: smooth; |
||||
} |
||||
|
||||
.Em-progress-bar-container::-webkit-scrollbar{ |
||||
width: 0; |
||||
height: 2px; |
||||
} |
||||
|
||||
.Em-progress-bar-container::-webkit-scrollbar-thumb{ |
||||
background-color: rgb(129, 128, 128); |
||||
} |
||||
|
||||
.Em-progress-bar-container::-webkit-scrollbar-track{ |
||||
background-color: rgb(214, 213, 213); |
||||
} |
||||
|
||||
.Em_pbc_scroll{ |
||||
width: 58.31vw; |
||||
position: fixed; |
||||
top: 0px; |
||||
box-sizing: content-box; |
||||
padding: 10px 0; |
||||
} |
||||
|
||||
.Em-progress-bar{ |
||||
/* width: 100%; */ |
||||
display: flex; |
||||
align-items: center; |
||||
/* transform: translateX(40px); */ |
||||
/* position: fixed; |
||||
top: 0; |
||||
right: 0; */ |
||||
} |
||||
|
||||
.Em-progress-bar-item{ |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.Em-pbi-circle{ |
||||
width: 35px; |
||||
height: 35px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
border-radius: 50%; |
||||
background-color: #F5F5F5; |
||||
color: #A2B4CB; |
||||
font-size: 20px; |
||||
} |
||||
|
||||
.Em-pbi-line{ |
||||
color: #E0E0E0; |
||||
padding-bottom: 7px; |
||||
font-size: 15.9px; |
||||
} |
||||
|
||||
.Em-questions-container{ |
||||
width: 100%; |
||||
margin-top: 40px; |
||||
} |
||||
|
||||
.Em-qc-item{ |
||||
width: 100%; |
||||
} |
||||
|
||||
.Em-qc-item-number{ |
||||
width: 80px; |
||||
height: 30px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-size: 18px; |
||||
/* font-family: IRANSans; */ |
||||
background-color: #E8FCFF; |
||||
color: #132F52; |
||||
} |
||||
|
||||
.Em-qc-item-question{ |
||||
width: 100%; |
||||
font-size: 20px; |
||||
/* font-family: IRANSans; */ |
||||
color: #132F52; |
||||
margin-top: 15px; |
||||
} |
||||
|
||||
.Em-qc-item-choices{ |
||||
width: 100%; |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
justify-content: space-between; |
||||
/* margin-bottom: 20px; */ |
||||
} |
||||
|
||||
.Em-qc-item-choices-item{ |
||||
/* flex: 2; */ |
||||
/* width: 49%; */ |
||||
flex-shrink: 0; |
||||
/* flex-grow: 1; */ |
||||
display: flex; |
||||
align-items: center; |
||||
/* height: 50px; */ |
||||
box-sizing: content-box; |
||||
padding: 5px 0; |
||||
background-color: #F5F5F5; |
||||
margin-top: 20px; |
||||
border-radius: 11px; |
||||
/* overflow: hidden; */ |
||||
} |
||||
|
||||
.Em-qc-item-choices-item-badge{ |
||||
width: 75px; |
||||
height: 100%; |
||||
background-color: #E7E7E7; |
||||
flex-shrink: 0; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-size: 20px; |
||||
/* font-family: IRANSansBold; */ |
||||
color: #132F52; |
||||
border-radius: 0 11px 11px 0; |
||||
box-sizing: content-box; |
||||
padding: 5px 0; |
||||
} |
||||
|
||||
.Em-qc-item-choices-item-text{ |
||||
height: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
font-size: 20px; |
||||
font-family: IRANSans; |
||||
color: #132F52; |
||||
padding-right: 10px; |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
.Em-qc-item-line{ |
||||
width: 100%; |
||||
height: 1px; |
||||
background-color: #D6E6F9; |
||||
margin-top: 40px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.Em-qc-item-answer-box{ |
||||
width: 100%; |
||||
height: 150px; |
||||
display: flex; |
||||
align-items: center; |
||||
margin-top: 20px; |
||||
} |
||||
|
||||
.Em-qc-item-answer-box-bade{ |
||||
height: 100%; |
||||
width: 75px; |
||||
background-color: #E7E7E7; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-size: 20px; |
||||
/* font-family: IRANSansBold; */ |
||||
color: #132F52; |
||||
border-radius: 0 11px 11px 0; |
||||
text-align: center; |
||||
} |
||||
|
||||
.Em-qc-item-answer-box-input{ |
||||
width: 100% !important; |
||||
height: 100%; |
||||
background-color: #F5F5F5; |
||||
border: none !important; |
||||
outline: none !important; |
||||
border-radius: 11px 0 0 11px; |
||||
resize: none; |
||||
font-size: 20px; |
||||
/* font-family: IRANSans; */ |
||||
padding: 10px 10px; |
||||
} |
||||
|
||||
.Em-qc-item-answer-box-input::-webkit-scrollbar{ |
||||
width: 4px |
||||
} |
||||
.Em-qc-item-answer-box-input::-webkit-scrollbar-thumb{ |
||||
background-color: rgb(129, 128, 128); |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
.Em-qc-item-answer-box-input::-webkit-scrollbar-track{ |
||||
background-color: rgb(214, 213, 213); |
||||
border-radius: 10px; |
||||
} |
||||
|
||||
|
||||
.Em-qc-item-question-box{ |
||||
width: 100%; |
||||
padding: 10px 10px; |
||||
border-radius: 11px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
background-color: #F5F5F5; |
||||
margin-top: 15px; |
||||
} |
||||
|
||||
.Em-qc-item-question-box img{ |
||||
border-radius: 11px; |
||||
} |
||||
|
||||
|
||||
.Em-btn-container{ |
||||
width: 100%; |
||||
height: 63px; |
||||
display: flex; |
||||
align-items: center; |
||||
margin-top: 20px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
.Em-btn-line{ |
||||
width: 28%; |
||||
height: 3px; |
||||
background-color: #df1452; |
||||
} |
||||
|
||||
|
||||
.Em-btn{ |
||||
width: 44%; |
||||
height: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
font-size: 22px; |
||||
color: white; |
||||
/* font-family: IRANSans; */ |
||||
background-color: #df1452; |
||||
border-radius: 15px; |
||||
transition: 0.6s; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.Em-btn:hover{ |
||||
background-color: white; |
||||
color: #df1452; |
||||
border: 3px solid #df1452; |
||||
} |
||||
|
||||
.EndExamModal{ |
||||
width: 100vw; |
||||
height: 100vh; |
||||
position: fixed; |
||||
z-index: 20; |
||||
top: 0; |
||||
left: 0; |
||||
background-color: rgba(119, 118, 118, 0.5); |
||||
backdrop-filter: blur(10px); |
||||
} |
||||
|
||||
.EndExamModal-title{ |
||||
width: 100%; |
||||
text-align: center; |
||||
font-size: 30px; |
||||
margin-top: 40px; |
||||
/* font-family: IRANSans; */ |
||||
} |
||||
|
||||
.EndExamModal-early-result{ |
||||
width: 60%; |
||||
margin: 0 auto; |
||||
height: 70vh; |
||||
border-radius: 10px; |
||||
background-color: white; |
||||
margin-top: 30px; |
||||
padding: 5px 10px; |
||||
position: relative; |
||||
} |
||||
|
||||
.EndExamModal-early-result-title{ |
||||
width: 100%; |
||||
padding: 10px 10px; |
||||
margin-top: 10px; |
||||
text-align: center; |
||||
/* font-family: IRANSans; */ |
||||
font-size: 20px; |
||||
background-color: #df1452; |
||||
border-radius: 10px; |
||||
color: white; |
||||
|
||||
} |
||||
|
||||
.EndExamModal-early-result-item{ |
||||
width: 100%; |
||||
padding: 10px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
border: 1px solid #E0E0E0; |
||||
border-radius: 10px; |
||||
margin-top: 10px; |
||||
direction: rtl; |
||||
/* font-family: IRANSans; */ |
||||
font-size: 16px; |
||||
} |
||||
|
||||
.EndExamModal-btn-box{ |
||||
width: 100%; |
||||
height: 40px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
position: absolute; |
||||
bottom: 10px; |
||||
} |
||||
|
||||
.EndExamModal-btn-box-line{ |
||||
width: 30%; |
||||
height: 2px; |
||||
background-color: #df1452; |
||||
} |
||||
.EndExamModal-btn-box-btn{ |
||||
width: 40%; |
||||
height: 100%; |
||||
border-radius: 10px; |
||||
background-color: #df1452; |
||||
color: white; |
||||
/* font-family: IRANSans; */ |
||||
font-size: 16px; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
transition: all 0.4s; |
||||
cursor: pointer; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.EndExamModal-btn-box-btn:hover{ |
||||
background-color: white; |
||||
color: #013273; |
||||
} |
||||
/* -------------------responsive-setting------------------------------ */ |
||||
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue