|
|
|
@ -31,7 +31,7 @@ const AddQuestionsFromBank = ({ grades, addExamState, dispatch, stepClick, backS |
|
|
|
|
const [newCourse, setNewCourse] = useState({ |
|
|
|
|
id: addExamState.questionairesCourses.length + 1, |
|
|
|
|
questionnaireId: selectedCourse.id, |
|
|
|
|
questionsQuantity:20, |
|
|
|
|
questionsQuantity: 20, |
|
|
|
|
name: '', |
|
|
|
|
coefficient: 4 |
|
|
|
|
}) |
|
|
|
@ -48,8 +48,8 @@ const AddQuestionsFromBank = ({ grades, addExamState, dispatch, stepClick, backS |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
// questoinaresLists.map(item => showCoursesInList.push(false));
|
|
|
|
|
if(answers !== null && answers !== []) { |
|
|
|
|
answers.map(item => dispatch({type: 'ADD_ANSWERS', payload : item})) |
|
|
|
|
if (answers !== null && answers !== []) { |
|
|
|
|
answers.map(item => dispatch({ type: 'ADD_ANSWERS', payload: item })) |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}, [answers]) |
|
|
|
@ -89,11 +89,11 @@ const AddQuestionsFromBank = ({ grades, addExamState, dispatch, stepClick, backS |
|
|
|
|
<Checkbox name={`PICK_QUESTIONARE_${index}`} |
|
|
|
|
onChange={(e) => |
|
|
|
|
e.target.checked ? |
|
|
|
|
dispatch({type: 'ADD_EXAM_COURSE', payload: item}) |
|
|
|
|
dispatch({ type: 'ADD_EXAM_COURSE', payload: item }) |
|
|
|
|
: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
dispatch({type: 'REMOVE_EXAM_COURSE', payload: item}) |
|
|
|
|
dispatch({ type: 'REMOVE_EXAM_COURSE', payload: item }) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
@ -118,7 +118,7 @@ const AddQuestionsFromBank = ({ grades, addExamState, dispatch, stepClick, backS |
|
|
|
|
) |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
@ -151,7 +151,7 @@ const AddQuestionsFromBank = ({ grades, addExamState, dispatch, stepClick, backS |
|
|
|
|
<div className={`flex flex-col ${selectedCourse.id === item.id ? 'bg-pinkF5 border border-red52 text-red52' : 'bg-white border border-gray-300 text-blue3A'} items-center justify-between pb-12 pt-2 w-36 h-32 mx-2 font-bold rounded-xl cursor-pointer`} |
|
|
|
|
onClick={() => setSelectedCourse(item)} |
|
|
|
|
> |
|
|
|
|
<p className="w-full text-left px-4" onClick={() => dispatch({type: 'REMOVE_EXAM_COURSE', payload: item})}> |
|
|
|
|
<p className="w-full text-left px-4" onClick={() => dispatch({ type: 'REMOVE_EXAM_COURSE', payload: item })}> |
|
|
|
|
x |
|
|
|
|
</p> |
|
|
|
|
|
|
|
|
@ -179,27 +179,28 @@ const AddQuestionsFromBank = ({ grades, addExamState, dispatch, stepClick, backS |
|
|
|
|
<div className="w-full flex px-10"> |
|
|
|
|
|
|
|
|
|
<div className="w-1/2 border-l flex flex-col border-gray-300 py-10"> |
|
|
|
|
{/* { |
|
|
|
|
selectedQuestionare.id !== null && (<> |
|
|
|
|
{ |
|
|
|
|
selectedCourse.id !== null && (<> |
|
|
|
|
<h1 className="text-blue3A w-full font-bold text-lg text-right"> |
|
|
|
|
دفترچه {selectedQuestionare.name} |
|
|
|
|
{selectedCourse.title} |
|
|
|
|
</h1> |
|
|
|
|
<div className="flex flex-col items-center overflow-x-hidden overflow-scroll" style={{height: '500px'}}> |
|
|
|
|
<div className="w-4/5 "> |
|
|
|
|
|
|
|
|
|
{ |
|
|
|
|
addExamState.questionairesCourses.filter(itm => itm.questionnaireId == selectedQuestionare.id).map( |
|
|
|
|
addExamState.questions.filter(itm => itm.courseId == selectedCourse.id).map( |
|
|
|
|
(item) => ( |
|
|
|
|
<SelectedCourse title={item.name} coefficient={item.coefficient} questionQuantity={item.questionsQuantity}
|
|
|
|
|
onClick={() => {setSelectedCourse(item); console.log(selectedCourse)}}/> |
|
|
|
|
<Question data={item} /> |
|
|
|
|
|
|
|
|
|
) |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
</>) |
|
|
|
|
} |
|
|
|
|
{selectedQuestionare.id !== null && |
|
|
|
|
{/* {selectedQuestionare.id !== null && |
|
|
|
|
<div className="w-full flex justify-center mt-10"> |
|
|
|
|
<button className=" bg-gray-300 text-xl text-gray-500 border-gray-500 w-1/3 h-12 rounded-xl border" onClick={() => setAddCoursePopup(true)}> |
|
|
|
|
افزودن درس |
|
|
|
@ -210,11 +211,32 @@ const AddQuestionsFromBank = ({ grades, addExamState, dispatch, stepClick, backS |
|
|
|
|
<div className="w-4/5 py-8"> |
|
|
|
|
{/* <AnswerSheet questionsQuantity={selectedCourse.questionsQuantity} optionsQuantity={4} selectedCourseId={selectedCourse.id} |
|
|
|
|
passAnswers={data => {setAnswers(data); setFakeState(fakeState - 2)}}/> */} |
|
|
|
|
{selectedCourse.id !== null && |
|
|
|
|
{selectedCourse.id !== null && |
|
|
|
|
addExamState.questionBank.filter(itm => itm.courseId == selectedCourse.id).map( |
|
|
|
|
(course) => (<Question data={course} />) |
|
|
|
|
(course , index) => ( |
|
|
|
|
|
|
|
|
|
<div className="flex items-start justify-between w-full"> |
|
|
|
|
<Checkbox name={`PICK_QUESTIONS_${index}_${course.courseId}`} |
|
|
|
|
onChange={(e) => |
|
|
|
|
e.target.checked ? |
|
|
|
|
dispatch({ type: 'ADD_EXAM_QUESTIONS', payload: course }) |
|
|
|
|
// console.log('asodjasd')
|
|
|
|
|
: |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
dispatch({ type: 'REMOVE_EXAM_QUESTIONS', payload: course }) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/> |
|
|
|
|
{/* <button onClick={() => dispatch({ type: 'ADD_EXAM_QUESTIONS', payload: course })}>ادد کردن</button> */} |
|
|
|
|
|
|
|
|
|
<Question data={course} /> |
|
|
|
|
</div> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
{/* <Question /> */} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|