\r\n }\r\n else {\r\n return }>{dictionary?.DownloadFile[language]}\r\n }\r\n }\r\n else return }>{dictionary?.DownloadFile[language]};\r\n })\r\n } */}\r\n \r\n );\r\n\r\n}\r\n\r\nexport default ViewDocument;","import React, { useContext, useState, useEffect } from 'react';\r\nimport { Context } from '../../defaults';\r\nimport { Descriptions, Space, Empty, Tag, Select } from 'antd';\r\nimport {\r\n getRegisteredStudentsCountByInstitutionId,\r\n getInstitutionById,\r\n getInstitutionsType,\r\n getPaymentsTypes,\r\n getInstitutions,\r\n} from '../../actions';\r\nimport jwtDecode from 'jwt-decode';\r\n\r\nconst General = () => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n const [institutions, setInstitutions] = useState([]);\r\n const [userRole, setUserRole] = useState('');\r\n const [selectedInstitution, setSelectedInstitution] = useState('');\r\n const [institutionsType, setInstitutionsType] = useState([]);\r\n const [paymentTypes, setPaymentsTypes] = useState([]);\r\n const [lessStudentsCount, setLessStudentsCount] = useState(0);\r\n const [lessStudentsColor, setLessStudentsColor] = useState('');\r\n const [registeredStudentsCount, setRegisteredStudentsCount] = useState(0);\r\n\r\n const onStart = () => {\r\n const persistedToken = jwtDecode(localStorage['token']);\r\n setUserRole(persistedToken['http://schemas.microsoft.com/ws/2008/06/identity/claims/role']);\r\n };\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n !!localStorage['token'] && onStart();\r\n getInstitutions().then(({ data }) => setInstitutions(data));\r\n getInstitutionsType().then(({ data }) => setInstitutionsType(data));\r\n getPaymentsTypes().then(({ data }) => setPaymentsTypes(data));\r\n setLoading(false);\r\n }, []);\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n const count = selectedInstitution.studentsCount - registeredStudentsCount;\r\n setLessStudentsCount(count.toString());\r\n if (count === 0) setLessStudentsColor('green');\r\n else if (count > selectedInstitution.studentsCount * 0.5) setLessStudentsColor('green');\r\n else if (count > selectedInstitution.studentsCount * 0.2) setLessStudentsColor('orange');\r\n else setLessStudentsColor('red');\r\n setLoading(false);\r\n }, [registeredStudentsCount]);\r\n\r\n const onChangeInstitute = (e, { value }) => {\r\n if (value) {\r\n getInstitutionById(value).then((res) => setSelectedInstitution(res.data));\r\n getRegisteredStudentsCountByInstitutionId(value).then(({ data }) =>\r\n setRegisteredStudentsCount(parseInt(data)),\r\n );\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n 1
\r\n\r\n
\r\n 2
\r\n\r\n
\r\n 3
\r\n\r\n
\r\n 4
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n :\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Login;\r\n","import React, { useContext, useEffect, useState } from 'react';\r\nimport {\r\n Form,\r\n Input,\r\n Table,\r\n Calendar,\r\n Skeleton,\r\n Avatar,\r\n Modal,\r\n Descriptions,\r\n Card,\r\n Badge,\r\n Button,\r\n message,\r\n} from 'antd';\r\nimport {\r\n UserOutlined,\r\n SecurityScanOutlined,\r\n LockOutlined,\r\n} from '@ant-design/icons';\r\nimport { saveChangePassword, getTeacherExamsList } from '../../../actions';\r\nimport { Context } from '../../../defaults';\r\nimport moment from 'moment';\r\n\r\nconst { Meta } = Card;\r\n\r\nconst TeachersInfo = ({ teacher, user, loading, setAdded }) => {\r\n const [form] = Form.useForm();\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n const [openChangePasswordModal, setOpenChangePasswordModal] = useState(false);\r\n const [exams, setExams] = useState([]);\r\n const [mode, setMode] = useState('month');\r\n const [buttonDisabled, setButtonDisabled] = useState(true);\r\n\r\n const dateCellRender = (value) => {\r\n const examDate = exams.filter(\r\n (m) => moment(m.examDate).format('DD.MM.YYYY') === value.format('DD.MM.YYYY'),\r\n );\r\n return (\r\n - \r\n {examDate.map((item) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
- \r\n {examDate.map((item) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n \r\n \r\n \r\n \r\n {teacher.phone}\r\n \r\n {user.email} \r\n \r\n {user.login}\r\n \r\n \r\n {!!user.regDate && moment(user.regDate).format('DD.MM.YYYY')}\r\n \r\n \r\n {!!user.lastChangePassDate && moment(user.lastChangePassDate).format('DD.MM.YYYY')}\r\n \r\n \r\n {!!user.lastLoginDate && moment(user.lastLoginDate).format('DD.MM.YYYY')}\r\n \r\n \r\n \r\n {/* \r\n {teacher &&\r\n teacher.subjects &&\r\n teacher.subjects.map((el, index) => {\r\n return (\r\n */}\r\n \r\n \r\n \r\n {\r\n const { password, rePassword } = form.getFieldsValue();\r\n if (password === rePassword) {\r\n setLoading(true);\r\n saveChangePassword({ password })\r\n .then((res) => {\r\n setLoading(false);\r\n setOpenChangePasswordModal(false);\r\n form.resetFields();\r\n setAdded(true);\r\n message.success(dictionary?.SuccessfullyChanged[language], { duration: 2 });\r\n })\r\n .catch(() => {\r\n setLoading(false);\r\n form.resetFields();\r\n message.error(dictionary?.SomethingWentWrong[language], { duration: 4 });\r\n });\r\n } else {\r\n form.validateFields();\r\n message.error(dictionary?.PasswordsAreNotSame[language]);\r\n }\r\n }}\r\n okButtonProps={{ disabled: buttonDisabled }}\r\n onCancel={() => {\r\n setOpenChangePasswordModal(false);\r\n }}\r\n title={dictionary?.ChangePassword[language]}\r\n visible={openChangePasswordModal}>\r\n {\r\n const { password, rePassword } = form.getFieldsValue();\r\n setButtonDisabled(!password || !rePassword);\r\n }}>\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TeachersInfo;\r\n","import React, { useEffect, useState } from 'react';\r\nimport TeachersInfo from './teachersInfo'\r\nimport { getTeachersProfile, getUser } from '../../../actions';\r\nimport jwt from 'jwt-decode';\r\n\r\n\r\nconst TeachersProfile = () => {\r\n const [user, setUser] = useState({});\r\n const [teacher, setTeacher] = useState();\r\n const [loading, setLoading] = useState(false);\r\n const [added, setAdded] = useState('')\r\n\r\n\r\n useEffect(() => {\r\n const t = localStorage.getItem('token');\r\n const persistedToken = jwt(t);\r\n if (persistedToken && persistedToken['nameid']) {\r\n setLoading(true);\r\n getUser(persistedToken['nameid']).then(res => {\r\n setUser(res.data);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n getTeachersProfile().then(({ data }) =>\r\n setTeacher({\r\n ...data,\r\n classroomTeacher: data.advisingClass && data.advisingClass.year && data.advisingClass.letter ?\r\n (data.advisingClass.year + data.advisingClass.letter) : ''\r\n })\r\n )\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (added) {\r\n setAdded(false);\r\n const t = localStorage.getItem('token');\r\n const persistedToken = jwt(t);\r\n if (persistedToken && persistedToken['nameid']) {\r\n setLoading(true);\r\n getUser(persistedToken['nameid']).then(res => {\r\n setUser(res.data);\r\n setLoading(false);\r\n });\r\n }\r\n\r\n getTeachersProfile().then(({ data }) =>\r\n setTeacher({\r\n ...data,\r\n classroomTeacher: data.advisingClass && data.advisingClass.year && data.advisingClass.letter ?\r\n (data.advisingClass.year + data.advisingClass.letter) : ''\r\n })\r\n )\r\n }\r\n }, [added]);\r\n \r\n return (\r\n <>\r\n {\r\n teacher &&\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n - \r\n {\r\n examDate.map(item => (\r\n
- \r\n
\r\n \r\n ))\r\n }\r\n
- \r\n {\r\n examDate.map(item => (\r\n
- \r\n
\r\n \r\n ))\r\n }\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Profile;\r\n","import React, { useContext } from 'react';\r\nimport { Result, Button, Typography } from 'antd';\r\nimport { CloseCircleOutlined } from '@ant-design/icons';\r\n\r\nimport { Context } from '../../../defaults';\r\n\r\nconst NoAccess = () => {\r\n const { dictionary, language } = useContext(Context);\r\n const { Paragraph, Text } = Typography;\r\n return (\r\n \r\n \r\n \r\n The content you submitted has the following error:\r\n \r\n \r\n \r\n \r\n \r\n \r\n
*/}\r\n \r\n );\r\n}\r\n\r\nexport default NoAccess;","import React, { useContext } from 'react';\r\nimport { Result, Button } from 'antd';\r\nimport { Context } from '../../../defaults';\r\n\r\nconst SessionExpired = () => {\r\n const { dictionary, language } = useContext(Context);\r\n return (\r\n \r\n \r\n \r\n {UserRegistration ? UserRegistration[language] : ''} \r\n \r\n \r\n {UserDetails ? UserDetails[language] : ''} \r\n \r\n \r\n {RegistrationDone ? RegistrationDone[language] : ''} \r\n \r\n \r\n {currentStep === 0 && (\r\n \r\n )}\r\n {currentStep === 1 && (\r\n \r\n )}\r\n {currentStep === 2 && (\r\n
\r\n );\r\n};\r\n\r\nexport default Registration;\r\n","import React, { useEffect, useState, useContext } from 'react';\r\nimport { Table, Button } from 'antd';\r\nimport { getInstitutions } from '../../../actions';\r\nimport { Icon } from 'semantic-ui-react';\r\nimport { Context } from '../../../defaults';\r\nimport moment from 'moment';\r\nimport { InstitutionModal } from './InstitutionsModal';\r\n\r\nfunction InstitutionsTable({ added, paymentsTypes, institutionsType, languagesType }) {\r\n const [institutions, setInstitutions] = useState();\r\n const { dictionary, language } = useContext(Context);\r\n const [modalProps, setModalProps] = useState({\r\n visible: false,\r\n actionType: null,\r\n currentInstitution: null,\r\n });\r\n const allSelectValue = {\r\n institutionsType,\r\n languagesType,\r\n paymentsTypes,\r\n };\r\n\r\n useEffect(() => {\r\n getInstitutions().then(({ data }) => setInstitutions(data));\r\n }, [added]);\r\n\r\n useEffect(() => {\r\n getInstitutions().then(({ data }) => setInstitutions(data));\r\n }, []);\r\n\r\n const columns = [\r\n {\r\n title: `${dictionary?.Name[language]}`,\r\n dataIndex: 'name',\r\n key: 'name',\r\n fixed: 'left',\r\n },\r\n {\r\n title: `${dictionary?.Description[language]}`,\r\n dataIndex: 'description',\r\n key: 'description',\r\n fixed: 'left',\r\n },\r\n {\r\n title: `${dictionary?.City[language]}`,\r\n dataIndex: 'city',\r\n key: 'city',\r\n },\r\n {\r\n title: `${dictionary.Address[language]}`,\r\n dataIndex: 'address',\r\n key: 'address',\r\n },\r\n {\r\n title: `${dictionary?.RegDate[language]}`,\r\n dataIndex: 'regDate',\r\n key: 'regDate',\r\n render: (date) => (date !== '0001-01-01T00:00:00' ? moment(date).format('L') : ''),\r\n },\r\n {\r\n title: `${dictionary?.PaymentType[language]}`,\r\n dataIndex: 'paymentTypeId',\r\n key: 'paymentTypeId',\r\n render: (id) => paymentsTypes && paymentsTypes.find((el) => el.id === id)?.name,\r\n },\r\n {\r\n title: `${dictionary?.InstitutionType[language]}`,\r\n dataIndex: 'institutionTypeId',\r\n key: 'institutionTypeId',\r\n render: (id) => institutionsType && institutionsType.find((el) => el.id === id)?.name,\r\n },\r\n {\r\n title: `${dictionary?.Language[language]}`,\r\n dataIndex: 'langId',\r\n key: 'langId',\r\n render: (id) => languagesType && languagesType.find((el) => el.id === id)?.name,\r\n },\r\n {\r\n title: `${dictionary?.Action[language]}`,\r\n key: 'action',\r\n width: 100,\r\n fixed: 'right',\r\n render: ({ id }) => (\r\n \r\n \r\n \r\n {RegistrationSuccess ? RegistrationSuccess[language] : ''}\r\n \r\n \r\n
\r\n )}\r\n\r\n \r\n {currentStep < 2 && (\r\n \r\n )}\r\n {currentStep === 2 && (\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n filterInstitutionsByTypeId(value)}>\r\n {institutionsType &&\r\n institutionsType.map((el) => {\r\n return (\r\n \r\n {el.name}\r\n \r\n );\r\n })}\r\n \r\n \r\n {\r\n return item.title.toLowerCase().indexOf(search.toLowerCase()) >= 0;\r\n }}>\r\n {groupedInstitutions &&\r\n Object.keys(groupedInstitutions).map((key) => {\r\n return (\r\n \r\n {groupedInstitutions[key].map((value) => {\r\n return \r\n );\r\n })}\r\n \r\n \r\n
\r\n {!selectedInstitution && \r\n \r\n \r\n {!edit && setEdit(true)} />}\r\n {edit && ,\r\n ]}>\r\n \r\n \r\n {edit && (\r\n \r\n \r\n )}\r\n {!edit && selectedInstitution.name}\r\n \r\n \r\n {edit && (\r\n \r\n \r\n )}\r\n {!edit && selectedInstitution.description}\r\n \r\n \r\n {edit && (\r\n \r\n onChange({ name: 'langId', value })}\r\n size=\"middle\"\r\n value={selectedInstitution.langId}\r\n allowClear={true}>\r\n {languagesType &&\r\n languagesType.map((el) => {\r\n return (\r\n \r\n {el.name}\r\n \r\n );\r\n })}\r\n \r\n \r\n )}\r\n {!edit &&\r\n selectedInstitution.langId &&\r\n languagesType.filter((el) => el.id === selectedInstitution.langId)[0].name}\r\n \r\n \r\n {edit && (\r\n \r\n onChange({ name: 'paymentTypeId', value })}\r\n value={selectedInstitution.paymentTypeId}\r\n allowClear={true}>\r\n {paymentsTypes &&\r\n paymentsTypes.map((el) => {\r\n return (\r\n \r\n {el.name}\r\n \r\n );\r\n })}\r\n \r\n \r\n )}\r\n {!edit &&\r\n selectedInstitution.paymentTypeId &&\r\n paymentsTypes.filter((el) => el.id === selectedInstitution.paymentTypeId)[0]\r\n .name}\r\n \r\n \r\n {edit && (\r\n \r\n onChange({ name: 'institutionTypeId', value })}\r\n allowClear={true}>\r\n {institutionsType &&\r\n institutionsType.map((el) => {\r\n return (\r\n \r\n {el.name}\r\n \r\n );\r\n })}\r\n \r\n \r\n )}\r\n {!edit &&\r\n selectedInstitution.institutionTypeId &&\r\n institutionsType.filter(\r\n (el) => el.id === selectedInstitution.institutionTypeId,\r\n )[0].name}\r\n \r\n {selectedInstitution.paymentTypeId === 1 && (\r\n \r\n {edit && (\r\n \r\n onChange({ name: 'subscriptionTypeId', value })}\r\n allowClear={true}>\r\n {subscriptionsType &&\r\n subscriptionsType.map((el) => {\r\n return (\r\n \r\n {el.name}\r\n \r\n );\r\n })}\r\n \r\n \r\n )}\r\n {!edit &&\r\n selectedInstitution.subscriptionTypeId &&\r\n subscriptionsType.filter(\r\n (el) => el.id === selectedInstitution.subscriptionTypeId,\r\n )[0].name}\r\n \r\n )}\r\n {selectedInstitution.paymentTypeId === 2 && (\r\n \r\n {edit && (\r\n \r\n \r\n )}\r\n {!edit && selectedInstitution.studentsCount}\r\n \r\n )}\r\n\r\n \r\n {edit && (\r\n \r\n \r\n )}\r\n {!edit && selectedInstitution.city}\r\n \r\n \r\n onChange({ name: 'active', value })}\r\n checkedChildren={ \r\n \r\n {edit && (\r\n \r\n \r\n )}\r\n {!edit && selectedInstitution.address}\r\n \r\n \r\n {edit && (\r\n \r\n \r\n \r\n \r\n )}\r\n {!edit &&\r\n selectedInstitution.studyYearFrom &&\r\n selectedInstitution.studyYearTo &&\r\n `${selectedInstitution.studyYearFrom} ~ ${selectedInstitution.studyYearTo}`}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Institutions;\r\n","import React, { useEffect, useState, useContext } from 'react';\r\nimport {\r\n Grid,\r\n Table,\r\n Label,\r\n Header,\r\n Menu,\r\n Icon,\r\n Form,\r\n Button,\r\n Checkbox,\r\n Segment,\r\n} from 'semantic-ui-react';\r\nimport {\r\n getRoles,\r\n getRoleTasks,\r\n getTasks,\r\n setRoleTasks,\r\n createRole,\r\n updateRole,\r\n} from '../../../actions';\r\nimport { Context } from '../../../defaults';\r\nimport styles from './index.module.css';\r\n\r\nconst Roles = () => {\r\n const { setLoading } = useContext(Context);\r\n const [roles, setRoles] = useState([]);\r\n const [tasks, setTasks] = useState([]);\r\n\r\n const [selectedRole, setSelectedRole] = useState({});\r\n const [newRole, setNewRole] = useState(undefined);\r\n\r\n const selectRole = (role) => {\r\n setLoading(true);\r\n setNewRole(undefined);\r\n setSelectedRole(role);\r\n getRoleTasks(role.id)\r\n .then((res) => res.json())\r\n .then((res) => {\r\n setTasks(tasks.map((el) => ({ ...el, checked: res.some((rt) => rt.id === el.id) })));\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const saveNewRole = () => {\r\n setLoading(true);\r\n createRole({ Name: newRole.name, Value: newRole.value })\r\n .then((res) => res.json())\r\n .then((res) => {\r\n setSelectedRole(res);\r\n setRoles([...roles, res]);\r\n setNewRole(undefined);\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const saveRoleChanges = () => {\r\n setLoading(true);\r\n const { id, name, value } = selectedRole;\r\n updateRole({ Id: id, Name: name, Value: value })\r\n .then((res) => res.json())\r\n .then((res) => {\r\n setLoading(false);\r\n setRoles(roles.map((el) => (el.id === id ? res : el)));\r\n });\r\n };\r\n\r\n const changeRole = (e, { name, value }) => {\r\n setSelectedRole({ ...selectedRole, [name]: value });\r\n };\r\n\r\n const changeNewRole = (e, { name, value }) => {\r\n setNewRole({ ...newRole, [name]: value });\r\n };\r\n\r\n const createNewRole = () => {\r\n setSelectedRole({});\r\n setNewRole({});\r\n };\r\n\r\n const bindTaskToRole = (taskId) => {\r\n setLoading(true);\r\n setRoleTasks({ TaskId: taskId, RoleId: selectedRole.id }).then(() => {\r\n setTasks(\r\n tasks.map((el) => {\r\n if (el.id === taskId) return { ...el, checked: !el.checked };\r\n return el;\r\n }),\r\n );\r\n setLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n getRoles()\r\n .then((res) => res.json())\r\n .then((res) => {\r\n setRoles(res);\r\n });\r\n getTasks()\r\n .then((res) => res.json())\r\n .then((res) => {\r\n setTasks(res);\r\n });\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n Привязать задачи к ролям\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {selectedRole.id && (\r\n \r\n Роль - \"{selectedRole.name}\"\r\n \r\n )}\r\n {newRole && (\r\n \r\n Создание роли\r\n \r\n )}\r\n \r\n {selectedRole.id && (\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Roles;\r\n","import React, { useContext, useState } from 'react';\r\nimport { message, Form, Input, Select, Button } from 'antd';\r\nimport { Context } from '../../../defaults';\r\nimport {\r\n createStudents,\r\n getInstitutionById,\r\n getInstitutionClasses,\r\n isLoginExist,\r\n} from '../../../actions';\r\nimport MaskedInput from 'antd-mask-input';\r\nimport {\r\n emailRegex,\r\n loginRegex,\r\n phoneRegex,\r\n studyYearRegex,\r\n subjectsRegex,\r\n} from '../../../common';\r\n\r\nexport function StudentsAdd({ institutions, languagesType, setAdded, setActive }) {\r\n const [form] = Form.useForm();\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n const [institutionClass, setInstitutionClass] = useState();\r\n const [studyYear, setStudyYear] = useState();\r\n const [currentRegExp, setCurrentRegExp] = useState('');\r\n const [currentInstitute, setCurrentInstitute] = useState('');\r\n const requiredMessage = dictionary?.FillTheField[language];\r\n const maxLengthMessage = dictionary?.MaxLengthField[language];\r\n const onlyEnglish = dictionary?.OnlyEnglish[language];\r\n const invalidEmail = dictionary?.InvalidEmail[language];\r\n\r\n const initialState = {\r\n lastName: '',\r\n firstName: '',\r\n middleName: '',\r\n institutionId: null,\r\n langId: null,\r\n phone: '',\r\n studyYear: '',\r\n yearOfStudy: '',\r\n country: '',\r\n city: '',\r\n region: '',\r\n classId: null,\r\n users: {\r\n login: '',\r\n email: '',\r\n },\r\n };\r\n\r\n const onChangeInstitute = (e, data) => {\r\n setInstitutionClass(null);\r\n form.setFieldsValue({ classId: null });\r\n data &&\r\n data.value &&\r\n getInstitutionClasses(data.value).then(({ data }) => setInstitutionClass(data));\r\n getInstitutionById(data.value).then(({ data }) => {\r\n setCurrentInstitute(data);\r\n setCurrentRegExp(subjectsRegex(data.studyYearFrom, data.studyYearTo));\r\n });\r\n };\r\n\r\n function isNotUniqueLogin() {\r\n return form.setFields([\r\n {\r\n name: 'login',\r\n value: form.getFieldValue('login'),\r\n errors: ['Логин должен быть уникальным'],\r\n },\r\n ]);\r\n }\r\n\r\n const onSaveStudent = () => {\r\n setLoading(true);\r\n form\r\n .validateFields()\r\n .then(() => {\r\n createStudents(form.getFieldValue())\r\n .then(() => {\r\n setLoading(false);\r\n setAdded(true);\r\n setActive('2');\r\n setStudyYear(null);\r\n message.success(dictionary?.SuccessfullyAdded[language], 4);\r\n form.resetFields();\r\n })\r\n .catch((errors) => {\r\n if (!!errors.response.data.errors) {\r\n form.setFields([\r\n {\r\n name: 'login',\r\n value: form.getFieldValue('login'),\r\n errors: ['Логин должен быть уникальным'],\r\n },\r\n ]);\r\n message.error(errors.response.data.errors.Login, 4);\r\n } else {\r\n message.error(dictionary?.SomethingWentWrong[language], 4);\r\n }\r\n setLoading(false);\r\n });\r\n })\r\n .catch(() => {\r\n setLoading(false);\r\n message.error(dictionary?.FormValidationFail[language], 4);\r\n });\r\n };\r\n\r\n function rulesForStudyYear(e) {\r\n if (!!e) {\r\n const value = e.target.value;\r\n const years = value.split('/');\r\n if (years[0] > years[1]) {\r\n return {\r\n validateStatus: 'error',\r\n help: dictionary?.StudyYearFromLessThanTo[language],\r\n };\r\n }\r\n if (\r\n Number.isInteger(parseInt(years[0])) &&\r\n Number.isInteger(parseInt(years[1])) &&\r\n years[1] - years[0] !== 1\r\n ) {\r\n return {\r\n validateStatus: 'error',\r\n help: dictionary?.StudyYearValidate[language],\r\n };\r\n }\r\n if (!value.match(studyYearRegex)) {\r\n return { validateStatus: 'error', help: dictionary?.StudyYearField[language] };\r\n }\r\n if (!value) {\r\n return { validateStatus: 'error', help: requiredMessage };\r\n } else {\r\n return { validateStatus: 'success', help: null };\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n Связанные задачи\r\n \r\n \r\n {tasks &&\r\n tasks.map((el) => {\r\n return (\r\n bindTaskToRole(el.id)}\r\n checked={el.checked}\r\n />\r\n );\r\n })}\r\n \r\n
\r\n )}\r\n {newRole && (\r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Привязка предметов к учителю
\r\n \r\n {bind.showTable && (\r\n <>\r\nПривязка студентов к предметам
\r\n \r\nСтраница Отчетов
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default Report;\r\n","import React, { useContext, useState, useEffect } from 'react';\r\nimport jwtDecode from 'jwt-decode';\r\nimport { Button, Col, Row, Select, Table } from 'antd';\r\nimport { Context } from '../../../defaults';\r\nimport {\r\n getStudentExams,\r\n getFilteredSubjects,\r\n getFilteredExams,\r\n getFilteredMoreExams,\r\n getAllQuestionsById,\r\n getGroupById,\r\n getTopicsById,\r\n getTeacherById,\r\n} from '../../../actions';\r\nimport moment from 'moment';\r\nimport { exportXls } from '.';\r\n\r\nfunction Report(data) {\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}\r\n\r\nconst StudentsReport = () => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n const [subjects, setSubjects] = useState([]);\r\n const [exams, setExams] = useState([]);\r\n const [selectedExam, setSelectedExam] = useState('');\r\n const [selectedMoreExam, setSelectedMoreExam] = useState('');\r\n const [questions, setQuestions] = useState([]);\r\n const [group, setGroup] = useState([]);\r\n const [teacher, setTeacher] = useState([]);\r\n const [topics, setTopics] = useState([]);\r\n\r\n useEffect(() => {\r\n setLoading(true);\r\n const persistedToken = jwtDecode(localStorage['token']);\r\n const role = persistedToken['http://schemas.microsoft.com/ws/2008/06/identity/claims/role'];\r\n role === 'student' &&\r\n getStudentExams().then(({ data }) => {\r\n const subjectsId = [];\r\n data.forEach((el) => {\r\n subjectsId.push(el.subjectId);\r\n });\r\n getFilteredSubjects([...new Set(subjectsId)]).then(({ data }) => setSubjects(data));\r\n });\r\n setLoading(false);\r\n }, []);\r\n\r\n const onSelectSubject = (value) => {\r\n setSelectedExam(null);\r\n setSelectedMoreExam(null);\r\n if (value) {\r\n getFilteredExams(value).then(({ data }) => setExams(data));\r\n }\r\n };\r\n\r\n const onSelectExam = (value) => {\r\n setSelectedExam(null);\r\n setSelectedMoreExam(null);\r\n if (value) {\r\n setSelectedExam(exams.filter((x) => x.id === value));\r\n }\r\n };\r\n\r\n const onSelectMoreExam = (id) => {\r\n if (id) {\r\n getFilteredMoreExams(id).then((res) => {\r\n setSelectedMoreExam([res.data]);\r\n getAllQuestionsById(res.data.studentExam.questionIds).then((res) => setQuestions(res.data));\r\n getGroupById(res.data.groupId).then((res) => setGroup([res.data]));\r\n getTopicsById(res.data.topicsId).then((res) => setTopics(res.data));\r\n getTeacherById(res.data.teacherId).then((res) => setTeacher([res.data]));\r\n });\r\n } else {\r\n setSelectedExam(null);\r\n setSelectedMoreExam(null);\r\n }\r\n };\r\n\r\n const columns = [\r\n {\r\n title: `${dictionary?.ExamName[language]}`,\r\n dataIndex: 'name',\r\n key: 'name',\r\n render: (text, { id }) => onSelectMoreExam(id)}>{text},\r\n },\r\n {\r\n title: `${dictionary?.ExamStartDate[language]}`,\r\n dataIndex: 'examDate',\r\n key: 'examDate',\r\n render: (examDate) => moment(examDate).format('L'),\r\n },\r\n {\r\n title: `${dictionary?.Subject[language]}`,\r\n dataIndex: 'subjectId',\r\n key: 'subjectId',\r\n render: (subjectId) => subjects && subjects.find((el) => el.id === subjectId)?.name,\r\n },\r\n {\r\n title: `${dictionary?.TotalPoint[language]}`,\r\n dataIndex: 'totalPoint',\r\n key: 'totalPoint',\r\n render: (e, e1, e2) => {\r\n return `${e1.totalPoint} / ${e1.maxTotalPoint}`;\r\n },\r\n },\r\n ];\r\n\r\n const columns2 = [\r\n {\r\n title: `${dictionary?.ClassroomTeacher[language]}`,\r\n dataIndex: 'teacherId',\r\n key: 'teacherId',\r\n render: (id) =>\r\n teacher &&\r\n teacher.find((el) => el.id === id)?.lastName +\r\n ' ' +\r\n teacher.find((el) => el.id === id)?.firstName +\r\n ' ' +\r\n teacher.find((el) => el.id === id)?.middleName,\r\n },\r\n {\r\n title: `${dictionary?.Group[language]}`,\r\n dataIndex: 'groupId',\r\n key: 'groupId',\r\n render: (id) => group && group.find((el) => el.id === id)?.name,\r\n },\r\n {\r\n title: `${dictionary?.Topic[language]}`,\r\n dataIndex: 'topicsId',\r\n key: 'topicsId',\r\n render: (topic) => (\r\n <>\r\n {topic.map((item) => {\r\n return {topics && topics.find((el) => el.id === item)?.name},;\r\n })}\r\n \r\n ),\r\n },\r\n {\r\n title: `${dictionary?.VariantNumber[language]}`,\r\n dataIndex: 'groupId + 1',\r\n key: 'groupId + 1',\r\n render: (e, e1, e2) => {\r\n return e1.studentExam.variantNumber;\r\n },\r\n },\r\n ];\r\n\r\n questions &&\r\n questions.length > 0 &&\r\n questions.forEach((el, index) => {\r\n columns2.push({\r\n title: `${dictionary?.Question[language]} ${index + 1}`,\r\n dataIndex: `questionId`,\r\n key: el.id,\r\n render: (e, e1, e2) => {\r\n return `${\r\n e1.studentExam.studentAnswers.find((item) => item.questionId === el.id)?.point\r\n } / ${el.point}`;\r\n },\r\n });\r\n if (index === questions.length - 1) {\r\n columns2.push({\r\n title: `${dictionary?.TotalPoint[language]}`,\r\n dataIndex: 'totalPoint',\r\n key: 'totalPoint',\r\n render: (e, e1, e2) => {\r\n return `${e1.studentExam.totalPoint} / ${e1.studentExam.maxTotalPoint}`;\r\n },\r\n });\r\n }\r\n });\r\n\r\n let exportData = {};\r\n const setData = () => {\r\n exportData = {\r\n column1: {\r\n examname: selectedMoreExam[0].name,\r\n examDate: moment(selectedMoreExam[0].examDate).format('L'),\r\n subject: subjects && subjects.find((el) => el.id === selectedMoreExam[0].subjectId)?.name,\r\n totalPoint: `${selectedMoreExam[0].studentExam.totalPoint} / ${selectedMoreExam[0].studentExam.maxTotalPoint}`,\r\n },\r\n column2: {\r\n teacher:\r\n teacher &&\r\n teacher.find((el) => el.id === selectedMoreExam[0].teacherId)?.lastName +\r\n ' ' +\r\n teacher.find((el) => el.id === selectedMoreExam[0].teacherId)?.firstName +\r\n ' ' +\r\n teacher.find((el) => el.id === selectedMoreExam[0].teacherId)?.middleName,\r\n group: group && group.find((el) => el.id === selectedMoreExam[0].groupId)?.name,\r\n topic: selectedMoreExam[0].topicsId.map((item) => {\r\n return topics && topics.find((el) => el.id === item)?.name;\r\n }),\r\n variantNumber: selectedMoreExam[0].studentExam.variantNumber,\r\n totalPoint: `${selectedMoreExam[0].studentExam.totalPoint} / ${selectedMoreExam[0].studentExam.maxTotalPoint}`,\r\n questions:\r\n questions &&\r\n questions.map((el) => {\r\n return `${\r\n selectedMoreExam[0].studentExam.studentAnswers.find(\r\n (item) => item.questionId === el.id,\r\n )?.point\r\n } / ${el.point}`;\r\n }),\r\n },\r\n };\r\n };\r\n\r\n selectedMoreExam && setData();\r\n\r\n return (\r\n\r\n
\r\n
\r\n\r\n {\r\n data.question.answerVariants.map((el, i) => {\r\n return i && el.isRight === data.studentAnswer?.answerVariants[i].isRight) ?\r\n '#f6ffed' :\r\n ((el.isRight !== 1 && data.studentAnswer?.answerVariants.length > i && data.studentAnswer?.answerVariants[i].isRight === 1) ? '#fff1f0' : 'none'))\r\n }}\r\n key={`answer${el.id}`}>\r\n \r\n {dictionary?.RightAnswer[language]} \r\n }\r\n\r\n {\r\n data.studentAnswer?.answerVariants.length > i &&\r\n data.studentAnswer?.answerVariants[i].isRight === 1 &&\r\n {dictionary?.StudentAnswer[language]} \r\n }\r\n {/* green \r\n green */}\r\n \r\n
\r\n
\r\n })\r\n }\r\n {/* {el.answerText}
\r\n }\r\n {\r\n el.files && el.files.length > 0 &&\r\n\r\n
*/}\r\n \r\n\r\n );\r\n}\r\n\r\nexport default Question1;","import React, { useState, useContext, useEffect } from 'react';\r\nimport { Row, Col, Input, Empty, Switch, Form } from 'antd';\r\nimport { ViewDocument } from '../../../../../components';\r\nimport { CloseOutlined, CheckOutlined } from '@ant-design/icons';\r\nimport { Context } from '../../../../../defaults';\r\n\r\n\r\nconst Question2 = ({ data, setData, setDisableNav, current }) => {\r\n const { dictionary, language } = useContext(Context);\r\n\r\n useEffect(() => {\r\n if (!(data.studentAnswer.point || data.studentAnswer.point === 0)) {\r\n setDisableNav(true);\r\n }\r\n else {\r\n setDisableNav(false);\r\n }\r\n }, [data.studentAnswer]);\r\n\r\n const onChange = (checked) => {\r\n setData({ ...data, studentAnswer: { ...data.studentAnswer, isRight: checked ? 1 : 0 } });\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Question2;","import React, { useState, useContext } from 'react';\r\nimport { Card, Alert } from 'antd';\r\nimport { Context } from '../../../../../defaults';\r\nimport { ViewDocument } from '../../../../../components';\r\n\r\n\r\n\r\nconst Question3 = ({ data, current }) => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n }\r\n {\r\n\r\n (!data.studentAnswer.answerVariants || data.studentAnswer.answerVariants.length === 0 || (\r\n (!data.studentAnswer.answerVariants[0].files || data.studentAnswer.answerVariants[0].files.length === 0) && !data.studentAnswer.answerVariants[0].answerHtml))\r\n &&\r\n
\r\n
\r\n \r\n {dictionary?.AnswerIsRight[language]}\r\n
\r\n \r\n
*/}\r\n \r\n {dictionary?.Point[language]}\r\n
\r\n \r\n \r\n {\r\n if (\r\n e.target.value <= (data.studentAnswer.usedHint === 1 ? data.question.hintPoint : data.question.point) &&\r\n e.target.value >= 0\r\n ) {\r\n setData({ ...data, studentAnswer: { ...data.studentAnswer, point: e.target.value } });\r\n }\r\n }} />\r\n \r\n
\r\n \r\n\r\n {dictionary?.MinPoint[language]}-0, {dictionary?.MaxPoint[language]} - {data.studentAnswer.usedHint === 1 ? data.question.hintPoint : data.question.point}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/*
\r\n );\r\n}\r\n\r\nexport default Question3;","import React, { useContext } from 'react';\r\nimport { Alert, Row, Col, Card } from 'antd';\r\nimport { Context } from '../../../../../defaults';\r\n\r\nconst Question4 = ({ data }) => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n\r\n return (\r\n - \r\n {\r\n data.studentAnswer.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n\r\n {\r\n el.files && el.files.length > 0 &&\r\n\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
- \r\n {\r\n data.question.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n\r\n {\r\n el.files && el.files.length > 0 &&\r\n\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
\r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n {/*
\r\n );\r\n}\r\n\r\nexport default Question4;","import React, { useContext } from 'react';\r\nimport { Alert, Row, Col, Card } from 'antd';\r\nimport { Context } from '../../../../../defaults';\r\n\r\n\r\nconst Question5 = ({ data }) => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n\r\n return (\r\n - \r\n {\r\n data.studentAnswer.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n \r\n })\r\n }\r\n
- \r\n {\r\n data.question.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
\r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n {/*
\r\n );\r\n}\r\n\r\nexport default Question5;","import React, { useContext } from 'react';\r\nimport { Typography, Row, Col, Alert, Divider } from 'antd';\r\nimport { ViewDocument } from '../../../../components';\r\nimport { Context } from '../../../../defaults';\r\nimport * as Questions from './types';\r\n\r\n\r\n\r\nconst { Title } = Typography;\r\n\r\nconst Question = ({ data, setData, student, setDisableNav, current }) => {\r\n const { dictionary, language } = useContext(Context);\r\n const Question = Questions[`Question${data.question.questionTypeId}`];\r\n\r\n return (\r\n - \r\n {\r\n data.studentAnswer.answerVariants.filter(x => x.isRight === 1).map((el, index) => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n ;\r\n })\r\n\r\n }\r\n
- \r\n {\r\n data.question.answerVariants.filter(x => x.isRight === 1).map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
\r\n
*/}\r\n \r\n \r\n
\r\n {\r\n data.question.questionText &&\r\n \r\n {data.question.questionText} \r\n \r\n
\r\n }\r\n {\r\n data?.question?.files &&\r\n \r\n
\r\n }\r\n\r\n {dictionary?.Answer[language]} \r\n\r\n {\r\n data.question.questionTypeId &&\r\n
\r\n );\r\n}\r\n\r\nexport default Question;","import React, { useContext, useEffect, useState } from 'react';\r\nimport {\r\n List,\r\n Card,\r\n Select,\r\n Row,\r\n Col,\r\n Form,\r\n Steps,\r\n Badge,\r\n message,\r\n Button,\r\n Tag\r\n} from 'antd';\r\nimport {\r\n getPassedExams,\r\n getPassedStudentExams,\r\n teacherSubjects,\r\n getTeacherGroups,\r\n getStudentAnswers,\r\n setCheckedAnswer,\r\n collectTotal,\r\n} from '../../../actions';\r\nimport Question from './question';\r\nimport { Context } from '../../../defaults';\r\nimport moment from 'moment';\r\n\r\nconst { Step } = Steps;\r\n\r\nconst CheckExam = () => {\r\n const { dictionary, language, setLoading, storageCheckExam } = useContext(\r\n Context\r\n );\r\n const [selectedExams, setSelectedExams] = useState([]);\r\n const [exams, setExams] = useState([]);\r\n const [examId, setExamId] = useState();\r\n const [current, setCurrent] = useState(0);\r\n const [question, setQuestion] = useState({});\r\n const [selectedExam, setSelectedExam] = useState({});\r\n const [student, setStudent] = useState({});\r\n const [groups, setGroups] = useState([]);\r\n const [groupId, setGroupId] = useState();\r\n const [subjects, setSubjects] = useState([]);\r\n const [subjectId, setSubjectsId] = useState();\r\n const [disableNav, setDisableNav] = useState(false);\r\n\r\n const { Option } = Select;\r\n\r\n const next = () => {\r\n setCurrent(current + 1);\r\n setLoading(true);\r\n setCheckedAnswer(question.studentAnswer).then(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n const setIndex = (index) => {\r\n setCurrent(index);\r\n setLoading(true);\r\n setCheckedAnswer(question.studentAnswer).then(() => {\r\n setLoading(false);\r\n });\r\n }\r\n\r\n const done = () => {\r\n setLoading(true);\r\n setCheckedAnswer(question.studentAnswer).then(() => {\r\n collectTotal(selectedExam.id).then(() => {\r\n setLoading(false);\r\n setSelectedExam({});\r\n setCurrent(0);\r\n setQuestion({});\r\n setStudent({});\r\n getPassedStudentExams(examId).then((res) => {\r\n setSelectedExams(res.data);\r\n message.success(dictionary?.OperationSuccessful[language]);\r\n });\r\n });\r\n });\r\n };\r\n\r\n const prev = () => {\r\n setCurrent(current - 1);\r\n setLoading(true);\r\n setCheckedAnswer(question.studentAnswer).then(() => {\r\n setLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (!!storageCheckExam) {\r\n setGroupId(storageCheckExam.groupId);\r\n setSubjectsId(storageCheckExam.subjectId);\r\n setExamId(storageCheckExam.id);\r\n } else {\r\n setLoading(true);\r\n teacherSubjects().then((res) => {\r\n setLoading(false);\r\n setSubjects(res.data);\r\n });\r\n\r\n getTeacherGroups().then((res) => {\r\n setLoading(false);\r\n setGroups(res.data);\r\n });\r\n }\r\n }, []);\r\n\r\n const setExam = (item) => {\r\n setSelectedExam(item.exam);\r\n setStudent(item.students);\r\n };\r\n\r\n const getStatus = (item) => {\r\n if (item.exam.status === 0) {\r\n return \r\n
\r\n }\r\n {\r\n data.question.questionHtml &&\r\n \r\n
\r\n }\r\n\r\n {\r\n data.studentAnswer.usedHint === 1 &&\r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n {current < selectedExam?.questionIds?.length - 1 && (\r\n \r\n )}\r\n {current === selectedExam?.questionIds?.length - 1 && (\r\n \r\n )}\r\n {current > 0 && (\r\n \r\n )}\r\n
\r\n \r\n\r\n {\r\n data.question.answerVariants.map((el, i) => {\r\n return i && el.isRight === data.studentAnswer?.answerVariants[i].isRight) ?\r\n '#f6ffed' :\r\n ((el.isRight !== 1 && data.studentAnswer?.answerVariants.length > i && data.studentAnswer?.answerVariants[i].isRight === 1) ? '#fff1f0' : 'none'))\r\n }}\r\n key={`answer${el.id}`}>\r\n \r\n {dictionary?.RightAnswer[language]} \r\n }\r\n\r\n {\r\n data.studentAnswer?.answerVariants.length > i &&\r\n data.studentAnswer?.answerVariants[i].isRight === 1 &&\r\n {dictionary?.StudentAnswer[language]} \r\n }\r\n {/* green \r\n green */}\r\n \r\n
\r\n
\r\n })\r\n }\r\n {el.answerText}
\r\n }\r\n {\r\n el.files && el.files.length > 0 &&\r\n\r\n
\r\n\r\n {\r\n data.studentAnswer.usedHint === 1 &&\r\n \r\n
\r\n }\r\n \r\n\r\n );\r\n}\r\n\r\nexport default Question1;","import React, { useState, useContext, useEffect } from 'react';\r\nimport { Row, Col, Card, Switch, Alert } from 'antd';\r\nimport { CloseOutlined, CheckOutlined } from '@ant-design/icons';\r\nimport { Context } from '../../../../../defaults';\r\nimport { ViewDocument } from '../../../../../components';\r\n\r\nconst Question2 = ({ data, setData, current }) => {\r\n const { dictionary, language } = useContext(Context);\r\n\r\n const onChange = (checked) => {\r\n setData({ ...data, studentAnswer: { ...data.studentAnswer, isRight: checked ? 1 : 0 } });\r\n }\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Question2;","import React, { useState, useContext } from 'react';\r\nimport { Card, Alert } from 'antd';\r\nimport { Context } from '../../../../../defaults';\r\nimport { ViewDocument } from '../../../../../components';\r\n\r\n\r\n\r\nconst Question3 = ({ data, current }) => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n
\r\n \r\n 0 ? 'success' : 'error'} showIcon />\r\n
\r\n\r\n {\r\n data.studentAnswer.usedHint === 1 &&\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Question3;","import React, { useContext } from 'react';\r\nimport { Alert, Row, Col, Card } from 'antd';\r\nimport { Context } from '../../../../../defaults';\r\n\r\nconst Question4 = ({ data }) => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n\r\n return (\r\n - \r\n {\r\n data.studentAnswer.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n\r\n {\r\n el.files && el.files.length > 0 &&\r\n\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
- \r\n {\r\n data.question.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n\r\n {\r\n el.files && el.files.length > 0 &&\r\n\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
\r\n
\r\n\r\n {\r\n data.studentAnswer.usedHint === 1 &&\r\n \r\n
\r\n }\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Question4;","import React, { useContext } from 'react';\r\nimport { Alert, Row, Col, Card } from 'antd';\r\nimport { Context } from '../../../../../defaults';\r\n\r\n\r\nconst Question5 = ({ data }) => {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n\r\n return (\r\n - \r\n {\r\n data.studentAnswer.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n \r\n })\r\n }\r\n
- \r\n {\r\n data.question.answerVariants.map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
\r\n
\r\n\r\n {\r\n data.studentAnswer.usedHint === 1 &&\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Question5;","import React, { useContext } from 'react';\r\nimport { Typography, Row, Col, Card, Divider } from 'antd';\r\nimport { ViewDocument } from '../../../../components';\r\nimport { Context } from '../../../../defaults';\r\nimport * as Questions from './types';\r\n\r\n\r\n\r\nconst { Title } = Typography;\r\n\r\nconst Question = ({ data, setData, student, current }) => {\r\n const { dictionary, language } = useContext(Context);\r\n const Question = Questions[`Question${data.question.questionTypeId}`];\r\n\r\n console.log(data.question.questionTypeId);\r\n return (\r\n - \r\n {\r\n data.studentAnswer.answerVariants.filter(x => x.isRight === 1).map((el, index) => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n ;\r\n })\r\n\r\n }\r\n
- \r\n {\r\n data.question.answerVariants.filter(x => x.isRight === 1).map(el => {\r\n return
- \r\n {\r\n el.answerText &&\r\n
{el.answerText}
\r\n }\r\n {\r\n el.answerHtml &&\r\n \r\n }\r\n \r\n })\r\n }\r\n
\r\n
\r\n\r\n {\r\n data.studentAnswer.usedHint === 1 &&\r\n \r\n
\r\n }\r\n \r\n {\r\n data.question.questionText &&\r\n \r\n {data.question.questionText} \r\n \r\n
\r\n }\r\n {\r\n data.question.files &&\r\n \r\n
\r\n }\r\n\r\n {dictionary?.Answer[language]} \r\n\r\n {\r\n data.question.questionTypeId &&\r\n
\r\n );\r\n}\r\n\r\nexport default Question;","import { Select, Table, Row, Col, Empty, Steps, Badge, Button } from 'antd';\r\nimport React, { useContext, useEffect, useState } from 'react';\r\nimport {\r\n getExamsAsTeacher,\r\n getTeacherStudentsExamResults,\r\n getTeachersSubjects,\r\n getGroupsWithTeacherId,\r\n getGroupsWithStudentId,\r\n getTeacherExamsByFilter,\r\n getStudentAnswers,\r\n getUserRole,\r\n getStudentExamsByFilter\r\n} from '../../../actions';\r\nimport { Context } from '../../../defaults';\r\n\r\nimport Question from './question';\r\nconst { Step } = Steps;\r\n\r\n\r\nfunction ExamResults() {\r\n const { dictionary, language, setLoading } = useContext(Context);\r\n const [students, setStudents] = useState([]);\r\n const [current, setCurrent] = useState(0);\r\n const [subjectsList, setSubjectsList] = useState();\r\n const [groupsList, setGroupList] = useState();\r\n const [selectedExam, setSelectedExam] = useState({});\r\n const [examsList, setExams] = useState();\r\n const [question, setQuestion] = useState({});\r\n const [filters, setFilters] = useState({ groupId: null, subjectId: null, showTable: false });\r\n const [student, setStudent] = useState({});\r\n const [role, setRole] = useState();\r\n\r\n\r\n const next = () => {\r\n setCurrent(current + 1);\r\n };\r\n\r\n const done = () => {\r\n setSelectedExam({});\r\n setQuestion({});\r\n setCurrent(0);\r\n }\r\n\r\n const setIndex = (index) => {\r\n setCurrent(index);\r\n }\r\n\r\n const prev = () => {\r\n setCurrent(current - 1);\r\n };\r\n\r\n useEffect(() => {\r\n getUserRole().then((res) => {\r\n setRole(res.data);\r\n\r\n if (res.data === \"teacher\") {\r\n getTeachersSubjects().then(({ data }) => setSubjectsList(data));\r\n getGroupsWithTeacherId().then(({ data }) => setGroupList(data));\r\n } else {\r\n getGroupsWithStudentId().then(({ data }) => setGroupList(data));\r\n }\r\n });\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (selectedExam.examId) {\r\n setLoading(true);\r\n getStudentAnswers(\r\n selectedExam.examId,\r\n selectedExam.questionIds[current]\r\n ).then((res) => {\r\n setLoading(false);\r\n setQuestion({\r\n ...res.data,\r\n studentAnswer: {\r\n ...res.data.studentAnswer,\r\n isRight: res.data.studentAnswer.isRight || 0,\r\n },\r\n });\r\n });\r\n }\r\n }, [selectedExam, current]);\r\n\r\n function getFilteredExamsList(groupId) {\r\n if (role === \"teacher\") {\r\n getTeacherExamsByFilter({ ...filters, groupId }).then(({ data }) => setExams(data));\r\n } else {\r\n console.log(\"aaaa\",groupId);\r\n getStudentExamsByFilter(groupId).then(({data}) => setExams(data));\r\n }\r\n }\r\n\r\n function getExamResultsById(examId) {\r\n //setSelectedExam(examsList.filter(x=>x.id === examId));\r\n getTeacherStudentsExamResults(examId).then((res) => {\r\n setStudents(res.data);\r\n setFilters({ ...filters, showTable: true });\r\n });\r\n }\r\n\r\n function doSomethin(item) {\r\n setCurrent(0);\r\n setSelectedExam(item);\r\n getStudentAnswers(item.examId, item.questionIds[current]).then(res => {\r\n setQuestion(res.data);\r\n });\r\n }\r\n\r\n const columns = [\r\n {\r\n title: dictionary?.LastName[language],\r\n dataIndex: 'lastName',\r\n key: 'lastName',\r\n render: (text) => text,\r\n },\r\n {\r\n title: dictionary?.FirstName[language],\r\n dataIndex: 'firstName',\r\n key: 'firstName',\r\n },\r\n {\r\n title: dictionary?.MiddleName[language],\r\n dataIndex: 'middleName',\r\n key: 'middleName',\r\n },\r\n {\r\n title: dictionary?.VariantNumber[language],\r\n dataIndex: 'variantNumber',\r\n key: 'variantNumber',\r\n },\r\n {\r\n title: dictionary?.Score[language],\r\n key: 'score',\r\n dataIndex: 'score',\r\n },\r\n {\r\n title: dictionary?.MaxPoint[language],\r\n key: 'maxPoint',\r\n dataIndex: 'maxPoint',\r\n },\r\n {\r\n title: dictionary?.QuestionsList[language],\r\n key: 'operation',\r\n fixed: 'right',\r\n render: (item) => doSomethin(item)}>Просмотр\r\n }\r\n ];\r\n\r\n return (\r\n \r\n
\r\n }\r\n {\r\n data.question.questionHtml &&\r\n {dictionary?.ExamResult[language]}
\r\n\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {current < selectedExam?.questionIds?.length - 1 && (\r\n \r\n )}\r\n {current === selectedExam?.questionIds?.length - 1 && (\r\n \r\n )}\r\n {current > 0 && (\r\n \r\n )}\r\n
\r\n {!edit && dictionary?.CreateExam[language]}
\r\n\r\n {fields.map((field) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }}\r\n \r\n \r\n \r\n option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0\r\n }\r\n style={{ width: 200 }}\r\n placeholder={dictionary?.QuestionType[language]}\r\n onChange={getQuestionsCount}>\r\n {questionTypes &&\r\n questionTypes.map((el) => {\r\n return (\r\n \r\n {el.name}\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n {() => {\r\n return (\r\n \r\n {\r\n var amount = 0;\r\n form\r\n .getFieldValue('options')\r\n .map((el) => (amount += parseInt(el?.amount)));\r\n setNumberOfQuestionsRegex(amount);\r\n form.validateFields([\r\n 'numberOfQuestions',\r\n ['options', field.name, 'questionTypeId'],\r\n ['options', field.name, 'LevelA'],\r\n ['options', field.name, 'LevelB'],\r\n ['options', field.name, 'LevelC'],\r\n ]);\r\n }}\r\n />\r\n \r\n );\r\n }}\r\n \r\n \r\n {\r\n form.validateFields([\r\n ['options', field.name, 'amount'],\r\n ['options', field.name, 'questionTypeId'],\r\n ]);\r\n }}\r\n />\r\n \r\n \r\n {\r\n form.validateFields([\r\n ['options', field.name, 'amount'],\r\n ['options', field.name, 'questionTypeId'],\r\n ]);\r\n }}\r\n />\r\n \r\n \r\n {\r\n form.validateFields([\r\n ['options', field.name, 'amount'],\r\n ['options', field.name, 'questionTypeId'],\r\n ]);\r\n }}\r\n />\r\n \r\n
\r\n );\r\n })}\r\n \r\n {/*
\r\n \r\n \r\n !x.login)}>\r\n {dictionary?.Save[language]}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default StudentsFile;\r\n","import React from 'react';\r\nimport { Switch } from 'react-router-dom';\r\nimport Institutions from './institutions';\r\nimport Roles from './roles';\r\nimport Students from './students';\r\nimport Subjects from './subjects';\r\nimport Teachers from './teachers';\r\nimport Topics from './topics';\r\nimport Classes from './classes';\r\nimport SubjectsToTeacher from './bind-teachers';\r\nimport StudentsToSubject from './bind-students';\r\nimport AuthorizedPersons from './authorizedpersons';\r\nimport Groups from './groups';\r\nimport NotFound from '../../pages/error/not-found';\r\nimport Reports from './reports/index2';\r\nimport CheckExam from './check-exam';\r\nimport ExamResults from './exam-results';\r\nimport Exams from './create-exam';\r\nimport StudentsFile from './students-file';\r\nimport { RoleBasedRoute } from '../../components';\r\n\r\nconst ControlPanel = () => {\r\n return (\r\n \r\n\r\n {\r\n data.answerVariants.map((el, i) => {\r\n return
\r\n\r\n );\r\n}\r\n\r\nexport default Question1;","import React, { useRef, useState, useContext, useEffect } from 'react';\r\nimport { message, Row, Col, Upload } from 'antd';\r\nimport { saveFileToDisk } from '../../../../actions';\r\nimport JoditEditor from 'jodit-react';\r\nimport { InboxOutlined } from '@ant-design/icons';\r\nimport { Context } from '../../../../defaults';\r\n\r\nconst { Dragger } = Upload;\r\n\r\nconst Question2 = ({ data, setData, examAnswers, setExamAnswers, current }) => {\r\n const { dictionary, language } = useContext(Context);\r\n const [editorValue, setEditorValue] = useState('');\r\n const [file, setFile] = useState();\r\n\r\n // useEffect(() => {\r\n // if (examAnswers && current && examAnswers[current]) {\r\n // setEditorValue(examAnswers[current]);\r\n // }\r\n // }, []);\r\n\r\n const editor = useRef(null);\r\n\r\n const onChange = (i, content) => {\r\n\r\n const copy = [...data.answerVariants];\r\n copy[i].answerHtml = content;\r\n setData({ ...data, answerVariants: [...copy] });\r\n\r\n\r\n }\r\n\r\n const onRemove = (file, i) => {\r\n const copy = [...data.answerVariants];\r\n const index = copy[i].files.findIndex(x => x.link === file.link);\r\n const newFileList = copy[i].files.slice();\r\n newFileList.splice(index, 1);\r\n copy[i].files = newFileList;\r\n setData({ ...data, answerVariants: [...copy] });\r\n console.log('file', file);\r\n }\r\n\r\n const upload = ({ file, onSuccess, index }) => {\r\n const copy = [...data.answerVariants];\r\n if (copy[index].files.length < 2) {\r\n const formData = new FormData();\r\n console.log('fileBytes', file);\r\n formData.append('fileBytes', file);\r\n\r\n saveFileToDisk(formData).then((res) => {\r\n onSuccess('ok');\r\n const fileName = file.name.split('.');\r\n copy[index].files.push({ link: res, extension: fileName[fileName.length - 1] });\r\n setData({ ...data, answerVariants: [...copy] });\r\n\r\n });\r\n }\r\n else {\r\n message.error(dictionary?.MaxFile[language]);\r\n\r\n }\r\n }\r\n return (\r\n \r\n \r\n onChange(i, el.id)} />\r\n \r\n
\r\n
\r\n })\r\n }\r\n {el.answerText}
\r\n }\r\n {\r\n el.files && el.files.length > 0 &&\r\n\r\n {\r\n data.answerVariants.map((el, i) => {\r\n return
\r\n );\r\n}\r\n\r\nexport default Question2;","import React from 'react';\r\nimport { SortableContainer, SortableElement } from 'react-sortable-hoc';\r\nimport { ViewDocument } from '../../../../components';\r\nimport arrayMove from 'array-move';\r\n\r\nconst SortableItem = SortableElement(({ value }) => (\r\n \r\n
\r\n })\r\n }\r\n\r\n \r\n onChange(i, content)}\r\n />\r\n
\r\n \r\n onRemove(file, i)}\r\n fileList={\r\n el.files ?\r\n el.files.map(x => {\r\n return { uid: x.id, name: x.link, status: 'done', url: x.link };\r\n }) :\r\n []\r\n }\r\n customRequest={({ file, onSuccess }) => upload({ file, onSuccess, index: i })}\r\n onChange={(info) => {\r\n const { status } = info.file;\r\n if (status !== 'uploading') {\r\n console.log(info.file, info.fileList);\r\n }\r\n if (status === 'done') {\r\n message.success(dictionary?.FileSuccessfullyUploaded[language]);\r\n } else if (status === 'error') {\r\n message.error(dictionary?.FileUploadFailed[language]);\r\n }\r\n }\r\n }\r\n\r\n >\r\n
\r\n \r\n
{dictionary?.MaxFile[language]}
\r\n \r\n{value.answerText}
}\r\n\r\n {\r\n value.files && value.files.length > 0 &&\r\n- \r\n {items.map((value, index) => (\r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Question3;\r\n","import React, { useEffect } from 'react';\r\nimport { Input, Row, Col } from 'antd';\r\n\r\nconst Question4 = ({ data, setData, current }) => {\r\n\r\n const onChange = (value, i) => {\r\n const copy = [...data.answerVariants].map(x => {\r\n return { ...x, isRight: 0 };\r\n });\r\n copy[i].answerText = value;\r\n setData({ ...data, answerVariants: [...copy] });\r\n }\r\n\r\n\r\n return (\r\n \r\n {\r\n data.answerVariants.map((el, index) => {\r\n return
\r\n );\r\n}\r\n\r\nexport default Question4;","import React, { useEffect, useState } from 'react';\r\nimport { Transfer } from 'antd';\r\n\r\n\r\n\r\nconst Question5 = ({ data, setData }) => {\r\n const [targetKeys, setTargetKeys] = useState([]);\r\n\r\n useEffect(() => {\r\n setTargetKeys([...data.answerVariants].sort((a, b) => parseFloat(a.sortOrder) - parseFloat(b.sortOrder)).filter(x => x.isRight === 1).map(el => el.id));\r\n }, [data.answerVariants]);\r\n\r\n const onChange = (nextTargetKeys, direction, moveKeys) => {\r\n console.log('targetKeys:', nextTargetKeys);\r\n console.log('direction:', direction);\r\n console.log('moveKeys:', moveKeys);\r\n let targetArray = [...targetKeys];\r\n if (direction === 'right') {\r\n moveKeys.forEach(element => {\r\n targetArray.push(element);\r\n });\r\n }\r\n else {\r\n targetArray = [...targetArray].filter(x => !moveKeys.includes(x));\r\n }\r\n setData({\r\n ...data,\r\n answerVariants: [\r\n ...data.answerVariants.map(el => {\r\n if (targetArray.includes(el.id)) {\r\n return { ...el, isRight: 1, sortOrder: targetArray.indexOf(el.id) }\r\n }\r\n else {\r\n return { ...el, isRight: 0 }\r\n }\r\n })\r\n ]\r\n });\r\n\r\n setTargetKeys(targetArray);\r\n };\r\n return (\r\n \r\n \r\n
\r\n
;\r\n })\r\n\r\n }\r\n \r\n { return { key: el.id, title: el.answerText } })}\r\n targetKeys={targetKeys}\r\n listStyle={{\r\n width: 500,\r\n height: 500,\r\n }}\r\n onChange={onChange}\r\n render={item =>
\r\n );\r\n}\r\n\r\nexport default Question5;","import React, { useContext } from 'react';\r\nimport { Typography, Row, Col, Card, Divider } from 'antd';\r\nimport { Context } from '../../../defaults';\r\nimport { ViewDocument } from '../../../components';\r\nimport * as Questions from './types';\r\n\r\n\r\n\r\nconst { Title } = Typography;\r\n\r\nconst Question = ({ data, setData, examAnswers, setExamAnswers, current }) => {\r\n const { dictionary, language } = useContext(Context);\r\n const Question = Questions[`Question${data.questionTypeId}`];\r\n\r\n return (\r\n {item.title}
}\r\n />\r\n \r\n {\r\n data.questionText &&\r\n \r\n {data.questionText} \r\n \r\n
\r\n }\r\n {\r\n data.files &&\r\n \r\n
\r\n }\r\n\r\n {dictionary?.Answer[language]} \r\n\r\n {\r\n data.questionTypeId &&\r\n
\r\n );\r\n}\r\n\r\nexport default Question;","import React, { useEffect, useState, useContext } from 'react';\r\nimport { List, Progress, Statistic, Steps, Button, message, Badge, Drawer, Descriptions } from 'antd';\r\nimport { getExamQuestions, getStudentExams, setStartExam, getQuestionByIdWithOutAnswer, setQuestionAnswer } from '../../actions';\r\nimport { FormOutlined, PlayCircleOutlined } from '@ant-design/icons';\r\nimport { Context } from '../../defaults';\r\nimport Question from './question';\r\nimport moment from 'moment';\r\nimport './index.css';\r\n\r\nconst { Step } = Steps;\r\nconst { Countdown } = Statistic;\r\n\r\n\r\n\r\nfunction PassExam() {\r\n const { dictionary, language, loading, setLoading } = useContext(Context);\r\n const [studentExams, setStudentExams] = useState([]);\r\n const [startedExam, setStartedExam] = useState(() => {\r\n if (sessionStorage['exam']) {\r\n const exam = JSON.parse(sessionStorage['exam']);\r\n const endTime = moment(exam.endTime, 'HH:mm:ss');\r\n const endDateTime = moment(exam.endDate).add(endTime.hour(), 'hours').add(endTime.minute(), 'minutes');\r\n if (endDateTime < moment()) {\r\n sessionStorage.clear();\r\n setCurrent(0);\r\n setExamQuestions({});\r\n setExamAnswers([]);\r\n setQuestion({});\r\n }\r\n return exam;\r\n }\r\n return {};\r\n });\r\n\r\n const [current, setCurrent] = useState(0);\r\n const [showStartExam, setShowStartExam] = useState({});\r\n const [examQuestions, setExamQuestions] = useState({});\r\n const [isAnswered, setIsAnswered] = useState(true);\r\n const [examAnswers, setExamAnswers] = useState([]);\r\n const [question, setQuestion] = useState({});\r\n\r\n const next = () => {\r\n if (examQuestions && examQuestions.questionIds) {\r\n setLoading(true);\r\n setQuestionAnswer(examQuestions.id, examQuestions.questionIds[current], question.usedHint, question).then(res => {\r\n setLoading(false);\r\n setIsAnswered(true);\r\n console.log('res', res);\r\n });\r\n }\r\n setCurrent(current + 1);\r\n };\r\n\r\n const done = (item) => {\r\n\r\n if (examQuestions && examQuestions.questionIds) {\r\n setLoading(true);\r\n\r\n setQuestionAnswer(examQuestions.id, examQuestions.questionIds[current], question.usedHint, question).then(res => {\r\n setStartExam({ ...examQuestions, status: 2 }).then(res => {\r\n setLoading(false);\r\n setIsAnswered(true);\r\n message.success(dictionary?.OperationSuccessful[language]);\r\n sessionStorage.clear();\r\n setStartedExam({});\r\n setCurrent(0);\r\n setExamQuestions({});\r\n setExamAnswers([]);\r\n setQuestion({});\r\n });\r\n });\r\n }\r\n else if (item) {\r\n setLoading(true);\r\n getExamQuestions(item.id)\r\n .then(({ data }) => {\r\n setLoading(false);\r\n setStartExam({ ...data, status: 2 }).then(res => {\r\n message.success(dictionary?.OperationSuccessful[language]);\r\n sessionStorage.clear();\r\n setStartedExam({});\r\n setCurrent(0);\r\n setExamQuestions({});\r\n setExamAnswers([]);\r\n setQuestion({});\r\n });\r\n\r\n });\r\n\r\n }\r\n }\r\n\r\n const prev = () => {\r\n if (examQuestions && examQuestions.questionIds) {\r\n setLoading(true);\r\n setQuestionAnswer(examQuestions.id, examQuestions.questionIds[current], question.usedHint, question).then(res => {\r\n setLoading(false);\r\n setIsAnswered(true);\r\n console.log('res', res);\r\n });\r\n }\r\n setCurrent(current - 1);\r\n };\r\n\r\n useEffect(() => {\r\n if (isAnswered) {\r\n if (examQuestions && examQuestions.questionIds) {\r\n setLoading(true);\r\n getQuestionByIdWithOutAnswer(examQuestions.questionIds[current], examQuestions.id).then(res => {\r\n setLoading(false);\r\n setQuestion(res.data);\r\n setIsAnswered(false);\r\n });\r\n }\r\n }\r\n }, [examQuestions, current, isAnswered]);\r\n\r\n useEffect(() => {\r\n getStudentExams()\r\n .then(({ data }) => {\r\n setStudentExams(data);\r\n if (startedExam && startedExam.id) {\r\n const filtered = data.filter(x => x.id === startedExam.id);\r\n if (filtered.length > 0) {\r\n onClickGetExamQuestions(filtered[0]);\r\n }\r\n }\r\n });\r\n }, []);\r\n\r\n const setIndex = (index) => {\r\n setCurrent(index);\r\n setLoading(true);\r\n if (examQuestions && examQuestions.questionIds) {\r\n setLoading(true);\r\n setQuestionAnswer(examQuestions.id, examQuestions.questionIds[current], question.usedHint, question).then(res => {\r\n setLoading(false);\r\n setIsAnswered(true);\r\n\r\n console.log('res', res);\r\n });\r\n }\r\n }\r\n\r\n\r\n const onClickGetExamQuestions = (element) => {\r\n // const endTime = moment(exam.endTime, 'HH:mm:ss');\r\n // const endDateTime = moment(exam.endDate).add(endTime.hour(), 'hours').add(endTime.minute(), 'minutes');\r\n // return moment(exam.factStartedTime) + parseInt(exam.examDuration) * 60 * 1000 - endDateTime;\r\n\r\n // console.log('element', element);\r\n\r\n setLoading(true);\r\n\r\n\r\n getExamQuestions(element.id)\r\n .then(({ data }) => {\r\n setLoading(false);\r\n\r\n const questLength = [];\r\n for (let i = 0; i < data.questionIds.length; i++) {\r\n questLength.push(null);\r\n }\r\n setExamAnswers([...questLength]);\r\n\r\n if (data.status < 2) {\r\n setStartExam({ ...data, status: 1 }).then(res => {\r\n setExamQuestions(data || {});\r\n });\r\n if (!startedExam.factStartedTime) {\r\n setStartedExam({ ...element, factStartedTime: Date.now() });\r\n sessionStorage.setItem('exam', JSON.stringify({ ...element, factStartedTime: Date.now() }));\r\n }\r\n }\r\n else {\r\n message.error(dictionary?.ProcessingComplete[language], 4);\r\n }\r\n });\r\n\r\n }\r\n\r\n const onFinish = (name) => {\r\n setShowStartExam({ ...showStartExam, [name]: true });\r\n }\r\n\r\n const getStep = (start, end) => {\r\n const now = Date.now();\r\n if (now > start && now < end) {\r\n return 1;\r\n }\r\n else if (now < start) {\r\n return -1;\r\n }\r\n else if (now > end) {\r\n return 2;\r\n }\r\n }\r\n\r\n const delta = (exam) => {\r\n\r\n const endTime = moment(exam.endTime, 'HH:mm:ss');\r\n const endDateTime = moment(exam.endDate).add(endTime.hour(), 'hours').add(endTime.minute(), 'minutes');\r\n return moment(exam.factStartedTime) + parseInt(exam.examDuration) * 60 * 1000 - endDateTime;\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n }\r\n {\r\n data.questionHtml &&\r\n \r\n \r\n done(item)}\r\n />\r\n
\r\n :\r\n (\r\n (getStep(startDateTime, endDateTime) === 2 || item.finished === 1) ?\r\n :\r\n \r\n
\r\n \r\n {\r\n !loading && question.questionTypeId &&\r\n setQuestion({ ...question, showHint: false })}\r\n visible={question.showHint}\r\n getContainer={false}\r\n style={{ position: 'absolute' }}\r\n >\r\n {\r\n question.hintText &&\r\n
\r\n {question.hintText}
\r\n }\r\n {\r\n question.hintHtml &&\r\n \r\n }\r\n \r\n }\r\n\r\n {\r\n current < examQuestions?.questionIds?.length - 1 && (\r\n \r\n )\r\n }\r\n {\r\n current === examQuestions?.questionIds?.length - 1 && (\r\n \r\n )\r\n }\r\n {\r\n current > 0 && (\r\n \r\n )\r\n }\r\n {\r\n question.hasHint === 1 &&\r\n \r\n }\r\n
\r\n \r\n \r\n \r\n {\r\n form.setFieldsValue({\r\n ...form.getFieldsValue(),\r\n tests: form.getFieldsValue().tests.map((el, index) => {\r\n return index === field.fieldKey ? { ...el, isRight: !el.isRight } : el;\r\n }),\r\n });\r\n }}\r\n />\r\n \r\n { Answers && form.getFieldValue('tests')[field.fieldKey]?.files.length > 0 &&\r\n \r\n \r\n }\r\n { !Answers && \r\n {dictionary?.AttachFile[language]} :\r\n \r\n setFilesOptions([\r\n ...filesOptions.map((f) => {\r\n return f.fileIndex === index ? { ...f, withFile: !f.withFile } : f;\r\n }),\r\n ])\r\n }\r\n checked={filesOptions[index]?.withFile}\r\n size=\"large\"\r\n />\r\n
\r\n }>\r\n \r\n
{dictionary?.MaxFile[language]}
\r\n \r\n \r\n }\r\n { !Answers &&\r\n
{dictionary?.MaxFile[language]}
\r\n \r\n \r\n }\r\n\r\n \r\n \r\n \r\n }\r\n { !Answers && \r\n {dictionary?.AttachFile[language]} :\r\n \r\n setFilesOptions([\r\n ...filesOptions.map((f) => {\r\n return f.fileIndex === index ? { ...f, withFile: !f.withFile } : f;\r\n }),\r\n ])\r\n }\r\n checked={filesOptions[index]?.withFile}\r\n size=\"large\"\r\n />\r\n
\r\n }>\r\n \r\n
{dictionary?.MaxFile[language]}
\r\n \r\n \r\n }\r\n { !Answers &&\r\n
\r\n );\r\n })}\r\n {!Answers && \r\n
\r\n \r\n
\r\n \r\n \r\n {dictionary?.MissingWord[language]} {index + 1}\r\n \r\n }\r\n name={[field.name, 'answerText']}\r\n fieldKey={[field.fieldKey, 'answerText']}\r\n rules={[\r\n {\r\n required: true,\r\n message: `${dictionary?.FillTheMissingWord[language]} ${index + 1}`,\r\n },\r\n ]}>\r\n \r\n \r\n {Answers && form.getFieldValue('missingWords')[field.fieldKey]?.files > 0 &&\r\n \r\n \r\n }\r\n {!Answers && \r\n \r\n }\r\n {withChecking && (\r\n {dictionary?.RightAnswer[language]}}\r\n name={[field.name, 'isRight']}\r\n fieldKey={[field.fieldKey, 'isRight']}>\r\n {\r\n form.setFieldsValue({\r\n ...form.getFieldsValue(),\r\n missingWords: form\r\n .getFieldsValue()\r\n .missingWords.map((e, index) => {\r\n return index === field.fieldKey\r\n ? { ...e, isRight: !e.isRight }\r\n : e;\r\n }),\r\n });\r\n }}\r\n />\r\n \r\n )}\r\n
\r\n {dictionary?.QuestionsControlPanel[language]}
*/}\r\n\r\n
{dictionary?.MaxFile[language]}
\r\n \r\n \r\n {questionType === 1 && (\r\n\r\n
\r\n ),\r\n },\r\n {\r\n title: `${dictionary?.Action[language]}`,\r\n key: 'action',\r\n width: 150,\r\n fixed: 'right',\r\n align: 'center',\r\n render: ({ id }) => (\r\n <>\r\n \r\n
\r\n