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