import React, { useEffect, useState } from "react"; import { connect } from "react-redux"; import AnswerSheet from "../../../components/AnswerSheet"; import Button from "../../../components/Button"; import DatePicker from "../../../components/Calendar/CalendarComponents/DatePicker"; import Checkbox from "../../../components/Checkbox"; import RangeDatePicker from "../../../components/RangeDatePicker"; import SelectedCourse from "../../../components/selectedCourse"; import AddQuestionnaireCourse from "../components/addQuestionnaireCourse"; const AddQuestionnaireExam = ({ grades, addExamState, dispatch, stepClick, backStep }) => { const [name, setName] = useState(null); const [type, setType] = useState(null); const [description, setDescription] = useState(null); const [questionarePopUp, setQuestionairePopUp] = useState(false); const [addCoursePopup, setAddCoursePopup] = useState(false); const [newQuestionaire, setNewQuestionaire] = useState({ id: addExamState.questionnaires.length + 1, name: '', fileUrl: '', }); const [showCoursesInList, setShowCoursesInList] = useState([]); const [choosedQuestionaries, seChoosedQuestionaries] = useState([]); const [selectedQuestionare, setSelectedQuestionare] = useState({ id: null, courses: [] }); const [answers, setAnswers] = useState(null); const [newCourse, setNewCourse] = useState({ id: addExamState.questionairesCourses.length + 1, questionnaireId: selectedQuestionare.id, questionsQuantity:20, name: '', coefficient: 4 }) const [selectedCourse, setSelectedCourse] = useState({ sortId: 1, title: 'ادبیات فارسی', coefficient: 3, questionStart: 1, questionEnd: 0, }) // console.log(choosedQuestionaries) // console.log(newQuestionaire) // console.log(addExamState.questionnaires) console.log(newCourse) console.log(addExamState.questionairesCourses) console.log(selectedCourse) console.log(answers) const [fakeState, setFakeState] = useState(2); useEffect(() => { // questoinaresLists.map(item => showCoursesInList.push(false)); if(answers !== null && answers !== []) { answers.map(item => dispatch({type: 'ADD_ANSWERS', payload : item})) } }, [answers]) const payload = { name: name, description: description, type: type }; return ( <> { questionarePopUp &&
setQuestionairePopUp(false)}>

افزودن دفترچه

setNewQuestionaire({...newQuestionaire, name: e.target.value})} />
{/* { questoinaresLists.map( (item, index) => ( <>
e.target.checked ? seChoosedQuestionaries([...choosedQuestionaries, item]) : seChoosedQuestionaries(choosedQuestionaries.filter(itm => itm.id !== item.id)) } />

{item.title}

تعداد سوالات: {item.numberOfQuestions}

تعداد دروس: {item.courses.length}

{ let newArray = [...showCoursesInList]; newArray[index] = !newArray[index]; setShowCoursesInList(newArray) }}>نمایش دروس

{ showCoursesInList[index] &&
{ item.courses.map((course) => (

{course.title}

ضریب : {course.coefficient}

از سوال {course.questionStart} تا سوال {course.questionEnd}

)) }
} ) ) } */}
} { addCoursePopup && setAddCoursePopup(false)} nameOnChange={e => setNewCourse({...newCourse, name: e.target.value})} coefficientOnChange={e => setNewCourse({...newCourse, coefficient: e.target.vlaue})} questionQuantityOnChange={e => setNewCourse({...newCourse, questionsQuantity: e.target.value, questionnaireId: selectedQuestionare.id})} submitOnClick={() => {dispatch({type: 'ADD_QUESTIONNAIRE_COURSES', payload : newCourse}); setAddCoursePopup(false); setFakeState(fakeState + 356)} } /> }
تنظیمات آزمون

لطفا مشخضات آزمون را تکمیل کنید

{ addExamState.questionnaires.map( (item => (
setSelectedQuestionare({id : item.id,name: item.name, courses: addExamState.questionairesCourses.filter(itm => itm.questionnaireId == item.id)})} >

دفترچه {item.name}

)) ) }
addExamState.type == 'bank' ? console.log('bank') : setQuestionairePopUp(true)}>

+

{addExamState.type == 'bank' ? 'افزودن درس' : 'افزودن دفترچه'}

{ selectedQuestionare.id !== null && (<>

دفترچه {selectedQuestionare.name}

{ addExamState.questionairesCourses.filter(itm => itm.questionnaireId == selectedQuestionare.id).map( (item) => ( {setSelectedCourse(item); console.log(selectedCourse)}}/> ) ) }
) } {selectedQuestionare.id !== null &&
}
{setAnswers(data); setFakeState(fakeState - 2)}}/>
) } const mapStateToProps = (state) => ({ grades: state.publicApi.grades, addExamState: state.addExamReduser }) export default connect(mapStateToProps)(AddQuestionnaireCourse);