import React, { useEffect, useState } from "react"; import { connect } from "react-redux"; import Button from "../../../components/Button"; import DatePicker from "react-multi-date-picker"; import TimePicker from "react-multi-date-picker/plugins/time_picker" import persian from "react-date-object/calendars/persian" import persian_fa from "react-date-object/locales/persian_fa" import InputIcon from "react-multi-date-picker/components/input_icon" import RangeDatePicker from "../../../components/RangeDatePicker"; import FileInput from "../../../components/fileInput"; import { exam, file } from "../../../redux/actions"; import moment from "jalali-moment"; import loadingGiff from "../../../assets/img/Rolling-2s-223px.gif"; let oldExamAdd = null; const AddExamDescription = ({ grades, addExamState, dispatch, stepClick, backStep, uploadImg, loading, lastUploadId, addExamDescription, parentAdd, lastExamAdd, addExamLoading, }) => { const [name, setName] = useState(null); const [type, setType] = useState(null); const [description, setDescription] = useState(null); const [duration, setDuration] = useState(null); const [date, setDate] = useState({ format: "MM/DD/YYYY" }); const [startDate, setStartDate] = useState(null); const [endDate, setEndDate] = useState(null); const [questionCount, setQuestionCount] = useState(null); // const [budgetFileId,setBudgetFileId]=useState(null); useEffect(() => { oldExamAdd = lastExamAdd; }, []); useEffect(() => { console.log("a1"); if (lastExamAdd && lastExamAdd !== oldExamAdd) { console.log("a2"); addExamDescription(payload); stepClick(); } }, [lastExamAdd]); const payload = { name: name, description: description, type: type, duration, startDate, endDate, budgetFileId: lastUploadId, }; console.log("uuuuuuuuuuu"); const CostumeDatePickerInput = ({ openCalendar, value, handleValueChange, title, index, }) => { return ( changeHandler(e)} placeholder={title} className="create-exame-date-input w-full h-14 rounded-lg p-3 border border-gray-200 text-blue3A outline-blue-300" /> ); }; const dateChangeHandler = (index) => { let inputs = document.querySelectorAll(".create-exame-date-input"); console.log(inputs[index].value); let dateList = inputs[index].value.split(" ")[0].split("/"); let timeList = inputs[index].value.split(" ")[1].split(":"); console.log(dateList); console.log(timeList); console.log(Number(dateList[0])); }; const [file, setFile] = useState(null); const uploadImghandler1 = (e) => { console.log(e); setFile(e); uploadImg({ file: e, }); // setUploadImgNumber(1); }; const submitHandler = () => { // let questionCount = 0; // for (let i = 0; i < addExamState.courses.length; i++) { // questionCount += addExamState.courses[i].selectedQuestions.length; // } parentAdd({ name: name, description: description, gradeId: addExamState.grade, // startDate: moment( // `${addExamState.startDate?.year}/${addExamState.startDate?.month}/${addExamState.startDate?.day} ${addExamState.startDate?.hour}:${addExamState.startDate?.minute}` // ) // .locale("en") // .format("YYYY-MM-DD HH:mm"), startDate: moment .from( `${startDate?.year}/${startDate?.month}/${startDate?.day} ${startDate?.hour}:${startDate?.minute}`, "fa", "YYYY/MM/DD HH:mm" ) .format("YYYY-MM-DD HH:mm"), endDate: moment .from( `${endDate?.year}/${endDate?.month}/${endDate?.day} ${endDate?.hour}:${endDate?.minute}`, "fa", "YYYY/MM/DD HH:mm" ) .format("YYYY-MM-DD HH:mm"), duration: duration || 60, // duration:30, type: type, //questionCount: addExamState.questions.length, questionCount: Number(questionCount), examGroupId: addExamState.groupId, levelCriterion: null, budgetFileId: lastUploadId, }); // stepClick(); }; // useEffect(() => {}, [lastUploadId]); return ( <>
تنظیمات آزمون

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

setName(e.target.value)} /> dateChangeHandler(0)} onChange={setStartDate} renderButton={(direction, handleClick) => ( )} render={ } plugins={[]} /> ( )} render={ } plugins={[]} />
setDuration(e.target.value)} /> setQuestionCount(e.target.value)} />
نوع آزمون

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

setType(1)} > بانک سوالات
setType(2)} > دفترچه سوالات
بودجه‌بندی آزمون

لطفا عکس بودجه‌بندی آزمون را آپلود کنید.

uploadImghandler1(e)} deleteHandler={(e) => setFile(null)} loading={loading} />
{!addExamLoading && (
); }; const mapStateToProps = (state) => ({ grades: state.publicApi.grades, addExamState: state.addExamReduser, loading: state.file.loading, lastUploadId: state.file.lastUpload, lastExamAdd: state.exam2.lastExamAdd, addExamLoading: state.exam2.loading }); const mapDispatchToProps = { uploadImg: file.upload, addExamDescription : exam.addExamDescription, parentAdd: exam.parentAdd }; export default connect(mapStateToProps, mapDispatchToProps)(AddExamDescription);