\n \n {label} :\n
\n \n
\n \n );\n})\n\nexport default SearchDropDownWithLabel;","import * as React from 'react';\nimport { useTheme } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport OutlinedInput from '@mui/material/OutlinedInput';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport FormControl from '@mui/material/FormControl';\nimport Select from '@mui/material/Select';\nimport Chip from '@mui/material/Chip';\n\nconst ITEM_HEIGHT = 48;\nconst ITEM_PADDING_TOP = 8;\nconst MenuProps = {\n PaperProps: {\n style: {\n maxHeight: ITEM_HEIGHT * 4.5 + ITEM_PADDING_TOP,\n width: 250,\n },\n },\n};\n\nfunction getStyles(option, selectedItems, theme) {\n return {\n fontWeight:\n selectedItems.find(item=>item.id === option.id)\n ? \"bold\"\n : \"regular\",\n backgroundColor:\n selectedItems.find(item=>item.id === option.id)\n ?\"#d5e0f6\"\n :'transparent',\n '&:hover': {\n backgroundColor:selectedItems.find(item=>item.id === option.id)\n ?\"#d5e0f6\"\n :'transparent',\n }\n }\n}\n\nexport default function MultipleSelectChip(props) {\n const {label,options,value,disabled,onChange} = props\n const theme = useTheme();\n // console.log(label,options,value,disabled,onChange);\n \n\n const handleSelectChange = (event) => {\n const { value: selectedValue } = event.target;\n const latestSelectedItem = selectedValue[selectedValue.length - 1];\n\n const isSelected = value.some((item) => item.id === latestSelectedItem.id);\n\n let updatedValue;\n if (isSelected) {\n // Remove item if it's already selected\n updatedValue = value.filter((item) => item.id !== latestSelectedItem.id);\n } else {\n // Add item if it's not selected\n updatedValue = [...value, latestSelectedItem];\n }\n\n onChange({target:{value:updatedValue}});\n };\n \n\n return (\n \n \n {label} \n \n {selected.map((item) => (\n \n )}\n MenuProps={MenuProps}\n disabled={disabled}\n >\n {options.map((option) => (\n \n {option.label}\n \n ))}\n \n \n
\n );\n}\n","import React, { useEffect, useState } from \"react\"\nimport { v4 as uuidv4 } from 'uuid';\n;\n\nexport default function ToggleBar({\n active,\n activeLabel,\n deactiveLabel,\n onChange,\n}) {\n\n const [uniqueId,setUniqueId] = useState();\n\n useEffect(()=>{\n const uniqueId = uuidv4().slice(0, 8);\n setUniqueId(uniqueId)\n },[])\n\n\n return (\n \n onChange(!active)}\n // onChange={(e) => onChange(e)}\n />\n \n {active ? activeLabel : deactiveLabel}\n \n
\n );\n}\n","import React from 'react'\nimport { Modal, Button } from 'react-bootstrap'\n\nexport default function BootstrapModal({\n heading,\n children,\n onHide,\n onSubmit,\n submitLabel,\n cancelLabel,\n submitVariant,\n cancelVariant,\n ...remainingProps\n}) {\n return (\n \n
\n
\n \n );\n }\n}\n\nexport default ReactLoadingPage;\n","import React, { useState } from 'react'\nimport { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd'\nimport { Button, Form } from 'react-bootstrap'\nimport Latex from 'react-latex-next'\n\nexport default function RenderTopicCodes({\n selectedSubjectTree,\n deleteTopicHandler,\n showCheckbox,\n showCheckboxHandler,\n hideCheckboxHandler,\n checkboxHandler,\n setSelectedUnitTopics,\n reorderTopicsHandler,\n cancelReorderTopics,\n renderTopicsUnderUnitModalPopup,\n}) {\n const [showReorderTopicList, setshowReorderTopicList] = useState(false)\n\n const showReorderListHandler = () => {\n setshowReorderTopicList(true)\n }\n const cancelReorderTopicHandler = () => {\n setshowReorderTopicList(false)\n cancelReorderTopics()\n }\n\n const dragDropHandler = (result) => {\n console.log(result)\n const { source, destination, type } = result\n\n if (!destination) return\n\n if (\n destination.droppableId === source.droppableId &&\n destination.index === source.index\n )\n return\n\n if (type === 'groups') {\n let originalArr = [...selectedSubjectTree]\n console.log(originalArr)\n const [removedOject] = originalArr.splice(source.index, 1)\n console.log(removedOject)\n\n originalArr.splice(destination.index, 0, removedOject)\n console.log(originalArr)\n\n setSelectedUnitTopics(originalArr)\n }\n }\n\n return (\n {this.props.text ? this.props.text : 'Loading...'}
\n\n
\n \n
\n Selected Unit C.M
\n {renderTopicsUnderUnitModalPopup && (\n\n {!showCheckbox ? (\n showReorderTopicList ? (\n <>\n reorderTopicsHandler()}\n >\n Save Current order\n \n cancelReorderTopicHandler()}\n >\n Cancel\n \n \n ) : (\n showReorderListHandler()}\n >\n Re-order Topics List\n \n )\n ) : null}\n {!showReorderTopicList ? (\n showCheckbox ? (\n <>\n deleteTopicHandler()}\n >\n Delete Selected Topics\n \n hideCheckboxHandler()}\n >\n Cancel\n \n \n ) : (\n showCheckboxHandler()}\n >\n Edit Topic List\n \n )\n ) : null}\n
\n )}\n \n {showReorderTopicList ? (\n
\n \n \n {(provided) => (\n
\n )}\n \n \n \n ) : (\n \n Note: - Drag and Drop topics to re-order\n
\n\n {selectedSubjectTree.map((selectedTopic, index) => (\n \n {(provided) => (\n \n \n {selectedTopic.code} -\n {selectedTopic.name} \n \n
\n )}\n \n ))}\n {provided.placeholder}\n \n {selectedSubjectTree.map((selectedTopic, i) => {\n return (\n \n
\n )\n })}\n \n )}\n \n )\n}\n","import React, { useEffect, useState } from 'react'\nimport { toast } from 'react-toastify'\nimport BootstrapModal from '../../../components/BootstrapModal'\nimport ReactLoadingPage from '../../NewDecks/ReactLoadingPage'\nimport {\n addCurriculumMappingMultiple,\n getCurriculumMappedTopicsMultiple,\n} from '../../../lib/api'\nimport RenderTopicCodes from './RenderTopicCodes'\n\nexport default function ShowTopicsUnderUnitModal({\n showUnitCM,\n setShowUnitCM,\n modalSelectedUnitCM,\n setModalSelectedUnitCM,\n}) {\n const [loading, setLoading] = useState(false)\n // const [showUnitCM, setShowUnitCM] = useState(false);\n const [selectedUnitTopics, setSelectedUnitTopics] = useState([])\n const [updatedListOfTopics, setUpdatedListOfTopics] = useState([])\n const [showCheckbox, setShowCheckbox] = useState(false)\n\n function modalClose() {\n setShowUnitCM(false)\n setModalSelectedUnitCM({})\n }\n\n const showCheckboxHandler = () => {\n setShowCheckbox(true)\n }\n const hideCheckboxHandler = () => {\n setShowCheckbox(false)\n setUpdatedListOfTopics([])\n }\n\n const deleteTopicHandler = async () => {\n console.log(updatedListOfTopics)\n\n let result = window.confirm(\n 'Are you sure you want to submit the curriculum mapping?'\n )\n if (result === true) {\n let response = await addCurriculumMappingMultiple(\n [modalSelectedUnitCM?.topic_id],\n updatedListOfTopics,\n 4,\n 16\n )\n if (response.status === 200) {\n toast.success('topics updated successfully')\n setShowCheckbox(false)\n setUpdatedListOfTopics([])\n\n let topicsUnderUnitResponse = await getCurriculumMappedTopicsMultiple([\n modalSelectedUnitCM?.topic_id,\n ])\n setLoading(false)\n console.log(topicsUnderUnitResponse)\n\n // If error occurs or not data via CM\n if (\n topicsUnderUnitResponse?.status !== 200 ||\n !topicsUnderUnitResponse?.data\n ) {\n // toast.error(\n // `Could not get Units Data. Error : ${topicsUnderUnitResponse?.message}, Code : ${topicsUnderUnitResponse?.status}`\n // )\n setSelectedUnitTopics([])\n return\n }\n\n setSelectedUnitTopics(topicsUnderUnitResponse.data)\n } else {\n alert(\n 'Unable to add the curriculum mapping. Please try again after sometime!!'\n )\n }\n } else {\n toast.error('please select topics to delete')\n }\n }\n\n const reorderTopicsHandler = async () => {\n console.log(updatedListOfTopics)\n\n let result = window.confirm(\n 'Are you sure you want to keep the current order of topics?'\n )\n if (result === true) {\n let response = await addCurriculumMappingMultiple(\n [modalSelectedUnitCM?.topic_id],\n selectedUnitTopics,\n 4,\n 16\n )\n if (response.status === 200) {\n toast.success('topics updated successfully')\n setShowCheckbox(false)\n setUpdatedListOfTopics([])\n\n let topicsUnderUnitResponse = await getCurriculumMappedTopicsMultiple([\n modalSelectedUnitCM?.topic_id,\n ])\n setLoading(false)\n console.log(topicsUnderUnitResponse)\n\n // If error occurs or not data via CM\n if (\n topicsUnderUnitResponse?.status !== 200 ||\n !topicsUnderUnitResponse?.data\n ) {\n toast.error(\n `Could not get Units Data. Error : ${topicsUnderUnitResponse?.message}, Code : ${topicsUnderUnitResponse?.status}`\n )\n return\n }\n\n setSelectedUnitTopics(topicsUnderUnitResponse.data)\n } else {\n alert(\n 'Unable to add the curriculum mapping. Please try again after sometime!!'\n )\n }\n }\n }\n\n const cancelReorderTopics = async () => {\n try {\n let topicsUnderUnitResponse = await getCurriculumMappedTopicsMultiple([\n modalSelectedUnitCM?.topic_id,\n ])\n if (topicsUnderUnitResponse.status === 200) {\n setSelectedUnitTopics(topicsUnderUnitResponse.data)\n }\n } catch (error) {\n toast.error(error.message)\n }\n }\n\n const checkboxHandler = (e, topic_code) => {\n console.log(e?.target?.checked, topic_code)\n if (updatedListOfTopics.length === 0) {\n if (e.target.checked) {\n setUpdatedListOfTopics(\n selectedUnitTopics.filter((topic) => topic?.code !== topic_code)\n )\n }\n } else {\n if (e.target.checked) {\n setUpdatedListOfTopics(\n updatedListOfTopics.filter((topic) => topic?.code !== topic_code)\n )\n } else {\n setUpdatedListOfTopics([...updatedListOfTopics, topic_code])\n }\n }\n }\n\n useEffect(() => {\n if (!showUnitCM) {\n return\n }\n\n if (!modalSelectedUnitCM?.topic_id) {\n toast.error(`Did not find the Unit Topic Code.`)\n return\n }\n\n async function fetchData() {\n setLoading(true)\n let topicsUnderUnitResponse = await getCurriculumMappedTopicsMultiple([\n modalSelectedUnitCM?.topic_id,\n ])\n setLoading(false)\n console.log(topicsUnderUnitResponse)\n\n // If error occurs or not data via CM\n if (\n topicsUnderUnitResponse?.status !== 200 ||\n !topicsUnderUnitResponse?.data\n ) {\n // toast.error(\n // `Could not get Units Data. Error : ${topicsUnderUnitResponse?.message}, Code : ${topicsUnderUnitResponse?.status}`\n // )\n return\n }\n\n setSelectedUnitTopics(topicsUnderUnitResponse.data)\n setShowCheckbox(false)\n }\n\n try {\n fetchData()\n } catch (error) {\n console.error(error)\n }\n }, [modalSelectedUnitCM.topic_id, showUnitCM])\n\n return (\n \n {selectedTopic.code} - {selectedTopic.name} \n
\n {showCheckbox && (\n \n )}\n \n
\n \n Unit :{' '}\n {modalSelectedUnitCM?.topic_name}\n
\n \n Unit ID :{' '}\n {modalSelectedUnitCM?.topic_id}\n
\n \n \"There are not Topics Mapped to the Unit\"\n
\n )}\n \n )\n}\n","import React from \"react\";\n\nexport default function InPageNavButton({ label, onClick, active }) {\n return (\n{constants.noDegreesMessage}
\n ) : null}\n {props.showCollege ? (\n //\n
\n college :
\n\n {\n return {\n ...college,\n value: college.college_name,\n label: college.college_name,\n }\n })}\n value={props.selectedCollege}\n disabled={ props.colleges.length === 0}\n onChange={props.collegeSelectHandler}\n />\n
\n \n
\n regulation :
\n\n \n {props.departments\n .filter(\n (dep) =>\n props.selectedDep.includes(dep.college_university_degree_department_id) || !props.showSelectedDept\n )\n .map((dep, index) => (\n \n deptSelect(dep.college_university_degree_department_id, `${dep.name} (${dep.college_short_name})`)\n }\n >\n \n {`${dep.name} (${dep.college_short_name})`}\n \n
\n ))}\n \n \n ) : props.showDep && props.departments.length === 0 && !props.loading ? (\n \n \n
\n Departments:
\n\n props.showSelectedDeptHandler(e)}\n />\n
\n {constants.noDepartmentsMessage}
\n ) : null}\n\n {props.selectedDep.length &&\n !(props.regulations.length > 0) &&\n !props.loading ? (\n{constants.noSemestersMessage}
\n ) : null}\n\n {/* {props.showRegulationsDropDown && (\n\n dept === sub.college_university_degree_department_id\n ) &&\n !props.selectedSub.find(\n (subject) => subject === sub.college_subject_mapping_id\n )\n }\n className={\n classes.multiselectSpan +\n ' ' +\n (props.selectedSub.includes(sub.college_subject_mapping_id)\n ? classes.selected\n : '')\n }\n onClick={() =>\n props.subSelectHandler(\n sub.college_subject_mapping_id,\n sub.college_university_degree_department_id\n )\n }\n >\n {sub.name}\n \n ))}\n
\n ))}\n \n \n ) : props.showSub && props.subjects.length === 0 ? (\n \n \n
\n\n Subjects:
\n\n props.showSelectedSubjectsHandler(e)}\n />\n
\n \n {props.subjects.map((dep, index) => (\n \n \n {dep.department} ({dep.college_name})\n
\n {dep.subjects\n .filter(\n (sub) =>\n props.selectedSub.includes(sub.college_subject_mapping_id) ||\n !props.showSelectedSubjects\n )\n .map((sub) => (\n {constants.noSubjectsMessage}
\n ) : null}\n\n {props.showUnit && props.units.length > 0 ? (\n\n \n dept_name === sub.department\n // ) &&\n // !props.selectedUnit.find(\n // (unit_id) => unit_id === unit.topic_id\n // )\n // }\n className={\n classes.multiselectSpan +\n ' ' +\n (props.selectedUnit.includes(unit.topic_id)\n ? classes.selected\n : '')\n }\n disabled={\n !props.showCMExistingOrUpdateNew \n &&\n props.selectedDeptNameUnderUS.find(\n (dept) => dept === sub.college_university_degree_department_id\n ) &&\n !props.selectedUnit.find(\n (un) => un === unit.topic_id\n )\n }\n onClick={() =>\n props.unitSelectHandler(\n unit.topic_name,\n unit.topic_id,\n unit.college_name,\n sub.department,\n sub.college_university_degree_department_id,\n sub.subject\n )\n }\n style={{ cursor: 'pointer', border: 'none' }}\n >\n {unit.topic_name}\n \n onUnitCMShowClick(unit)}\n >\n C.M\n \n
\n ))}\n \n ))}\n \n \n ) : props.showUnit && props.units.length === 0 ? (\n \n \n
\n Units:
\n\n props.showSelectedUnitsHandler(active)}\n />\n
\n \n {props.units &&\n props.units.map((sub, index) => (\n \n \n {sub.department + ` (${sub.college_name}) ` + ' - ' + sub.subject}\n
\n {sub.units &&\n sub.units\n .filter(\n (unit) =>\n props.selectedUnit.includes(unit.topic_id) ||\n !props.showSelectedUnits\n )\n .map((unit) => (\n {constants.noUnitsMessage}
\n ) : null}\n\n {props.showUnit ? (\n\n \n this.props.toggle(node)}\n style={{\n width: '16px',\n height: '16px',\n border: '1px solid #000',\n backgroundColor: selected ? '#4E54C8' : '#fff',\n }}\n >\n {selected ? (\n
\n \n {node.code} - {node.name} \n
\n \n {children\n ? children.map((child, index) => {\n return (\n \n {selectedTopic.code} - {selectedTopic.name} \n
\n \n )\n })}\n \n {unitCombinations.map((combination, index) => {\n const unitName = findUnitName(combination.unit_id);\n const panelId = `panel${index}`;\n\n return (\n \n {unitName} \n \n \n \n \n );\n })}\n
\n );\n};\n\nexport default UnitsAccordion;\n","import React, { Fragment, useRef } from 'react'\nimport classes from '../../components/Universities/Universities.module.css'\nimport { universityConstants as constants } from '../../components/Constants'\nimport { Link } from 'react-router-dom'\nimport SearchDropDownWithLabel from '../../components/SearchDropDownWithLabel'\nimport UnitsAccordion from './UnitsAccordion'\n\nconst UniversitiesDegreesExisting = (props) => {\n console.log(props?.departments?.length)\n\n // console.log(props.showSem);\n // console.log(props.showSub);\n // console.log(props.showUnit);\n\n const dregreeRef = useRef()\n\n async function univSelect(event) {\n await props.univSelectHandler(event)\n console.log(dregreeRef.current)\n if (!dregreeRef.current) {\n return\n }\n setTimeout(() => dregreeRef.current.focus(), 100)\n // dregreeRef.current.focus();\n }\n\n return (\n \n {combination?.subjectTopicsTree.length > 0 ? (\n \n \n ) : combination.subjectTopicsTree.length === 0 ? (\n
\n \n
\n
\n {combination.initialTopics?.length > 0 ? (\n \n
\n Subjects List
\n\n
No Topics
\n )}\nNo Existing Topics Mapped
\n ) : null}\n{constants.noDegreesMessage}
\n ) : null}\n\n {props.showCollege && props.colleges ? (\n{constants.noRegulationsMessage}
\n ) : null}\n\n {props?.showCollege && props?.batches ? (\n{constants.noDepartmentsMessage}
\n ) : null}\n\n {props.showSem && props.semesters.length > 0 ? (\n{constants.noSemestersMessage}
\n ) : null}\n\n {props.showSub && props.subjects?.length > 0 ? (\n{constants.noSubjectsMessage}
\n ) : null}\n\n {/* {props.showUnit && props.units.length > 0 ? (\n{constants.noUnitsMessage}
\n ) : null} */}\n {props.showUnit && props.units.length > 0 && props.unitsToBeReplaced ? (\n\n {Object.entries(props.unitsToBeReplaced).map(([dept_name,units]) => {\n return (\n props.unitSelectHandler(event)}\n value={props.unitSelected}\n options={props.units.map((unit) => {\n return {\n value: unit?.unit_id,\n label: unit.unit_name,\n }\n })}\n style={{\n margin: '10px',\n fontSize: '14px',\n }}\n /> */}\n
\n ) : props.showUnit && props.units.length === 0 && !props.loading ? (\n \n
\n )\n })}\n {/* {dept_name}
\n\n {units.map(unit => {\n let unitComb = props.unitCombinations.find(sel_unit => sel_unit.unit_id === unit.unit_id)\n console.log(\"unit comb\")\n console.log(unitComb)\n return (\n \n props.unitSelectHandler(event)}\n onChange = {(event) => props.unitsSelectHandler(event, unit.unit_id)}\n value={unitComb ? unitComb.event : ''}\n options={props.units.map((unit) => {\n return {\n value: unit?.unit_id,\n label: unit.unit_name,\n }\n })}\n style={{\n margin: '10px',\n fontSize: '14px',\n }}\n />\n \n )\n })}\n
\n {constants.noUnitsMessage}
\n ) : null}\n\n \n Apply\n \n ) : null}\n\n {/*
\n )\n}\n\nexport default withRouter(Subjects)\n","import React, { useEffect, useState } from 'react'\nimport SearchDropDownWithLabel from '../../components/SearchDropDownWithLabel'\nimport classes from '../../components/Universities/Universities.module.css'\nimport { universityConstants as constants } from '../../components/Constants'\n\nexport default function GDAndGBSearchComponent({\n gdepSelectHandler,\n gdepartmentSelected,\n gdepartments,\n branches,\n branchSelectHandler,\n branchSelected,\n}) {\n const [showDepartmentDropDown, setShowDepartmentDropDown] = useState(false)\n const [showBranchDropDown, setShowBranchDropDown] = useState(false)\n\n useEffect(() => {\n if (gdepartments?.length > 0) {\n setShowDepartmentDropDown(true)\n } else {\n setShowDepartmentDropDown(false)\n }\n }, [gdepartments.length])\n\n useEffect(() => {\n if (branches?.length > 0) {\n setShowBranchDropDown(true)\n } else {\n setShowBranchDropDown(false)\n }\n }, [branches.length, showDepartmentDropDown])\n\n return (\n \n
\n ) : null}\n\n {hasSelectedTopics(unitCombinations) ? (\n // \n \n
\n New Mapping
\n\n {showTree && subjectTree.length > 0 ? (\n \n \n ) : showTree && subjectTree.length === 0 ? (\n
*/}\n \n
\n
\n {initialTopicsMapped?.length > 0 ? (\n \n
\n Subjects List
\n\n
{selectedUnitsNoTopicsMessage}
\n )}\nNo Existing Topics Mapped
\n ) : null}\n\n gdepSelectHandler(event)}\n value={gdepartmentSelected}\n options={gdepartments.map((department) => {\n return {\n value: department.code,\n label: `${department.code} - ${department.name}`,\n }\n })}\n // ref={this.SemRef}\n disabled={!showDepartmentDropDown}\n />\n
\n \n onInputChange(e)}\n value={value ? value : inputValue}\n type=\"search\"\n placeholder={label}\n onKeyDown={handleKeyDown}\n className=\"form-control\"\n style={{\n borderRadius: \"16px\",\n maxWidth: \"50%\",\n display: \"inline-block\",\n }}\n />\n {handleClick ? (\n \n \n \n \n ) : null}\n
\n );\n}","import React from 'react'\nimport Modal from 'react-bootstrap/Modal'\nimport { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd'\n\nconst SubjectsReorderModal = (props) => {\n const {\n setShowSubjectReorderModal,\n showSubjectReorderModal,\n setSelectedSubjectTree,\n selectedSubjectTree,\n } = props\n\n const dragDropHandler = (result) => {\n console.log(result)\n const { source, destination, type } = result\n\n if (!destination) return\n\n if (\n destination.droppableId === source.droppableId &&\n destination.index === source.index\n )\n return\n\n if (type === 'groups') {\n let originalArr = [...selectedSubjectTree]\n console.log(originalArr)\n const [removedOject] = originalArr.splice(source.index, 1)\n console.log(removedOject)\n\n originalArr.splice(destination.index, 0, removedOject)\n console.log(originalArr)\n\n setSelectedSubjectTree(originalArr)\n }\n }\n console.log(selectedSubjectTree)\n return (\n \n {\n setShowSubjectReorderModal(false)\n }}\n dialogClassName='modal-60w'\n aria-labelledby='example-custom-modal-styling-title'\n >\n \n \n Selected Subjects For Mapping\n \n \n \n \n \n {(provided) => (\n
\n )}\n \n \n \n \n \n )\n}\n\nexport default SubjectsReorderModal\n","import React, { useEffect, useState } from 'react'\nimport {\n getData,\n getDegreeDepartmentV2,\n getDegreeDepartment,\n getDegree,\n getBranchTreeData,\n getBranches,\n getGDepartments,\n getSemestersMultiDept,\n getSubjectSemesterMultiDept,\n getSubjectSemesterMultiDeptV2,\n getMultiSubjectUnits,\n getCurriculumMappedTopicsMultiple,\n addCurriculumMappingMultiple,\n getAcedemicRegualtionV2,\n getAcedemicBatchesV2,\n getColleges,\n getSemestersMultiDeptV2,\n getMultiSubjectUnitsV2\n} from '../../lib/api'\nimport classes from './Subjects.module.css'\nimport UniversitiesDegrees from './UniversitiesDegrees'\nimport TreeNode from '../../components/TreeNode'\nimport { withRouter } from 'react-router-dom'\nimport CurriculumMappingExisting from './CurriculumMappingExisting'\nimport InPageNavButton from '../../components/InPageNavButton'\nimport GDAndGBSearchComponent from './GDAndGBSearchComponent'\nimport RenderTopicCodesWithSelection from './RenderTopics/RenderTopicCodesWithSelection'\nimport { ToastContainer, toast } from 'react-toastify'\nimport SearchBarWithButton from '../../components/SearchBarWithButton'\nimport { Button } from 'react-bootstrap'\nimport SubjectsReorderModal from './SubjectsReorderModal'\n\nconst category_id = 4\nconst sub_category_id = 16\n\nconst Subjects = () => {\n const [universities, setUniversities] = useState([])\n const [departments, setDepartments] = useState([])\n const [subjects, setSubjects] = useState([])\n const [units, setUnits] = useState([])\n const [degrees, setDegrees] = useState([])\n const [semesters, setSemesters] = useState([])\n const [gdepartments, setGDepartments] = useState([])\n const [branches, setBranches] = useState([])\n const [selectedCollege, setSelectedCollege] = useState([])\n const [selectedDep, setSelectedDep] = useState([])\n const [selectedDepName, setSelectedDepName] = useState([])\n const [selectedSub, setSelectedSub] = useState([])\n const [selectedUnit, setSelectedUnit] = useState([])\n const [selectedUnitsObj, setSelectedUnitsObj] = useState({})\n const [selectedCodes, setSelectedCodes] = useState([])\n const [originalSelectedCodes, setOrigSelectedCodes] = useState([])\n const [showSem, setShowSem] = useState(false)\n const [showDep, setShowDep] = useState(false)\n const [showSub, setShowSub] = useState(false)\n const [showUnit, setShowUnit] = useState(false)\n const [showDegree, setShowDegree] = useState(false)\n const [showCollege, setShowCollege] = useState(false)\n const [showTree, setShowTree] = useState(false)\n const [showCMExistingOrUpdateNew, setShowCMExistingOrUpdateNew] =\n useState(false)\n const [univSelected, setUnivSelected] = useState(null)\n // const [collegeSelected, setCollegeSelected] = useState(null)\n const [degreeSelected, setDegreeSelected] = useState(null)\n const [semSelected, setSemSelected] = useState('select semester')\n const [gdepartmentSelected, setGDepartmentSelected] = useState('')\n const [branchSelected, setBranchSelected] = useState('')\n const [subjectTree, setSubjectTree] = useState([])\n const [filteredSubjectTree, setFilteredSubjectTree] = useState([])\n const [loading, setLoading] = useState(false)\n const [showBatches, setShowBatches] = useState(false);\n const [showSelectedDept, setShowSelectedDept] = useState(false)\n const [showSelectedSubjects, setShowSelectedSubjects] = useState(false)\n const [showSelectedUnits, setShowSelectedUnits] = useState(false)\n const [selectedSubjectTree, setSelectedSubjectTree] = useState([])\n const [selectedUnitsNoTopicsMessage, setSelectedUnitsNoTopicsMessage] =\n useState('No Topics are Mapped to Units Already')\n\n const [showSubjectReorderModal, setShowSubjectReorderModal] = useState(false)\n const [selectedDeptUnderBS, setSelectedDeptUnderBS] = useState([])\n const [selectedDeptNameUnderUS, setSelectedDeptNameUnderUS] = useState([])\n // const [filterTopicsByNameOrCode, setFilterTopicsByNameOrCode] = useState([]);\n \n //Regulations\n const [regulations, setRegulations] = useState([])\n const [selectedRegulation, setSelectedRegulation] = useState([])\n const [showRegulationsDropDown, setShowRegulationsDropDown] = useState(false)\n \n const [uniSelectedId, setUniSelectedId] = useState(null);\n const [univDegreeSelectedId, setUnivDegreeSelectedId] = useState(null);\n\n //colleges\n const [colleges, setColleges] = useState([]);\n\n //batch\n const [batches, setBatches] = useState(null)\n const [selectedBatch, setSelectedBatch] = useState(null)\n\n const fetchRegulations = async (collegeIds) => {\n console.log('ids', collegeIds);\n try {\n let result = await getAcedemicRegualtionV2(collegeIds)\n if (result.status === 200) {\n setRegulations(result.data)\n }\n } catch (error) {\n console.log(error.message)\n }\n }\n\n const fetchBatches = async (college_ids, academic_regulation_ids) => {\n try {\n const data = await getAcedemicBatchesV2(college_ids,academic_regulation_ids);\n setLoading(false)\n if (data.status !== 200) {\n toast.error('Could not retrive batches!')\n return\n }\n console.log('batches', data.data);\n setBatches(data.data);\n }\n catch (e) {\n console.log(e)\n }\n }\n\n // Fetching Universities Data on Load\n useEffect(() => {\n const fetchData = async () => {\n try {\n let data = await getData('universities')\n let universities = data.data\n setUniversities(universities)\n } catch (error) {\n console.log(error)\n }\n }\n\n fetchData()\n // fetchRegulations()\n // fetchBatches();\n }, [])\n\n useEffect(() => {\n if (showCMExistingOrUpdateNew) {\n setSubjectTree([])\n setSelectedCodes([])\n setShowTree(false)\n setBranchSelected('')\n // setShowSelectedUnits(true)\n }\n }, [showCMExistingOrUpdateNew])\n\n // // Filtering Subject Tree\n // useEffect(()=>{\n // console.log(filterTopicsByNameOrCode);\n // if (!filterTopicsByNameOrCode) {\n // setFilteredSubjectTree(subjectTree);\n // return\n // }\n\n // function recursiveAlogToGetFilteredTopics(topicsTree) {\n // const filteredTopics = topicsTree.filter(\n // (topic) =>{\n // // console.log(topic.code);\n // // console.log(topic.name);\n // return topic.name\n // .toLowerCase()\n // .includes(filterTopicsByNameOrCode.toLowerCase())\n // ||\n // topic.code\n // .toLowerCase()\n // .includes(filterTopicsByNameOrCode\n // .toLowerCase())}\n // )\n // console.log(filteredTopics);\n // const mappedTopics = filteredTopics.map((topic)=>{\n // if (!(topic?.is_parent_of?.length >0)) {\n // return topic\n // }\n // const subFilteredTopics = recursiveAlogToGetFilteredTopics(topic?.is_parent_of);\n // console.log(subFilteredTopics);\n // return {\n // ...topic,\n // is_parent_of : subFilteredTopics\n // }\n // })\n // console.log(mappedTopics);\n // return mappedTopics\n // }\n // const newFilteredTopics = recursiveAlogToGetFilteredTopics(subjectTree);\n // console.log(newFilteredTopics);\n // setFilteredSubjectTree(newFilteredTopics);\n\n // },[filterTopicsByNameOrCode])\n\n const showSelectedDeptHandler = (boolean) => {\n setShowSelectedDept(boolean)\n }\n\n const showSelectedSubjectsHandler = (boolean) => {\n setShowSelectedSubjects(boolean)\n }\n\n const showSelectedUnitsHandler = (boolean) => {\n setShowSelectedUnits(boolean)\n }\n\n const univSelectHandler = async (event) => {\n setUnivSelected(event)\n setShowRegulationsDropDown(false)\n setShowDep(false)\n setShowSem(false)\n setShowSub(false)\n setShowUnit(false)\n setShowCollege(false)\n setShowBatches(false)\n setShowTree(false)\n setDegreeSelected(null)\n setSelectedRegulation([])\n setSelectedDep([])\n setSelectedDepName([])\n setSelectedSub([])\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setSelectedCodes([])\n setSelectedCollege([])\n setSelectedBatch(null)\n setDegrees([])\n setColleges([])\n setRegulations([])\n setBatches([])\n setDepartments([])\n setSubjects([])\n setSemesters([])\n setUnits([])\n\n if (!event?.value) {\n setShowDegree(false)\n return\n }\n\n const univSelectedId = event?.value\n setUniSelectedId(event?.value);\n\n try {\n setLoading(true)\n let data = await getDegree(univSelectedId)\n setLoading(false)\n setShowDegree(true)\n\n if (data.status !== 200) {\n toast.error('Could not retrive degrees!')\n return\n }\n setDegrees(data.data)\n } catch (error) {\n console.log(error)\n }\n\n try {\n setLoading(true)\n let data = await getColleges(univSelectedId)\n setLoading(false)\n if (data.status !== 200) {\n toast.error('Could not retrive degrees!')\n return\n }\n console.log('data', data)\n setColleges(data.data)\n } catch (error) {\n console.log(error)\n }\n }\n\n const collegeSelectHandler = async (event) => {\n setShowRegulationsDropDown(false)\n setShowBatches(false)\n setShowDep(false)\n setShowSem(false)\n setShowSub(false)\n setShowUnit(false)\n setShowTree(false)\n // setSelectedRegulation([])\n setSelectedBatch(null)\n setSelectedDep([])\n setSelectedDepName([])\n setSelectedSub([])\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setSelectedCodes([])\n setRegulations([])\n setBatches([])\n setDepartments([])\n setSemesters([])\n setSubjects([])\n setUnits([])\n if (event) {\n // console.log(event);\n // setCollegeSelected(event)\n\n const collegeSelectedId = event?.target.value.map((college)=>college.id)\n // console.log('selectedCollegeId', collegeSelectedId)\n // setCollegeSelectedId(event?.value);\n // console.log(selectedCollege);\n setSelectedCollege(event.target.value)\n // console.log('selc', event.target.value)\n\n let collegeIds = event.target.value.map((college) => college.id);\n // console.log(selectedRegulation);\n setSelectedRegulation((prevState)=>prevState.filter((regulation)=>collegeIds.includes(regulation.college_id)))\n fetchRegulations(collegeIds);\n setShowRegulationsDropDown(true);\n }\n else {\n setSelectedCollege([])\n return\n }\n }\n\n const degreeSelectHandler = async (event) => {\n setDegreeSelected(event)\n setShowRegulationsDropDown(false)\n setShowDep(false)\n setShowSem(false)\n setShowSub(false)\n setShowUnit(false)\n setShowCollege(true)\n setShowBatches(false)\n setShowTree(false)\n setSelectedRegulation([])\n setSelectedDep([])\n setSelectedDepName([])\n setSelectedSub([])\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setSelectedCodes([])\n setSelectedCollege([])\n setSelectedBatch(null)\n setRegulations([])\n setBatches([])\n setDepartments([])\n setSubjects([])\n setSemesters([])\n setUnits([])\n\n if (!event?.value) {\n return\n }\n setUnivDegreeSelectedId(event.value)\n\n // try {\n // setLoading(true)\n // let data = await getDegreeDepartment(univDegreeSelectedId)\n // setLoading(false)\n // setShowDep(true)\n\n // if (data.status !== 200) {\n // toast.error('Could not retrive degrees!')\n // return\n // }\n // setDepartments(data.data)\n // } catch (error) {\n // console.log(error)\n // }\n }\n\n const depSelectHandler = async (dep_id, dep_name) => {\n setSemSelected('')\n setShowSem(false)\n setSelectedSub([])\n setShowSub(false)\n setShowTree(false)\n setShowUnit(false)\n setShowTree(false)\n setSemesters([])\n setSubjects([])\n setUnits([])\n console.log(\"dep id\")\n console.log(dep_id)\n const selectedDepCopy = [...selectedDep]\n const selectedDepNameCopy = [...selectedDepName]\n const depIds = departments.map((d) => d.college_university_degree_department_id)\n\n console.log('selectedDep', dep_id);\n console.log('deps', departments);\n console.log('depIds', depIds);\n\n if(dep_id && depIds.includes(dep_id)) {\n try {\n if(!selectedDepCopy.includes(dep_id)) selectedDepCopy.push(dep_id);\n else selectedDepCopy.splice(selectedDepCopy.indexOf(dep_id),1);\n setSelectedDep(selectedDepCopy)\n\n const regulation_ids = (selectedRegulation.map(reg => reg.academic_regulation_id))\n console.log('r_ids', regulation_ids)\n const selectedBatchId = selectedBatch.id;\n try {\n const result = await getSemestersMultiDeptV2(selectedDepCopy, regulation_ids, selectedBatchId)\n if (result.status === 200) {\n setSemesters(result.data.semesters)\n setShowSem(true)\n } else {\n setSemesters([])\n setShowSem(false)\n }\n } catch (error) {\n console.log(error.message)\n }\n }\n catch(e) {\n console.log(e)\n }\n }\n\n // if (dep_id && depIds.includes(dep_id)) {\n // try {\n // if (!selectedDepCopy.includes(dep_id)) selectedDepCopy.push(dep_id)\n // else selectedDepCopy.splice(selectedDepCopy.indexOf(dep_id), 1)\n // setSelectedDep(selectedDepCopy)\n // if (!selectedDepNameCopy.includes(dep_name)) selectedDepNameCopy.push(dep_name)\n // else selectedDepNameCopy.splice(selectedDepNameCopy.indexOf(dep_name), 1)\n // setSelectedDepName(selectedDepNameCopy)\n\n // // setShowRegulationsDropDown(true)\n // const regulation_ids = (selectedRegulation.map(reg => reg.id))\n // console.log('r_ids', regulation_ids)\n\n // try {\n // const result = await getSemestersMultiDept(selectedDepCopy, regulation_ids)\n // if (result.status === 200) {\n // setSemesters(result.semesters)\n // setShowSem(true)\n // console.log('r',result)\n // } else {\n // setSemesters([])\n // setShowSem(false)\n // }\n // } catch (error) {\n // console.log(error.message)\n // }\n // } catch (error) {\n // console.log(error)\n // }\n // }\n }\n\n const regulationSelectHandler = async (e) => {\n // if (e) {\n // try {\n // const result = await getSemestersMultiDept(selectedDep, e.id)\n // if (result.status === 200) {\n // setSemesters(result.semesters)\n // setShowSem(true)\n // setSelectedRegulation(e)\n // } else {\n // setSemesters([])\n // setShowSem(false)\n // setSelectedRegulation(e)\n // }\n // } catch (error) {\n // console.log(error.message)\n // }\n // } else {\n // setSelectedRegulation(e)\n // }\n setLoading(true)\n setShowBatches(false)\n setShowDep(false)\n setShowSelectedDept(false)\n setShowSem(false)\n setShowSub(false)\n setShowUnit(false)\n setShowTree(false)\n setSelectedBatch(null)\n setSelectedDep([])\n setSelectedDepName([])\n setSelectedSub([])\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setSelectedCodes([])\n if (e) {\n // console.log(e);\n const selectedCollegeIds = selectedCollege.map(college => college.id);\n const selectedRegulationIds = e.target.value.map(regulation => regulation.academic_regulation_id);\n try {\n setSelectedRegulation(e.target.value)\n\n await fetchBatches(selectedCollegeIds, selectedRegulationIds);\n setShowBatches(true);\n setLoading(false);\n // let data = await getDegreeDepartment(selectedCollegeIds, selectedRegulationIds,selectedBatchId);\n // setLoading(false)\n // setShowDep(true)\n // if (data.status !== 200) {\n // toast.error('Could not retrive departments!')\n // return\n // }\n // setDepartments(data.data)\n // setShowBatches(true);\n\n } catch (error) {\n console.log(error)\n }\n } else {\n setSelectedRegulation([])\n return\n }\n }\n\n const batchSelectHandler = async (event) => {\n if (!event?.value) {\n return\n }\n setSelectedBatch(event);\n\n const selectedCollegeIds = selectedCollege.map(college => college.id);\n const selectedRegulationIds = selectedRegulation.map(regulation => regulation.academic_regulation_id);\n const selectedBatchId = event.id;\n\n try {\n setLoading(true)\n setShowDep(false)\n setShowSelectedDept(false)\n setShowSem(false)\n setShowSub(false)\n setShowUnit(false)\n setShowTree(false)\n setSelectedDep([])\n setSelectedDepName([])\n setSelectedSub([])\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setSelectedCodes([])\n let data = await getDegreeDepartmentV2(selectedCollegeIds, selectedRegulationIds,selectedBatchId);\n setLoading(false)\n setShowDep(true)\n // setSelectedRegulation(e.target.selectedIds)\n if (data.status !== 200) {\n toast.error('Could not retrive departments!')\n return\n }\n setDepartments(data.data)\n setShowBatches(true);\n } catch (error) {\n console.log(error)\n }\n\n }\n\n\n const semSelectHandler = async (event) => {\n const semSelectedId = event?.value\n\n if (!semSelectedId) {\n setSemSelected(event)\n return\n }\n\n const regulation_ids = (selectedRegulation.map(reg => reg.academic_regulation_id))\n const batch_id = selectedBatch.id;\n\n try {\n setLoading(true)\n let data = await getSubjectSemesterMultiDeptV2(\n semSelectedId,\n selectedDep,\n regulation_ids,\n batch_id\n )\n setLoading(false)\n setSemSelected(event)\n setSubjects(data.data)\n setUnits([])\n setSelectedSub([])\n setSelectedUnit([])\n setSelectedDeptUnderBS([])\n setShowSub(true)\n setShowUnit(false)\n setShowTree(false)\n setShowSelectedDept(true)\n setShowSelectedSubjects(false)\n setSelectedUnitsObj({})\n } catch (error) {\n console.log(error)\n }\n }\n\n // ###############################################\n\n const subSelectHandler = async (sub_id, dept_id) => {\n const selectedSubCopy = [...selectedSub]\n console.log(dept_id)\n\n if (sub_id) {\n try {\n if (!selectedSubCopy.includes(sub_id)) {\n selectedSubCopy.push(sub_id)\n let tempArr = [...selectedDeptUnderBS]\n tempArr.push(dept_id)\n setSelectedDeptUnderBS(tempArr)\n setSelectedDeptNameUnderUS([])\n } else {\n selectedSubCopy.splice(selectedSubCopy.indexOf(sub_id), 1)\n let tempArr = [...selectedDeptUnderBS]\n tempArr = tempArr.filter((dept) => dept !== dept_id)\n setSelectedDeptUnderBS(tempArr)\n setSelectedDeptNameUnderUS([])\n }\n\n const data = await getMultiSubjectUnitsV2(selectedSubCopy)\n console.log(data)\n\n if (data.status === 200) {\n setUnits(data.data)\n setSelectedSub(selectedSubCopy)\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setShowUnit(true)\n setShowTree(false)\n setShowSelectedUnits(false)\n } else {\n setUnits([])\n setSelectedSub(selectedSubCopy)\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setShowUnit(false)\n setShowTree(false)\n setShowSelectedUnits(false)\n }\n } catch (error) {\n console.log(error)\n }\n }\n }\n\n const unitSelectHandler = async (unit_name, unit_id, college_name, dept_name, cudd_id, sub_name) => {\n const selectedUnitCopy = [...selectedUnit]\n console.log(dept_name)\n console.log(sub_name)\n console.log(unit_id)\n console.log(unit_name)\n\n if (unit_id) {\n try {\n console.log(\"in unitSelectHandler\")\n console.log(selectedUnitCopy)\n if (showCMExistingOrUpdateNew) {\n if (!selectedUnitCopy.includes(unit_id)) {\n console.log(`in if - ${unit_id}`)\n selectedUnitCopy.push(unit_id)\n let tempArr = [...selectedDeptNameUnderUS]\n tempArr.push(cudd_id)\n setSelectedDeptNameUnderUS(tempArr)\n console.log(selectedUnitCopy)\n console.log(selectedDeptNameUnderUS)\n let subDeptName = `${dept_name} (${college_name}) - ${sub_name}`\n setSelectedUnitsObj(prevState => {\n const departmentUnits = prevState[subDeptName] || [];\n const unitExists = departmentUnits.some(unit => unit.unit_id === unit_id);\n console.log(`unit exists - ${unitExists}`)\n let updatedUnits;\n if (unitExists) {\n // Remove the unit\n updatedUnits = departmentUnits.filter(unit => unit.unit_id !== unit_id);\n console.log(`unit to be removed - ${unit_id}`)\n } else {\n // Add the unit\n updatedUnits = [...departmentUnits, { unit_name: unit_name, unit_id: unit_id }];\n }\n console.log(\"updatedUnits\")\n console.log(updatedUnits)\n return {\n ...prevState,\n [subDeptName]: updatedUnits\n };\n });\n } else {\n let subDeptName = `${dept_name} (${college_name}) - ${sub_name}`\n setSelectedUnitsObj(prevState => {\n const departmentUnits = prevState[subDeptName] || [];\n const unitExists = departmentUnits.some(unit => unit.unit_id === unit_id);\n console.log(`unit exists - ${unitExists}`)\n let updatedUnits;\n if (unitExists) {\n // Remove the unit\n updatedUnits = departmentUnits.filter(unit => unit.unit_id !== unit_id);\n console.log(`unit to be removed - ${unit_id}`)\n } else {\n // Add the unit\n updatedUnits = [...departmentUnits, { unit_name: unit_name, unit_id: unit_id, replacing_unit: -1 }];\n }\n console.log(\"updatedUnits\")\n console.log(updatedUnits)\n return {\n ...prevState,\n [subDeptName]: updatedUnits\n };\n });\n selectedUnitCopy.splice(selectedUnitCopy.indexOf(unit_id), 1)\n let tempArr = [...selectedDeptNameUnderUS]\n tempArr = tempArr.filter((id) => id !== cudd_id)\n setSelectedDeptNameUnderUS(tempArr)\n }\n }\n else {\n if (!selectedUnitCopy.includes(unit_id)) {\n console.log(`in if - ${unit_id}`)\n selectedUnitCopy.push(unit_id)\n let tempArr = [...selectedDeptNameUnderUS]\n tempArr.push(cudd_id)\n setSelectedDeptNameUnderUS(tempArr)\n console.log(selectedUnitCopy)\n console.log(selectedDeptNameUnderUS)\n let subDeptName = `${dept_name} (${college_name}) - ${sub_name}`\n setSelectedUnitsObj(prevState => {\n const departmentUnits = prevState[subDeptName] || [];\n const unitExists = departmentUnits.some(unit => unit.unit_id === unit_id);\n console.log(`unit exists - ${unitExists}`)\n let updatedUnits;\n if (unitExists) {\n // Remove the unit\n updatedUnits = departmentUnits.filter(unit => unit.unit_id !== unit_id);\n console.log(`unit to be removed - ${unit_id}`)\n } else {\n // Add the unit\n updatedUnits = [...departmentUnits, { unit_name: unit_name, unit_id: unit_id }];\n }\n console.log(\"updatedUnits\")\n console.log(updatedUnits)\n return {\n ...prevState,\n [subDeptName]: updatedUnits\n };\n });\n }\n else {\n let subDeptName = `${dept_name} (${college_name}) - ${sub_name}`\n setSelectedUnitsObj(prevState => {\n const departmentUnits = prevState[subDeptName] || [];\n let updatedUnits;\n if (departmentUnits.length > 0) {\n updatedUnits = [];\n }\n else {\n updatedUnits = [...departmentUnits, { unit_name: unit_name, unit_id: unit_id, replacing_unit: -1 }];\n }\n console.log(\"updatedUnits\")\n console.log(updatedUnits)\n return {\n ...prevState,\n [subDeptName]: updatedUnits\n };\n });\n selectedUnitCopy.splice(selectedUnitCopy.indexOf(unit_id), 1)\n let tempArr = [...selectedDeptNameUnderUS]\n tempArr = tempArr.filter((id) => id !== cudd_id)\n setSelectedDeptNameUnderUS(tempArr)\n }\n }\n\n const data = await getGDepartments()\n console.log(data)\n \n if (data.status === 200) {\n setGDepartments(data.data)\n setBranchSelected('')\n setSelectedUnit(selectedUnitCopy)\n setShowTree(false)\n setShowSelectedSubjects(true)\n } else {\n setGDepartments([])\n setBranchSelected('')\n setSelectedUnit(selectedUnitCopy)\n setShowTree(false)\n }\n console.log(\"selectedUnitsObj\")\n console.log(selectedUnitsObj)\n } catch (error) {\n console.log(error)\n }\n }\n }\n\n const gdepSelectHandler = async (event) => {\n setGDepartmentSelected(event)\n setBranchSelected('')\n\n if (!event?.value) {\n setBranches([])\n setShowSelectedUnits(true)\n return\n }\n\n let gdepartmentSelectedId = event.value\n\n try {\n let data = await getBranches(gdepartmentSelectedId)\n setShowTree(false)\n setBranches(data.data)\n setShowSelectedUnits(true)\n } catch (error) {\n console.log(error)\n }\n }\n\n const branchSelectHandler = async (event) => {\n if (!event?.value) {\n return\n }\n\n let branchSelectedId = event?.value\n\n try {\n let data = await getBranchTreeData(branchSelectedId)\n console.log(data.data)\n let selectedData = await getCurriculumMappedTopicsMultiple(selectedUnit)\n console.log(selectedData)\n let selectedCodes = []\n\n if (\n selectedData.status !== 200 ||\n !selectedData.data ||\n !(selectedData.data.length > 0)\n ) {\n console.log('1st block triggered')\n if (selectedData.status === 204) {\n setSelectedUnitsNoTopicsMessage(selectedData.message)\n } else {\n setSelectedUnitsNoTopicsMessage(\n 'No Topics are Mapped to Units Already'\n )\n }\n console.log(selectedCodes)\n setSelectedCodes([])\n setBranchSelected(event)\n setSubjectTree(data.data)\n setSelectedSubjectTree(selectedData.data)\n setShowTree(true)\n return\n }\n\n if (\n selectedData.status === 200 &&\n selectedData.data &&\n selectedData.data.length > 0\n ) {\n console.log('2nd block triggered')\n selectedData.data.map((st) => {\n selectedCodes.push(st.code)\n })\n }\n console.log(selectedCodes)\n\n setBranchSelected(event)\n setSelectedCodes(selectedCodes)\n setOrigSelectedCodes(selectedCodes)\n setShowTree(true)\n setSubjectTree(data.data)\n setSelectedSubjectTree(selectedData.data)\n } catch (error) {\n console.log(error)\n }\n }\n\n // function filterTopicsHandler(e) {\n // console.log(e?.target?.value);\n // if (!e?.target?.value) {\n // setFilterTopicsByNameOrCode('')\n // }\n // setFilterTopicsByNameOrCode(e.target.value)\n // }\n\n const getTopicAndAllBelowSubTopics = (topicBeingDestructured) => {\n console.log(topicBeingDestructured)\n let topicAndAllSubTopics = []\n let topicCodesAndAllSubTopicsCodes = []\n\n const recursiveAlogrithum = (topicsData) => {\n topicsData.forEach((topic) => {\n topicAndAllSubTopics.push({\n code: topic?.code,\n name: topic?.name,\n type: topic?.type,\n })\n topicCodesAndAllSubTopicsCodes.push(topic?.code)\n console.log(topic?.is_parent_of?.length)\n if (topic?.is_parent_of?.length > 0) {\n recursiveAlogrithum(topic?.is_parent_of)\n }\n })\n }\n recursiveAlogrithum(topicBeingDestructured)\n\n // // // Remove Duplicated\n // topicCodesAndAllSubTopicsCodes = [...new Set(topicCodesAndAllSubTopicsCodes)];\n // topicAndAllSubTopics = [...new Map(topicAndAllSubTopics.map(topic =>[topic.code, topic])).values()]\n\n // console.log(topicCodesAndAllSubTopicsCodes);\n // console.log(topicAndAllSubTopics);\n\n return { topicAndAllSubTopics, topicCodesAndAllSubTopicsCodes }\n }\n\n function findUnionWithoutRepetition(arr) {\n // Combine both arrays and remove duplicates using a Set\n const unionSet = new Set([...arr])\n\n // Convert the Set back to an array\n const unionArray = Array.from(unionSet)\n\n return unionArray\n }\n\n function findUnionObjectsWithoutRepetition(arr, key) {\n // Merge both arrays into a single array\n const mergedArray = [...arr]\n\n // Create an object to store unique objects based on the specified key\n const uniqueObjects = {}\n\n // Loop through the merged array and store the objects in the uniqueObjects object\n mergedArray.forEach((obj) => {\n const keyValue = obj[key]\n if (!uniqueObjects[keyValue]) {\n uniqueObjects[keyValue] = obj\n }\n })\n\n // Convert the values of uniqueObjects back to an array to get the union\n const unionArray = Object.values(uniqueObjects)\n\n return unionArray\n }\n\n const selectOrDeselectTopic = async (selectedTopic, ifSelected) => {\n const { code, name, type } = selectedTopic\n\n // Getting all the sub topics under the selected topic\n const {\n topicAndAllSubTopics: newlySelectedTopics,\n topicCodesAndAllSubTopicsCodes: newlySelectedTopicCodes,\n } = getTopicAndAllBelowSubTopics([selectedTopic])\n\n let selectedTopicsForUnits = selectedSubjectTree ? selectedSubjectTree : []\n let selectedCodesForUnits = selectedCodes ? selectedCodes : []\n\n //console.log(selectedCodesForUnits)\n //console.log(code)\n\n let new_select_codes\n let newSelectedTopics\n\n if (selectedCodesForUnits.indexOf(code) !== -1) {\n console.log('value found in the array')\n new_select_codes = selectedCodesForUnits.filter((sc) => {\n if (!newlySelectedTopicCodes.includes(sc)) {\n return sc\n }\n })\n newSelectedTopics = selectedTopicsForUnits.filter((st) => {\n if (!newlySelectedTopicCodes.includes(st.code)) {\n return st\n }\n })\n console.log(new_select_codes)\n console.log(newSelectedTopics)\n } else {\n console.log('topic not found in the array')\n newSelectedTopics = [...selectedTopicsForUnits, ...newlySelectedTopics]\n new_select_codes = [...selectedCodesForUnits, ...newlySelectedTopicCodes]\n }\n\n //console.log(new_select_codes)\n //console.log(newSelectedTopics)\n\n const arr1 = findUnionWithoutRepetition(new_select_codes)\n const arr2 = findUnionObjectsWithoutRepetition(newSelectedTopics, 'code')\n\n // console.log(arr1)\n // console.log(arr2)\n // console.log(originalSelectedCodes)\n\n setSelectedSubjectTree(arr2)\n setSelectedCodes(arr1)\n setOrigSelectedCodes(arr1)\n }\n\n const saveCurriculumMapping = async () => {\n let topic_codes = [...selectedCodes]\n let result = window.confirm(\n 'Are you sure you want to submit the curriculum mapping?'\n )\n if (result === true) {\n let response = await addCurriculumMappingMultiple(\n selectedUnit,\n selectedSubjectTree,\n category_id,\n sub_category_id\n )\n if (response.status === 200) {\n toast.success('topics mapped successfully')\n //setSelectedSubjectTree([])\n //setSelectedCodes([])\n //setShowTree(false)\n setBranchSelected('')\n const data = await getMultiSubjectUnitsV2(selectedSub)\n if (data.status === 200) {\n setUnits(data.data)\n }\n } else {\n alert(\n 'Unable to add the curriculum mapping. Please try again after sometime!!'\n )\n }\n } else {\n return\n }\n }\n\n const changeShowCMExistingOrUpdateNew = (val) => {\n setShowCMExistingOrUpdateNew(val)\n setSelectedUnit([])\n setSelectedUnitsObj({})\n setSelectedDeptNameUnderUS([])\n }\n\n return (\n \n Note: - Drag and Drop subject to re-order\n
\n\n {selectedSubjectTree.map((sub, index) => (\n \n {(provided) => (\n \n \n {sub?.code} : {sub?.name}\n \n
\n )}\n \n ))}\n {provided.placeholder}\n \n \n setShowCMExistingOrUpdateNew(true)}\n active={showCMExistingOrUpdateNew}\n />\n setShowCMExistingOrUpdateNew(false)}\n active={!showCMExistingOrUpdateNew}\n />\n \n ) : null} */}\n\n {showCMExistingOrUpdateNew && showUnit ? (\n
\n ) : null}\n\n {showSubjectReorderModal && (\n \n
\n ) : null}\n\n {!showCMExistingOrUpdateNew && showUnit && selectedUnit.length > 0 ? (\n \n {showTree ? (\n \n {/* \n
\n {subjectTree?.length > 0 ? (\n subjectTree.map((topic) => {\n // console.log(topic);\n return (\n\n )\n })\n ) : (\n
\n \n ) : null}\n {showTree && selectedSubjectTree ? (\n \n filterTopicsHandler(e)}\n value={filterTopicsByNameOrCode}\n />\n
*/}\n\n \n
\n Topics Tree
\n\n {subjectTree?.length > 0 ? (\n subjectTree.map((topic) => {\n // console.log(topic);\n return (\n
No Topics To Show
\n )}\n\n
\n
\n ) : (\n \n
\n Selected Topics List
\n\n
\n \n {\n setShowSubjectReorderModal(true)\n }}\n >\n Re-order Topics\n \n
\n ) : null}\n {selectedUnitsNoTopicsMessage}
\n )}\n\n
\n \n {/*
\n {props.title} :
*/}\n{DropDownData.title}:
\n\n this.props.selectedValueHandler(event)}\n value={this.props[DropDownData.selectConst]}\n >\n \n {DropDownData.dropDownHint}\n \n {this?.props[DropDownData.key]?.map((dropDownValue, index) => (\n this.props.onSelectionEventHandler(event)}\n key={index}\n className={classes.option}\n value={dropDownValue[DropDownData.dropDownNameKey]}\n >\n {dropDownValue[DropDownData.dropDownNameKey]}\n \n ))}\n \n
\n \n \n ))\n : null}\n
\n {/* Show Deck Data */}\n\n {/* Show Decks Unit Table */}\n
\n \n
\n\n {/* Show Deck Cards Table \n \n
\n */}\n Deck Data :
\n */}\n\n
\n \n\n \n \n \n this.props.changeTopicDropDownTitleValue(\n e.target.textContent\n )\n }\n >\n {topicData?.topic_name}\n
\n \n ))}\n \n \n {!this.props?.formIsValid ? (\n
\n \n\n \n \n \n \n this.props.changeTopicDropDownTitleValue(\n e.target.textContent\n )\n }\n >\n All Units\n
\n \n\n {this.props?.topicsList.map((topicData) => (\n \n \n \n \n Unit \n Code \n Name \n order \n Action \n \n \n\n \n {this.props.decks.map((deck, index) =>\n deck?.topics_to_decks_id ? (\n \n {deck.topic_name} \n {/* this.onChangeHandler(event, index,'order')}>{deck.order} */}\n\n {/* onEdit(deck?.topics_to_decks_id)}\n >\n ...\n */}\n\n {this.props.decksInEditMode.includes(\n deck?.topics_to_decks_id\n ) ? (\n \n {/* Inputs as a form i.e if Row is Editable*/}\n {/* \n ) : (\n \n {/* If Row is not Editable */}\n {deck.code} \n \n {deck.name} \n \n {deck.order} \n \n \n this.props.onDeckEdit(\n deck?.topics_to_decks_id\n )\n }\n >\n \n \n Edit\n \n\n this.props.openStatusModal(deck)}\n className={\n deck.active\n ? 'btn btn-success'\n : 'btn btn-warning'\n }\n style={\n deck.active\n ? { margin: '5px' }\n : {\n margin: '5px',\n background: 'red',\n color: 'white',\n }\n }\n >\n \n \n\n \n {/* this?.props?.deleteDeckFromUnit(deck?.topics_to_decks_id)} > */}\n {\n this.setState({\n confirmDeleteModal: true,\n deleteDeckData: deck,\n })\n }}\n >\n {\n const result = await getDeckUnits(deck.id)\n this.setState({\n deleteDeckEverywhereModalShow: true,\n deleteDeckData: deck,\n deck_unit_details: {\n ...this.state.deck_unit_details,\n unitName: deck?.topic_name,\n },\n to_be_removed_deck: result.data.data,\n })\n }}\n >\n this.props.replaceDeck(deck)}\n >\n \n \n this.props.ReplaceEverywhereDeck(deck)\n }\n >\n Replace Everywhere\n \n \n \n \n \n )}\n \n ) : null\n )}\n \n \n
\n \n \n Delete in Unit
\n Remove in Unit\n
\n \n \n Remove Everywhere\n
\n \n \n Replace\n
\n \n {constants.noDegreesMessage}
\n ) : null}\n\n {/* Department DropDown */}\n {this?.props?.showDep && this?.props?.departments?.length ? (\n{constants.noDepartmentsMessage}
\n ) : null}\n\n {/* Regulations DropDown */}\n {this?.props?.showRegulation && this?.props?.regulations?.length ? (\n{constants.noRegulationsMessage}
\n ) : null}\n\n {/* Semester DropDown */}\n {this?.props.showSem && this?.props?.semesters?.length ? (\n{constants.noSemestersMessage}
\n ) : null}\n\n {/* Subject DropDown */}\n {this?.props?.showSub && this?.props?.subjects?.length ? (\n{constants.noSubjectsMessage}
\n ) : null}\n\n {/* */}\n\n {/* Testing Button */}\n {/*\n\n \n
\n */}\n\n {/* Decks Table */}\n {this?.props.showDecks && this?.props?.decks?.length > 0 ? (\n No decks to display.
\n ) : null}\n\n
*/}\n\n \n {/* \n \n
\n )}\n \n );\n}\n\nexport default Popup;\n","import React, { Component } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport {\n getGlobalDepartmentsForNewDecks,\n getGlobalBranchesFromGlobalDepartments,\n getDecksFromGlobalBranchesAndGlobalDepartments,\n} from \"../../lib/api\";\nimport Latex from \"react-latex-next\";\n\nclass ReplaceDecksPage extends Component {\n state = {\n global_departments: [],\n select_global_department: 0,\n global_branches: [],\n select_global_branch: 0,\n selected_deck_to_replace: null,\n selected_deck_to_replace_id: null,\n decks: [],\n unit_info: false,\n };\n\n componentDidMount = async () => {\n const result = await getGlobalDepartmentsForNewDecks();\n this.setState({\n global_departments: result.data,\n });\n };\n\n selectGlobalDepartment = async (e) => {\n if (e.target.value != 0 && e.target.value != null) {\n this.setState({\n select_global_department: e.target.value,\n });\n const result = await getGlobalBranchesFromGlobalDepartments(\n e.target.value\n );\n this.setState({\n global_branches: result.data,\n });\n }\n };\n selectGlobalBranches = async (e) => {\n if (e.target.value != 0 && e.target.value != null) {\n this.setState({\n select_global_branch: e.target.value,\n });\n const result = await getDecksFromGlobalBranchesAndGlobalDepartments(\n e.target.value\n );\n this.setState({\n decks: result.data,\n });\n }\n };\n\n selectDeckToReplace = (Deck) => {\n this.setState({\n selected_deck_to_replace: Deck,\n selected_deck_to_replace_id: Deck.id,\n });\n };\n unSelectDeck = () => {\n this.setState({\n selected_deck_to_replace: null,\n selected_deck_to_replace_id: null,\n });\n };\n\n render() {\n return (\n <>\n {!this.state.selected_deck_to_replace ? (\n \n
\n
\n\n CLOSE\n \n \n \n {props.ActionButtonText}\n \n
\n {props.popupHeading}
\n\n
\n {props.PopupText}\n
\n\n
\n Select Deck To Replace{\" \"}\n \n {this.props?.to_be_replaced_deck?.name} (\n {this.props.to_be_replaced_deck.code})\n \n
\n ) : (\n \n This Deck{\" \"}\n \n {this.props.to_be_replaced_deck.name} (\n {this.props.to_be_replaced_deck.code})\n {\" \"}\n will be Replaced by{\" \"}\n \n {this.state.selected_deck_to_replace.name} (\n {this.state.selected_deck_to_replace.code})\n {\" \"}\n in\n
\n )}\n\n {!this.state.selected_deck_to_replace ? (\n \n this.props.backToMainPageSwitcher()}\n >\n \n \n Back To Main Page\n \n
\n ) : null}\n\n {!this.state.selected_deck_to_replace ? (\n \n
\n \n
\n \n Select Global Department:\n
\n \n \n Select Global Branches:\n
\n \n this.unSelectDeck()}\n >\n \n \n Back To Decks Table\n \n
\n ) : null}\n {this.state.decks.length > 0 && !this.state.selected_deck_to_replace ? (\n \n
\n \n
Deck Data :
\n\n \n this.props.saveReplaceDeck(\n this.state.selected_deck_to_replace,\n this.props.to_be_replaced_deck\n )\n }\n >\n \n \n Replace\n \n
\n \n ) : null}\n \n );\n }\n}\n\nexport default ReplaceDecksPage;\n","import React, { Component } from 'react'\nimport 'bootstrap/dist/css/bootstrap.min.css'\nimport { ToastContainer, toast } from 'react-toastify'\nimport 'react-toastify/dist/ReactToastify.css'\nimport {\n getGlobalDepartmentsForNewDecks,\n getGlobalBranchesFromGlobalDepartments,\n getDecksFromGlobalBranchesAndGlobalDepartments,\n getConceptSummaryCards,\n getDeckUnits,\n} from '../../lib/api'\nimport Latex from 'react-latex-next'\n\nclass ReplaceDeckEverywherePage extends Component {\n state = {\n global_departments: [],\n select_global_department: 0,\n global_branches: [],\n select_global_branch: 0,\n selected_deck_to_replace: null,\n selected_deck_to_replace_id: null,\n decks: [],\n unit_info: false,\n cards: [],\n units: [],\n }\n\n componentDidMount = async () => {\n const result = await getGlobalDepartmentsForNewDecks()\n const cardResult = await getConceptSummaryCards(\n this.props.to_be_replaced_deck.id\n )\n const UnitsResult = await getDeckUnits(this.props.to_be_replaced_deck.id)\n this.setState({\n global_departments: result.data,\n cards: cardResult.data.data,\n units: UnitsResult.data.data,\n })\n }\n\n selectGlobalDepartment = async (e) => {\n if (e.target.value != 0 && e.target.value != null) {\n this.setState({\n select_global_department: e.target.value,\n })\n const result = await getGlobalBranchesFromGlobalDepartments(\n e.target.value\n )\n this.setState({\n global_branches: result.data,\n })\n }\n }\n selectGlobalBranches = async (e) => {\n if (e.target.value != 0 && e.target.value != null) {\n this.setState({\n select_global_branch: e.target.value,\n })\n const result = await getDecksFromGlobalBranchesAndGlobalDepartments(\n e.target.value\n )\n this.setState({\n decks: result.data,\n })\n }\n }\n\n selectDeckToReplace = (Deck) => {\n this.setState({\n selected_deck_to_replace: Deck,\n selected_deck_to_replace_id: Deck.id,\n })\n }\n unSelectDeck = () => {\n this.setState({\n selected_deck_to_replace: null,\n selected_deck_to_replace_id: null,\n })\n }\n\n render() {\n return (\n <>\n {!this.state.selected_deck_to_replace ? (\n \n Select Deck To Replace{' '}\n \n {this.props?.to_be_replaced_deck?.name} (\n {this.props?.to_be_replaced_deck?.code})\n {' '}\n Everywhere\n
\n ) : (\n \n This Deck{' '}\n \n {this.props?.to_be_replaced_deck?.name} (\n {this.props.to_be_replaced_deck.code})\n {' '}\n will be Replaced Everywhere by{' '}\n \n {this.state.selected_deck_to_replace.name} (\n {this.state.selected_deck_to_replace.code})\n {' '}\n in\n
\n )}\n\n {!this.state.selected_deck_to_replace ? (\n \n this.props.backToMainPageSwitcher()}\n >\n \n \n Back To Main Page\n \n
\n ) : null}\n\n {!this.state.selected_deck_to_replace ? (\n \n
\n \n
\n \n Select Global Department:\n
\n \n \n Select Global Branches:\n
\n \n this.unSelectDeck()}\n >\n \n \n Back To Decks Table\n \n
\n ) : null}\n {this.state.decks.length > 0 && !this.state.selected_deck_to_replace ? (\n \n
\n \n
Deck Data :
\n\n \n this.props.saveReplaceDeck(\n this.state.selected_deck_to_replace,\n this.props.to_be_replaced_deck,\n this.state.units\n )\n }\n >\n \n \n Replace Everywhere\n \n
\n \n ) : null}\n \n )\n }\n}\n\nexport default ReplaceDeckEverywherePage\n","import React, { Component, Fragment } from 'react'\nimport 'bootstrap/dist/css/bootstrap.min.css'\nimport Latex from 'react-latex-next'\nimport ReactLoadingPage from '../NewDecks/ReactLoadingPage'\n\nimport classes from './DeckMapping.module.css'\nimport {\n getData,\n getDep,\n getColleges,\n getSemesters,\n getSemesterSubjects,\n getDeckswithTopicsData,\n deleteDeckFromUnit,\n updateDeckMapping,\n deleteDeck,\n ChangeDeckStatus,\n ReplaceDeckOnce,\n ReplaceDeckEverywhere,\n getDeckUnits,\n getDegree,\n getDegreeDepartment,\n getAcedemicRegualtion,\n} from '../../lib/api'\nimport AllDeckMappingDropDowns from '../../components/Decks/AllDeckMappingDropDowns'\nimport Notification from '../../components/UX/Notification'\nimport Popup from '../../components/Popup'\nimport ReplaceDecksPage from './ReplaceDecksPage'\nimport ReplaceDeckEverywherePage from './ReplaceDeckEverywherePage'\n\nconst category_id = 3\nconst sub_category_id = 11 // This is for decks to units mapping\nconst decks_sub_category_id = 10 // This is for decks\n\nclass DeckMapping extends Component {\n state = {\n universities: [],\n degrees: [],\n departments: [],\n regulations: [],\n subjects: [],\n colleges: [],\n semesters: [],\n decks: [],\n initialData: [],\n showDegree: false,\n showDecks: false,\n showSem: false,\n showRegulation: false,\n showDep: false,\n showSub: false,\n showCollege: false,\n showCard: false,\n degreeSelected: 'select degree',\n depSelected: 'Select Department',\n depSelectedId: null,\n regulationSelected: 'Select Regulation',\n regulationSelectedId: null,\n subSelected: 'Select Subject',\n univSelected: 'Select University',\n collegeSelected: 'Select College',\n semSelected: 'Select Semester',\n selectedDeck: '',\n filteredDecks: [],\n topicsList: [],\n dropDownValue: 'Select Unit',\n decksInEditMode: [],\n formIsValid: true,\n errorMessage: '',\n errorNotification: null,\n\n //\n MainPage: true,\n ReplacePage: false,\n LoadingPage: false,\n ReplaceEverywherePage: false,\n to_be_replaced_deck: null,\n subSelectedId: 0,\n selected_unit_id: 0,\n //\n show_status_modal: false,\n set_status_deck: null,\n //\n decks_filter_value: null,\n }\n\n // ------ Drop Down Handlers -----------------\n componentDidMount = async () => {\n try {\n let data = await getData('universities')\n let data2 = await getAcedemicRegualtion()\n let universities = data.data\n this.setState({ universities: universities, regulations: data2.data })\n } catch (error) {\n console.log(error)\n }\n }\n\n univSelectHandler = async (event) => {\n // console.log(event);\n // console.log(event.target);\n event.preventDefault()\n // console.log(event.target.selectedIndex);\n let univSelectedId =\n this.state.universities[event.target.selectedIndex - 1].university_id\n let univSelectedName =\n this.state.universities[event.target.selectedIndex - 1].name\n try {\n let degreeData = await getDegree(univSelectedId)\n this.setState({\n univSelected: univSelectedName,\n univSelectedId: univSelectedId,\n showCollege: false,\n showSem: false,\n showDegree: true,\n showDep: false,\n showSub: false,\n subDescription: '',\n subImage: null,\n degrees: degreeData.data,\n degreeSelected: 'Select Degree',\n depSelectedId: null,\n showDecks: false,\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n degreeSelectHandler = async (event) => {\n let degreeSelectedName =\n this.state.degrees[event.target.selectedIndex - 1].name\n let degreeSelectedId =\n this.state.degrees[event.target.selectedIndex - 1].university_degree_id\n try {\n let degreeData = await getDegreeDepartment(degreeSelectedId)\n this.setState({\n degreeSelected: degreeSelectedName,\n showCollege: false,\n showSem: false,\n showDep: true,\n showSub: false,\n subDescription: '',\n subImage: null,\n departments: degreeData.data,\n depSelected: 'Select Department',\n depSelectedId: null,\n showDecks: false,\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n depSelectHandler = async (event) => {\n let depSelectedId =\n this.state.departments[event.target.selectedIndex - 1]\n .university_degree_department_id\n let depSelectedName =\n this.state.departments[event.target.selectedIndex - 1].name\n try {\n this.setState({\n depSelected: depSelectedName,\n depSelectedId: depSelectedId,\n showSub: false,\n showCollege: false,\n showRegulation: true,\n showSem: false,\n regulationSelected: 'Select Regulation',\n showDecks: false,\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n regulationSelectHandler = async (event) => {\n let selectedRegulationName =\n this.state.regulations[event.target.selectedIndex - 1].regulation_name\n let selectedRegulationId =\n this.state.regulations[event.target.selectedIndex - 1].id\n\n try {\n let data = await getSemesters(\n this.state.depSelectedId,\n selectedRegulationId\n )\n this.setState({\n regulationSelected: selectedRegulationName,\n regulationSelectedId: selectedRegulationId,\n showSub: false,\n showSem: true,\n showDeck: false,\n displayCard: false,\n semesters: data.data,\n subSelected: 'select semester',\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n // collegeSelectHandler = async (event) => {\n // let collegeSelectedId =\n // this.state.colleges[event.target.selectedIndex - 1].id\n // let collegeSelectedName =\n // this.state.colleges[event.target.selectedIndex - 1].college_name\n // try {\n // let data = await getSemesters(collegeSelectedId, this.state.depSelectedId)\n // this.setState({\n // collegeSelected: collegeSelectedName,\n // collegeSelectedId: collegeSelectedId,\n // showSub: false,\n // showSem: true,\n // semesters: data.data,\n // semSelected: 'Select Semester',\n // semSelectedId: null,\n // showDecks: false,\n // decks: [],\n // initialData: [],\n // })\n // } catch (error) {\n // console.log(error)\n // }\n // }\n\n semSelectHandler = async (event) => {\n let semSelectedId =\n this.state.semesters[event.target.selectedIndex - 1].semester_id\n try {\n let data = await getSemesterSubjects(\n semSelectedId,\n this.state.depSelectedId,\n this.state.regulationSelectedId\n )\n this.setState({\n semSelected: semSelectedId,\n showSub: true,\n subjects: data.data,\n subSelected: 'Select Subject',\n subSelectedId: null,\n showDecks: false,\n decks: [],\n initialData: [],\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n // ------ END --- Drop Down Handlers -----------------\n\n // Showing Decks Data and Handling It\n\n subSelectHandler = async (event) => {\n let subSelectedId =\n this.state.subjects[event.target.selectedIndex - 1].subject_semester_id\n let subSelectedName =\n this.state.subjects[event.target.selectedIndex - 1].subject_name\n let subDescription = this.state.subjects[event.target.selectedIndex - 1]\n .description\n ? this.state.subjects[event.target.selectedIndex - 1].description\n : null\n try {\n this.setState({\n subSelected: subSelectedName,\n subSelectedId: subSelectedId,\n subDescription: subDescription,\n })\n\n this.getDecksData(subSelectedId)\n } catch (error) {\n console.log(error)\n }\n }\n\n getDecksData = async (subSelectedId) => {\n try {\n let decksData = await getDeckswithTopicsData(subSelectedId)\n\n // let c = [...decksData.data];\n\n // Adding Unit Data to Individual Deck\n let decks = []\n let topicsData = []\n\n decksData.data.map((unit_data) => {\n // console.log(unit_data);\n\n // Push Units only if deck data exists\n unit_data?.decks?.length\n ? topicsData.push({\n topic_id: unit_data?.topic_id,\n topic_name: unit_data?.topic_name,\n topic_description: unit_data?.topic_description,\n })\n : console.log(\n `decks data doesn't exists for the unit : ${unit_data?.topic_name}`\n )\n\n const decksOnly = unit_data.decks\n const deckswithUnitData = decksOnly.map((deck) => {\n return {\n ...deck,\n topic_name: unit_data.topic_name,\n topic_description: unit_data.topic_description,\n topic_id: unit_data.topic_id,\n }\n })\n decks.push(...deckswithUnitData)\n })\n console.log(topicsData)\n // console.log(decks);\n\n let initialData = decks.map((deck) => {\n return { ...deck, changed: false }\n })\n // console.log(initialData);\n\n this.setState({\n decks: decks,\n showDecks: true,\n initialData: initialData,\n topicsList: topicsData,\n dropDownValue: 'Filter',\n selectedDeck: '',\n decksInEditMode: [],\n })\n } catch (error) {\n console.log(error)\n }\n console.log(this.state)\n }\n\n deckTopicFilterHandler = async (event) => {\n console.log(event)\n const deckFilterValue = event?.toLowerCase()\n this.setState({\n decks_filter_value: event?.toLowerCase(),\n })\n\n console.log('deckTopicFilterHandler triggered')\n\n if (deckFilterValue != 'null') {\n const initialDeckData = this.state.initialData\n const filteredDeckData = initialDeckData.filter((deck) => {\n return deck?.topic_name.toLowerCase() == deckFilterValue\n })\n\n this.setState({\n selectedDeck: deckFilterValue,\n decks: filteredDeckData,\n })\n\n console.log(filteredDeckData)\n } else if (deckFilterValue == 'null') {\n this.setState({\n selectedDeck: deckFilterValue,\n decks: this.state.initialData,\n })\n }\n }\n\n filterDecksByTopic = async (deckArray) => {\n deckArray.filter((deck) => {\n const topicToFilter = this.state.selectedDeck.toLowerCase()\n return deck?.topic_name.toLowerCase().indexOf(topicToFilter) > -1\n })\n }\n\n // cardDisplayHandler = (event, id, code) => {\n // event.preventDefault();\n // this.setState({\n // displayCard: true,\n // deckSelected: id,\n // deckCodeSelected: code,\n // });\n // }\n\n changeTopicDropDownTitleValue = (text) => {\n this.setState({\n dropDownValue: text,\n })\n }\n\n // Handling Deck Edit Option\n onDeckEdit = (edit_topics_to_decks_id) => {\n const decksInEditMode = this.state.decksInEditMode\n console.log(decksInEditMode)\n\n decksInEditMode.push(edit_topics_to_decks_id)\n // console.log(decksInEditMode);\n this.setState({\n decksInEditMode: decksInEditMode,\n })\n }\n\n onCancelDeckEdit = (cancel_topics_to_decks_id) => {\n let decksInEditMode = this.state.decksInEditMode\n console.log(cancel_topics_to_decks_id)\n\n decksInEditMode = decksInEditMode.filter((deck_id) => {\n return deck_id !== cancel_topics_to_decks_id\n })\n console.log(decksInEditMode)\n this.setState({\n decksInEditMode: decksInEditMode,\n })\n\n this.setState({\n errorMessage: null,\n })\n }\n\n onUpdateDeck = async (edited_deck_data) => {\n // console.log(edited_deck_data);\n\n const deckValidationResult = this.updateDeckValidation(edited_deck_data)\n\n if (!deckValidationResult?.formIsValid) {\n alert(deckValidationResult?.errorMessage)\n return deckValidationResult?.errorMessage\n }\n\n const result = await updateDeckMapping(edited_deck_data)\n console.log(result)\n if (result?.data?.status === 200) {\n // if (1){\n\n let newInitialData = this.state.initialData\n let newDecks = this.state.decks\n\n console.log(newInitialData)\n\n newInitialData = newInitialData.map((deck_data) => {\n // If deck id matches then we need to edit value or else let the data stay the same.\n return deck_data?.topics_to_decks_id ===\n edited_deck_data?.topics_to_decks_id\n ? {\n ...deck_data,\n code: edited_deck_data?.code,\n name: edited_deck_data?.name,\n order: edited_deck_data?.order,\n }\n : deck_data?.id === edited_deck_data?.id\n ? {\n ...deck_data,\n code: edited_deck_data?.code,\n name: edited_deck_data?.name,\n }\n : deck_data\n })\n\n newDecks = newDecks.map((deck_data) => {\n // If deck id matches then we need to edit value or else let the data stay the same.\n // return deck_data?.id !== edited_deck_data?.id\n // ? deck_data\n // : {\n // ...deck_data,\n // code: edited_deck_data?.code,\n // name: edited_deck_data?.name,\n // order: edited_deck_data?.order,\n // };\n return deck_data?.topics_to_decks_id ===\n edited_deck_data?.topics_to_decks_id\n ? {\n ...deck_data,\n code: edited_deck_data?.code,\n name: edited_deck_data?.name,\n order: edited_deck_data?.order,\n }\n : deck_data?.id === edited_deck_data?.id\n ? {\n ...deck_data,\n code: edited_deck_data?.code,\n name: edited_deck_data?.name,\n }\n : deck_data\n })\n\n const decksInEditMode = this.state.decksInEditMode.filter(\n (topics_to_decks_id) => {\n return topics_to_decks_id !== edited_deck_data?.topics_to_decks_id\n }\n )\n\n this.setState({\n initialData: newInitialData,\n decks: newDecks,\n decksInEditMode: decksInEditMode,\n formIsValid: true,\n errorMessage: null,\n })\n }\n\n //If error occurs notifiying the user with alert\n else {\n const errorMessage = result?.data?.message\n alert(errorMessage)\n this.setState({\n formIsValid: false,\n errorMessage: errorMessage,\n })\n }\n }\n\n // Deck Validation before updating the deck with the API\n updateDeckValidation = (edited_deck_data) => {\n let formIsValid = true\n let message = []\n\n // const codeInputIsValid = document\n // .getElementById(`deck_code_${edited_deck_data?.topics_to_decks_id}`)\n // .checkValidity();\n const nameInputIsValid = document\n .getElementById(`deck_name_${edited_deck_data?.topics_to_decks_id}`)\n .checkValidity()\n const orderInputIsValid = document\n .getElementById(`deck_order_${edited_deck_data?.topics_to_decks_id}`)\n .checkValidity()\n\n // console.log(orderInputIsValid);\n // Checks if Order is greater than 0 , not empty and is a number\n if (!orderInputIsValid) {\n formIsValid = false\n message.push('Please enter valid Order')\n }\n\n // Checks if input is not empty\n if (!nameInputIsValid) {\n formIsValid = false\n message.push('Name cannot be empty')\n }\n\n /*\n if (codeInputIsValid) {\n const initialData = this.state.initialData;\n initialData.map((deck) => {\n if (\n deck?.code === edited_deck_data?.code &&\n deck?.id !== edited_deck_data?.id\n ) {\n message.push(\"Code must be Unique\");\n formIsValid = false;\n }\n });\n } else {\n formIsValid = false;\n message.push(\"Code cannot be empty\");\n }\n */\n\n const messageList = message.reduce((total, indivMessage) => {\n return total + `\n
\n\n
\n {this.state.show_status_modal ? (\n View or Edit Deck Mapping
\n\n\n
\n
\n\n Do you want to{' '}\n {this.state.set_status_deck.active ? (\n De-Activate\n ) : (\n Activate\n )}{' '}\n this deck -{' '}\n {this.state.set_status_deck.name ? (\n
\n
\n\n
\n
\n \n \n ) : null}\n this.closeStatusModal()}>\n \n \n
\n \n {this.state.set_status_deck.active\n ? 'De-Activate Deck'\n : 'Activate Deck'}\n
\n\n
\n Do you want to{' '}\n {this.state.set_status_deck.active ? (\n De-Activate\n ) : (\n Activate\n )}{' '}\n this deck -{' '}\n {this.state.set_status_deck.name ? (\n {this.state.set_status_deck.name} \n ) : (\n this.state.set_status_deck.name\n )}\n ({this.state.set_status_deck.code}) ?\n
\n \n\n
\n \n this.DeckStatusUpdate(\n this.state.set_status_deck.id,\n this.state.set_status_deck.active\n )\n }\n >\n Yes\n \n this.closeStatusModal()}\n >\n No\n \n
\n\n \n
\n {this.state.display_loader ? (\n (event.target.value = null)}\n onChange={this.fileUploadHandler}\n disabled={this.state.disabled}\n className=\"form-control ds\"\n accept=\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"\n type=\"file\"\n aria-label=\"Search\"\n id=\"fileInput\"\n style={{\n width: \"500px\",\n display: \"inline-block\",\n }}\n />\n \n )}\n\n {this.state.error ? (\n <>\n
\n );\n }\n}\n\nexport default FileUpload;\n","import styled from \"styled-components\";\n\nconst Phone = styled.div`\n width: ${({ width }) => width ? width: '320px'};\n height: 600px;\n border: solid 1px;\n z-index: 1;\n box-sizing:border-box;\n background: #EEEEEE;\n overflow:auto;\n padding:${({ padding }) => padding ? padding: '20px'};\n background: ${({ background }) => background ? background: '#EEEEEE'};\n border: solid 1px black;\n`\nexport default Phone;","import { EditorImageUpload } from '../../lib/api'\n\nexport const editor_options = {\n plugins:\n 'print preview fullpage paste importcss searchreplace autolink autosave save directionality code visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists wordcount imagetools textpattern noneditable help charmap quickbars emoticons codesample',\n imagetools_cors_hosts: ['picsum.photos'],\n menubar: 'file edit view insert format tools table help',\n setup: function (ed) {\n\n ed.ui.registry.addButton('Simulation', {\n text: 'Simulation',\n onAction: this.props.handleSimulationModal\n });\n\n ed.on('init', function (e) {\n ed.execCommand('fontName', false, 'Arial')\n })\n ed.on('keydown', function (event) {\n if (event.keyCode == 9) {\n // tab pressed\n if (event.shiftKey) {\n ed.execCommand('Outdent')\n } else {\n ed.execCommand('Indent')\n }\n\n event.preventDefault()\n return false\n }\n })\n },\n selector: 'textarea',\n // images_upload_url: \"postAcceptor.php\",\n // images_upload_base_path: \"https://www.google.com/logos/google.jpg\",\n\n codesample_languages: [\n { text: 'HTML/XML', value: 'markup' },\n { text: 'JavaScript', value: 'javascript' },\n { text: 'CSS', value: 'css' },\n { text: 'PHP', value: 'php' },\n { text: 'Ruby', value: 'ruby' },\n { text: 'Python', value: 'python' },\n { text: 'Java', value: 'java' },\n { text: 'C', value: 'c' },\n { text: 'C#', value: 'csharp' },\n { text: 'C++', value: 'cpp' },\n ],\n // Custom CSS file\n codesample_content_css: '../prsim/prism.css',\n toolbar:\n 'undo redo | bold italic underline strikethrough | Simulation | fontselect fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | forecolor backcolor removeformat | pagebreak | charmap emoticons | fullscreen preview save print | insertfile image media template link anchor codesample | ltr rtl',\n autosave_ask_before_unload: true,\n autosave_interval: '30s',\n autosave_prefix: '{path}{query}-{id}-',\n autosave_restore_when_empty: false,\n autosave_retention: '2m',\n image_advtab: true,\n resize: false,\n content_css: [\n '//fonts.googleapis.com/css?family=Lato:300,300i,400,400i',\n '//www.tiny.cloud/css/codepen.min.css',\n ],\n link_list: [\n { title: 'My page 1', value: 'http://www.tinymce.com' },\n { title: 'My page 2', value: 'http://www.moxiecode.com' },\n ],\n image_list: [\n { title: 'My page 1', value: 'http://www.tinymce.com' },\n { title: 'My page 2', value: 'http://www.moxiecode.com' },\n ],\n image_class_list: [\n { title: 'None', value: '' },\n { title: 'Some class', value: 'class-name' },\n ],\n\n importcss_append: true,\n height: 600,\n width: 900,\n fontsize_formats:\n '8pt 9pt 10pt 11pt 12pt 13pt 14pt 15pt 16pt 17pt 18pt 19pt 20pt 21pt 22pt 23pt 24pt 25pt 26pt 27pt 28pt',\n\n paste_data_images: true,\n add_unload_trigger: false,\n file_picker_callback: function (callback, value, meta) {\n /* Provide file and text for the link dialog */\n if (meta.filetype === 'file') {\n callback('https://www.google.com/logos/google.jpg', { text: 'My text' })\n }\n\n /* Provide image and alt text for the image dialog */\n if (meta.filetype === 'image') {\n callback('https://www.google.com/logos/google.jpg', {\n alt: 'My alt text',\n })\n }\n\n /* Provide alternative source and posted for the media dialog */\n if (meta.filetype === 'media') {\n callback('movie.mp4', {\n source2: 'alt.ogg',\n poster: 'https://www.google.com/logos/google.jpg',\n })\n }\n },\n images_file_types: 'jpeg,jpg,jpe,jfi,jif,jfif,png,gif,bmp,webp,svg',\n\n images_upload_handler: async function (blobInfo, success, failure) {\n // no upload, just return the blobInfo.blob() as base64 data\n console.log(blobInfo.blob())\n try {\n const result = await EditorImageUpload(blobInfo.blob())\n if (result.status == 200) {\n success(result.url)\n }\n } catch (error) {\n failure(error.message)\n }\n },\n\n templates: [\n {\n title: 'New Table',\n description: 'creates a new table',\n content:\n '\n {fileConstants.fileUploadFailed}\n {this.state.message === \"Failure\"\n ? this.state.constants.notValidFile\n : this.state.message}\n
\n
\n errors : {this.state.error_message}\n
\n ) : null}\n {this.state.error_message1 ? (\n\n CS Code : {this.state.error_message1}\n
\n ) : null}\n {this.state.error_message2 ? (\n\n CS Order : {this.state.error_message2}\n
\n ) : null}\n {this.state.error_message3 ? (\n\n Deck Code : {this.state.error_message3}\n
\n ) : null}\n {this.state.error_message4 ? (\n\n Deck Color Code : {this.state.error_message4}\n
\n ) : null}\n {this.state.error_message5 ? (\n\n Deck Name : {this.state.error_message5}\n
\n ) : null}\n {this.state.error_message6 ? (\n\n Deck Order : {this.state.error_message6}\n
\n ) : null}\n {this.state.error_message7 ? (\n\n PQP : {this.state.error_message7}\n
\n ) : null}\n {this.state.error_message8 ? (\n\n Questions : {this.state.error_message8}\n
\n ) : null}\n {this.state.error_message9 ? (\n\n URL : {this.state.error_message9}\n
\n ) : null}\n \n ) : this.state.status === 200 || this.state.status === 201 ? (\n <>\n {this.state.fileName == \"conceptSummary\" ? (\n\n {fileConstants.fileUploadConceptSummarySuccess}\n
\n ) : null}\n{fileConstants.fileUploadSuccess}
\n \n ) : null}\n {this.state.status === 200 || this.state.status === 201 ? (\n \n ) : null}\ncdate
mdate
',\n },\n ],\n template_cdate_format: '[Date Created (CDATE): %m/%d/%Y : %H:%M:%S]',\n template_mdate_format: '[Date Modified (MDATE): %m/%d/%Y : %H:%M:%S]',\n image_caption: true,\n quickbars_selection_toolbar:\n 'bold italic | quicklink h2 h3 blockquote quickimage quicktable',\n noneditable_noneditable_class: 'mceNonEditable',\n toolbar_drawer: 'sliding',\n contextmenu: 'link image imagetools table',\n}\n\nexport const upperHtml = `\n\n\n\n \n \n \n mdate
My List
\n
\n );\n }\n}\n\nexport default withRouter(editor);\n","import styled from 'styled-components';\nexport default styled.div`\n background: ${({ background }) => background ? background : 'white'};\n box-shadow: 0 0 13px rgba(0, 0, 0, 0.07);;\n transition: all 0.3s cubic-bezier(.25,.8,.25,1);\n border-radius: 20px;\n padding:16px;\n margin-bottom:20px;\n`","import styled from 'styled-components';\n\nconst OptionBox = styled.div`\n border-radius: 5px;\n border: 1px solid #f2f2f2;\n margin-bottom:10px;\n font-size: 13px;\n padding:8px 15px;\n font-weight: 400;\n padding-right:30px;\n background: ${({ background }) => background ? background : '#f9f9f9'};\n line-height: 25px;\n`\nexport default OptionBox;","import * as React from 'react'\nimport Latex from 'react-latex-next'\nconst normalPreBreakRegex = /\n \n {\n editor.ui.registry.addButton(\"Simulation\", {\n text: \"Add Simulation\",\n onAction: () => {\n this.handleSimulationModal();\n },\n });\n },\n }}\n initialValue={this.state.initialHtml}\n />\n \n \n \n
\n
\n\n {/* */}\n\n\n {this.state.screens.map((item, index) => (\n */}\n
\n \n \n
\n \n
\n\n {/* */}\n\n
\n \n this.setState({ filename: e.target.value })}\n name=\"name\"\n value={this.state.filename}\n placeholder=\"File Name\"\n >\n \n
\n {/* */}\n \n {/* \n \n \n
\n ))}\n {item}x600
\n\n \n
\n \n\n {math_type == 0 &&\n \n }\n {math_type == 1 &&\n {equation} \n }\n \n \n\n )\n }\n}\nexport default Equation;","import React,{Component} from 'react';\n//import QuestionText from '../components/QuestionText'\nimport ShadowBox from '../components/ShadowBox';\nimport OptionBox from '../components/OptionBox';\nimport Equation from './MathEquation';\n//import Divider from '../components/UX/Divider';\nlet blooms_array = ['Remember','Understand','Apply','Analyze']\nclass QuestionBox extends Component{\n state={\n fullview:true\n }\n\n showORHideFullView=()=>{\n let fullview = this.state.fullview;\n this.setState({fullview:!fullview}); \n }\n\n onSelectClicked(questionIndex,id){\n this.setState({fullview:false}); \n this.props.onSelectClicked(questionIndex,id);\n }\n\n render(){\n let question = this.props.question;\n \n return <>\n \n \n Edit \n Delete \n \n \n Row No:{(this.props.index+2).toString()} Blooms level: {question.blooms_level ? blooms_array[question.blooms_level]:''} Diffculty Level: {question.difficulty_level}
\n \n\n 
\n }\n \n \n \n \n {question.options.map((option,index)=>(\n \n {option.is_answer && correct answer
}\n 
\n }\n \n \n \n ))} \n \n \n {/* Related hint */}\n \n {question.hint && \n \n Hint:-
\n \n 
\n }\n \n \n }\n {/* Related Solution */}\n \n {question.solution && \n \n Solution:-
\n \n Source: {question.source}
\n \n \n Topic tags: \n {question.topics.map((topic,index)=>(\n {topic.type_code} \n ))}\n
\n \n \n \n \n \n \n \n \n }\n}\n\nexport default QuestionBox;","import styled from \"styled-components\";\n\n\nconst Button = styled.button`\n padding: ${props => props.padding ? props.padding : \"0.5em 3em\"};\n font-size: ${({ small }) => small ? '1em' : '1.2em'};\n font-weight: bold;\n border-radius: 20px;\n background: ${({ background }) => background ? background: '#7E99CD'};\n color: ${({ color }) => color ? color: 'white'};\n border: none;\n cursor: pointer;\n &:focus{\n outline:0;\n }\n`;\n\nexport default Button;\n","import styled from 'styled-components';\nconst line = styled.div`\n width: auto;\n height: 1px;\n opacity: 0.07;\n border-bottom: 1px solid #4d4d4d;\n`\nexport default line;\n","import React,{Component} from 'react';\n\nclass Dialog extends Component {\n state ={\n open:false\n }\n\n closeDialog=()=>{\n try {\n document.body.style.overflow = 'auto';\n this.props.closeDialog();\n } catch (error) {\n console.log(error);\n } \n }\n \n render(){\n \n return <>\n \n \n \n this.closeDialog()} >×\n \n {this.props.children}\n \n \n \n \n \n \n }\n}\n\nexport default Dialog;","import React, { Component } from \"react\";\nimport Dialog from \"../UX/Dialog\";\nimport Flex from \"styled-flex-component\";\nimport Divider from \"../UX/Divider\";\nimport Equation from '../MathEquation';\nimport OptionBox from '../OptionBox';\nimport Button from '../Button';\n\nconst QuestionEditor = function(props) {\n \n return (\n props.closeDialog()}\n >\n \n \n Question Related Information
\n
\n \n props.onInputChange(\"name\", e.target.value)}\n placeholder=\"Enter Question here\"\n id=\"\"\n cols=\"110\"\n rows=\"10\"\n value={props.question.name}\n >\n You can see preview of above text here.
\n \n Enter Question Image URL
\n props.onInputChange(\"question_image\", e.target.value)}\n style={{ width: \"98%\", padding: \"8px\" }}\n placeholder=\"Question Image URL\"\n type=\"text\"\n value={props.question.question_img}\n />\n\n Enter Question Source
\n props.onInputChange(\"source\", e.target.value)}\n />\n \n Question Topic Tags(Enter topic tags comma based for example:-\n D01B10GT02T01ST01,D01B10GT02T02ST02)\n
\n props.onInputChange(\"topics\",e.target.value)}\n />\n Enter Concept Summary ID
\n props.onInputChange(\"concept_summary_id\",e.target.value)}\n value={props.question.concept_summary_id}\n />\n\n \n \n Blooms Level
\n \n \n \n Difficulty level
\n \n \n \n Order
\n props.onInputChange(\"order\", e.target.value)} \n value={props.question.order} \n \n type=\"number\" style={{ padding: \"5px\" }} />\n \n \n
\n \n Hint Related Information
\n Enter Hint for Question
\n props.onInputChange(\"hint\", e.target.value)}\n placeholder=\"Enter Question hint here\"\n id=\"\"\n cols=\"110\"\n rows=\"5\"\n value={props.question.hint}\n >\n \n Preview of above hint will be displayed below.
\n Hint Image URL
\n props.onInputChange(\"hint_image\", e.target.value)}\n style={{ width: \"98%\", padding: \"8px\" }}\n placeholder=\"Hint Image URL\"\n type=\"text\"\n value={props.question.hint_image}\n />\n
\n
\n \n Solution related information
\n Enter Question Solution
\n props.onInputChange(\"solution\", e.target.value)}\n placeholder=\"Enter Question Solution here\"\n id=\"\"\n cols=\"110\"\n rows=\"5\"\n value={props.question.solution}\n >\n \n Preview of above solution will be displayed below.
\n Solution Image URL
\n props.onInputChange(\"solution_image\", e.target.value)}\n style={{ width: \"98%\", padding: \"8px\" }}\n placeholder=\"Solution Image URL\"\n type=\"text\"\n value={props.question.solution_image}\n />\n
\n
\n \n \n \n Question Options:-
\n \n \n \n \n props.openOptionDialog('edit',index)} style={{cursor:'pointer',textDecoration:'underline',fontSize:'12px'}}>Edit \n props.deleteOption('delete',index)} style={{cursor:'pointer',textDecoration:'underline',fontSize:'12px'}}>Delete \n \n \n {option.is_answer && correct answer
}\n \n ))} \n \n \n \n \n \n );\n};\n\nexport default QuestionEditor;\n","import React from 'react';\nimport Dialog from \"../UX/Dialog\";\nimport Equation from '../MathEquation';\nimport Button from '../Button';\n\nconst OptionEditor = function(props){\n return <>\n \n \n}\n\nexport default OptionEditor;","export const getTopics = (topicsString) =>{\n if(!topicsString)return [];\n let array = topicsString.match(';') ? topicsString.split(\";\") :topicsString.split(\",\");\n let topics = [];\n array.forEach(topic => {\n let TSlength = topic.match(/T/g).length; \n let type = '';\n if(TSlength==1)type = 'GGrandtopic';\n if(TSlength==2)type = 'GTopic';\n if(TSlength==3)type = 'GSubtopic';\n topics.push({\n type,\n type_code:topic\n });\n });\n return topics;\n};","import React, { Component } from \"react\";\nimport readXlsxFile from \"read-excel-file\";\nimport QuestionBox from \"../QuestionBox3\";\nimport Button from \"../Button\";\nimport Divider from \"../UX/Divider\";\nimport QuestionEditor from \"./QuestionEditor\";\nimport OptionEditor from \"./OptionEditor\";\nimport { getTopics } from \"./utls\";\nclass excel extends Component {\n state = {\n questions: [],\n dialogOpened: false,\n equation: \"\",\n topicsText: \"\",\n questionIndex: null,\n action: \"\",\n newquestion: {\n name: \"\",\n math_type: 1,\n media: 0,\n field_type: 1,\n question_img: \"\",\n blooms_level: null,\n difficulty_level: null,\n solution: \"\",\n solution_image: \"\",\n hint: \"\",\n hint_image: \"\",\n source: \"\",\n topics: [],\n concept_summary_id: \"\",\n order: null,\n options: []\n },\n question: null,\n optionIndex: null,\n option: {\n name: \"\",\n is_answer: null,\n media: 0,\n option_img: \"\"\n },\n optionDialogOpened: false\n };\n\n openDialog = (action, index) => {\n if (action == \"new\") {\n this.setState({ question: this.state.newquestion, topicsText: \"\",questionIndex:-1 });\n } else {\n // Copy object inoder to avoid updating in main object state.\n const question =JSON.parse(JSON.stringify(this.state.questions[index]));\n let topicsText = \"\";\n question.topics.forEach((topic, index) => {\n topicsText = topicsText + topic.type_code;\n if (index != question.topics.length - 1) {\n topicsText = topicsText + \",\";\n }\n });\n this.setState({ question, topicsText, questionIndex: index });\n }\n this.setState({ dialogOpened: true });\n };\n\n closeDialog = () => {\n this.setState({ dialogOpened: false,questionIndex:null,question:null });\n };\n\n onFileChange = async e => {\n try {\n let file = e.target.files[0];\n let questions = [];\n let rows = await readXlsxFile(file);\n rows.splice(0, 1);\n if (rows && rows.length > 0) {\n rows.forEach((row, index) => {\n let questionImage = row[1];\n let Answer = row[13];\n let question = {\n name: row[0],\n question_img: questionImage,\n media: questionImage ? true : false,\n options: [],\n math_type: 1,\n field_type: 1,\n solution: row[14] ? row[14] : \"\",\n solution_image: row[15] ? row[15] : \"\",\n hint: row[16] ? row[16] : \"\",\n hint_image: row[17] ? row[17] : \"\",\n blooms_level: row[18],\n difficulty_level: row[19],\n source: row[22] ? row[22] : \"\",\n concept_summary_id: row[23] ? row[23] : \"\",\n order: row[24] ? row[24] : \"\",\n topics: getTopics(row[20])\n };\n for (let index = 3; index <= 11; index = index + 2) {\n if (row[index] || row[index + 1]) {\n const option = {\n name: row[index] ? row[index] : \"\",\n option_img: row[index + 1] ? row[index + 1] : \"\",\n media: row[index + 1] ? true : false,\n is_answer: Answer * 2 + 1 == index ? true : false\n };\n question.options.push(option);\n }\n }\n questions.push(question);\n });\n this.setState({ questions: questions });\n }\n } catch (error) {\n console.log(error);\n }\n };\n\n onSelectClicked(questionIndex, id) {\n this.setState({ fullview: false });\n this.props.onSelectClicked(questionIndex, id);\n }\n\n onEditQuestion(questionIndex) {\n this.openDialog(\"edit\", questionIndex);\n }\n\n onEditOption(optionIndex) {\n this.openOptionDialog(\"edit\", optionIndex);\n }\n\n deleteQuestion = index => {\n if (window.confirm(\"Your going to delete question\")) {\n let questions = this.state.questions;\n questions.splice(index, 1);\n this.setState({ questions });\n }\n };\n\n deleteOption = optionIndex => {\n if (window.confirm(\"Your going to delete question\")) {\n let question = this.state.question;\n let options = question.options;\n options.splice(optionIndex, 1);\n this.setState({ question });\n }\n };\n\n saveQuestion=()=> {\n let question = this.state.question;\n let questions = this.state.questions;\n let questionIndex = this.state.questionIndex;\n if(questionIndex == -1){\n questions.push(question);\n }else {\n questions[questionIndex] = question;\n }\n this.setState({questions});\n this.closeDialog();\n }\n\n updateOption=()=>{\n let question = this.state.question;\n let options = question.options;\n if(this.state.optionIndex == -1){\n options.push(this.state.option);\n }else{\n let optionIndex = this.state.optionIndex;\n options[optionIndex] = this.state.option; \n }\n this.setState({question});\n this.closeOptionBox();\n }\n\n generateCSV() {}\n\n submitData() {}\n\n openOptionDialog = (action, optionIndex) => {\n if (action == \"new\") {\n this.setState({\n option: {\n name: \"\",\n is_answer: null,\n media: 0,\n option_img: \"\"\n },\n optionIndex:-1\n });\n } else {\n this.setState({\n option: this.state.question.options[optionIndex],\n optionIndex:optionIndex\n });\n }\n this.setState({ optionDialogOpened: true });\n };\n\n closeOptionBox = () => {\n this.setState({ optionDialogOpened: false, optionIndex: null });\n };\n \n onOptionChanges = (key,value)=>{\n let option = {\n ...this.state.option\n };\n option[key] = value;\n this.setState({option});\n }\n\n onInputChange = (key, value) => {\n if (key == \"blooms_level\" && value == 0) return;\n if (key == \"difficulty_level\" && value == 0) return;\n let question = this.state.question;\n question[key] = value;\n if (key == \"topics\") {\n this.setState({ topicsText: value });\n } else this.setState({ question });\n };\n\n render() {\n return (\n \n Input your file here
\n this.onFileChange(e)}\n type=\"file\"\n id=\"input\"\n />\n Your questions displayed here Or Create New Questions.
\n Total Questions: {this.state.questions.length}
\n \n\n
\n
\n {this.state.dialogOpened && (\n \n )}\n \n this.onEditOption(optionIndex)\n }\n questionIndex={this.state.questionIndex}\n optionIndex = {this.state.optionIndex}\n onOptionChanges={this.onOptionChanges}\n save={this.updateOption}\n >\n this.onEditQuestion(index)}\n deleteQuestion={() => this.deleteQuestion(index)}\n >\n ))}\n \n \n );\n }\n}\n\nexport default excel;\n","import React, { Component } from 'react';\nimport Equation from '../MathEquation';\n\nclass math extends Component {\n state ={\n equation:'',\n questions:[]\n }\n constructor(){\n super();\n this.inputRef = React.createRef();\n }\n onChange=(e)=>{\n this.setState({equation:e.target.value});\n console.log('equation',this.state.equation);\n }\n render() {\n return (\n \n \n \n \n \n {this.state.equation && \n \n\n \n }\n \n \n \n \n \n \n );\n }\n}\n\nexport default math;","import React, { Component } from 'react';\nimport Flex from 'styled-flex-component';\nimport Excel from '../../components/Tools/excel';\nimport Math from '../../components/Tools/math';\n\nlet tabs = ['Excel','Math Editor']\nclass tools extends Component {\n state={\n activeTab:'Excel'\n }\n\n changeTab=(tab)=>{\n try {\n this.setState({activeTab:tab});\n } catch (error) {\n console.log(error);\n }\n }\n logOutHandler = (event)=> {\n event.preventDefault();\n localStorage.clear();\n window.location.reload();;\n }\n\n render(){\n return <>\n \n \n \n \n Test your Excel sheet here and check UI also
\n \n \n \n \n {tabs.map((tab,index)=>(\n this.changeTab(tab)} >\n {tab}\n \n ))} \n \n \n \n \n \n \n {this.state.activeTab=='Excel' && \n \n
\";\n if(this.state.message.index_code.split(\"//\")[1]) indexCodeError += this.state.message.index_code.split(\"//\")[1].replace(\";\",\"
\");\n }\n }\n return (\n \n \n \n \n \n {this.state.error && this.state.message ? \n Errors
\n Index Code \n \n : null}\n
\n : this.state.error && this.state.singleError ? \n \n Error - {this.state.singleError}\n \n : this.state.success ? \n \n Records added successfully\n \n : null}\n \n \n \n )\n }\n}\n\nexport default Indexing;","import React, { Component } from 'react'\nimport {\n getData,\n getDegreeDepartment,\n getDegree,\n getSemestersDept,\n getSemesterSubjects,\n addUnitMapping,\n getAcedemicRegualtion,\n} from '../../lib/api'\nimport classes from '../CurriculumMapping/Subjects.module.css'\nimport { unitConstants as constants } from '../../components/Constants'\nimport uniclasses from '../../components/Universities/Universities.module.css'\nimport unitclasses from './UnitMapping.module.css'\n\nconst category_id = 5\nconst sub_category_id = 19\n\nclass UnitMapping extends Component {\n state = {\n universities: [],\n departments: [],\n regulations: [],\n subjects: [],\n degrees: [],\n semesters: [],\n unitMapping: [],\n showSem: false,\n showDep: false,\n showSub: false,\n showDegree: false,\n showRegulation: false,\n depSelected: 'select department',\n depSelectedId: 'select department',\n regulationSelectedName: 'select regulation',\n regulationSelectedId: null,\n univSelected: 'select university',\n semSelected: 'select semester',\n degreeSelected: 'select degree',\n }\n\n componentDidMount = async () => {\n try {\n let data = await getData('universities')\n let universities = data.data\n this.setState({ universities: universities })\n } catch (error) {\n console.log(error)\n }\n }\n\n univSelectHandler = async (event) => {\n let univSelectedId =\n this.state.universities[event.target.selectedIndex - 1].university_id\n let univSelectedName =\n this.state.universities[event.target.selectedIndex - 1].name\n try {\n let data = await getDegree(univSelectedId)\n let data2 = await getAcedemicRegualtion(univSelectedId)\n\n this.setState({\n univSelected: univSelectedName,\n univSelectedId: univSelectedId,\n showDep: false,\n showDegree: true,\n showSem: false,\n showSub: false,\n degrees: data.data,\n regulations: data2.data,\n degreeSelected: 'select degree',\n })\n } catch (error) {\n console.log(error)\n }\n }\n degreeSelectHandler = async (event) => {\n let degreeSelectedId = this.state.degrees[event.target.selectedIndex - 1].id\n let univDegreeSelectedId =\n this.state.degrees[event.target.selectedIndex - 1].university_degree_id\n let degreeSelectedName =\n this.state.degrees[event.target.selectedIndex - 1].name\n try {\n let data = await getDegreeDepartment(univDegreeSelectedId)\n this.setState({\n degreeSelected: degreeSelectedName,\n univDegreeSelectedId: univDegreeSelectedId,\n degreeSelectedId: degreeSelectedId,\n showDep: true,\n showSub: false,\n departments: data.data,\n depSelected: 'select department',\n })\n } catch (error) {\n console.log(error)\n }\n }\n depSelectHandler = async (event) => {\n let depSelectedId =\n this.state.departments[event.target.selectedIndex - 1]\n .university_degree_department_id\n let depSelectedName =\n this.state.departments[event.target.selectedIndex - 1].full_name\n this.setState({\n depSelected: depSelectedName,\n depSelectedId: depSelectedId,\n showSub: false,\n showRegulation: true,\n regulationSelectedId: 'select regulation',\n })\n }\n\n regulationSelectHandler = async (event) => {\n let selectedRegulationName =\n this.state.regulations[event.target.selectedIndex - 1].regulation_name\n let selectedRegulationId =\n this.state.regulations[event.target.selectedIndex - 1].id\n\n try {\n let data = await getSemestersDept(\n this.state.depSelectedId,\n selectedRegulationId\n )\n this.setState({\n regulationSelectedName: selectedRegulationName,\n regulationSelectedId: selectedRegulationId,\n showSub: false,\n showSem: true,\n semesters: data.data,\n semSelected: 'select semester',\n })\n } catch (error) {\n console.log(error)\n }\n }\n\n semSelectHandler = async (event) => {\n let semSelectedId =\n this.state.semesters[event.target.selectedIndex - 1].semester_id\n // let semSelectedName = this.state.semesters[event.target.selectedIndex-1].name;\n try {\n let data = await getSemesterSubjects(\n semSelectedId,\n this.state.depSelectedId,\n this.state.regulationSelectedId\n )\n //console.log(data)\n const unitMappingRes = data?.data?.map((sub) => ({\n name: '',\n subject_master_id: sub.subject_id,\n subject_name: sub.subject_name,\n subject_semester_id: sub.subject_semester_id,\n divs: 0,\n }))\n this.setState({\n semSelected: semSelectedId,\n showSub: true,\n subjects: data.data,\n unitMapping: unitMappingRes,\n })\n } catch (error) {\n console.log(error)\n this.setState({\n semSelected: semSelectedId,\n showSub: true,\n subjects: [],\n unitMapping: [],\n })\n }\n }\n\n onUnitInputChange = (event, index) => {\n const units = event.target.value\n // console.log(this.state.subjects);\n if (units && index >= 0 && this.state.subjects[index]) {\n const subject = { ...this.state.subjects[index] }\n subject.divs = parseInt(units)\n const subjectsCopy = [...this.state.subjects]\n subjectsCopy[index] = subject\n this.setState({ subjects: subjectsCopy })\n }\n // console.log(this.state.subjects);\n }\n\n onUnitNameInputChange = (event, index) => {\n const name = event.target.value\n // console.log(this.state.subjects);\n if (name && index >= 0 && this.state.subjects[index]) {\n const subject = { ...this.state.subjects[index] }\n subject.name = name\n const subjectsCopy = [...this.state.subjects]\n subjectsCopy[index] = subject\n this.setState({ subjects: subjectsCopy })\n }\n }\n\n saveUnitMapping = async () => {\n console.log(this.state.subjects)\n let result = window.confirm(\n 'Are you sure you want to submit the unit mapping ?'\n )\n if (result === true) {\n //console.log(this.state.subjects)\n let response = await addUnitMapping(\n this.state.subjects,\n this.state.semSelected,\n category_id,\n sub_category_id\n )\n if (response.status == 200) {\n this.setState({ saveStatus: true, saveError: false })\n } else {\n alert(\n 'Unable to add the curriculum mapping. Please try again after sometime!!'\n )\n this.setState({ saveStatus: false, saveError: true })\n }\n } else {\n return\n }\n }\n\n render() {\n console.log(this.state)\n return (\n \n {/* Select University Container */}\n \n \n University:
\n \n \n this.univSelectHandler(event)}\n value={this.univSelected}\n >\n \n {this.state.universities.map((univ, index) => (\n \n {univ.name}\n \n ))}\n \n \n \n {/* Select University Container End */}\n\n {/* Select Degree Container */}\n {this.state.showDegree && this.state.degrees.length !== 0 ? (\n \n \n Degree:
\n \n \n this.degreeSelectHandler(event)}\n value={this.state.degreeSelected}\n >\n \n {this.state.degrees.map((deg, index) => (\n \n {deg.name}\n \n ))}\n \n \n \n ) : this.state.showDep && this.state.departments.length === 0 ? (\n {constants.noDegreesMessage}
\n ) : null}\n {/* Select Degree Container End */}\n\n {/* Select Department Container */}\n {this.state.showDep && this.state.departments.length !== 0 ? (\n \n \n Department:
\n \n \n this.depSelectHandler(event)}\n value={this.state.depSelected}\n >\n \n {this.state.departments.map((dept, index) => (\n \n {dept.full_name}\n \n ))}\n \n \n \n ) : this.state.showDep && this.state.departments.length === 0 ? (\n {constants.noDepartmentsMessage}
\n ) : null}\n {/* Select Department Container End */}\n\n {/***** Regulation Select Start *******/}\n\n {this.state.showRegulation && this.state.regulations.length !== 0 ? (\n \n \n Regulations :
\n \n \n this.regulationSelectHandler(event)}\n value={this.state.regulationSelectedId}\n >\n \n {this.state.regulations.map((reg, index) => (\n \n {reg.regulation_name}\n \n ))}\n \n \n \n ) : this.state.showRegulation &&\n this.state.regulations?.length === 0 ? (\n {constants.noRegulationsMessage}
\n ) : null}\n\n {/***** Regulation Select End *******/}\n\n {/* Select Semester Container */}\n {this.state.showSem && this.state.semesters?.length > 0 ? (\n \n \n Semester:
\n \n \n this.semSelectHandler(event)}\n value={this.state.semSelected}\n >\n \n {this.state.semesters?.map((sem, index) => (\n \n {sem.semester_id}\n \n ))}\n \n \n \n ) : this.state.showSem && this.state.semesters?.length === 0 ? (\n {constants.noSemestersMessage}
\n ) : null}\n {/* Select Semester Container End */}\n\n {/* Subject List Container */}\n {this.state.showSub && this.state.subjects?.length > 0 ? (\n \n \n \n \n Subject \n No. of Units \n \n Give a unit name (eg: Unit/Module/Set)\n \n \n {this.state.subjects?.map((sub, index) => (\n \n {sub.subject_name} \n \n \n this.onUnitInputChange(event, index)\n }\n value={this.state.subjects[index].divs}\n />\n \n \n \n this.onUnitNameInputChange(event, index)\n }\n value={this.state.subjects[index].name}\n />\n \n \n ))}\n \n
\n \n \n Save\n \n \n \n ) : this.state.showSub && this.state.subjects?.length === 0 ? (\n {constants.noSubjectsMessage}
\n ) : null}\n {/* Subject List Container End */}\n \n )\n }\n}\n\nexport default UnitMapping\n","import React, { Component } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\n\nclass AddDegree extends Component {\n render() {\n return (\n <>\n \n \n this.props.onCancel()}\n >\n Cancel\n \n \n \n {this.props.pageTitle}\n \n
\n \n this.props.onDegreeNameChange(e)}\n className=\"form-control ds\"\n type=\"search\"\n placeholder=\"Degree Name\"\n aria-label=\"Search\"\n id=\"searchForDegree\"\n value={this.props.degree ? this.props.degree.name : \"\"}\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n\n \n this.props.onDegreeYearChange(e)}\n className=\"form-select\"\n aria-label=\"Default select example\"\n value={this.props.degree ? this.props.degree.duration : \"0\"}\n style={{\n height: \"35px\",\n width: \"600px\",\n borderRadius: \"3px\",\n paddingLeft: \"5px\",\n margin: \"10px\",\n }}\n >\n \n \n \n \n \n \n \n \n \n this.props.onDegreeTypeChange(e)}\n className=\"form-select\"\n aria-label=\"Default select example\"\n value={this.props.degree ? this.props.degree.pattern : \"0\"}\n style={{\n height: \"35px\",\n width: \"600px\",\n borderRadius: \"3px\",\n paddingLeft: \"5px\",\n margin: \"10px\",\n }}\n >\n \n \n \n \n \n \n this.props.submitDegree()}\n >\n \n \n Save\n \n \n \n \n View Degrees\n \n\n \n this.addDegree()}\n style={{ marginRight: \"10%\" }}\n >\n \n Add Degree\n \n \n\n \n this.searchDegree(e)}\n type=\"search\"\n placeholder=\"Search...\"\n className=\"form-control\"\n style={{\n borderRadius: \"16px\",\n maxWidth: \"600px\",\n }}\n />\n \n\n \n \n \n \n S.no \n Degree Name \n Degree Duration \n Pattern \n Action \n \n {this.state.filteredDegrees?.length > 0\n ? this.state.filteredDegrees.map((degree, index) => (\n \n {index + 1} \n {degree.name} \n {degree.duration} years \n {degree.pattern} \n \n \n \n this.editDegree(\n this.state.degrees[index].id,\n this.state.degrees[index].name,\n this.state.degrees[index].duration,\n this.state.degrees[index].pattern\n )\n }\n style={{ margin: \"5px\" }}\n >\n \n \n \n this.DegreeStatusUpdate(\n this.state.degrees[index].id,\n this.state.degrees[index].active_status\n )\n }\n />\n {/* Delete Degrees\n \n this.deleteDegree(\n this.state.degrees[index].id,\n this.state.degrees[index].name\n )\n }\n /> \n */}\n \n \n \n ))\n : null}\n \n \n \n \n \n this.props.cancelAddSubject()}\n >\n Cancel\n \n \n \n {this.props.pageTitle}\n \n
\n \n this.props.onInputSubjectName(e)}\n className=\"form-control ds\"\n type=\"search\"\n placeholder=\"Subject Name\"\n value={this.props.subject ? this.props.subject.name : \"\"}\n aria-label=\"Search\"\n id=\"AddSubjectName\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.onInputSubjectTypeSelect(e)}\n className=\"form-select\"\n aria-label=\"Default select example\"\n value={this.props.subject ? this.props.subject.type : \"0\"}\n style={{\n height: \"35px\",\n width: \"600px\",\n borderRadius: \"3px\",\n paddingLeft: \"5px\",\n margin: \"10px\",\n }}\n >\n \n \n \n \n \n \n this.props.onSubjectAddSubmit()}\n >\n \n \n Save\n \n \n \n \n View Subjects\n \n\n {this.state.role_id !== '3' && (\n \n this.addSubject()}\n style={{ marginRight: '10%' }}\n >\n \n Add Subject\n \n \n )}\n\n \n this.searchSubject(e)}\n type='search'\n placeholder='Search...'\n className='form-control'\n style={{\n borderRadius: '15px',\n maxWidth: '600px',\n }}\n />\n \n\n \n \n \n \n S.no \n Subject \n type \n Action \n \n {this.state.filteredSubjects.length > 0\n ? this.state.filteredSubjects.map((subjectt, index) => (\n \n {index + 1} \n {subjectt.name} \n {subjectt.type} \n \n \n {this.state.role_id !== '3' && (\n \n this.editSubject(\n this.state.subjectts[index].id,\n this.state.subjectts[index].name,\n this.state.subjectts[index].type\n )\n }\n >\n \n \n )}\n \n \n \n \n \n\n {/*\n \n this.deleteSubject(\n this.state.subjectts[index].id\n )\n }\n /> */}\n \n \n \n ))\n : null}\n \n \n \n \n )\n }\n\n if (this.state.add_subject || this.state.edit_subject) {\n if (this.state.edit_subject) {\n return (\n \n \n this.props.cancelAddDepartment()}\n type=\"button\"\n className=\"btn btn-danger\"\n >\n Cancel\n \n \n \n {this.props.pageTitle}\n \n
\n \n this.props.onInputShortDeptName(e)}\n className=\"form-control ds\"\n type=\"search\"\n placeholder=\"Enter Short Name\"\n value={this.props.department ? this.props.department.name : \"\"}\n aria-label=\"Search\"\n id=\"shortName\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.onInputFullDeptName(e)}\n className=\"form-control ds\"\n type=\"search\"\n placeholder=\"Enter Full Name\"\n value={\n this.props.department ? this.props.department.full_name : \"\"\n }\n aria-label=\"Search\"\n id=\"fullName\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.submitAddDepartment()}\n >\n \n \n Save\n \n \n \n \n View Departments\n \n \n {role_id !== '3' && (\n \n this.addDepartment()}\n style={{ marginRight: \"10%\" }}\n >\n \n Add Department\n \n \n )}\n\n \n this.searchDepartment(e)}\n type=\"search\"\n placeholder=\"Search...\"\n className=\"form-control\"\n style={{\n borderRadius: \"15px\",\n maxWidth: \"600px\",\n }}\n />\n \n\n \n \n \n \n S.no \n Course Short Name \n Course Name \n {role_id !== '3' && Action }\n \n {this.state.filteredDepartments.length > 0\n ? this.state.filteredDepartments.map((departmentt, index) => (\n \n {index + 1} \n {departmentt.name} \n {departmentt.full_name} \n {role_id !=='3' && (\n \n \n \n this.editDepartment(\n this.state.departmentts[index].id,\n this.state.departmentts[index].full_name,\n this.state.departmentts[index].name\n )\n }\n >\n \n \n\n \n this.deleteDepartment(\n this.state.departmentts[index].id,\n this.state.departmentts[index] \n )\n }\n />\n \n \n )}\n \n ))\n : null}\n \n \n \n \n );\n }\n\n if (this.state.add_department || this.state.edit_department) {\n if (this.state.edit_department) {\n return (\n \n \n this.props.stepOneClick()}\n >\n View Universities\n \n\n this.props.stepTwoClick()}\n >\n Add/Update Degree\n \n this.props.stepThreeClick()}\n >\n Add/Update Department\n \n this.props.stepFourClick()}\n >\n Add/Update Subject\n \n \n \n {/*steps*/}\n\n \n {/* this.props.RefreshClickSecondPage()}\n >\n \n Refresh\n */}\n \n Add/Update Degree\n \n \n \n University :\n \n \n this.props.secondPageUniversityInput(e)}\n className=\"form-select\"\n aria-label=\"Default select example\"\n style={{\n borderRadius: \"3px\",\n height: \"30px\",\n textAlign: \"center\",\n fontSize: \"18px\",\n width: \"100%\",\n }}\n value={\n this.props.univ_id\n ? this.props.univ_id\n : this.props.third_page_university_input\n }\n >\n \n {this.props.universitiess.length > 0\n ? this.props.universitiess.map((univ) => (\n \n {univ.name}\n \n ))\n : null}\n \n \n \n \n \n Degree :\n \n \n this.props.secondPageDegreeInput(e)}\n className=\"col form-select\"\n aria-label=\"Default select example\"\n style={{\n borderRadius: \"3px\",\n height: \"30px\",\n textAlign: \"center\",\n fontSize: \"18px\",\n width: \"100%\",\n }}\n value={this.props.deg_id}\n >\n \n {this.props.degrees.length > 0\n ? this.props.degrees.map((deg) => (\n \n ))\n : null}\n \n \n \n {this.props.degree_duration_message ? (\n \n \n No Degree Duration Found, add Starting points and Ending points\n below\n
\n \n ) : null}\n\n {\n //\n }\n {this.props.deg_pattern ? (\n this.props.deg_pattern === \"year\" ||\n this.props.deg_pattern === \"Year\" ? (\n <>\n \n \n Pattern :\n \n \n {this.props.deg_pattern}\n \n \n \n \n Year Start :\n \n \n this.props.yearStartMonth(e)}\n value={this.props.year_start_month_value}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Year End :\n \n \n this.props.yearEndMonth(e)}\n value={this.props.year_end_month_value}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n this.props.secondPageSave()}\n >\n \n \n SAVE\n \n this.props.secondPageNext()}\n >\n \n \n SAVE & NEXT\n \n \n \n ) : (\n <>\n \n \n Pattern :\n \n \n {this.props.deg_pattern}\n \n \n\n \n \n Odd Semester Start :\n \n \n this.props.oddSemesterStart(e)}\n value={this.props.odd_semester_start_val}\n style={{\n borderRadius: \"3px\",\n height: \"30px\",\n textAlign: \"center\",\n fontSize: \"18px\",\n width: \"100%\",\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n Odd Semester End :\n \n \n this.props.oddSemesterEnd(e)}\n style={{\n borderRadius: \"3px\",\n height: \"30px\",\n textAlign: \"center\",\n fontSize: \"18px\",\n width: \"100%\",\n }}\n value={this.props.odd_semester_end_val}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n Even Semester Start :\n \n \n this.props.EvenSemesterStart(e)}\n value={this.props.even_semester_start_val}\n style={{\n borderRadius: \"3px\",\n height: \"30px\",\n textAlign: \"center\",\n fontSize: \"18px\",\n width: \"100%\",\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n Even Semester End :\n \n \n this.props.EvenSemesterEnd(e)}\n value={this.props.even_semester_end_val}\n style={{\n borderRadius: \"3px\",\n height: \"30px\",\n textAlign: \"center\",\n fontSize: \"18px\",\n width: \"100%\",\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n this.props.secondPageSave()}\n >\n \n \n SAVE\n \n this.props.secondPageNext()}\n >\n \n \n SAVE & NEXT\n \n \n \n )\n ) : null}\n \n\n \n \n this.props.stepOneClick()}\n >\n View Universities\n \n\n this.props.stepTwoClick()}\n >\n Add/Update Degree\n \n this.props.stepThreeClick()}\n >\n Add/Update Department\n \n this.props.stepFourClick()}\n >\n Add/Update Subject\n \n \n \n {/*steps*/}\n\n \n {/* this.props.RefreshClickThirdPage()}\n >\n \n \n Refresh\n */}\n \n Add/Update Department\n \n\n \n \n University :\n \n \n this.props.thirdPageUniversityInput(e)}\n value={\n this.props.univ_id\n ? this.props.univ_id\n : this.props.second_page_university_seleted_value\n }\n >\n \n {this.props.universitiess.length > 0\n ? this.props.universitiess.map((univ) => (\n \n {univ.name}\n \n ))\n : null}\n \n \n \n\n \n \n Degree :\n \n \n this.props.thirdPageDegreeInput(e)}\n //value={\n // this.props.deg_id\n // ? this.props.deg_id\n // : this.props.second_page_degree_selected_value\n //}\n value={this.props.deg_id}\n >\n \n {this.props.university_degrees.length > 0\n ? this.props.university_degrees.map((deg) => (\n \n ))\n : null}\n \n \n \n\n \n \n Departments :\n \n \n this.props.mul_sel_dept(e)}\n onRemove={(e) => this.props.mul_sel_dept(e, 'removed')}\n />\n \n \n\n {this.props.univ_id &&\n this.props.deg_id &&\n this.props.mul_sel_dept_array.length > 0 ? (\n \n this.props.thirdPageSave()}\n >\n \n \n SAVE\n \n this.props.thirdPageNext()}\n >\n \n \n SAVE & NEXT\n \n \n ) : null}\n \n {\n onSubmit(subjectToAdd);\n console.log(subjectToAdd);\n setSubjectToAdd({\n subject_master_id: null,\n subject_name: '',\n divs: null,\n name: '',\n });\n }}\n submitLabel=\"Add Subject\"\n cancelLabel=\"Cancel\"\n submitVariant={'info'}\n cancelVariant={'grey'}\n >\n \n \n \n \n \n \n {/* setSubjectToAdd({\n ...subjectToAdd,\n subject_semester_id: e.target.value,\n })}\n className='col form-select'\n aria-label='Default select example'\n style={{\n height: '40px', \n width: '100px',\n color: 'grey',\n borderRadius: '4px',\n marginLeft : '20px',\n border: '1px solid black',\n }}\n value={subjectToAdd.subject_semester_id || ''}\n >\n \n {[...Array(8)].map((_, i) => (\n \n ))}\n */}\n {/* semester select */}\n \n {/* Select Semester */}\n setSubjectToAdd({\n ...subjectToAdd,\n subject_semester_id: e.target.value,\n })}\n disabled\n >\n {[...Array(8)].map((_, i) => (\n \n ))}\n \n \n \n\n {/* subject select */}\n \n \n \n \n {/* \n Select Subject \n setSubjectToAdd({\n // ...subjectToAdd,\n // subject_master_id: e?.id,\n // subject_name: e?.value,\n // color: random(colors),\n // })}\n onChange={handleSubjectChange}\n style = {{\n borderColor : \"black\",\n height : '40px',\n width : '200px'\n }}\n // value={subjects.find(sub => sub.value === subjectToAdd.subject_master_id)}\n value={subjectToAdd.subject_master_id || ''}\n isSearchable\n noOptionsMessage={() => 'no match found'}\n // styles={{\n // control: (baseStyles) => ({\n // ...baseStyles,\n // borderColor: 'black',\n // height: '40px',\n // width: '200px',\n // marginLeft : '35px'\n // }),\n // clearIndicator: () => ({ color: 'red' }),\n // dropdownIndicator: () => ({ color: 'black' }),\n // }}\n >\n {subjects.map(subject => (\n \n ))}\n\n \n \n */}\n \n option.name}\n onChange={handleSubjectChange}\n value={subjects.find(sub => sub.id === subjectToAdd.subject_master_id) || null}\n isOptionEqualToValue={(option, value) => option.id === value.id}\n renderInput={(params) => (\n \n \n \n \n {/* handleUnitChange(e)}\n defaultValue={units.find(unit => unit.label === '5')}\n value={subjectToAdd.divs}\n styles={{\n control: (baseStyles) => ({\n ...baseStyles,\n borderColor: 'black',\n height: '40px',\n width: '100px',\n marginLeft : '54px'\n }),\n }}>\n {units.map((unit) => (\n \n ))}\n */}\n Units \n \n {units?.map((unit) => (\n \n ))}\n \n \n \n \n \n \n \n \n setSubjectToAdd({\n ...subjectToAdd,\n name: e.target.value,\n },\n setUnitTextbox(e.target.value))}\n style={{\n width: '100%',\n height: '40px',\n textAlign: 'center',\n border: '1px solid black',\n borderRadius: '4px',\n }}\n />\n\n \n \n \n \n \n\n {/* {showUnits ? (\n \n Auto Generated Units : \n \n {unitTextbox && unitCount && \n Array.from({ length: unitCount }, (_, i) => (\n {unitTextbox} {i+1}\n ))\n }\n \n \n ) : null} */}\n\n\n {showUnits && (\n \n Auto Generated Units : \n \n {unitTextbox && unitCount && \n Array.from({ length: unitCount }, (_, i) => (\n setSubjectToAdd({\n ...subjectToAdd,\n color: e.target.value,\n })}\n placeholder='#f38992'\n />\n */}\n\n {/* {\n onSubmit(subjectToAdd);\n setSubjectToAdd({\n subject_master_id: null,\n subject_name: '',\n divs: null,\n name: '',\n });\n }}\n >\n \n Add Subject\n */}\n \n \n \n );\n}\n","import React, { Component } from 'react'\nimport 'bootstrap/dist/css/bootstrap.min.css'\nimport { ToastContainer, toast } from 'react-toastify'\nimport 'react-toastify/dist/ReactToastify.css'\nimport Select from 'react-select'\nimport { addUnitMapping, getSemesterSubjects, getSubjects } from '../../lib/api'\nimport AddSubjectModal from './AddSubjectModal'\nimport { Autocomplete, Stack, TextField } from '@mui/material';\nimport RemoveSubjectModal from './RemoveSubjectModal'\n\nvar colors = [\n \"#f38992\",\n \"#72dec8\",\n \"#8cb3e6\",\n \"#ffc96f\",\n \"#aa94c4\",\n \"#94aec4\",\n \"#ff99cc\",\n \"#14b4d1\",\n];\n\nclass UniversitiesFourthPage extends Component {\n state = {\n whileAddingThesubject: false,\n currentEditableId: null,\n isEditable: false,\n subject: {\n divs: null,\n name: \"\",\n subject_master_id: null,\n subject_name: \"\",\n subject_semester_id: null,\n },\n newSubjectToAdd: {\n divs: null,\n name: \"\",\n subject_master_id: null,\n subject_name: \"\",\n subject_semester_id: null,\n },\n universities: this.props.universitiess?.map((university) => ({\n ...university,\n value: university.name,\n label: university.name,\n })),\n subjects: this.props.subjectts?.map((subject) => ({\n ...subject,\n subject_semester_id: subject?.id,\n value: subject.name,\n label: subject.name,\n })),\n units: [],\n showToast: false,\n toast_error: false,\n toast_msg: null,\n selectedSubject : null,\n edited_subject_master_id : null,\n allSubjects : null,\n };\n\n forthPageSubjectUnitChange = async (e) => {\n console.log(e?.value);\n this.setState({\n subject: {\n ...this.state.subject,\n divs: e?.value,\n },\n });\n };\n forthPageSubjectUnitNameChange = async (e) => {\n console.log(e?.target?.value);\n this.setState({\n subject: {\n ...this.state.subject,\n name: e?.target?.value,\n },\n });\n };\n\n semSelectHandler = async (university_degree_department_id) => {\n // let semSelectedId =\n // this.state.semesters[event.target.selectedIndex - 1].semester_id\n // let semSelectedName = this.state.semesters[event.target.selectedIndex-1].name;\n //console.log(event.target.value)\n try {\n /* \n let data = await getSemesterSubjects(1, university_degree_department_id)\n console.log(data)\n const unitMappingRes = data.data.map((sub) => ({\n name: '',\n subject_master_id: sub.subject_id,\n subject_name: sub.subject_name,\n subject_semester_id: sub.subject_semester_id,\n divs: 0,\n }))\n this.setState({\n semSelected: semSelectedId,\n showSub: true,\n subjects: data.data,\n unitMapping: unitMappingRes,\n })\n */\n } catch (error) {\n //console.log(error)\n }\n };\n editHandler = (subject_name, subject_master_id, semester_id, no_of_units, unit_name) => {\n this.setState({\n subject: {\n ...this.state.subject,\n divs: no_of_units,\n name: unit_name,\n subject_master_id: subject_master_id,\n subject_name:subject_name,\n subject_semester_id: semester_id,\n //e.target.parentElement?.childNodes[2]?.childNodes[1]?.value,\n },\n });\n };\n updateUnitMapping = async () => {\n // console.log(this.state.subject);\n let response = await addUnitMapping(\n [this.state.subject],\n this.state.subject?.subject_semester_id,\n 5,\n 19\n );\n if (response.status === 200) {\n //this.setState({ saveStatus: true, saveError: false })\n toast.success(response.message);\n this.props.viewSubjectsClick()\n this.setState({\n subject: {\n divs: null,\n name: \"\",\n subject_master_id: null,\n subject_name: \"\",\n subject_semester_id: null,\n },\n });\n } else {\n toast.error(response.message);\n //this.setState({ saveStatus: false, saveError: true })\n }\n };\n mapUnitWhileAddingSubjectHandler = async () => {\n console.log(this.state.newSubjectToAdd);\n };\n\n componentDidUpdate() {\n if (this.state.showToast) {\n if (!this.state.toast_error) {\n toast.success(this.state.toast_msg);\n } else toast.error(this.state.toast_msg);\n this.setState({ showToast: false, toast_msg: null, toast_error: false });\n }\n }\n\n componentDidMount() {\n this.getAllSubjects();\n\n // Adding units\n let unitsList = []\n for (let i = 0; i < 50; i++) {\n unitsList.push({ value: i + 1, label: `${i+1}`})\n }\n // console.log(unitsList);\n this.setState( {units : unitsList})\n }\n\n toggleModal = () => {\n this.setState((prevState) => ({\n isModalOpen: !prevState.isModalOpen,\n }));\n };\n\n handleAddSubject = (newSubject) => {\n console.log(newSubject)\n this.props.fourthPageAddSubject({\n // divs: this.state.newSubjectToAdd.divs?.value,\n // is_elective: 0,\n // name: this.state.newSubjectToAdd.name,\n // subject_master_id:\n // this.state.newSubjectToAdd.subject_master_id,\n // subject_name: this.state.newSubjectToAdd.subject_name,\n divs : newSubject?.divs,\n is_elective : 0,\n name : newSubject.name,\n subject_master_id : newSubject.subject_master_id,\n subject_name : newSubject.subject_name\n })\n this.setState({\n newSubjectToAdd: {\n divs: null,\n name: '',\n subject_master_id: null,\n subject_name: '',\n subject_semester_id: null,\n },\n })\n this.toggleModal(); \n };\n\n handleEditSubjectChange = (event, newValue) => {\n console.log(newValue);\n this.setState({\n selectedSubject : newValue,\n edited_subject_master_id : newValue?.id\n })\n this.props.fourthPageEditSubjectMasterId(newValue?.subject_master_id)\n }\n\n getAllSubjects = async () => {\n let response = await getSubjects();\n console.log(response)\n if (response.status === 200) {\n this.setState({\n allSubjects : response\n });\n } else {\n toast.error(response.message);\n }\n };\n \n render() {\n console.log(this.props.existing_subjects)\n return (\n <>\n {/* Buttons to select 1- View Universities, 2- Add/Update Degree, 3- Add/Update Department, 4- Add/Update Subject 5- Add/Update Semester */}\n \n \n this.props.stepOneClick()}\n >\n View Universities\n \n\n this.props.stepTwoClick()}\n >\n Add/Update Degree\n \n this.props.stepThreeClick()}\n >\n Add/Update Department\n \n this.props.stepFourClick()}\n >\n Add/Update Subject\n \n \n \n {/*Buttons container end*/}\n\n {/* Select University/Degree/Department Container */}\n \n {/*\n this.props.RefreshClickFourthPage()}\n >\n \n \n Refresh\n */}\n\n {/** Page Heading Start**/}\n \n Add/Update Subject\n \n {/** Page Heading End**/}\n\n {/** Select Univesities Container**/}\n \n \n University :\n \n \n this.props.fourthPageUniversityInput(e)}\n isSearchable\n noOptionsMessage={() => `No match found`}\n styles={{\n control: (baseStyles, state) => ({\n ...baseStyles,\n borderColor: \"black\",\n }),\n clearIndicator: () => ({ color: \"red\" }),\n dropdownIndicator: () => ({ color: \"black\" }),\n }}\n />\n\n {/* Old Select box code for universities\n this.props.fourthPageUniversityInput(e)}\n value={\n this.props.univ_id\n ? this.props.univ_id\n : this.props.second_page_university_seleted_value\n }\n >\n \n {this.props.universitiess.length > 0\n ? this.props.universitiess.map((univ) => (\n \n {univ.name}\n \n ))\n : null}\n */}\n \n \n {/** Select Univesities Container End**/}\n\n {/** Select Degree Container **/}\n {this.props.univ_id !== null ? (\n \n \n Degrees :\n \n \n this.props.fourthPageDegreeInput(e)}\n value={\n this.props.deg_id\n ? this.props.deg_id\n : this.props.second_page_degree_selected_value\n }\n >\n \n {this.props.university_degrees.length > 0\n ? this.props.university_degrees.map((deg) => (\n \n ))\n : null}\n \n \n \n ) : null}\n {/** Select Degree Container End**/}\n\n {/* Regualation Dropdown Start */}\n {this.props.second_page_degree_selected_value !== null ? (\n \n \n Regulation :\n \n \n {\n return {\n ...reg,\n value: reg.regulation_name,\n label: reg.regulation_name,\n };\n })}\n placeholder=\"Select Regulation\"\n onChange={(e) =>\n this.props.fourthPageRegulationSelectHandler(e)\n }\n isSearchable\n noOptionsMessage={() => `No match found`}\n styles={{\n control: (baseStyles, state) => ({\n ...baseStyles,\n borderColor: \"black\",\n }),\n clearIndicator: () => ({ color: \"red\" }),\n dropdownIndicator: () => ({ color: \"black\" }),\n }}\n />\n \n \n ) : null}\n {/* Regualation Dropdown End */}\n\n {/* Select Department Container*/}\n {this.props.forthPageRegulationSelected !== null ? (\n \n \n Department :\n \n \n {\n this.props.fourthPageSelectDepartment(e);\n // this.semSelectHandler(\n // this.props.university_degree_department_id\n // )\n }}\n >\n \n\n {this.props.mul_sel_dept_array\n ? this.props.mul_sel_dept_array.map((dept) =>\n dept.department_id ? (\n \n {dept.full_name}\n \n ) : (\n \n )\n )\n : null}\n \n \n \n ) : null}\n {/* Select Department Container End*/}\n\n {this.props.dept_id !== null ? (\n \n \n Semester :\n \n \n {\n this.props.fourthPageSemesterSelectValue(e);\n this.semSelectHandler(\n this.props.university_degree_department_id\n );\n }}\n value={this.props.fourth_page_select_semester_value || \"\"}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n ) : null}\n \n\n {/* Select University/Degree/Department Container End */}\n\n {/*View Subjects Button Container*/}\n \n this.props.viewSubjectsClick()}\n >\n View Subjects\n {/* */}\n \n \n {/*View Subjects Button Container End*/}\n\n \n {/* Add Subject Container Start */}\n {this.props.no_subjects_found_in_department ? (\n \n
\n \n No Subjects Found, add Subjects below
\n \n \n ) : null}\n {this.props.display_add_subject ? (\n \n \n \n \n
\n\n {/* Subject List Container Start */}\n {this.props.existing_subjects.length > 0 ? (\n \n \n \n Subject \n Semester \n Units \n Unit Name \n Action \n \n \n \n {this.props.existing_subjects\n .filter(\n (subject) =>\n subject.semester ===\n parseInt(this.props.fourth_page_select_semester_value, 10)\n )\n .map((e_sub, index) => (\n \n {/* Subject */}\n \n {!(\n e_sub.id ==\n this.props.edit_university_subjects_button_id\n ) ? (\n option.name}\n renderInput={(params) => (\n \n\n {/* Semester */}\n \n {/* {!(\n e_sub.id ==\n this.props.edit_university_subjects_button_id\n ) ? (\n \n \n \n \n \n \n \n \n \n \n \n ) : (\n {\n this.props.fourthPageSubjectSemesterChange(e);\n this.setState({\n subject: {\n ...this.state.subject,\n subject_semester_id: e_sub.id,\n },\n });\n }}\n >\n \n \n \n \n \n \n \n \n \n )} */}\n ({value:sem,label:sem}))}\n isSearchable\n isDisabled={e_sub.id !==\n this.props.edit_university_subjects_button_id}\n value={e_sub.id !==\n this.props.edit_university_subjects_button_id?{\n value: e_sub?.semester,\n label: e_sub?.semester,\n }:{value: this.props.fourth_page_subject_semester_change,\n label: this.props.fourth_page_subject_semester_change,}}\n onChange={(e) => {\n this.props.fourthPageSubjectSemesterChange(e);\n }}\n />\n \n\n {/* Units */}\n \n {\n this.forthPageSubjectUnitChange(e);\n }}\n />\n \n\n {/* Unit Name */}\n \n {\n this.forthPageSubjectUnitNameChange(e);\n }}\n className=\"form-control ds\"\n />\n \n\n {/* Action */}\n \n \n {!(\n e_sub.id ===\n this.props.edit_university_subjects_button_id\n ) ? (\n {\n this.props.fourthPageSubjectEdit(\n e_sub.id,\n e_sub.semester,\n e_sub.subject_master_id\n )\n this.editHandler(\n e_sub.name,\n e_sub.subject_master_id,\n e_sub.id,\n e_sub.unitdata.divs,\n e_sub.unitdata.name\n );\n this.setState({\n isEditable: true,\n currentEditableId: e_sub?.id,\n selectedSubject:e_sub,\n })\n }}\n >\n \n Edit\n \n ) : (\n \n {\n this.props.fourthPageEditSave(\n e_sub.id,\n e_sub.semester\n );\n this.updateUnitMapping();\n }}\n >\n \n Save\n \n {\n this.props.cancelSubjectEdit()\n this.setState({\n selectedSubject:null,\n subject: {\n divs: null,\n name: \"\",\n subject_master_id: null,\n subject_name: \"\",\n subject_semester_id: null,\n },\n })\n }}\n >\n \n Cancel\n \n \n )}\n {/* CMS-84 implementation\n {\n this.props.showRemoveSubjectModal(e_sub)\n }}\n >\n \n Delete\n */}\n \n \n \n ))}\n \n
\n ) : null}\n {/* Subject List Container End */}\n \n \n {`Are you sure you want to remove ${this.props.subjectTobeRemovedFromDeptSem?.name}`}
*/}\n \n );\n }\n}\n\nexport default UniversitiesFourthPage;\n","import React, { Component } from \"react\";\nimport \"bootstrap/dist/css/bootstrap.min.css\";\nimport { right } from \"@popperjs/core\";\nimport { ToastContainer, toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\n\nclass OnBoardUniversity extends Component {\n render() {\n return (\n <>\n \n \n this.props.cancelAddUniversity()}\n >\n Cancel\n \n \n \n {this.props.pageTitle}\n \n
\n \n this.props.onInputUniversityName(e)}\n className=\"form-control ds\"\n value={this.props.university ? this.props.university.name : \"\"}\n type=\"search\"\n placeholder=\"University Name\"\n aria-label=\"Search\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.onInputUniversityCode(e)}\n className=\"form-control ds\"\n value={this.props.university ? this.props.university.code : \"\"}\n type=\"search\"\n placeholder=\"University Code\"\n aria-label=\"Search\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.onInputUniversityAddress(e)}\n className=\"form-control ds\"\n value={this.props.university ? this.props.university.address : \"\"}\n type=\"search\"\n placeholder=\"University Address\"\n aria-label=\"Search\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.onInputUniversityEmail(e)}\n className=\"form-control ds\"\n value={this.props.university ? this.props.university.email : \"\"}\n type=\"search\"\n placeholder=\"University Email\"\n aria-label=\"Search\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.onInputUniversityBannerImage(e)}\n className=\"form-control ds\"\n value={this.props.university ? this.props.university.image : \"\"}\n type=\"file\"\n aria-label=\"Search\"\n id=\"BannerImageFile\"\n style={{ margin: \"10px\", width: \"600px\" }}\n />\n \n \n this.props.onUniversitySubmit()}\n >\n \n \n Save\n \n this.props.onUniversitySaveAndNext()}\n >\n \n \n Save & Next\n \n \n \n \n \n this.stepOneClick()}\n className='col-sm btn-primary'\n style={{\n width: '70%',\n marginRight: '0px',\n marginLeft: '0px',\n marginTop: '3px',\n borderRadius: '20px 0px 0px 20px',\n fontSize: '18px',\n }}\n >\n View Universities\n \n\n this.stepTwoClick()}\n className='col-sm btn-secondary'\n style={{\n width: '70%',\n marginRight: '0px',\n marginLeft: '0px',\n marginTop: '3px',\n fontSize: '18px',\n }}\n >\n Add/Update Degree\n \n\n this.stepThreeClick()}\n className='col-sm btn-secondary'\n style={{\n width: '70%',\n marginRight: '0px',\n marginLeft: '0px',\n marginTop: '3px',\n fontSize: '18px',\n }}\n >\n Add/Update Department\n \n\n this.stepFourClick()}\n className='col-sm btn-secondary'\n style={{\n width: '70%',\n marginRight: '0px',\n marginLeft: '0px',\n marginTop: '3px',\n borderRadius: '0px 20px 20px 0px',\n fontSize: '18px',\n }}\n >\n Add/Update Subject\n \n \n \n {/*End of Buttons contianer*/}\n\n {/*add university Heading Start*/}\n \n View Universities\n \n {/*add university Heading End*/}\n\n {/** Onboarding univesity Button **/}\n {(this.state.role_id !== '1') && (\n \n this.addUniversity()}\n className='btn btn-info btn-sm'\n style={{ marginRight: '10%' }}\n >\n \n On Board University\n \n \n )}\n {/** Onboarding univesity Button End **/}\n\n {/** Search Bar **/}\n \n this.searchUniversity(e)}\n type='search'\n placeholder='Search...'\n className='form-control'\n style={{\n borderRadius: '15px',\n maxWidth: '600px',\n }}\n />\n \n {/** Search Bar End **/}\n\n {/** Universiites Table Start **/}\n \n \n \n \n S.no \n University Name \n University Code \n Address \n Contact Email ID \n {(this.state.role_id !=='3' && this.state.role_id !=='1') && Action }\n \n {this.state.filteredUniversities?.length > 0\n ? this.state.filteredUniversities\n ?.reverse()\n .map((university, index) => (\n \n {index + 1} \n {university.name} \n {university.code} \n {university.address} \n {university.email} \n {(this.state.role_id !=='1') && (\n \n \n \n this.editUniversity(\n this.state.universitiess[index]\n .university_id\n )\n }\n >\n \n \n \n this.deleteUniversity(\n this.state.universitiess[index]\n .university_id,\n this.state.universitiess[index]\n )\n }\n />\n \n \n )}\n \n ))\n : null}\n \n \n \n \n \n this.props.cancelSubmitCollege()}\n >\n Cancel\n \n \n \n {this.props.pageTitle}\n \n
\n \n this.props.CollegeNameInput(e)}\n value={this.props.college ? this.props.college.college_name : \"\"}\n />\n \n \n this.props.CollegeShortNameInput(e)}\n value={this.props.college ? this.props.college.short_name : \"\"}\n />\n \n \n this.props.universityName(e)}\n style={{\n height: \"35px\",\n width: \"600px\",\n borderRadius: \"3px\",\n paddingLeft: \"5px\",\n margin: \"10px\",\n }}\n value={this.props.college ? this.props.college.university_id : \"\"}\n >\n \n {this.props.universities.length > 0\n ? this.props.universities.map((univ) => (\n \n ))\n : null}\n \n \n \n this.props.collegeGroupInput(e)}\n value={this.props.college ? this.props.college.college_group : \"\"}\n />\n \n \n this.props.collegeCaptionInput(e)}\n value={this.props.college ? this.props.college.caption : \"\"}\n />\n \n \n this.props.collegeEmailInput(e)}\n value={this.props.college ? this.props.college.email : \"\"}\n />\n \n \n this.props.studentCountInput(e)}\n value={this.props.college ? this.props.college.student_count : \"\"}\n />\n \n\n \n this.props.countryStateInput(e)}\n style={{\n height: \"35px\",\n width: \"600px\",\n borderRadius: \"3px\",\n paddingLeft: \"5px\",\n margin: \"10px\",\n }}\n value={this.props.college ? this.props.college.state_id : \"0\"}\n >\n \n {this.props.country_states.length > 0\n ? this.props.country_states.map((state) => (\n \n ))\n : null}\n \n \n\n \n this.props.cityInput(e)}\n style={{\n height: \"35px\",\n width: \"600px\",\n borderRadius: \"3px\",\n paddingLeft: \"5px\",\n margin: \"10px\",\n }}\n value={this.props.college ? this.props.college.city_id : \"0\"}\n >\n \n {this.props.state_cities.length > 0\n ? this.props.state_cities.map((city) => (\n \n ))\n : null}\n \n \n\n \n this.props.addressLineOneInput(e)}\n value={this.props.college ? this.props.college.address_line1 : \"\"}\n />\n \n\n \n this.props.addressLineTwoInput(e)}\n value={this.props.college ? this.props.college.address_line2 : \"\"}\n >\n \n\n \n this.props.collegePhoneNumberInput(e)}\n value={this.props.college ? this.props.phone_number : \"\"}\n />\n \n
\n \n Contact Person Details\n \n
\n \n this.props.firstNameInput(e)}\n value={this.props.college ? this.props.college.first_name : \"\"}\n />\n \n \n this.props.lastNameInput(e)}\n value={this.props.college ? this.props.college.last_name : \"\"}\n />\n \n \n this.props.genderInput(e)}\n style={{\n height: \"35px\",\n width: \"600px\",\n borderRadius: \"3px\",\n paddingLeft: \"5px\",\n margin: \"10px\",\n }}\n value={this.props.college ? this.props.college.gender : \"\"}\n >\n \n \n \n \n \n \n this.props.mobileNumberInput(e)}\n value={this.props.college ? this.props.college.mobile_number : \"\"}\n />\n \n \n this.props.primaryEmailInput(e)}\n value={this.props.college ? this.props.college.email_primary : \"\"}\n />\n \n \n this.props.secondaryEmailInput(e)}\n value={\n this.props.college ? this.props.college.email_secondary : \"\"\n }\n />\n \n \n this.props.bannerImageInput(e)}\n value={this.props.college ? this.props.banner_image : \"\"}\n />\n \n \n this.props.SubmitCollegeButton()}\n >\n \n \n Save\n \n \n \n \n View Colleges\n \n\n \n this.addCollege()}\n style={{ marginRight: \"10%\" }}\n >\n \n On Board College\n \n \n\n \n this.searchCollege(e)}\n type=\"search\"\n placeholder=\"Search...\"\n className=\"form-control\"\n style={{\n borderRadius: \"15px\",\n maxWidth: \"600px\",\n }}\n />\n \n\n \n \n \n \n S.no \n College Name \n University \n Caption \n phone \n Student Count \n Address \n Primary Contact \n Action \n \n {this.state.filteredColleges.length > 0\n ? this.state.filteredColleges.map((college, index) => (\n \n {index + 1} \n {college.college_name} \n {college.university_name} \n {college.caption} \n {college.contact.mobile_number} \n {college.student_count} \n \n {college.address.address_line1},
\n {college.address.address_line2}\n \n \n {college.contact.name} {college.contact.last_name}\n
\n {college.contact.email_primary}\n
\n {college.contact.email_secondary}\n \n \n \n \n this.editCollege(this.state.collegees[index].id)\n }\n >\n \n \n\n \n this.changeCollegeStatus(\n this.state.collegees[index].id,\n this.state.collegees[index].active_status\n )\n }\n />\n \n this.deleteCollege(\n this.state.collegees[index].id,\n this.state.collegees[index]\n )\n }\n />\n \n \n \n ))\n : null}\n \n \n \n \n \n this.props.cancelAddCollegeDepartment()}\n >\n Cancel\n \n \n \n {this.props.pageTitle}\n \n
\n \n this.props.selectCollegeInput(e)}\n >\n \n {this.props.colleges.length > 0\n ? this.props.colleges.map((col) => (\n \n ))\n : null}\n \n \n \n this.props.selectCollegeDegreeIput(e)}\n >\n \n {this.props.college_degrees.length > 0\n ? this.props.college_degrees.map((col_deg) => (\n \n ))\n : null}\n \n \n \n this.props.selectCollegeDepartmentInput(e)}\n >\n \n {this.props.fetched_college_departments.length > 0 ? (\n this.props.fetched_college_departments.map((deps) => (\n \n ))\n ) : (\n \n )}\n \n \n\n \n this.props.submitAddCollegeDegreeDepartment()}\n >\n Save\n \n \n \n \n View College Departments\n \n\n \n this.addCollegeDepartment()}\n >\n \n Add College Department\n \n \n\n \n this.searchCollegeDepartment(e)}\n type=\"search\"\n placeholder=\"Search...\"\n className=\"form-control\"\n style={{\n borderRadius: \"15px\",\n maxWidth: \"600px\",\n }}\n />\n \n\n \n \n \n S.no \n College \n Degree \n Department \n Action \n \n {this.state.filtered_college_departmentts.length > 0\n ? this.state.filtered_college_departmentts.map(\n (department, index) => (\n \n {index + 1} \n {department.college_name} \n {department.degree_name} \n {department.department_name} \n \n \n \n this.changeCollegeStatus(\n this.state.college_departmentts[index]\n .college_university_degree_department_id,\n this.state.college_departmentts[index]\n .active_status\n )\n }\n />\n \n this.deleteCollegeDepartment(\n this.state.college_departmentts[index]\n .college_university_degree_department_id,\n this.state.college_departmentts[index]\n )\n }\n />\n \n \n \n )\n )\n : null}\n \n \n this.props.CancelAddEditButton()}\n >\n Cancel\n \n \n\n {this.props.AddEditTitle}
\n {/* body */}\n\n {/* \n * Display Date :\n \n this.props.editDisplayDate(e)}\n type=\"date\"\n id=\"date\"\n name=\"date\"\n value={this.props.edit_display_date}\n min={this.props.min_date}\n max={this.props.max_date}\n /> */}\n\n
\n \n \n Special Question\n \n \n \n {/* Question Container */}\n \n \n * Question :\n \n this.props.editQuestionInput(e)}\n className='form-control'\n id='editQuestion'\n rows='3'\n placeholder='change the question here ?'\n value={this.props.edit_question}\n >\n \n \n {this.props.edit_question_image_url_holder ? (\n \n \n Question Image Url :\n \n \n ) : null}\n \n \n {/* Question Container End*/}\n\n
\n {/* question option edit */}\n \n
\n \n \n * Option 2 :\n \n this.props.editoptionTwo(e)}\n type='text'\n className='form-control'\n id='option-one'\n value={this.props.edit_option_2}\n />\n {this.props.edit_option_2_image_url_holder && (\n \n \n Option 2 Image Url:\n \n \n )}\n \n \n\n
\n \n \n Option 3 :\n \n this.props.editoptionThree(e)}\n type='text'\n className='form-control'\n id='option-one'\n value={this.props.edit_option_3}\n />\n {this.props.edit_option_3_image_url_holder && (\n \n \n Option 3 Image Url:\n \n \n )}\n \n\n \n\n
\n \n \n Option 4 :\n \n this.props.editoptionFour(e)}\n type='text'\n className='form-control'\n id='option-one'\n value={this.props.edit_option_4}\n />\n {this.props.edit_option_4_image_url_holder && (\n \n \n Option 4 Image Url:\n \n \n )}\n \n\n \n\n
\n \n \n Option 5 :\n \n this.props.editoptionFive(e)}\n type='text'\n className='form-control'\n id='option-one'\n value={this.props.edit_option_5}\n />\n {this.props.edit_option_5_image_url_holder && (\n \n \n Option 5 Image Url:\n \n \n )}\n \n \n \n\n
\n {/* question option edit end*/}\n {/* Solution url container start */}\n \n {/* Solution url container end */}\n\n \n\n
\n\n \n \n Hint :\n \n this.props.editHint(e)}\n type='text'\n className='form-control'\n style={{ width: '700px', display: 'inline-block' }}\n value={this.props.edit_hint}\n />\n {this.props.edit_hint_image_url_holder && (\n \n \n Hint Image Url:\n \n \n )}\n \n \n\n
\n \n \n * Question type :\n \n this.props.editQuestionType(e)}\n type='text'\n className='form-control'\n id='option-one'\n value={this.props.edit_question_type}\n />\n \n\n \n \n
\n this.props.editAnswerSelect(e)}\n className='form-control'\n id='exampleFormControlSelect1'\n style={{\n textAlign: 'center',\n width: '600px',\n }}\n value={this.props.edit_answer}\n >\n \n \n \n \n \n \n \n \n
\n
\n\n \n \n
\n this.props.editQuestionLevel(e)}\n className='form-control'\n id='exampleFormControlSelect1'\n style={{\n textAlign: 'center',\n width: '600px',\n }}\n value={this.props.edit_question_level}\n >\n \n \n \n \n \n \n \n \n \n\n {/* body */}\n \n this.props.editSaveButton()}\n >\n \n \n Save & Update\n \n \n \n this.props.CancelAddEditButton()}\n >\n Cancel\n \n \n Add Questions
\n\n {this.props.file_add ? (\n <>\n \n this.props.addQuestionsManually()}\n >\n \n \n Add Question Manually\n \n \n this.props.addQuestionsManually()}\n style={{ marginBottom: '2%' }}\n >\n \n \n Upload Questions File\n \n \n {/* body */}\n\n \n * Display Date :\n \n this.props.addDisplayDate(e)}\n type='date'\n id='date'\n name='date'\n min={this.props.min_date}\n max={this.props.max_date}\n />\n
\n \n \n Special Question\n \n \n \n \n \n this.props.AddQuestionInput(e)}\n className='form-control'\n id='editQuestion'\n rows='3'\n >\n \n\n \n \n Question Image :\n \n\n this.props.AddQuestionImageInput(e)}\n className='form-control ds'\n accept='image/png, image/gif, image/jpeg'\n type='file'\n aria-label='Search'\n id='BannerImageCollege'\n style={{\n width: '500px',\n display: 'inline-block',\n marginLeft: '30px',\n }}\n />\n\n {this.props.add_question_image ? (\n \n this.props.removeAddQuestionsManually()}\n >\n Remove\n \n \n ) : null}\n \n
\n {/* question option edit */}\n \n
\n \n \n * Option 2 :\n \n this.props.addoptionTwo(e)}\n type='text'\n className='form-control'\n id='option-two'\n />\n \n \n
\n \n \n Option 3 :\n \n this.props.addoptionThree(e)}\n type='text'\n className='form-control'\n id='option-three'\n style={{ width: '700px', display: 'inline-block' }}\n />\n \n \n
\n \n \n Option 4 :\n \n this.props.addoptionFour(e)}\n type='text'\n className='form-control'\n id='option-four'\n style={{ width: '700px', display: 'inline-block' }}\n />\n \n \n
\n \n \n Option 5 :\n \n this.props.addoptionFive(e)}\n type='text'\n className='form-control'\n id='option-five'\n style={{ width: '700px', display: 'inline-block' }}\n />\n \n\n \n Option 5 image :\n \n this.props.addoptionFiveImage(e)}\n className='form-control ds'\n accept='image/png, image/gif, image/jpeg'\n type='file'\n aria-label='Search'\n id='BannerImageCollege'\n style={{\n width: '500px',\n display: 'inline-block',\n marginLeft: '30px',\n }}\n />\n {this.props.add_option_5_image ? (\n \n this.props.removeAddoptionFiveImage()}\n >\n Remove\n \n \n ) : null}\n \n\n {/* question option edit end*/}\n
\n\n \n\n {/* body */}\n \n this.props.saveAndUpdateAddQuestionsButton()}\n >\n \n \n Add Question\n \n \n \n )}\n \n {props.popupHeading}
\n {props.HintContent}
\n
\n \n \n )}\n \n );\n}\n\nexport default PopupTwo;\n","import React, { useState } from \"react\";\nimport classes from \"./Popuptwo.css\";\n\nfunction PopupThree(props) {\n const [Popup, setPopup] = useState(false);\n\n const togglePopup = () => {\n setPopup(!Popup);\n };\n\n return (\n <>\n \n \n \n\n {Popup && (\n \n \n \n \n Close\n \n \n Warning
\n \n
\n {props.Content}
\n
\n \n {props.questionContent}\n
\n\n \n \n \n Delete\n \n\n
\n \n \n )}\n \n );\n}\n\nexport default PopupThree;\n","import React, { Component } from 'react'\nimport './QuestionOfTheDay.css'\nimport 'bootstrap/dist/css/bootstrap.min.css'\nimport EditQuestions from './EditQuestions'\nimport AddQuesstions from './AddQuestions'\nimport {\n getAllQuestionOFTheDay,\n deleteQuestionOFTheDay,\n addQuestionOfTheDay,\n editQuestionOfTheDay,\n getCHatgptresp,\n} from '../../lib/api'\nimport { ToastContainer, toast } from 'react-toastify'\nimport 'react-toastify/dist/ReactToastify.css'\nimport PopupTwo from '../../components/PopupTwo'\nimport PopupThree from '../../components/PopupThree'\nimport moment from 'moment/moment'\nimport ms from 'ms'\nimport Latex from 'react-latex-next'\nimport axios from 'axios'\n\n// const { Configuration, OpenAIApi } = require(\"openai\");\n\n// const configuration = new Configuration({\n// apiKey: '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',\n// });\n// const openai = new OpenAIApi(configuration);\n\nconst category_id = 2\nconst sub_category_id = 8\n\nclass QuestionOfTheDay extends Component {\n state = {\n min_date: null,\n max_date: null,\n\n questions: [],\n main_questions_page: true,\n add_questions: false,\n edit_questions: false,\n dis_button: false,\n input_questions_excel_file: [],\n getCurrentDate: null,\n showToast: false,\n toast_error: false,\n toast_msg: null,\n unique_question_types: [],\n question_type_select: 0,\n question_type_displayed_select: 0,\n filtered_questions: [],\n current_date_value: null,\n file_add: false,\n comparing_date: null,\n\n // add Inputs\n add_question: '',\n add_question_image: '',\n add_option_1: '',\n add_option_1_image: '',\n add_option_2: '',\n add_option_2_image: '',\n add_option_3: '',\n add_option_3_image: '',\n add_option_4: '',\n add_option_4_image: '',\n add_option_5: '',\n add_option_5_image: '',\n add_soultion: '',\n add_answer: 0,\n add_hint: '',\n add_hint_image: '',\n add_question_type: '',\n add_question_level: 0,\n add_display_date: null,\n add_question_special_input: 0,\n // add Inputs\n\n //edit inputs\n edit_question: '',\n edit_question_image: '',\n edit_option_1: '',\n edit_option_1_image: '',\n edit_option_2: '',\n edit_option_2_image: '',\n edit_option_3: '',\n edit_option_3_image: '',\n edit_option_4: '',\n edit_option_4_image: '',\n edit_option_5: '',\n edit_option_5_image: '',\n edit_soultion: '',\n edit_answer: 0,\n edit_hint: '',\n edit_hint_image: '',\n edit_question_type: '',\n edit_question_level: 0,\n edit_display_date: '',\n edit_id: null,\n edit_question_image_url_holder: '',\n edit_option_1_image_url_holder: '',\n edit_option_2_image_url_holder: '',\n edit_option_3_image_url_holder: '',\n edit_option_4_image_url_holder: '',\n edit_option_5_image_url_holder: '',\n edit_solution_url_holder: '',\n edit_hint_image_url_holder: '',\n edit_question_special_input: 0,\n edit_question_special_original_input: 0,\n\n //unedited inputs\n original_question: '',\n original_question_image: '',\n original_option_1: '',\n original_option_1_image: '',\n original_option_2: '',\n original_option_2_image: '',\n original_option_3: '',\n original_option_3_image: '',\n original_option_4: '',\n original_option_4_image: '',\n original_option_5: '',\n original_option_5_image: '',\n original_soultion: '',\n original_answer: 0,\n original_hint: '',\n original_hint_image: '',\n original_question_type: '',\n original_question_level: 0,\n original_display_date: '',\n original_id: null,\n original_question_image_url_holder: '',\n original_option_1_image_url_holder: '',\n original_option_2_image_url_holder: '',\n original_option_3_image_url_holder: '',\n original_option_4_image_url_holder: '',\n original_option_5_image_url_holder: '',\n original_solution_url_holder: '',\n original_hint_image_url_holder: '',\n\n //edit inputs\n radio_button_fiter_type: '',\n chatgptresponse: {},\n }\n\n async componentDidMount() {\n this.updateQuestions()\n }\n\n componentDidUpdate(prevState) {\n if (this.state.showToast) {\n if (!this.state.toast_error) {\n toast.success(this.state.toast_msg)\n } else toast.error(this.state.toast_msg)\n this.setState({ showToast: false, toast_msg: null, toast_error: false })\n }\n }\n\n scrollToQuestion = () => {\n console.log('scroll fired')\n console.log(this.state.edit_id)\n let targetElement = document.getElementById(`que${this.state.edit_id}`)\n console.log(targetElement)\n targetElement.scrollIntoView({\n behavior: 'auto',\n block: 'center',\n inline: 'start',\n })\n }\n\n // // Open AI\n // handleChatGptresp = async (id,question_name,option1,option2,option3,option4) => {\n // console.log(\"hbhbfhebe\")\n // // const endpoint = `https://api.openai.com/v1/completions`;\n // // const API_KEY = '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';\n // // const API_URL = 'https://api.openai.com/v1/completions';\n\n // // const headers = {\n // // 'Content-Type': 'application/json',\n // // 'Authorization': `Bearer ${API_KEY}`,\n // // 'X-User-Agent': 'My Application',\n // // cors: true\n // // };\n // const response = await openai.createCompletion({\n // model: \"text-davinci-003\",\n // prompt: `${question_name}\\npick among below four options\\n ${option1},${option2},${option3},${option4}`,\n // temperature: 0.7,\n // max_tokens: 256,\n // top_p: 1,\n // frequency_penalty: 0,\n // presence_penalty: 0,\n // });\n // console.log(response)\n // this.setState((prevState) => ({\n // chatgptresponse: {\n // ...prevState.chatgptresponse,\n // [id]: response.data.choices[0].text,\n // },\n // }));\n // // const options = await openai.createCompletion({\n // // model: \"text-davinci-003\",\n // // prompt: `${question_name}\\npick among below four options\\n ${option1},${option2},${option3},${option4}`,\n // // temperature: 0.7,\n // // max_tokens: 256,\n // // top_p: 1,\n // // frequency_penalty: 0,\n // // presence_penalty: 0,\n // // });\n\n // // axios.post(API_URL, options, { headers })\n // // .then(response => {\n // // console.log(response);\n // // return false;\n // // })\n // // .catch(error => {\n // // console.error(error);\n // // });\n\n // // const config = {\n // // headers: {\n // // // set any headers you need, for example:\n // // 'Content-Type': 'application/json',\n // // 'Authorization': 'Bearer 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'\n // // }\n // // };\n // // axios.post('https://api.openai.com/v1/completions', options,config)\n // // .then((response) => {\n // // console.log(\"------------------------\")\n // // console.log(response);\n // // })\n // // .catch((error) => {\n // // console.error(error);\n // // });\n // // return fetch(endpoint, options)\n // // .then((res) => res.json())\n // // .then((res) => {\n // // this.setState((prevState) => ({\n // // chatgptresponse: {\n // // ...prevState.chatgptresponse,\n // // [id]: res.choices[0].text,\n // // },\n // // }));\n // // console.log(res)\n // // return res;\n // // })\n // // .catch((err) => {\n // // console.log(err);\n // // });\n // };\n\n async updateQuestions() {\n const QuestionsData = await getAllQuestionOFTheDay()\n const minsec = ms('1y')\n const todaysDate = new Date()\n const maxDate = new Date(+new Date() + minsec)\n this.setState({\n min_date: moment(todaysDate).format('YYYY-MM-DD'),\n max_date: moment(maxDate).format('YYYY-MM-DD'),\n })\n let questionTypes = []\n let dateArr = []\n let j = 0\n const monthNames = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n ]\n const daysOfWeek = [\n 'Sunday',\n 'Monday',\n 'Tuesday',\n 'Wednesday',\n 'Thursday',\n 'Friday',\n 'Saturday',\n ]\n\n for (let i = 0; i < QuestionsData.data.length; i++) {\n dateArr[i] = new Date(QuestionsData.data[i].display_date)\n QuestionsData.data[i].today_date_check =\n todaysDate >= new Date(QuestionsData.data[i].display_date)\n if (QuestionsData.data[i].solution) {\n QuestionsData.data[i].messageSolution = QuestionsData.data[i].solution\n }\n if (QuestionsData.data[i].name.includes('\\n')) {\n QuestionsData.data[i].name = QuestionsData.data[i].name.replaceAll(\n '\\n',\n '
'\n )\n }\n QuestionsData.data[i].date_array_year = dateArr[i].getFullYear()\n QuestionsData.data[i].date_array_month = monthNames[dateArr[i].getMonth()]\n QuestionsData.data[i].date_array_day = dateArr[i].getDate()\n QuestionsData.data[i].date_array_day_name =\n daysOfWeek[dateArr[i].getDay()]\n questionTypes[j] = QuestionsData.data[i].question_type\n //date array\n let tempdateWithTime = QuestionsData.data[i].display_date\n QuestionsData.data[i].display_date = tempdateWithTime.split(' ')[0]\n //date array\n j++\n }\n let uniquequestionTypes = questionTypes.filter(\n (v, i, a) => a.indexOf(v) === i\n )\n\n this.setState({\n questions: QuestionsData.data,\n filtered_questions: QuestionsData.data,\n unique_question_types: uniquequestionTypes,\n })\n }\n\n EditQuestionButton = (\n //\n question,\n question_image,\n option1,\n option1_image,\n option2,\n option2_image,\n option3,\n option3_image,\n option4,\n option4_image,\n option5,\n option5_image,\n solution,\n answer,\n hint,\n hint_image,\n question_type,\n level,\n display_date,\n id,\n special_question\n ) => {\n this.setState({\n edit_question: question,\n edit_question_image: '',\n edit_option_1: option1,\n edit_option_1_image: '',\n edit_option_2: option2,\n edit_option_2_image: '',\n edit_option_3: option3,\n edit_option_3_image: '',\n edit_option_4: option4,\n edit_option_4_image: '',\n edit_option_5: option5,\n edit_option_5_image: '',\n edit_answer: answer,\n edit_soultion: '',\n edit_hint: hint,\n edit_hint_image: '',\n edit_question_type: question_type,\n edit_question_level: level,\n edit_display_date: display_date,\n edit_id: id,\n //edit inputs\n main_questions_page: false,\n edit_questions: true,\n add_questions: false,\n\n //original values (unedited)\n original_question: question,\n original_question_image: '',\n original_option_1: option1,\n original_option_1_image: '',\n original_option_2: option2,\n original_option_2_image: '',\n original_option_3: option3,\n original_option_3_image: '',\n original_option_4: option4,\n original_option_4_image: '',\n original_option_5: option5,\n original_option_5_image: '',\n original_answer: answer,\n original_soultion: '',\n original_hint: hint,\n original_hint_image: '',\n original_question_type: question_type,\n original_question_level: level,\n original_display_date: display_date,\n original_id: id,\n edit_question_special_input: special_question,\n edit_question_special_original_input: special_question,\n })\n if (question_image) {\n this.setState({\n edit_question_image_url_holder: question_image,\n original_question_image_url_holder: question_image,\n })\n } else {\n this.setState({\n edit_question_image_url_holder: '',\n original_question_image_url_holder: '',\n })\n }\n if (option1_image) {\n this.setState({\n edit_option_1_image_url_holder: option1_image,\n original_option_1_image_url_holder: option1_image,\n })\n } else {\n this.setState({\n edit_option_1_image_url_holder: '',\n original_option_1_image_url_holder: '',\n })\n }\n if (option2_image) {\n this.setState({\n edit_option_2_image_url_holder: option2_image,\n original_option_2_image_url_holder: option2_image,\n })\n } else {\n this.setState({\n edit_option_2_image_url_holder: '',\n original_option_2_image_url_holder: '',\n })\n }\n if (option3_image) {\n this.setState({\n edit_option_3_image_url_holder: option3_image,\n original_option_3_image_url_holder: option3_image,\n })\n } else {\n this.setState({\n edit_option_3_image_url_holder: '',\n original_option_3_image_url_holder: '',\n })\n }\n if (option4_image) {\n this.setState({\n edit_option_4_image_url_holder: option4_image,\n original_option_4_image_url_holder: option4_image,\n })\n } else {\n this.setState({\n edit_option_4_image_url_holder: '',\n original_option_4_image_url_holder: '',\n })\n }\n if (option5_image) {\n this.setState({\n edit_option_5_image_url_holder: option5_image,\n original_option_5_image_url_holder: option5_image,\n })\n } else {\n this.setState({\n edit_option_5_image_url_holder: '',\n original_option_5_image_url_holder: '',\n })\n }\n if (solution) {\n this.setState({\n edit_solution_url_holder: solution,\n original_solution_url_holder: solution,\n })\n } else {\n this.setState({\n edit_solution_url_holder: '',\n original_solution_url_holder: '',\n })\n }\n if (hint_image) {\n this.setState({\n edit_hint_image_url_holder: hint_image,\n original_hint_image_url_holder: hint_image,\n })\n } else {\n this.setState({\n edit_hint_image_url_holder: '',\n original_hint_image_url_holder: '',\n })\n }\n }\n\n AddQuestionButton = () => {\n this.setState({\n main_questions_page: false,\n edit_questions: false,\n add_questions: true,\n add_question_image: '',\n add_option_1_image: '',\n add_option_2_image: '',\n add_option_3_image: '',\n add_option_4_image: '',\n add_option_5_image: '',\n add_soultion: '',\n add_hint_image: '',\n })\n }\n\n CancelAddEditButton = () => {\n this.setState({\n main_questions_page: true,\n edit_questions: false,\n add_questions: false,\n input_questions_excel_file: [],\n })\n }\n\n deleteQuestionButton = async (id, question) => {\n const result = await deleteQuestionOFTheDay(\n id,\n question,\n category_id,\n sub_category_id\n )\n if (result.status == 200) {\n this.updateQuestions()\n this.setState({\n toast_msg: 'Question deleted',\n showToast: true,\n toast_error: false,\n })\n } else if (result.message == 'Cannot delete Question of the day') {\n this.setState({\n toast_msg: result.message,\n showToast: true,\n toast_error: true,\n })\n } else if (result.message == 'Failure') {\n this.setState({\n toast_msg: result.message,\n showToast: true,\n toast_error: true,\n })\n }\n }\n\n questionTypeSelect = (e) => {\n this.setState({ question_type_select: e.target.value })\n\n if (e.target.value == 0) {\n this.setState({ filtered_questions: this.state.questions })\n } else {\n const questionTypes = e.target.value\n ? this.state.questions.filter(\n (q) => q.question_type.toLowerCase() == e.target.value.toLowerCase()\n )\n : this.state.questions\n this.setState({ filtered_questions: questionTypes })\n }\n }\n questionTypeSelectDisplayed = (e) => {\n this.setState({ question_type_displayed_select: e.target.value })\n if (e.target.value == 0) {\n this.setState({ filtered_questions: this.state.questions })\n } else if (e.target.value == 'Already Displayed') {\n let isDisplayed = this.state.questions.filter((q) => {\n return q.today_date_check == true\n })\n this.setState({ filtered_questions: isDisplayed })\n } else if (e.target.value == 'To be Displayed') {\n let isDisplayed = this.state.questions.filter((q) => {\n return q.today_date_check == false && q.display_date\n })\n this.setState({ filtered_questions: isDisplayed })\n } else if (e.target.value == 'Dates not selected') {\n let isDisplayed = this.state.questions.filter((q) => {\n return q.display_date == '' || q.display_date == null\n })\n this.setState({ filtered_questions: isDisplayed })\n }\n }\n\n displayDate = (e) => {\n console.log(e.target.value)\n }\n\n addQuestionsManually = () => {\n this.setState({\n add_question_image: '',\n add_option_1_image: '',\n add_option_2_image: '',\n add_option_3_image: '',\n add_option_4_image: '',\n add_option_5_image: '',\n add_soultion: '',\n add_hint_image: '',\n })\n if (this.state.file_add == true) {\n this.setState({ file_add: false })\n } else if (this.state.file_add == false) {\n this.setState({ file_add: true })\n }\n }\n\n // Add Inputs\n AddQuestionInput = (e) => {\n this.setState({ add_question: e.target.value })\n }\n AddQuestionImageInput = (e) => {\n this.setState({ add_question_image: e.target.files[0] })\n }\n removeAddQuestionsManually = () => {\n this.setState({ add_question_image: '' })\n }\n addoptionOne = (e) => {\n this.setState({ add_option_1: e.target.value })\n }\n addoptionOneImage = (e) => {\n this.setState({ add_option_1_image: e.target.files[0] })\n }\n removeAddoptionOneImage = () => {\n this.setState({ add_option_1_image: '' })\n }\n addoptionTwo = (e) => {\n this.setState({ add_option_2: e.target.value })\n }\n addoptionTwoImage = (e) => {\n this.setState({ add_option_2_image: e.target.files[0] })\n }\n removeAddoptionTwoImage = () => {\n this.setState({ add_option_2_image: '' })\n }\n addoptionThree = (e) => {\n this.setState({ add_option_3: e.target.value })\n }\n addoptionThreeImage = (e) => {\n this.setState({ add_option_3_image: e.target.files[0] })\n }\n removeAddoptionThreeImage = () => {\n this.setState({ add_option_3_image: '' })\n }\n addoptionFour = (e) => {\n this.setState({ add_option_4: e.target.value })\n }\n addoptionFourImage = (e) => {\n this.setState({ add_option_4_image: e.target.files[0] })\n }\n removeAddoptionFourImage = () => {\n this.setState({ add_option_4_image: '' })\n }\n addoptionFive = (e) => {\n this.setState({ add_option_5: e.target.value })\n }\n addoptionFiveImage = (e) => {\n this.setState({ add_option_5_image: e.target.files[0] })\n }\n removeAddoptionFiveImage = () => {\n this.setState({ add_option_5_image: '' })\n }\n addSolution = (e) => {\n this.setState({ add_soultion: e.target.files[0] })\n }\n removeAddSolution = () => {\n this.setState({ add_soultion: '' })\n }\n addAnswerSelect = (e) => {\n this.setState({ add_answer: e.target.value })\n }\n addHint = (e) => {\n this.setState({ add_hint: e.target.value })\n }\n addHintImage = (e) => {\n this.setState({ add_hint_image: e.target.files[0] })\n }\n removeAddHintImage = () => {\n this.setState({ add_hint_image: '' })\n }\n addQuestionType = (e) => {\n this.setState({ add_question_type: e.target.value })\n }\n addQuestionLevel = (e) => {\n this.setState({ add_question_level: e.target.value })\n }\n addDisplayDate = (e) => {\n let tempdateWithTime = e.target.value\n this.setState({ add_display_date: tempdateWithTime.replace('T', ' ') })\n }\n\n saveAndUpdateAddQuestionsButton = async () => {\n try {\n const result = await addQuestionOfTheDay(\n this.state.add_question,\n this.state.add_question_image,\n this.state.add_option_1,\n this.state.add_option_1_image,\n this.state.add_option_2,\n this.state.add_option_2_image,\n this.state.add_option_3,\n this.state.add_option_3_image,\n this.state.add_option_4,\n this.state.add_option_4_image,\n this.state.add_option_5,\n this.state.add_option_5_image,\n this.state.add_soultion,\n this.state.add_answer,\n this.state.add_hint,\n this.state.add_hint_image,\n this.state.add_question_type,\n this.state.add_question_level,\n this.state.add_display_date + ' 00:00:00',\n\n //category and sub category id\n category_id,\n sub_category_id,\n this.state.add_question_special_input\n )\n if (result.status == 200) {\n this.setState({\n toast_msg: 'Successfully Added Question',\n showToast: true,\n toast_error: false,\n add_questions: false,\n edit_questions: false,\n main_questions_page: true,\n })\n this.updateQuestions()\n setTimeout(() => {\n toast.success('Question Added and Updated Successfully')\n }, '750')\n } else {\n this.setState({\n toast_msg: 'Missing mandatory parameters',\n showToast: true,\n toast_error: true,\n })\n }\n } catch (error) {\n this.setState({\n toast_msg: 'failure',\n showToast: true,\n toast_error: true,\n })\n }\n }\n addQuestionSpecialToggleHandler = (e) => {\n if (e.target.checked) {\n this.setState({ add_question_special_input: 1 })\n } else {\n this.setState({ add_question_special_input: 0 })\n }\n }\n // add inputs\n\n // edit inputs\n editQuestionInput = (e) => {\n this.setState({ edit_question: e.target.value })\n }\n editQuestionImageInput = (e) => {\n this.setState({\n edit_question_image: e.target.files[0],\n edit_question_image_url_holder: '',\n })\n }\n removeEditQuestionImageInput = (e) => {\n this.setState({\n edit_question_image: '',\n edit_question_image_url_holder: '',\n })\n }\n editoptionOne = (e) => {\n this.setState({ edit_option_1: e.target.value })\n }\n editoptionOneImage = (e) => {\n this.setState({\n edit_option_1_image: e.target.files[0],\n edit_option_1_image_url_holder: '',\n })\n }\n removeEditoptionOneImage = (e) => {\n this.setState({\n edit_option_1_image: '',\n edit_option_1_image_url_holder: '',\n })\n }\n editoptionTwo = (e) => {\n this.setState({ edit_option_2: e.target.value })\n }\n editoptionTwoImage = (e) => {\n this.setState({\n edit_option_2_image: e.target.files[0],\n edit_option_2_image_url_holder: '',\n })\n }\n removeEditoptionTwoImage = (e) => {\n this.setState({\n edit_option_2_image: '',\n edit_option_2_image_url_holder: '',\n })\n }\n editoptionThree = (e) => {\n this.setState({ edit_option_3: e.target.value })\n }\n editoptionThreeImage = (e) => {\n this.setState({\n edit_option_3_image: e.target.files[0],\n edit_option_3_image_url_holder: '',\n })\n }\n removeEditoptionThreeImage = (e) => {\n this.setState({\n edit_option_3_image: '',\n edit_option_3_image_url_holder: '',\n })\n }\n editoptionFour = (e) => {\n this.setState({ edit_option_4: e.target.value })\n }\n editoptionFourImage = (e) => {\n this.setState({\n edit_option_4_image: e.target.files[0],\n edit_option_4_image_url_holder: '',\n })\n }\n removeEditoptionFourImage = (e) => {\n this.setState({\n edit_option_4_image: '',\n edit_option_4_image_url_holder: '',\n })\n }\n editoptionFive = (e) => {\n this.setState({ edit_option_5: e.target.value })\n }\n editoptionFiveImage = (e) => {\n this.setState({\n edit_option_5_image: e.target.files[0],\n edit_option_5_image_url_holder: '',\n })\n }\n removeEditoptionFiveImage = (e) => {\n this.setState({\n edit_option_5_image: '',\n edit_option_5_image_url_holder: '',\n })\n }\n editSolution = (e) => {\n this.setState({\n edit_soultion: e.target?.files[0],\n })\n }\n editSolutionUrl = (e) => {\n this.setState({\n edit_solution_url_holder: e.target?.value,\n })\n }\n removeEditSolution = (e) => {\n this.setState({\n edit_soultion: '',\n edit_solution_url_holder: '',\n })\n }\n editAnswerSelect = (e) => {\n this.setState({ edit_answer: e.target.value })\n }\n editHint = (e) => {\n this.setState({ edit_hint: e.target.value })\n }\n editHintImage = (e) => {\n this.setState({\n edit_hint_image: e.target.files[0],\n edit_hint_image_url_holder: '',\n })\n }\n removeEditHintImage = (e) => {\n this.setState({\n edit_hint_image: null,\n edit_hint_image_url_holder: null,\n })\n }\n editQuestionType = (e) => {\n this.setState({ edit_question_type: e.target.value })\n }\n editQuestionLevel = (e) => {\n this.setState({ edit_question_level: e.target.value })\n }\n editDisplayDate = (e) => {\n this.setState({ edit_display_date: e.target.value })\n }\n\n editSaveButton = async () => {\n console.log(this.state.edit_solution_url_holder)\n //\n // if (this.state.edit_display_date) {\n try {\n const result = await editQuestionOfTheDay(\n this.state.edit_question,\n this.state.edit_question_image,\n this.state.edit_option_1,\n this.state.edit_option_1_image,\n this.state.edit_option_2,\n this.state.edit_option_2_image,\n this.state.edit_option_3,\n this.state.edit_option_3_image,\n this.state.edit_option_4,\n this.state.edit_option_4_image,\n this.state.edit_option_5,\n this.state.edit_option_5_image,\n this.state.edit_soultion,\n this.state.edit_answer,\n this.state.edit_hint,\n this.state.edit_hint_image,\n this.state.edit_question_type,\n this.state.edit_question_level,\n this.state.edit_display_date + ' 00:00:00',\n this.state.edit_id,\n this.state.edit_question_image_url_holder,\n this.state.edit_option_1_image_url_holder,\n this.state.edit_option_2_image_url_holder,\n this.state.edit_option_3_image_url_holder,\n this.state.edit_option_4_image_url_holder,\n this.state.edit_option_5_image_url_holder,\n this.state.edit_solution_url_holder,\n this.state.edit_hint_image_url_holder,\n\n //original (unedited) QOD Data\n this.state.original_question,\n this.state.original_question_image,\n this.state.original_option_1,\n this.state.original_option_1_image,\n this.state.original_option_2,\n this.state.original_option_2_image,\n this.state.original_option_3,\n this.state.original_option_3_image,\n this.state.original_option_4,\n this.state.original_option_4_image,\n this.state.original_option_5,\n this.state.original_option_5_image,\n this.state.original_soultion,\n this.state.original_answer,\n this.state.original_hint,\n this.state.original_hint_image,\n this.state.original_question_type,\n this.state.original_question_level,\n this.state.original_display_date + ' 00:00:00',\n this.state.original_id,\n this.state.original_question_image_url_holder,\n this.state.original_option_1_image_url_holder,\n this.state.original_option_2_image_url_holder,\n this.state.original_option_3_image_url_holder,\n this.state.original_option_4_image_url_holder,\n this.state.original_option_5_image_url_holder,\n this.state.original_solution_url_holder,\n this.state.original_hint_image_url_holder,\n\n //category and sub category id\n category_id,\n sub_category_id,\n this.state.edit_question_special_input,\n this.state.edit_question_special_original_input\n )\n if (result.status == 200) {\n this.setState({\n toast_msg: 'Successfully Updated Question',\n showToast: true,\n toast_error: false,\n add_questions: false,\n edit_questions: false,\n main_questions_page: true,\n })\n this.updateQuestions()\n setTimeout(() => {\n toast.success('Question Updated Successfully')\n this.scrollToQuestion()\n }, '750')\n } else if (result.status == 204) {\n this.setState({\n toast_msg: result.message,\n showToast: true,\n toast_error: true,\n })\n } else {\n this.setState({\n toast_msg: 'Missing Mandatory Parameters',\n showToast: true,\n toast_error: true,\n })\n }\n } catch (error) {\n this.setState({\n toast_msg: 'failure',\n showToast: true,\n toast_error: true,\n })\n }\n // } else {\n // this.setState({\n // toast_msg: \"Display Date is Mandatory\",\n // showToast: true,\n // toast_error: true,\n // });\n // }\n }\n\n editQuestionSpecialToggleHandler = (e) => {\n if (e.target.checked) {\n this.setState({ edit_question_special_input: 1 })\n } else {\n this.setState({ edit_question_special_input: 0 })\n }\n }\n // edit inputs\n\n filterRadioButton = (e) => {\n this.setState({ radio_button_fiter_type: e.target.value })\n this.updateQuestions()\n this.setState({\n filtered_questions: this.state.questions,\n })\n }\n convertlatex = (question) => {\n return {question.toString()} \n }\n render() {\n console.log(this.state)\n if (!this.state.edit_questions && !this.state.add_questions) {\n return (\n <>\n Question Of The Day
\n\n {/* Question heading and Counter Start */}\n \n Questions
\n\n \n \n Count : {this.state.filtered_questions.length}\n
\n this.AddQuestionButton()}\n >\n \n \n Add Questions\n \n \n \n\n {/* filter options */}\n \n \n this.filterRadioButton(e)}\n />\n \n \n \n this.filterRadioButton(e)}\n />\n \n \n \n\n {/* filter dropdown */}\n {this.state.radio_button_fiter_type == 'Filter by Type' ? (\n \n this.questionTypeSelect(e)}\n className='form-control'\n id='exampleFormControlSelect1'\n style={{\n textAlign: 'left',\n width: '200px',\n marginLeft: '1050px',\n }}\n >\n \n {this.state.unique_question_types\n ? this.state.unique_question_types.map(\n (uniqueType, index) => (\n \n )\n )\n : null}\n \n \n ) : null}\n\n {/* filter dropdown */}\n {this.state.radio_button_fiter_type == 'Filter by Displayed' ? (\n \n this.questionTypeSelectDisplayed(e)}\n className='form-control'\n id='exampleFormControlSelect1'\n style={{\n textAlign: 'left',\n width: '200px',\n marginLeft: '1050px',\n }}\n >\n \n \n \n \n \n \n ) : null}\n\n
\n {/* Question heading and Counter End */}\n
\n\n {/* Questions Start */}\n {this.state.filtered_questions.length > 0\n ? this.state.filtered_questions.map((ques, index) => {\n let questiondata\n questiondata = this.convertlatex(ques.name)\n // questiondata=questiondata.props.\n return (\n \n \n \n {index + 1}.\n \n \n Question ID : {ques?.id}\n \n \n Diffculty level : {ques.level}\n \n \n Question type : {ques.question_type}\n \n \n Display Date : \n {ques.display_date\n ? ques.date_array_day_name +\n ' ' +\n ques.date_array_day +\n ' ' +\n ques.date_array_month +\n ' ' +\n ques.date_array_year\n : 'N/A-'}\n \n {ques.special_question === 1 && (\n \n \n Special
\n \n )}\n\n {/**Edit Queston button**/}\n\n \n \n this.EditQuestionButton(\n ques.name,\n ques.question_image,\n ques.option1,\n ques.option1_image,\n ques.option2,\n ques.option2_image,\n ques.option3,\n ques.option3_image,\n ques.option4,\n ques.option4_image,\n ques.option5,\n ques.option5_image,\n ques.solution,\n ques.answer,\n ques.hint,\n ques.hint_image,\n ques.question_type,\n ques.level,\n ques.display_date,\n ques.id,\n ques.special_question\n )\n }\n >\n \n \n\n {ques.display_date == '' ||\n ques.display_date == null ? (\n \n this.deleteQuestionButton(ques.id, ques)\n }\n />\n ) : null}\n \n\n {/**Edit Queston button End**/}\n \n {/* Question Container Start */}\n
\n \n \n {/* {ques.name.toString()} \n ) : (\n ques.name\n )}\n \n \n {(ques.question_image &&\n ques.question_image.toLowerCase().includes('.jpg')) ||\n (ques.question_image &&\n ques.question_image.toLowerCase().includes('.jpeg')) ||\n (ques.question_image &&\n ques.question_image.toLowerCase().includes('.png')) ? (\n \n \n \n {ques.option1 ? (\n {ques.option1.toString()} \n ) : (\n ques.option1\n )}\n \n {(ques.option1_image &&\n ques.option1_image.toLowerCase().includes('.jpg')) ||\n (ques.option1_image &&\n ques.option1_image.toLowerCase().includes('.jpeg')) ||\n (ques.option1_image &&\n ques.option1_image.toLowerCase().includes('.png')) ? (\n \n\n {/* Option 2*/}\n \n \n {\n //ques.option2\n }\n {ques.option2 ? (\n {ques.option2.toString()} \n ) : (\n ques.option2\n )}\n \n {(ques.option2_image &&\n ques.option2_image.toLowerCase().includes('.jpg')) ||\n (ques.option2_image &&\n ques.option2_image.toLowerCase().includes('.jpeg')) ||\n (ques.option2_image &&\n ques.option2_image.toLowerCase().includes('.png')) ? (\n \n \n {\n //ques.option3\n }\n {ques.option3 ? (\n {ques.option3.toString()} \n ) : (\n ques.option3\n )}\n \n {(ques.option3_image &&\n ques.option3_image\n .toLowerCase()\n .includes('.jpg')) ||\n (ques.option3_image &&\n ques.option3_image\n .toLowerCase()\n .includes('.jpeg')) ||\n (ques.option3_image &&\n ques.option3_image\n .toLowerCase()\n .includes('.png')) ? (\n \n ) : null}\n\n {/* Option 4*/}\n {ques.option4 || ques.option4_image ? (\n \n \n {\n //ques.option4\n }\n {ques.option4 ? (\n {ques.option4.toString()} \n ) : (\n ques.option4\n )}\n \n {(ques.option4_image &&\n ques.option4_image\n .toLowerCase()\n .includes('.jpg')) ||\n (ques.option4_image &&\n ques.option4_image\n .toLowerCase()\n .includes('.jpeg')) ||\n (ques.option4_image &&\n ques.option4_image\n .toLowerCase()\n .includes('.png')) ? (\n \n \n {\n //ques.option5\n }\n {ques.option5 ? (\n {ques.option5.toString()} \n ) : (\n ques.option5\n )}\n \n {(ques.option5_image &&\n ques.option5_image\n .toLowerCase()\n .includes('.jpg')) ||\n (ques.option5_image &&\n ques.option5_image\n .toLowerCase()\n .includes('.jpeg')) ||\n (ques.option5_image &&\n ques.option5_image\n .toLowerCase()\n .includes('.png')) ? (\n \n \n ) : null}\n
\n {/* Solution Container */}\n \n Solution:\n \n {ques.solution != null ? (\n ques.solution.includes('http') ? (\n \n View Solution\n \n ) : (ques.solution &&\n ques.solution.toLowerCase().includes('.jpg')) ||\n (ques.solution &&\n ques.solution.toLowerCase().includes('.jpeg')) ||\n (ques.solution &&\n ques.solution.toLowerCase().includes('.png')) ? (\n \n N/A-\n \n )\n ) : (\n \n N/A-\n \n )}\n {/* Solution Container End */}\n\n {/* Hint Container */}\n \n Hint :\n \n {ques?.hint ? (\n \n {ques?.hint}\n \n ) : (\n '---'\n )}\n \n Hint Image:\n \n\n {ques.hint_image != null &&\n (ques.hint_image.includes('.html') ? (\n \n View Hint\n \n ) : (ques.hint_image &&\n ques.hint_image.toLowerCase().includes('.jpg')) ||\n (ques.hint_image &&\n ques.hint_image.toLowerCase().includes('.jpeg')) ||\n (ques.hint_image &&\n ques.hint_image.toLowerCase().includes('.png')) ? (\n \n Add Coding Question\n \n