\r\n \r\n { if (!event.currentTarget.contains(event.relatedTarget)) {props.setShowResultsField(false); }}}>\r\n props.setShowResultsField(true)} \r\n onChange={(event) => {props.setSearchFilter(event.target.value)}} \r\n type=\"text\"\r\n name=\"search\" \r\n autoComplete=\"off\"\r\n className={props.theme === \"dark\" ? \"search-bar--searchinput search-bar--searchinput-dark\" :\"search-bar--searchinput search-bar--searchinput-light\"}\r\n value={props.searchFilter !== \"\" ? props.searchFilter : \"\"} \r\n placeholder={props.placeHolder} />\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\nexport default withRouter(OrganisationSearchBar);\r\n","import React, {useState} from 'react'\r\nimport { Link } from 'react-router-dom';\r\nimport OrganisationSearchBar from './OrganisationSearchBar';\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nexport default function OrganisationSearchBarContainer(props) {\r\n \r\nconst [searchFilter, setSearchFilter] = useState(\"\");\r\nconst [showResultsField, setShowResultsField] = useState(true);\r\nconst searchCriterias = props.searchCriterias;\r\n \r\nlet searchItems = [];\r\n\r\nif(!props.teacherInfo.isLoading) {\r\nif (props.teacherInfo.data.programmes !== undefined) {\r\n props.teacherInfo.data.programmes.forEach(prog => {\r\n if (searchCriterias.includes(\"programs\")){\r\n searchItems.push(\r\n {label: prog.name, \r\n value: {\r\n name: prog.name,\r\n type: \"program\",\r\n url:\"/teacher/programmeview/\" + \r\n prog.id +\"/\"+prog.name,\r\n icon: \"briefcase\"\r\n } \r\n })\r\n }\r\n prog.classes.forEach(cl => {\r\n if (searchCriterias.includes(\"classes\")) {\r\n searchItems.push(\r\n {label: cl.name, \r\n value: {\r\n name: cl.name,\r\n type: \"class\",\r\n url: \"/teacher/programmeview/\" +\r\n prog.id +\"/\"+prog.name+\r\n \"/classview/\" +\r\n cl.id +\"/\"+cl.name,\r\n icon: \"users\"\r\n } \r\n })\r\n }\r\n cl.students.forEach(stud => {\r\n if (searchCriterias.includes(\"students\")) {\r\n searchItems.push(\r\n {label: stud.name, \r\n value: {\r\n name: stud.name,\r\n type: \"student\",\r\n url: \"/teacher/programmeview/\" + \r\n prog.id +\"/\"+prog.name+\r\n \"/classview/\" +\r\n cl.id +\"/\"+cl.name+\r\n \"/studentview/\" +\r\n stud.id+\"/\"+stud.name,\r\n icon: \"user\"\r\n } \r\n })\r\n }\r\n })\r\n })\r\n })\r\n} \r\n \r\n let resetSearch = (value) => {\r\n setShowResultsField(false);\r\n setSearchFilter(value)\r\n }\r\n\r\n let searchList = () => {\r\n let sortedSearchItems = searchItems.sort((a,b) => (a.value.name > b.value.name) ? 1 : ((b.value.name > a.value.name) ? -1 : 0)); ;\r\n return sortedSearchItems.filter(item => {\r\n if (searchFilter === \"\") {\r\n return null;\r\n } else if (item.value.name.toLowerCase().includes(searchFilter.toLowerCase())) {\r\n return item;\r\n } else {\r\n return null;\r\n }\r\n }).slice(0, 5).map((item, i) => {\r\n return (\r\n - \r\n {props.searchList()}\r\n
- {navList(item.children)}
\r\n
\r\n );\r\n}\r\n//här kan det bli problem med inlogg\r\nfunction mapStateToProps(store) {\r\n return {\r\n authenticated: store.auth.authenticated,\r\n };\r\n}\r\n\r\nexport default connect(mapStateToProps)(Sidebar);\r\n","const routes = {\r\n \"/\": \"Navigation_Home\",\r\n \"/courses\": \"Navigation_Courses\",\r\n \"/studentprofile\": \"Navigation_StudentProfile\",\r\n \"/superuser/schools\": \"Navigation_Superuser_Schools\",\r\n \"/superuser/schools/teachers\": \"Navigation_Superuser_Teachers\",\r\n \"/superuser/schools/students\": \"Navigation_Superuser_Students\",\r\n \"/superuser/schools/classes\": \"Navigation_Superuser_Classes\",\r\n \"/superuser/schools/programmes\": \"Navigation_Superuser_Programmes\",\r\n \"/superuser/schools/classes/classoverview\": \"Navigation_Superuser_Class_Overview\",\r\n \"/superuser/schoolicense\": \"Navigation_Superuser_School_License\",\r\n \"/superuser/courses\": \"Navigation_Superuser_Courses\",\r\n \"/superuser/courses/coursemodules\": \"Navigation_Superuser_CourseModules\",\r\n \"/superuser/courses/modules\": \"Navigation_Superuser_Modules\",\r\n \"/superuser/courses/licenses\": \"Navigation_Superuser_Licenses\",\r\n \"/superuser/invoicehistory\": \"Navigation_Teacher_Invoice_History\",\r\n \"/superuser/users\": \"Navigation_Superuser_Users\",\r\n \"/teacher/schoolview\": \"Navigation_Teacher_School\",\r\n \"/teacher/schoolview/programmeview/:id\": \"Navigation_Teacher_Programme\",\r\n \"/teacher/schoolview/programmeview/:id/classview/:id\": \"Navigation_Teacher_Class\",\r\n \"/teacher/schoolview/programmeview/:id/classview/:id/courses\": \"Navigation_Teacher_Result_Module\",\r\n \"/teacher/schoolview/programmeview/:id/classview/:id/teacherview\": \"Navigation_Teacher_Teacher\",\r\n \"/teacher/schoolview/programmeview/:id/classview/:id/studentview/:id\": \"Navigation_Teacher_Class_Student\",\r\n \"/teacher/studentview/:id\": \"Navigation_Teacher_Class_Student\",\r\n \"/teacher/shop\": \"Navigation_Teacher_Shop\",\r\n \"/teacher/classes\": \"Navigation_Teacher_Classes\",\r\n \"/teacher/students\": \"Navigation_Teacher_Students\",\r\n \"/teacher/students/createstudent\": \"Navigation_Teacher_Students_Create\",\r\n \"/teacher/shop/confirmed\": \"Navigation_Teacher_ConfirmedOrder\",\r\n \"/teacher/courses\": \"Navigation_Teacher_CoursesView\",\r\n \"/teacher/courseview\": \"Navigation_Teacher_CoursesView\",\r\n \"/teacher/courseview/moduleResults\": \"Navigation_Teacher_Result_Module\",\r\n \"/teacher/courseview/results\": \"Navigation_Teacher_Results\",\r\n \"/teacher/courseview/courses\": \"Navigation_Teacher_Courses\",\r\n \"/teacher/courseview/courses/results\": \"Navigation_Teacher_Results\",\r\n \"/teacher/courseview/courses/moduleresults\": \"Navigation_Teacher_Result_Module\",\r\n \"/teacher/courseview/results/moduleResults\": \"Navigation_Teacher_Result_Module\", \r\n \"/teacher/invoicehistory\": \"Navigation_Teacher_Invoice_History\",\r\n \"/teacher/programmeview/:id/classview/:id/studentview/:id/:studentName\" : \"Navigation_Teacher_Student_new\",\r\n \"/teacher/aboutUs\" : \"Navigation_Teacher_AboutUs\",\r\n \"/teacher/notifications\" : \"Navigation_Notifications\",\r\n \"/superuser/notifications\" : \"Navigation_Notifications\",\r\n \"/superuser/licenses\" : \"Navigation_Administration_Licenses\"\r\n};\r\n\r\nexport default routes;\r\n","import React from \"react\";\r\nimport { Route, Link, matchPath } from \"react-router-dom\";\r\nimport { Breadcrumb, BreadcrumbItem } from \"reactstrap\";\r\nimport routes from \"../../Routes/routes\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nconst findRouteName = (match) => {\r\n let found;\r\n let ret;\r\n var urls = match.url.split(\"/\");\r\n const urlOffsetForLocation = 3;\r\n if (\r\n urls[urls.length - urlOffsetForLocation] === \"studentview\" ||\r\n urls[urls.length - urlOffsetForLocation] === \"programmeview\" ||\r\n urls[urls.length - urlOffsetForLocation] === \"classview\" ||\r\n urls[urls.length - urlOffsetForLocation] === \"teacherview\"\r\n ) {\r\n ret = { pathName: urls[urls.length - 1], useFormatted: false };\r\n return ret;\r\n }\r\n for (let path of Object.entries(routes)) {\r\n found = matchPath(match.url, { path, exact: true });\r\n if (found) {\r\n ret = { pathName: routes[found.path], useFormatted: true };\r\n return ret;\r\n }\r\n }\r\n return null;\r\n};\r\n\r\nconst getPaths = (pathname) => {\r\n const paths = [\"/\"];\r\n if (pathname === \"/\") return paths;\r\n\r\n pathname.split(\"/\").reduce((prev, curr, index) => {\r\n const currPath = `${prev}/${curr}`;\r\n paths.push(currPath);\r\n return currPath;\r\n });\r\n return paths;\r\n};\r\n\r\nconst BreadcrumbsItem = ({ path, match, ...rest }) => {\r\n const routeName = findRouteName(match);\r\n if (routeName) {\r\n if (routeName.pathName && routeName.useFormatted) {\r\n return match.isExact ? (\r\n \r\n
\r\n );\r\n}\r\n","import React, { Component } from \"react\";\r\n\r\nclass Aside extends Component {\r\n render() {\r\n return ;\r\n }\r\n}\r\n\r\nexport default Aside;\r\n","import React from 'react'\r\nimport { PacmanLoader } from \"react-spinners\";\r\n\r\nexport default function Pacmanloader() {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { Button } from \"reactstrap\";\r\nimport { FormattedMessage, injectIntl, intlShape } from \"react-intl\";\r\n\r\nexport function DisconnectTeacherFromClassButton(props) {\r\n return (\r\n \r\n props.promptRemoveTeacher(props.teacher)}\r\n >\r\n
\r\n );\r\n}\r\nDisconnectTeacherFromClassButton.propTypes = {\r\n intl: intlShape.isRequired,\r\n};\r\nexport default injectIntl(DisconnectTeacherFromClassButton);\r\n","import React, { useState } from \"react\";\r\nimport { Tooltip } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst TooltipHelp = ({ placement, toolTipText, id }) => {\r\n const [tooltipOpen, setTooltipOpen] = useState(false);\r\n\r\n const toggle = () => setTooltipOpen(!tooltipOpen);\r\n\r\n return (\r\n \r\n \r\n {product.name}\r\n
\r\n | \r\n Namn\r\n | \r\n\r\n Klass\r\n | \r\n
|---|
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n {buildCartList()} \r\n \r\n
\r\n );\r\n };\r\n\r\n const buildCartTotal = () => {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n 0\r\n ? \"bg-success rounded-circle pl-1 pr-1 text-center align-middle lead float-left mr-4\"\r\n : \"bg-primary rounded-circle pl-1 pr-1 text-center align-middle lead float-left mr-4 animated bounce\"\r\n }\r\n >\r\n 0 ? \"\" : \"d-none\"}\r\n />\r\n \r\n 1\r\n \r\n
\r\n \r\n {!collapseProducts ? (\r\n
\r\n \r\n\r\n \r\n {productList}\r\n\r\n !plic.programLicense.hasExpired\r\n ).length > 0\r\n }\r\n />\r\n
\r\n \r\n {collapseStudents ? (\r\n
\r\n \r\n \r\n {course.name}
\r\n \r\n\r\n \r\n
\r\n
\r\n ) : (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues: (props) => ({\r\n classToUpdate: props.classToUpdate,\r\n className: props.classToUpdate ? props.classToUpdate.name : \"\",\r\n teacherSelection: props.teacherSelection,\r\n programmeSelection: props.programmeSelection,\r\n orientationSelection: props.orientationSelection\r\n ? props.orientationSelection\r\n : [],\r\n selectedTeachers: props.classToUpdate ? props.classToUpdate.teachers : [],\r\n selectedProgramme: props.classToUpdate ? props.classToUpdate.programme : [],\r\n selectedOrientation:\r\n props.classToUpdate && props.classToUpdate.orientation\r\n ? props.classToUpdate.orientation\r\n : null,\r\n }),\r\n\r\n validationSchema: Yup.object().shape({\r\n className: Yup.string().required(\r\n \r\n \r\n handleChange(selected)}\r\n options={getFilteredStudents().map(option => ({\r\n ...option,\r\n label: option.name,\r\n value: option.id,\r\n clearableValue: true\r\n }))}\r\n />\r\n {validationError}\r\n
\r\n );\r\n};\r\n\r\nexport default MoveStudentsToClassForm;\r\n","import React, { Component } from \"react\";\r\nimport { \r\n Modal, \r\n ModalHeader, \r\n ModalBody \r\n} from \"reactstrap\";\r\nimport MoveStudentsToClassForm from \"../../components/Forms/MoveStudentsToClassForm\";\r\nimport { FormattedMessage } from 'react-intl';\r\n\r\nclass MoveExistingStudentToClassModal extends Component {\r\n \r\n render() {\r\n return (\r\n \r\n \r\n {isSubmitting ? }\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst toFormData = (file) => {\r\n if (!file) return null;\r\n\r\n var myData = new FormData();\r\n myData.append(\"excelFile\", file);\r\n return myData;\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues: (props) => ({\r\n studentClassId: props.preSelectedClassId || -1,\r\n file: props.file,\r\n }),\r\n\r\n validationSchema: Yup.object().shape({\r\n studentClassId: Yup.number().min(\r\n 1,\r\n \r\n \r\n Ladda hem importmall\r\n \r\n
\r\n \r\n\r\n \r\n );\r\n })\r\n : null,\r\n });\r\n setSubmitting(false);\r\n });\r\n },\r\n})(ImportForm);\r\n\r\nexport default FormikForm;\r\n","import { Modal, ModalHeader, ModalBody } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport ImportStudentsForm from \"../Forms/ImportStudentsForm\";\r\n\r\nexport default function ImportStudentsToClassModal(props) {\r\n return (\r\n
\r\n {getModuleLockStatusText(courseLockStatus.isLocked)}\r\n
\r\n \r\n );\r\n }\r\n };\r\n\r\n const mappedModules = (course) => {\r\n return course.modules.map((mod) => {\r\n return !mod.isFinalExam ? (\r\n toggleModulesOpen(course.id)}>\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n ) : (\r\n studentEditField(stud, \"name\")\r\n ),\r\n email: updatingUserId === stud.id ? \"\" : studentEditField(stud, \"email\"),\r\n activatedAccount:\r\n updatingUserId === stud.id ? \"\" : studentActivationHandler(stud),\r\n disconnect:\r\n updatingUserId === stud.id ? (\r\n \"\"\r\n ) : (\r\n \r\n
\r\n ) : (\r\n teacherEditField(teach, \"name\")\r\n ),\r\n email:\r\n updatingUserId === teach.id ? \"\" : teacherEditField(teach, \"email\"),\r\n activatedAccount:\r\n updatingUserId === teach.id ? (\r\n \"\"\r\n ) : teach.activatedAccount ? (\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n handleChangeProgram(event, \"classProgram\")\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n handleChangeProgram(event, \"classOrientation\")\r\n }\r\n />\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n openAddNewStudentToClassModal()}\r\n >\r\n openAddStudentToClassModal()}\r\n >\r\n toggleImportStudentsModal()}\r\n >\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n setPromptTeacherRemoval(!promptTeacherRemoval)}\r\n title={ setPromptStudentRemoval(!promptStudentRemoval)}\r\n title={ closeAddNewStudentAndAddLicense(stud)}\r\n toggle={() => toggleModals(\"addNewStudentToClass\")}\r\n purchaserTeacher={props.teacherInfo.data.purchaser}\r\n />\r\n\r\n toggleModals(\"addStudentToClass\")}\r\n students={allStudents}\r\n loadStudents={reloadClass}\r\n existingStudents={studentsInClass}\r\n />\r\n\r\n toggleModals(\"updateClass\")}\r\n classToUpdate={props.classData.data}\r\n dismissModal={() => toggleModals(\"updateClass\")}\r\n programmeSelection={props.schoolInfo.data.programmes}\r\n teacherSelection={props.schoolInfo.data.teachers}\r\n orientationSelection={props.schoolInfo.data.orientations}\r\n onProceed={reload}\r\n />\r\n
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { Row, Col, Card, CardTitle, CardSubtitle } from \"reactstrap\";\r\nimport { CRow, CCol, CForm, CLabel, CInput, CFormGroup } from \"@coreui/react\";\r\nimport {\r\n HandleUserNameChange,\r\n HandleStudentClassChange,\r\n HandleUserEmailChange,\r\n CheckIfEmailIsOccupied,\r\n} from \"../../actions/teacherMutations\";\r\nimport { GetCoursesByStudentEmail } from \"../../actions/teacherQueries\";\r\nimport ButtonSendActivationMail from \"../Button/ButtonSendActivationMail\";\r\nimport { useMutation, useQueryClient } from \"react-query\";\r\nimport { toast } from \"react-toastify\";\r\nimport FinalExamUnlockerContainer from \"./FinalExamUnlockerContainer\";\r\nimport Select from \"react-select\";\r\nimport { PacmanLoader } from \"react-spinners\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { checkNameLengthAndCharacters } from \"../../Utilities/checkerFunctions\";\r\nimport ModuleLocker from \"./ModuleLocker\";\r\n\r\nexport default function StudentAdministration(props) {\r\n const queryClient = useQueryClient();\r\n\r\n const [updatingStudent, setUpdatingStudent] = useState(false);\r\n const [showCourses, setShowCourses] = useState(false);\r\n const [emailOccupied, setEmailOccupied] = useState(false);\r\n const [invalidEmail, setInvalidEmail] = useState(false);\r\n const mutateStudentName = useMutation(HandleUserNameChange);\r\n const mutateStudentClass = useMutation(HandleStudentClassChange);\r\n const mutateStudentEmail = useMutation(HandleUserEmailChange);\r\n const mutateCheckStudentEmail = useMutation(CheckIfEmailIsOccupied);\r\n const studentCourses = GetCoursesByStudentEmail(\r\n props.studentHasLicense ? props.student.email : null\r\n );\r\n\r\n let values = {\r\n student: props.student,\r\n oldEmail: props.student.email,\r\n newEmail: props.student.email,\r\n oldName: props.student.name,\r\n newName: props.student.name,\r\n class: {\r\n name: props.student.class.name,\r\n id: props.student.class.id,\r\n schoolId: props.student.class.schoolId,\r\n },\r\n };\r\n\r\n const handleChangedStudentName = (event) => {\r\n if (event.target.value !== props.student.name) {\r\n const nameCheck = checkNameLengthAndCharacters(event.target.value);\r\n if (nameCheck !== true) {\r\n toast.warn(nameCheck);\r\n } else {\r\n values.oldName = props.student.name;\r\n let studentData = props.student;\r\n studentData.name = event.target.value;\r\n queryClient.setQueryData([\"GetStudentInfoByStudentId\"], studentData);\r\n\r\n setUpdatingStudent(true);\r\n mutateStudentName.mutate(\r\n {\r\n oldEmail: values.oldEmail,\r\n newEmail: values.oldEmail,\r\n newName: event.target.value,\r\n },\r\n {\r\n onSuccess: (data) => {\r\n if (data && data.status > 199 && data.status < 300) {\r\n queryClient.invalidateQueries([\"FetchTeacherInformation\"]);\r\n setUpdatingStudent(false);\r\n toast.success(\r\n {\" \"}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {emailOccupied ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { FormGroup, Label, Button } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useMutation } from \"react-query\";\r\nimport { CheckIfEmailIsOccupied } from \"../../actions/teacherMutations\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { toast } from \"react-toastify\";\r\nimport Select from \"react-select\";\r\nimport AddNewTeacherToClass from \"../Modal/AddNewTeacherToClass\";\r\nimport DataGrid from \"../DataGrids/DataGrid\";\r\nimport uuid from \"uuid\";\r\n\r\nconst CreateClassInProgramForm = ({\r\n values,\r\n errors,\r\n touched,\r\n isSubmitting,\r\n toggleModal,\r\n newTeachersToAdd,\r\n setNewTeachersToAdd,\r\n}) => {\r\n const [teachersToAdd, setTeachersToAdd] = useState([]);\r\n const [teachersForAdding, setTeachersForAdding] = useState(values.teachers);\r\n const [addNewTeacherModalOpen, setAddNewTeacherModalOpen] = useState(false);\r\n const mutateCheckEmailTaken = useMutation(CheckIfEmailIsOccupied);\r\n const handleChange = (selected) => {\r\n if (selected.value === \"AddNewTeacher\") {\r\n setAddNewTeacherModalOpen(true);\r\n } else {\r\n let teacherToAdd = {\r\n id: selected.id,\r\n name: selected.name,\r\n email: selected.email,\r\n fullAccess: selected.fullAccess,\r\n purchaser: selected.purchaser,\r\n isNewTeacher: selected.isNewTeacher,\r\n };\r\n setTeachersToAdd([...teachersToAdd, teacherToAdd]);\r\n setTeachersForAdding(\r\n teachersForAdding.filter((teacher) => teacher.id !== selected.id)\r\n );\r\n }\r\n };\r\n\r\n const removeTeacherFromAddList = (teacher) => {\r\n if (newTeachersToAdd.some((nt) => nt.id === teacher.id)) {\r\n setNewTeachersToAdd(newTeachersToAdd.filter((t) => t.id !== teacher.id));\r\n } else {\r\n setTeachersToAdd([\r\n ...teachersToAdd.filter(function (t) {\r\n return t.email !== teacher.email;\r\n }),\r\n ]);\r\n setTeachersForAdding([...teachersForAdding, teacher]);\r\n }\r\n };\r\n\r\n const handleAddNewTeacher = (values) => {\r\n toggleAddTeacherModal();\r\n mutateCheckEmailTaken.mutate(\r\n {\r\n newEmail: values.email,\r\n },\r\n {\r\n onSuccess: (data) => {\r\n if (data && data.status > 199 && data.status < 300) {\r\n if (data.data === true) {\r\n toast.warn(\r\n {\" \"}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n //todo-preselct teacher with loggedin if not fullaccess....\r\n mapPropsToValues: (props) => ({\r\n name: \"\",\r\n school: props.school,\r\n teachers: props.teachers,\r\n orientations: props.orientations ? props.orientations : [],\r\n selectedExistingTeacherIds: props.fullAccess\r\n ? []\r\n : props.preselectedTeacher\r\n ? props.preselectedTeacher.id\r\n : 0,\r\n selectedProgramme: null,\r\n selectedOrientation: \"\",\r\n fullAccess: props.fullAccess ? props.fullAccess : true,\r\n }),\r\n validationSchema: Yup.object().shape({\r\n name: Yup.string()\r\n .required(\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {props.programInfo.data.name}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n setPromptClassRemoval(!promptClassRemoval)}\r\n title={
\r\n );\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { useEffect } from \"react\";\r\nimport ClassAdministration from \"../ClassAdministration\";\r\nimport StudentAdministration from \"../StudentAdministration\";\r\nimport ProgramAdministration from \"../ProgramAdministration\";\r\n\r\nexport default function TeacherAdmin(props) {\r\n const [currentLevel, setCurrentLevel] = useState();\r\n\r\n useEffect(() => {\r\n setCurrentLevel(props.level);\r\n }, [props.level]);\r\n\r\n const renderLevel = () => {\r\n switch (currentLevel) {\r\n case \"Class\":\r\n //CLASS\r\n return (\r\n \r\n
\r\n
{renderLevel()}
;\r\n}\r\n","import React, { useState } from \"react\";\r\nimport \"@devexpress/dx-react-grid-bootstrap4/dist/dx-react-grid-bootstrap4.css\";\r\nimport \"open-iconic/font/css/open-iconic-bootstrap.css\";\r\nimport {\r\n Grid,\r\n TableHeaderRow,\r\n TableTreeColumn,\r\n TableColumnResizing,\r\n VirtualTable,\r\n} from \"@devexpress/dx-react-grid-bootstrap4\";\r\nimport {\r\n CustomTreeData,\r\n TreeDataState,\r\n IntegratedSorting,\r\n SortingState,\r\n} from \"@devexpress/dx-react-grid\";\r\n\r\nconst TableComponent = ({ ...restProps }) => (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {text}
)\r\n : node\r\n )\r\n .reduce((nodes, node) => nodes.concat(node), []);\r\n }\r\n\r\n return (\r\n\r\n {studentResultData.data &&\r\n studentResultData.data.length > 0 &&\r\n studentResultData.data.map((item, index) => {\r\n return (\r\n \r\n \r\n {\r\n index === 0 ? toggleLatest() : toggleBest();\r\n }}\r\n >\r\n {\" \"}\r\n \r\n \r\n {item.isBestResult ? (\r\n item.isLatestResult ? (\r\n \r\n
\r\n \r\n ) : (\r\n \r\n
\r\n \r\n )\r\n ) : item.isLatestResult ? (\r\n \r\n
\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n {item.questionAnswerList.map((obj, index) => {\r\n return (\r\n
\r\n {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n {studentResultData.data && studentResultData.data.length < 1 && (\r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","export const ModuleType = {\r\n SCORM: 0,\r\n LEARNWARE: 1\r\n};\r\n","import { ModuleType } from \"../constants/ModuleType\";\r\nimport { SCORM_API_URL, LW_COURSE_API_URL } from \"../constants/api.constants\";\r\n\r\nexport function getWinOptions() {\r\n var winOptions = \"toolbar=no,status=no,location=no,menubar=no,scrollbars=yes\";\r\n winOptions = winOptions + \",width=\" + window.screen.availWidth.toString();\r\n winOptions = winOptions + \",height=\" + window.screen.availHeight.toString();\r\n return winOptions;\r\n}\r\n\r\nexport function composeUrl(\r\n userId,\r\n courseId,\r\n moduleId,\r\n moduleType,\r\n studentResultId,\r\n moduleUrl,\r\n studentName,\r\n numberOfRuns\r\n) {\r\n var url;\r\n var email = localStorage.getItem(\"email\");\r\n var numOfRunsIncramented = (numberOfRuns += 1);\r\n if (moduleType === ModuleType.LEARNWARE || moduleType === \"LearnWare\") {\r\n url =\r\n `${LW_COURSE_API_URL}/Home/StartLwCourse?` +\r\n \"email=\" +\r\n email +\r\n \"&userId=\" +\r\n userId +\r\n \"&courseId=\" +\r\n courseId +\r\n \"&moduleId=\" +\r\n moduleId;\r\n } else {\r\n url =\r\n `${SCORM_API_URL}/BootstrapDialog?` +\r\n \"userId=\" +\r\n userId +\r\n \"&studentResultId=\" +\r\n studentResultId +\r\n \"&courseId=\" +\r\n courseId +\r\n \"&moduleId=\" +\r\n moduleId +\r\n \"&url=\" +\r\n moduleUrl +\r\n \"&name=\" +\r\n studentName +\r\n \"&run=\" +\r\n numOfRunsIncramented;\r\n }\r\n return `${url}&tick=${Date.now()}`;\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { GetCoursesByStudentEmail } from \"../../actions/teacherQueries\";\r\nimport Pacmanloader from \"../Pacmanloader/Pacmanloader\";\r\nimport ResultTable from \"../Results/ResultTable\";\r\nimport StatusBadge from \"../Badges/StatusBadge\";\r\nimport moment from \"moment\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { Button } from \"reactstrap\";\r\nimport StudentResultQuestionOverview from \"../Results/StudentResultQuestionOverview\";\r\nimport { getWinOptions } from \"../../Utilities/moduleHelper\";\r\nimport { LW_COURSE_API_URL } from \"../../constants/api.constants\";\r\n\r\nexport default function StudentResultOverview({ studentEmail, studentId }) {\r\n const studentCourses = GetCoursesByStudentEmail(studentEmail);\r\n const [moduleId, setModuleId] = useState(null);\r\n const [courseId, setCourseId] = useState(null);\r\n const [moduleName, setModuleName] = useState(null);\r\n const [courseName, setCourseName] = useState(null);\r\n const [latestResultIsOpen, setLatestResultIsOpen] = useState(true);\r\n const toggleLatest = () => setLatestResultIsOpen(!latestResultIsOpen);\r\n const [bestResultIsOpen, setBestResultIsOpen] = useState(true);\r\n const toggleBest = () => setBestResultIsOpen(!bestResultIsOpen);\r\n\r\n const viewAt2Result = (studentEmail, currentCourseId, currentModuleId) => {\r\n var winOptions = getWinOptions;\r\n window.open(\r\n `${LW_COURSE_API_URL}/Home/ViewModuleResult?` +\r\n \"email=\" +\r\n studentEmail +\r\n \"&courseId=\" +\r\n currentCourseId +\r\n \"&moduleId=\" +\r\n currentModuleId,\r\n \"\",\r\n winOptions\r\n );\r\n };\r\n const viewScormResult = (courseId, moduleId, courseName, moduleName) => {\r\n setModuleId(moduleId);\r\n setCourseId(courseId);\r\n setModuleName(moduleName);\r\n setCourseName(courseName);\r\n setBestResultIsOpen(true);\r\n setLatestResultIsOpen(true);\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n if (studentCourses.isLoading) {\r\n return \r\n \r\n ) : (\r\n \r\n
\r\n \r\n )\r\n ) : item.isLatestResult ? (\r\n \r\n
\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n {(index === 1 && bestResultIsOpen) ||\r\n (index === 0 && latestResultIsOpen) ? (\r\n
\r\n {courseName}\r\n - \r\n {moduleName}\r\n - \r\n {item.cleanTimeStamp}\r\n \r\n \r\n {linesToParagraphs}\r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n
\r\n );\r\n}\r\n","import { HorizontalBar } from \"@reactchartjs/react-chart.js\";\r\nimport { Card, CardTitle, Col, Row } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nconst CourseModulesResultsBar = ({ primaryData, secondaryData }) => {\r\n const options = {\r\n responsive: true,\r\n legend: {\r\n onClick: null,\r\n },\r\n indexAxis: \"y\",\r\n scales: {\r\n height: \"300px\",\r\n suggestedMax: 10,\r\n suggestedMin: 10,\r\n yAxes: [\r\n {\r\n stacked: true,\r\n ticks: {\r\n beginAtZero: true,\r\n },\r\n },\r\n ],\r\n xAxes: [\r\n {\r\n stacked: true,\r\n },\r\n ],\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
{text}
)\r\n : node\r\n )\r\n .reduce((nodes, node) => nodes.concat(node), []);\r\n }\r\n\r\n return (\r\n\r\n {classResult.data && classResult.data.length > 0 && (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {classResult.data.map((obj, index) => {\r\n return (\r\n
\r\n {\r\n window.scrollTo({\r\n top: 300,\r\n behavior: \"smooth\",\r\n });\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n )}\r\n {classResult.data && classResult.data.length < 1 && (\r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n
\r\n );\r\n}\r\n","import { useState, useEffect, useCallback } from \"react\";\r\nimport Pacmanloader from \"../Pacmanloader/Pacmanloader\";\r\nimport Select from \"react-select\";\r\nimport ResultTable from \"../Results/ResultTable\";\r\nimport StatusBadge from \"../Badges/StatusBadge\";\r\nimport { Row, Col, Button } from \"reactstrap\";\r\nimport { FormattedMessage, injectIntl, intlShape } from \"react-intl\";\r\nimport CourseModulesResultsBar from \"../Results/CourseModulesResultsBar\";\r\nimport moment from \"moment\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport ClassResultQuestionOverview from \"../Results/ClassResultQuestionOverview\";\r\nimport { getWinOptions } from \"../../Utilities/moduleHelper\";\r\nimport { LW_COURSE_API_URL } from \"../../constants/api.constants\";\r\nimport StudentResultQuestionOverview from \"../Results/StudentResultQuestionOverview\";\r\n\r\nfunction ClassResultOverview({ classData, classCoursesData, intl, history }) {\r\n const [resultTableData, setResultTableData] = useState(null);\r\n const [primaryModulesData, setPrimaryModulesData] = useState({});\r\n const [secondaryModulesData, setSecondaryModulesData] = useState({});\r\n const [courseId, setCourseId] = useState(null);\r\n const [moduleId, setModuleId] = useState(null);\r\n const [courseName, setCourseName] = useState(null);\r\n const [moduleName, setModuleName] = useState(null);\r\n const [showClassResult, setShowClassResult] = useState(false);\r\n const [classResultIsOpen, setClassResultIsOpen] = useState(false);\r\n const [showStudentResult, setShowStudentResult] = useState(false);\r\n const [studentForScormResults, setStudentForScormResults] = useState({});\r\n const [studentBestResultIsOpen, setStudentBestResultIsOpen] = useState(false);\r\n const [studentLatestResultIsOpen, setStudentLatestResultIsOpen] =\r\n useState(false);\r\n\r\n const toggle = () => setClassResultIsOpen(!classResultIsOpen);\r\n const toggleLatestStudentResult = () =>\r\n setStudentLatestResultIsOpen(!studentLatestResultIsOpen);\r\n\r\n const toggleBestStudentResult = () =>\r\n setStudentBestResultIsOpen(!studentBestResultIsOpen);\r\n\r\n const viewAt2Result = (studentEmail, currentCourseId, currentModuleId) => {\r\n var winOptions = getWinOptions;\r\n window.open(\r\n `${LW_COURSE_API_URL}/Home/ViewModuleResult?` +\r\n \"email=\" +\r\n studentEmail +\r\n \"&courseId=\" +\r\n currentCourseId +\r\n \"&moduleId=\" +\r\n currentModuleId,\r\n \"\",\r\n winOptions\r\n );\r\n };\r\n\r\n const viewScormResultForClass = (\r\n courseId,\r\n moduleId,\r\n courseName,\r\n moduleName\r\n ) => {\r\n setShowClassResult(true);\r\n setShowStudentResult(false);\r\n setCourseId(courseId);\r\n setModuleId(moduleId);\r\n setCourseName(courseName);\r\n setModuleName(moduleName);\r\n setStudentBestResultIsOpen(false);\r\n setStudentLatestResultIsOpen(false);\r\n setClassResultIsOpen(true);\r\n window.scrollTo({\r\n top: 300,\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n const viewScormResultForStudent = (\r\n courseId,\r\n moduleId,\r\n courseName,\r\n moduleName,\r\n studentId,\r\n studentName\r\n ) => {\r\n setShowStudentResult(true);\r\n setShowClassResult(false);\r\n setCourseId(courseId);\r\n setModuleId(moduleId);\r\n setCourseName(courseName);\r\n setModuleName(moduleName);\r\n setStudentForScormResults({ name: studentName, id: studentId });\r\n setStudentBestResultIsOpen(true);\r\n setStudentLatestResultIsOpen(true);\r\n window.scrollTo({\r\n top: 300,\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n const setResultData = useCallback(\r\n (course) => {\r\n let tableData = [];\r\n let primaryChartData = {\r\n labels: [],\r\n datasets: [\r\n {\r\n label: intl.formatMessage({ id: \"Done\" }),\r\n value: \"Done\",\r\n data: [],\r\n backgroundColor: \"#65C587\",\r\n },\r\n {\r\n label: intl.formatMessage({ id: \"InProgress\" }),\r\n value: \"InProgress\",\r\n data: [],\r\n backgroundColor: \"#FDC929\",\r\n },\r\n {\r\n label: intl.formatMessage({ id: \"NotStarted\" }),\r\n value: \"NotStarted\",\r\n data: [],\r\n backgroundColor: \"grey\",\r\n border: \"1px solid black\",\r\n },\r\n ],\r\n };\r\n let secondaryChartData = {\r\n labels: [],\r\n datasets: [\r\n {\r\n label: intl.formatMessage({ id: \"Done\" }),\r\n value: \"Done\",\r\n data: [],\r\n backgroundColor: \"#65C587\",\r\n },\r\n {\r\n label: intl.formatMessage({ id: \"InProgress\" }),\r\n value: \"InProgress\",\r\n data: [],\r\n backgroundColor: \"#FDC929\",\r\n },\r\n {\r\n label: intl.formatMessage({ id: \"NotStarted\" }),\r\n value: \"NotStarted\",\r\n data: [],\r\n backgroundColor: \"grey\",\r\n border: \"1px solid black\",\r\n },\r\n ],\r\n };\r\n let currentCourse = classCoursesData.data.filter(\r\n (c) => c.id === course.id\r\n );\r\n let sortedModules = currentCourse[0].modules.sort((a, b) => {\r\n return a.sortOrder - b.sortOrder;\r\n });\r\n sortedModules.forEach((mod, i) => {\r\n let studentsWithResults = [];\r\n let notStarted = 0;\r\n let inProgress = 0;\r\n let done = 0;\r\n let module = {\r\n id: \"m\" + mod.moduleId,\r\n parentId: null,\r\n name: mod.name,\r\n showResult:\r\n mod.moduleType !== 1 ? (\r\n \r\n {resultIsOpen ? (\r\n
\r\n {courseName}\r\n - \r\n {moduleName}\r\n \r\n \r\n {linesToParagraphs}\r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n ({\r\n ...option,\r\n label: option.courseName,\r\n value: option.id,\r\n }))}\r\n onChange={(value) => {\r\n handleChangedCourse(value);\r\n }}\r\n />\r\n \r\n
\r\n
\r\n );\r\n}\r\nClassResultOverview.propTypes = {\r\n intl: intlShape.isRequired,\r\n};\r\n\r\nexport default withRouter(injectIntl(ClassResultOverview));\r\n","import moment from \"moment\";\r\nimport React from \"react\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport ResultTable from \"../Results/ResultTable\";\r\n\r\nexport default function ProgramResultOverview(props) {\r\n let columnExtensions = [\r\n { columnName: \"name\", width: 260 },\r\n { columnName: \"avgScore\", width: 250 },\r\n { columnName: \"avgPercDone\", width: 250 },\r\n { columnName: \"avgNumTries\", width: 250 },\r\n { columnName: \"avgActivityPoints\", width: 260 },\r\n { columnName: \"lastRun\", width: 180 },\r\n ];\r\n\r\n let columns = [\r\n { title: \r\n
\r\n {moduleId && courseId && showClassResult && (\r\n \r\n
\r\n );\r\n case \"Student\":\r\n if (props.studentHasLicense) {\r\n return (\r\n \r\n Eleven har inga licenser och därmed inga resultat att visa.\r\n
\r\n );\r\n }\r\n case \"Program\":\r\n return {renderLevel()}
;\r\n}\r\n","import React from \"react\";\r\nimport { Bar } from \"@reactchartjs/react-chart.js\";\r\nimport { Card, CardTitle } from \"reactstrap\";\r\n\r\nconst StackedBar = (props) => {\r\n let data;\r\n if (props.temptype === \"Student\") {\r\n data = {\r\n labels: [],\r\n datasets: [\r\n {\r\n label: \"Inte påbörjad\",\r\n data: [0, 1, 1, 0, 1, 1, 1, 1, 1, 1, 1, 0, 0, 1, 0, 0],\r\n backgroundColor: \"grey\",\r\n border: \"1px solid black\",\r\n },\r\n {\r\n label: \"Påbörjad\",\r\n data: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1, 0],\r\n backgroundColor: \"#FDC929\",\r\n },\r\n {\r\n label: \"Godkänd\",\r\n data: [1, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 1],\r\n backgroundColor: \"#65C587\",\r\n },\r\n ],\r\n };\r\n } else {\r\n data = {\r\n labels: [],\r\n datasets: [\r\n {\r\n label: \"Inte påbörjad\",\r\n data: [0, 10, 10, 0, 10, 10, 10, 10, 10, 10, 10, 0, 0, 10, 0, 0],\r\n backgroundColor: \"grey\",\r\n border: \"1px solid black\",\r\n },\r\n {\r\n label: \"Påbörjad\",\r\n data: [0, 3, 0, 0, 4, 0, 0, 6, 0, 0, 2, 1, 0, 4, 1, 0],\r\n backgroundColor: \"#FDC929\",\r\n },\r\n {\r\n label: \"Godkänd\",\r\n data: [10, 4, 4, 6, 0, 4, 3, 0, 2, 6, 4, 3, 1, 4, 0, 1],\r\n backgroundColor: \"#65C587\",\r\n },\r\n ],\r\n };\r\n }\r\n\r\n if (props.coursesData) {\r\n props.coursesData.data.forEach((course) => {\r\n data.labels.push(course.courseName);\r\n });\r\n }\r\n\r\n const options = {\r\n scales: {\r\n yAxes: [\r\n {\r\n stacked: true,\r\n ticks: {\r\n beginAtZero: true,\r\n },\r\n },\r\n ],\r\n xAxes: [\r\n {\r\n stacked: true,\r\n },\r\n ],\r\n },\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n case \"Student\":\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n case \"Program\":\r\n return (\r\n \r\n Samma data som övriga vyer.
\r\n
\r\n );\r\n default:\r\n return ;\r\n }\r\n };\r\n\r\n return {renderLevel()}
;\r\n}\r\n","import { useState } from \"react\";\r\nimport { Input, Col, Row } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport uuid from \"uuid\";\r\n\r\nexport default function SelectCoursesAndModules(props) {\r\n const [courseDropdown, setCourseDropdown] = useState(null);\r\n\r\n let mappedCourses = () => {\r\n return props.courses.map((course) => (\r\n <>\r\n \r\n \r\n ));\r\n };\r\n\r\n return
{mappedCourses()}
;\r\n}\r\n","import { useState } from \"react\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Input,\r\n Button,\r\n} from \"reactstrap\";\r\nimport SelectCoursesAndModules from \"./SelectCoursesAndModules\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport default function AddLinkModal(props) {\r\n const [linkSelected, setLinkSelected] = useState(false);\r\n const [selectedModules, setSelectedModules] = useState([]);\r\n const [selectedCourse, setSelectedCourse] = useState(null);\r\n const [linkToUpload, setLinkToUpload] = useState(null);\r\n const [invalidLink, setInvalidLink] = useState(false);\r\n\r\n let handleCheckModules = (event, id) => {\r\n if (event.target.checked && !selectedModules.includes(id)) {\r\n setSelectedModules([...selectedModules, id]);\r\n } else if (!event.target.checked && selectedModules.includes(id)) {\r\n setSelectedModules([\r\n ...selectedModules.filter(function (mid) {\r\n return mid !== id;\r\n }),\r\n ]);\r\n }\r\n };\r\n\r\n let handleCheckCourses = (event, id) => {\r\n if (event.target.checked) {\r\n setSelectedCourse(id);\r\n } else {\r\n setSelectedCourse(null);\r\n setSelectedModules([]);\r\n }\r\n };\r\n\r\n function validateURL(textval) {\r\n var urlregex = new RegExp(\r\n \"^(http|https|ftp)://([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|([a-zA-Z0-9-]+.)*[a-zA-Z0-9-]+.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(/($|[a-zA-Z0-9.,?'\\\\+&%$#=~_-]+))*$\"\r\n );\r\n return urlregex.test(textval);\r\n }\r\n\r\n let checkLink = (event) => {\r\n if (validateURL(event.target.value)) {\r\n setInvalidLink(false);\r\n setLinkToUpload(event.target.value);\r\n } else {\r\n setInvalidLink(true);\r\n }\r\n };\r\n\r\n let checkAndSetLink = () => {\r\n if (!invalidLink) {\r\n setLinkSelected(true);\r\n }\r\n };\r\n\r\n let toggleModal = () => {\r\n setLinkSelected(false);\r\n setSelectedCourse(null);\r\n setSelectedModules([]);\r\n setInvalidLink(false);\r\n setLinkToUpload(null);\r\n props.toggleLinkModal();\r\n };\r\n\r\n let handleuppload = () => {\r\n let selection = { courses: [], modules: [] };\r\n selection.courses = selectedCourse;\r\n selection.modules = selectedModules;\r\n props.handleUploadLink(selection, linkToUpload);\r\n toggleModal();\r\n };\r\n\r\n return (\r\n \r\n
\r\n
Student
;\r\n case \"Program\":\r\n return Program
;\r\n default:\r\n return ;\r\n }\r\n };\r\n\r\n return {renderLevel()}
;\r\n}\r\n","import axios from \"../services/api/api\";\r\n\r\nexport function fetchTeacherCoursesAction() {\r\n return function(dispatch) {\r\n var email = localStorage.getItem(\"email\");\r\n\r\n dispatch({\r\n type: \"FETCH_TEACHER_COURSES_BEGIN\",\r\n payload: { loading: true }\r\n });\r\n axios\r\n .get(\"/Teacher/Courses?email=\" + email)\r\n .then(response => {\r\n dispatch({\r\n type: \"FETCH_TEACHER_COURSES_SUCCESS\",\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({ type: \"FETCH_TEACHER_COURSES_REJECTED\", payload: err });\r\n });\r\n };\r\n}\r\nexport function addCourseModuleResultSetting() {\r\n return function(dispatch) {};\r\n}\r\n\r\nexport function unlockTeacherFinalExam(courseId, moduleId) {\r\n return async dispatch => {\r\n if (localStorage.getItem(\"email\")) {\r\n await axios\r\n .post(\r\n \"/Teacher/ActivateFinalExamForTeacher?email=\" +\r\n localStorage.getItem(\"email\") +\r\n \"&courseId=\" +\r\n courseId +\r\n \"&moduleId=\" +\r\n moduleId\r\n )\r\n .then(response => {\r\n dispatch({\r\n type: \"UNLOCK_TEACHER_FINALEXAM_FULFILLED\",\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({ type: \"UNLOCK_TEACHER_FINALEXAM_REJECTED\", payload: err });\r\n });\r\n }\r\n };\r\n}\r\n","import React from \"react\";\r\nimport { Badge, Button } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst StudentStatus = props => {\r\n let statusClass = null;\r\n let statusIcon = null;\r\n\r\n if (props.status === null) {\r\n return ;\r\n }\r\n if (props.status === \"InProgress\") {\r\n statusClass = \"bg-warning theme-color text-white float-right\";\r\n statusIcon = null;\r\n }\r\n if (props.status === \"Done\" && !props.clickable) {\r\n statusClass = \"bg-success theme-color text-white float-right\";\r\n statusIcon = \r\n
\r\n );\r\n }\r\n return (\r\n \r\n {props.doneModules}/{props.totalModules}{\" \"}\r\n
\r\n \r\n );\r\n }\r\n return (\r\n {mod.name}
);\r\n };\r\n\r\n let modDocstoggle = (docId) => {\r\n if (!modDocsDropdownOpen.includes(docId)) {\r\n setModDocsDropdownOpen([...modDocsDropdownOpen, docId]);\r\n } else {\r\n setModDocsDropdownOpen([\r\n ...modDocsDropdownOpen.filter(function (id) {\r\n return id !== docId;\r\n }),\r\n ]);\r\n }\r\n };\r\n\r\n let hiddenDescStyle = {\r\n maxHeight: \"40px\",\r\n textOverflow: \"ellipsis\",\r\n fontWeight: \"normal\",\r\n overflow: \"hidden\",\r\n };\r\n\r\n let showingDescStyle = {\r\n maxHeight: \"300px\",\r\n textOverflow: \"none\",\r\n fontWeight: \"normal\",\r\n overflow: \"visible\",\r\n };\r\n\r\n let handleShowFullDescription = (courseId) => {\r\n if (!showFullDescription.includes(courseId)) {\r\n setShowFullDescription([...showFullDescription, courseId]);\r\n } else {\r\n setShowFullDescription([\r\n ...showFullDescription.filter(function (id) {\r\n return id !== courseId;\r\n }),\r\n ]);\r\n }\r\n };\r\n\r\n let mappedDocuments = [];\r\n if (props.displayDocuments) {\r\n mappedDocuments = courseDocuments.map((doc) => {\r\n if (doc.fileUrl != null) {\r\n return (\r\n \r\n
\r\n \r\n handleShowFullDescription(props.course.id)}\r\n className=\"fake-link d-block\"\r\n >\r\n {showFullDescription.includes(props.course.id) ? (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n {mappedLicenses}
\r\n
\r\n );\r\n}\r\n\r\nexport default TeacherCoursesView;\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\nexport default function TeacherChat(props) {\r\n const [level, setLevel] = useState();\r\n\r\n useEffect(() => {\r\n setLevel(props.level);\r\n }, [props.level]);\r\n const renderLevel = () => {\r\n switch (level) {\r\n case \"Class\":\r\n return Chatt
;\r\n case \"Student\":\r\n return Student
;\r\n case \"Program\":\r\n return Program
;\r\n default:\r\n return ;\r\n }\r\n };\r\n\r\n return {renderLevel()}
;\r\n}\r\n","import {useState, useEffect} from 'react'\r\n\r\nexport default function useViewport () {\r\n const [width, setWidth] = useState(window.innerWidth);\r\n \r\n useEffect(() => {\r\n const handleWindowResize = () => setWidth(window.innerWidth);\r\n window.addEventListener(\"resize\", handleWindowResize);\r\n return () => window.removeEventListener(\"resize\", handleWindowResize);\r\n }, []);\r\n \r\n // Return the width so we can use it in our components\r\n return { width };\r\n }","import React from \"react\";\r\nimport { Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport default function TabNav({ level, handlePostNavTab, tab }) {\r\n return (\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport default function MobileTabNav({ level, handlePostNavTab, tab }) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n}\r\n","import useViewport from \"../../../Utilities/useViewport\";\r\nimport TabNav from \"./TabNav\";\r\nimport MobileTabNav from \"./MobileTabNav\";\r\nimport { SetNavigationTab } from \"../../../actions/teacherTabNavActions\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\nexport default function TabNavSelector(props) {\r\n const { width } = useViewport();\r\n const breakpoint = 620;\r\n\r\n const dispatch = useDispatch();\r\n const handlePostNavTab = (tab) => {\r\n dispatch(SetNavigationTab(tab));\r\n };\r\n const tab = useSelector((state) => state.teacherTabNavReducer);\r\n\r\n const NavTabsOnlyInClass = [5, 6];\r\n if (props.level !== \"class\" && NavTabsOnlyInClass.includes(tab.tab)) {\r\n handlePostNavTab(1);\r\n }\r\n return width < breakpoint ? (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {newStudentQuestions.map((question, index) => {\r\n return (\r\n \r\n {\r\n setToggledQuestion(index);\r\n }}\r\n title=\"Dubbelklicka för att ändra\"\r\n >\r\n {question.question}\r\n \r\n )}\r\n {\r\n var ratingQuestions = [...newStudentQuestions];\r\n ratingQuestions[index].responseRange = newValue;\r\n setNewStudentQuestions(ratingQuestions);\r\n }}\r\n />\r\n \r\n {\r\n var ratingQuestions;\r\n if (question.id) {\r\n ratingQuestions = [...questionsToDelete];\r\n ratingQuestions.push(question);\r\n setQuestionsToDelete(ratingQuestions);\r\n }\r\n ratingQuestions = [...newStudentQuestions];\r\n ratingQuestions.splice(index, 1);\r\n setNewStudentQuestions(ratingQuestions);\r\n }}\r\n >\r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n );\r\n case \"supervisor\":\r\n return (\r\n \r\n {\r\n if (event.target.type !== \"text\") {\r\n setToggledQuestion(-1);\r\n }\r\n }}\r\n onKeyDown={(event) => {\r\n if (\r\n event.key === \"Enter\" ||\r\n event.key === \"Escape\"\r\n ) {\r\n setToggledQuestion(-1);\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n }}\r\n onChange={(e) => {\r\n var tempQuestionArray = [...newStudentQuestions];\r\n tempQuestionArray[index].question = e.target.value;\r\n setNewStudentQuestions(tempQuestionArray);\r\n }}\r\n type=\"text\"\r\n value={question.question}\r\n />\r\n
\r\n
\r\n ) : (\r\n \r\n
\r\n {newSupervisorQuestions.map((question, index) => {\r\n return (\r\n \r\n {\r\n setToggledQuestion(index);\r\n }}\r\n title=\"Dubbelklicka för att ändra\"\r\n >\r\n {question.question}\r\n \r\n )}\r\n {\r\n var ratingQuestions = [...newSupervisorQuestions];\r\n ratingQuestions[index].responseRange = newValue;\r\n setNewSupervisorQuestions(ratingQuestions);\r\n }}\r\n />\r\n \r\n {\r\n if (question.id) {\r\n var ratingQuestions;\r\n ratingQuestions = [...questionsToDelete];\r\n ratingQuestions.push(question);\r\n setQuestionsToDelete(ratingQuestions);\r\n }\r\n ratingQuestions = [...newSupervisorQuestions];\r\n ratingQuestions.splice(index, 1);\r\n setNewSupervisorQuestions(ratingQuestions);\r\n }}\r\n >\r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n );\r\n default:\r\n return null;\r\n }\r\n };\r\n\r\n const handleChange = (event, newValue) => {\r\n setToggledQuestion(-1);\r\n setLevel(newValue);\r\n };\r\n\r\n return (\r\n \r\n {\r\n if (event.target.type !== \"text\") {\r\n setToggledQuestion(-1);\r\n }\r\n }}\r\n onKeyDown={(event) => {\r\n if (\r\n event.key === \"Enter\" ||\r\n event.key === \"Escape\"\r\n ) {\r\n setToggledQuestion(-1);\r\n event.preventDefault();\r\n event.stopPropagation();\r\n }\r\n }}\r\n onChange={(e) => {\r\n var tempQuestionArray = [...newSupervisorQuestions];\r\n tempQuestionArray[index].question = e.target.value;\r\n setNewSupervisorQuestions(tempQuestionArray);\r\n }}\r\n type=\"text\"\r\n value={question.question}\r\n />\r\n
\r\n
\r\n ) : (\r\n \r\n
\r\n ({ ...base, zIndex: 9999 }) }}\r\n name=\"infoPersons\"\r\n placeholder={intl.formatMessage({\r\n id: \"ChooseContactPerson\",\r\n })}\r\n options={selectableInfoPersons}\r\n onChange={(event) => handleAddInfoPerson(event)}\r\n noOptionsMessage={({ inputValue }) => (\r\n
\r\n );\r\n};\r\n\r\nexport default injectIntl(APLInformationPersonModal);\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"@devexpress/dx-react-grid-bootstrap4/dist/dx-react-grid-bootstrap4.css\";\r\nimport \"open-iconic/font/css/open-iconic-bootstrap.css\";\r\nimport {\r\n Grid,\r\n TableHeaderRow,\r\n TableTreeColumn,\r\n Table,\r\n TableColumnResizing,\r\n} from \"@devexpress/dx-react-grid-bootstrap4\";\r\nimport { CustomTreeData, TreeDataState } from \"@devexpress/dx-react-grid\";\r\n\r\nconst TableComponent = ({ ...restProps }) => (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {item.comments.map((comment) => {\r\n var date = new Date(comment.commentDate);\r\n return (\r\n \r\n \r\n \r\n ),\r\n }}\r\n onKeyPress={(ev) => {\r\n if (ev.key === \"Enter\") {\r\n postComment();\r\n ev.preventDefault();\r\n }\r\n }}\r\n />\r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {comment.commenterName}\r\n \r\n \r\n {comment.text}\r\n \r\n
\r\n \r\n \r\n {date.toLocaleDateString()}\r\n \r\n
\r\n
\r\n );\r\n })}\r\n \r\n {sortedEvents && (\r\n \r\n \r\n
\r\n \r\n \r\n setFilterBy(filterBy === \"Signed\" ? null : \"Signed\")\r\n }\r\n color={filterBy === \"Signed\" ? \"primary\" : \"light\"}\r\n pill\r\n >\r\n Signerade\r\n \r\n \r\n setFilterBy(filterBy === \"Unsigned\" ? null : \"Unsigned\")\r\n }\r\n color={filterBy === \"Unsigned\" ? \"primary\" : \"light\"}\r\n pill\r\n >\r\n Osignerade\r\n \r\n \r\n setFilterBy(filterBy === \"Commented\" ? null : \"Commented\")\r\n }\r\n color={filterBy === \"Commented\" ? \"primary\" : \"light\"}\r\n pill\r\n >\r\n Kommenterade\r\n \r\n
\r\n {sortedEvents.map((item, index) => {\r\n var date = new Date(item.created);\r\n return (\r\n \r\n )}\r\n
\r\n );\r\n}\r\n\r\nconst ColWithoutScroll = styled(Col)`\r\n &::-webkit-scrollbar {\r\n display: none;\r\n }\r\n`;\r\n","import { Modal, ModalHeader, ModalBody, ModalFooter } from \"reactstrap\";\r\nimport { Row, Col, Button } from \"reactstrap/lib\";\r\n\r\nexport default function SupervisorInfoModal(props) {\r\n return (\r\n Filtrera händelser på:
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n {moment(ci.time).format(\"HH:mm\")}\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n })}\r\n \r\n\r\n
\r\n {moment(co.time).format(\"HH:mm\")}\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n })}\r\n \r\n\r\n
\r\n
\r\n \r\n {\r\n if (wasAbsent) {\r\n setAbsence(wasAbsent);\r\n } else {\r\n setAbsence(null);\r\n }\r\n }}\r\n >\r\n {\" \"}\r\n \r\n \r\n
\r\n \r\n );\r\n });\r\n };\r\n\r\n const printIsPresent = (obj) => {\r\n var today = new Date();\r\n const todaysCheckIns = getCheckInsForDay(today);\r\n let isCheckedIn = false;\r\n let lastCheckIn;\r\n if (studentPresence.data.length) {\r\n if (\r\n studentPresence.data.some(\r\n (sp) =>\r\n moment(sp.day).format(\"L\") === moment().format(\"L\") && sp.isPresent\r\n )\r\n ) {\r\n isCheckedIn = true;\r\n if (todaysCheckIns.length) {\r\n lastCheckIn = todaysCheckIns.sort(\r\n (a, b) => moment(a.time).unix() - moment(b.time).unix()\r\n )[0];\r\n lastCheckIn = {\r\n time: moment(lastCheckIn.time).format(\"HH:mm\"),\r\n date: moment(lastCheckIn.time).format(\"Do MMMM\"),\r\n };\r\n }\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n handleSetMap(moment().format(\"L\"))}\r\n >
\r\n \r\n\r\n \r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MobileAPLTabs;\r\n","import useViewport from \"../../../Utilities/useViewport\";\r\nimport APLTabs from \"./APLTabs\";\r\nimport MobileAPLTabs from \"./MobileAPLTabs\";\r\nimport { SetNavigationProps } from \"../../../actions/teacherTabNavActions\";\r\nimport { useDispatch } from \"react-redux\";\r\n\r\nexport default function APLTabNavSelector({\r\n activeTab,\r\n toggleCreatePeriod,\r\n periodsToSelect,\r\n period,\r\n}) {\r\n const { width } = useViewport();\r\n const breakpoint = 620;\r\n\r\n const dispatch = useDispatch();\r\n\r\n const handleSelectPeriod = (event) => {\r\n dispatch(SetNavigationProps(\"selectedAplPeriod\", event.value));\r\n };\r\n\r\n let selectedPeriod = null;\r\n if (period !== null) {\r\n selectedPeriod = periodsToSelect.find(\r\n (pts) => pts.value === period.period.id\r\n );\r\n }\r\n const handleSetAplTab = (tabNr) => {\r\n dispatch(SetNavigationProps(\"selectedAplTab\", tabNr));\r\n };\r\n\r\n return width < breakpoint ? (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {level === \"Program\" && (\r\n \r\n
\r\n )}\r\n {level === \"Class\" && (\r\n \r\n
\r\n )}\r\n {studentRatingsForLevel.map((studRatings, index) => {\r\n return (\r\n \r\n
\r\n\r\n
\r\n
\r\n );\r\n })}\r\n
\r\n );\r\n case \"supervisor\":\r\n return (\r\n \r\n
\r\n
\r\n {level === \"Program\" && (\r\n \r\n
\r\n )}\r\n {level === \"Class\" && (\r\n \r\n
\r\n )}\r\n {supervisorRatingsForLevel.map((supRatings, index) => {\r\n return (\r\n \r\n
\r\n\r\n
\r\n
\r\n );\r\n })}\r\n
\r\n );\r\n default:\r\n return;\r\n }\r\n };\r\n\r\n const handleChange = (event, newValue) => {\r\n setRatingLevel(newValue);\r\n };\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n {supervisorsInLevel &&\r\n supervisorsInLevel.map((value, i) => (\r\n \r\n \r\n {\r\n setSupervisor(value);\r\n toggleSupervisorInfo();\r\n }}\r\n >\r\n \r\n \r\n
\r\n ))}\r\n \r\n ))}\r\n \r\n \r\n {\r\n toggleSupervisorModifyer();\r\n }}\r\n >\r\n
\r\n \r\n
\r\n );\r\n case \"documents\":\r\n const documentsForLevelUsers = period.documents.filter((doc) =>\r\n doc.documentAccesses.some(\r\n (user) =>\r\n students.some(\r\n (stud) => stud.id === user.id && user.userType === \"Student\"\r\n ) || user.userType === \"AplSupervisor\"\r\n )\r\n );\r\n\r\n return (\r\n <>\r\n \r\n {period &&\r\n documentsForLevelUsers.map((value, index) => {\r\n var docName =\r\n value.description?.length > 0\r\n ? value.description\r\n : value.documentPath.split(\"\\\\\")[2].split(\".\")[0];\r\n return (\r\n \r\n {\r\n deleteDocument.mutate(value.id, {\r\n onSuccess: () => {\r\n var tempPeriod = period;\r\n tempPeriod.documents.splice(index, 1);\r\n setPeriod(tempPeriod);\r\n },\r\n throwOnError: true,\r\n onError: (data) => {\r\n toast.warn(data.response.data);\r\n },\r\n });\r\n }}\r\n />\r\n \r\n window.open(\r\n BASE_LOGIN_REDIRECT_URL.replace(\"/lwc\", \"\") +\r\n \"/\" +\r\n value.documentPath,\r\n \"_blank\"\r\n )\r\n }\r\n >\r\n {\" \"}\r\n \r\n \r\n {docName}\r\n \r\n\r\n {value.documentAccesses.some(\r\n (acc) => acc.userType === \"Student\"\r\n ) && (\r\n <>\r\n \r\n
\r\n \r\n
\r\n {selectSupervisorDocument(levelSupervisor)}\r\n
\r\n {period && (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {user.value ? user.value.name : user.name}\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n {daysWithNoFoodCompensation.map((item, i) => {\r\n return (\r\n
\r\n
\r\n
\r\n \r\n \r\n {(absenceData.data || level === \"program\") &&\r\n period.period.students.map((student) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n {studentParticipation ? (\r\n <>\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n setPromptComponentForDelete(null)}\r\n title={intl.formatMessage({ id: \"AreYouSure\" })}\r\n message={intl.formatMessage(\r\n { id: \"IfYouDeleteWorkstepNoRegistrationsCanBeMade\" },\r\n {\r\n name:\r\n promtWorkComponentForDelete !== null\r\n ? promtWorkComponentForDelete.name\r\n : \"\",\r\n }\r\n )}\r\n onProceed={() => handleDeleteItem()}\r\n />\r\n setWorkcardItemForEditName(null)}\r\n isOpen={workcardItemForEditName !== null}\r\n title={\"Byt namn\"}\r\n defaultName={workcardItemForEditName?.name}\r\n onChange={(val) => handleSetWorkcardItemForEditName(val)}\r\n onProceed={() => handleChangeNameOnWorkcardItem()}\r\n />\r\n \r\n ) : (\r\n toggleAddNewWorkStepModal()}\r\n >\r\n
\r\n );\r\n case 3:\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {period && (\r\n \r\n \r\n \r\n {mainPanelContent(aplActiveTab)}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default injectIntl(APL);\r\n\r\nconst ColWithoutScroll = styled(Col)``;\r\n\r\nconst DivNoScroll = styled.div`\r\n &::-webkit-scrollbar {\r\n display: none;\r\n }\r\n`;\r\n\r\nconst HeaderRowNoScroll = styled(Row)`\r\n &::-webkit-scrollbar {\r\n display: none;\r\n }\r\n`;\r\n","import React, { Component } from \"react\";\r\nimport {\r\n fetchTeacherCoursesAction,\r\n unlockTeacherFinalExam,\r\n} from \"../../actions/teacherCoursesAction\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n Row,\r\n Col,\r\n Card,\r\n Form,\r\n FormGroup,\r\n Label,\r\n Input,\r\n Collapse,\r\n} from \"reactstrap\";\r\nimport { PacmanLoader } from \"react-spinners\";\r\nimport CourseItem from \"../../components/Course/CourseItem\";\r\nimport { getWinOptions, composeUrl } from \"../../Utilities/moduleHelper\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport CardHeader from \"reactstrap/lib/CardHeader\";\r\nimport CardBody from \"reactstrap/lib/CardBody\";\r\nimport uuid from \"uuid\";\r\n\r\nclass TeacherCoursesView extends Component {\r\n state = {\r\n collapse: true,\r\n filterSearch: \"\",\r\n toggleModules: [],\r\n collapseLicenses: [],\r\n };\r\n\r\n componentDidMount() {\r\n this.props.dispatch(fetchTeacherCoursesAction());\r\n }\r\n\r\n toggle = () => {\r\n this.setState({ collapse: !this.state.collapse });\r\n };\r\n\r\n goToModuleResults = (courseId, moduleId) => {\r\n if (courseId !== null) {\r\n this.props.history.push({\r\n pathname: \"/teacher/courseview/moduleresults\",\r\n state: { course: courseId, module: moduleId },\r\n });\r\n }\r\n };\r\n\r\n filterSearch = (event) => {\r\n this.setState({ filterSearch: event.target.value });\r\n };\r\n stopEnter = (event) => {\r\n if (event.which === 13 /* Enter */) {\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n toggleModule = (courseId) => {\r\n let toToggle = this.state.toggleModules;\r\n\r\n if (toToggle.indexOf(courseId) === -1) {\r\n toToggle.push(courseId);\r\n } else {\r\n var index = toToggle.indexOf(courseId);\r\n toToggle.splice(index, 1);\r\n }\r\n this.setState({ toggleModules: toToggle });\r\n };\r\n\r\n openModule = (courseId, moduleId, moduleUrl, moduleType) => {\r\n const studentResultId = -1;\r\n const userId = -1;\r\n\r\n if (moduleUrl == null) {\r\n this.setError();\r\n return;\r\n }\r\n\r\n this.props.dispatch(unlockTeacherFinalExam(courseId, moduleId)).then(() => {\r\n var url = composeUrl(\r\n userId,\r\n courseId,\r\n moduleId,\r\n moduleType,\r\n studentResultId,\r\n moduleUrl,\r\n null\r\n );\r\n\r\n var winOptions = getWinOptions();\r\n window.open(url, \"\", winOptions);\r\n });\r\n };\r\n collapseLicenses = (license) => {\r\n let collapsed = this.state.collapseLicenses;\r\n\r\n if (collapsed.indexOf(license) === -1) collapsed.push(license);\r\n else collapsed.splice(collapsed.indexOf(license), 1);\r\n\r\n this.setState({ collapseLicenses: collapsed });\r\n };\r\n render() {\r\n const { results } = this.props;\r\n\r\n if (results.loading === true) {\r\n return (\r\n \r\n \r\n \r\n \r\n\r\n {mappedLicenses}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n results: store.teacherCoursesReducer,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(TeacherCoursesView);\r\n","import React from \"react\";\r\nimport ProductsList from \"../../components/LicenseManagement/ProductsList\";\r\n\r\nfunction licenseManagement(props) {\r\n var selectedStudentId = props.location.state\r\n ? props.location.state.studentId\r\n : 0;\r\n var selectedClassName = props.location.state\r\n ? props.location.state.className\r\n : \"\";\r\n\r\n return (\r\n \r\n {product.programLicense.packageName}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
| \r\n | \r\n \r\n {this.props.invoice.rePostIsAllowed ? (\r\n | \r\n
| \r\n | \r\n {this.props.invoice.createdBy} | \r\n
| \r\n | \r\n \r\n {this.props.invoice.school.name +\r\n \" - \" +\r\n this.props.invoice.school.fortKnoxCustomerNumber}\r\n | \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n | \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
|---|
\r\n {invoiceHistory.result.map((invoice, i) => {\r\n return (\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n invoiceHistory: store.invoiceHistoryReducer,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(TeacherInvoiceHistory);\r\n","import axios from \"../services/api/api\";\r\nimport {\r\n FETCH_INVOICE_HISTORY_BEGIN,\r\n FETCH_INVOICE_HISTORY_FULFILLED,\r\n FETCH_INVOICE_HISTORY_REJECTED\r\n} from \"../reducers/invoiceHistoryReducer\";\r\n\r\nexport function fetchInvoiceHistory(email) {\r\n return function(dispatch) {\r\n dispatch({ type: FETCH_INVOICE_HISTORY_BEGIN });\r\n axios\r\n .get(\"/Shop/MyOrders\")\r\n .then(response => {\r\n dispatch({\r\n type: FETCH_INVOICE_HISTORY_FULFILLED,\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({\r\n type: FETCH_INVOICE_HISTORY_REJECTED,\r\n payload: err\r\n });\r\n });\r\n };\r\n}\r\n\r\n// TODO när tid finnes: Låt användaren välja år genom att istället kalla på Shop/GetSpecificYear(int offsetFromCurrentYear)\r\n// 0 ger nuvarande räkenskapsår\r\n// -1 ger föregående räkenskapsår\r\n// -2 ger 2019-07-01 - 2020-06-30 etc etc\r\n// OBS att /Shop/GetAll numera ger nuvarande räkenskapsår\r\nexport function fetchInvoiceHistoryForAllCustomers() {\r\n return function(dispatch) {\r\n dispatch({ type: FETCH_INVOICE_HISTORY_BEGIN });\r\n axios\r\n .get(\"/Shop/GetAll\") \r\n .then(response => {\r\n dispatch({\r\n type: FETCH_INVOICE_HISTORY_FULFILLED,\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({\r\n type: FETCH_INVOICE_HISTORY_REJECTED,\r\n payload: err\r\n });\r\n });\r\n };\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { updateStudent } from \"../../actions/teacherActions\";\r\nimport {\r\n GetCoursesWithResultsByStudentId,\r\n GetTeacherInformation,\r\n GetSchoolDataBySchoolId,\r\n GetStudentInfoByStudentId,\r\n} from \"../../actions/teacherQueries\";\r\nimport { CCard, CRow, CCol, CCardBody } from \"@coreui/react\";\r\nimport Pacmanloader from \"../../components/Pacmanloader/Pacmanloader\";\r\nimport TeacherAdmin from \"../../components/Teacher/Tabs/TeacherAdmin\";\r\nimport TeacherResultOverview from \"../../components/Teacher/Tabs/TeacherResultOverview\";\r\nimport TeacherResultAnalysis from \"../../components/Teacher/Tabs/TeacherResultAnalysis\";\r\nimport TeacherDocuments from \"../../components/Teacher/Tabs/TeacherDocuments\";\r\nimport TeacherCourses from \"../../components/Teacher/Tabs/TeacherCourses\";\r\nimport TeacherChat from \"../../components/Teacher/Tabs/TeacherChat\";\r\nimport TabNavSelector from \"../../components/Teacher/Tabs/TabNavSelector\";\r\nimport APL from \"../../components/APL/APL\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { GetAplAttendancesByStudentId } from \"../../actions/teacherQueries\";\r\n\r\nfunction TeacherStudent(props) {\r\n const [toggleEditModal, setToggleEditModal] = useState(false);\r\n const [updated, setUpdated] = useState(false);\r\n const studentInfo = GetStudentInfoByStudentId(props.match.params.studentId);\r\n const teacherInfo = GetTeacherInformation();\r\n const studentCoursesDataWithResult = GetCoursesWithResultsByStudentId(\r\n props.match.params.studentId\r\n );\r\n\r\n const schoolInfo = GetSchoolDataBySchoolId(\r\n !teacherInfo.isLoading ? teacherInfo.data.customer.id : null\r\n );\r\n const studentAplAttendance = GetAplAttendancesByStudentId(\r\n props.match.params.studentId\r\n );\r\n\r\n const tab = useSelector((state) => state.teacherTabNavReducer);\r\n const editToggleEditModal = () => {\r\n setToggleEditModal(!toggleEditModal);\r\n };\r\n const updateStore = (student) => {\r\n props.dispatch(updateStudent(student));\r\n setUpdated(!updated);\r\n };\r\n\r\n let result = [];\r\n let courses = [];\r\n if (\r\n teacherInfo.isLoading ||\r\n studentCoursesDataWithResult.isLoading ||\r\n studentInfo.isLoading ||\r\n studentAplAttendance.isLoading\r\n ) {\r\n return \r\n \r\n \r\n \r\n {renderTab()} \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default TeacherStudent;\r\n","import { useState } from \"react\";\r\nimport { CRow, CCol, CLabel, CForm, CFormGroup, CInput } from \"@coreui/react\";\r\nimport { Row, Col, Card, CardTitle, CardSubtitle } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { useQueryClient, useMutation } from \"react-query\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport PacmanLoader from \"../Pacmanloader/Pacmanloader\";\r\nimport {\r\n HandleUserNameChange,\r\n HandleUserEmailChange,\r\n CheckIfEmailIsOccupied,\r\n} from \"../../actions/teacherMutations\";\r\nimport { toast } from \"react-toastify\";\r\nimport { checkNameLengthAndCharacters } from \"../../Utilities/checkerFunctions\";\r\n\r\nexport default function TeacherAdmin(props) {\r\n const [updatingTeacher, setUpdatingTeacher] = useState(false);\r\n const [emailOccupied, setEmailOccupied] = useState(false);\r\n const [invalidEmail, setInvalidEmail] = useState(false);\r\n\r\n const queryClient = useQueryClient();\r\n\r\n const mutateTeacherName = useMutation(HandleUserNameChange);\r\n const mutateTeacherEmail = useMutation(HandleUserEmailChange);\r\n const mutateCheckTeacherEmail = useMutation(CheckIfEmailIsOccupied);\r\n\r\n if (props.teacherData.isLoading || props.teacherInfo.isLoading) {\r\n return \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {props.teacherInfo.data.fullAccess ? (\r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n {props.teacherInfo.data.fullAccess ? (\r\n \r\n \r\n \r\n {emailOccupied ? (\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n FormGroup,\r\n Label,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n Button,\r\n CardDeck,\r\n CardTitle,\r\n CardText,\r\n CardSubtitle,\r\n Row,\r\n Col,\r\n CardFooter,\r\n} from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport axios from \"../../services/api/api\";\r\nimport { toast } from \"react-toastify\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nconst OrderForm = (props) => {\r\n const { touched, errors, isSubmitting, teacherInformation } = props;\r\n\r\n let adress = teacherInformation.result.customer.adress;\r\n let street = teacherInformation.result.customer.adress.street.split(\",\");\r\n const cart = useSelector((state) => state.newCartReducer);\r\n\r\n return (\r\n \r\n {\" \"}\r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues({ contact, reference, comment }) {\r\n return {\r\n contact: contact || \"\",\r\n reference: reference || \"\",\r\n comment: comment || \"\",\r\n };\r\n },\r\n validationSchema: Yup.object().shape({\r\n contact: Yup.string().required(\r\n \r\n
\r\n );\r\n}\r\n","import {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Button,\r\n Row,\r\n} from \"reactstrap\";\r\nimport NotificationImage from \"../Notifications/NotificationImage\";\r\nimport NotificationVideo from \"../Notifications/NotificationVideo\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport default function NotificationModal({\r\n isOpen,\r\n toggle,\r\n notification,\r\n handleMarkAsRead,\r\n}) {\r\n return (\r\n \r\n \r\n \r\n \r\n {renderTab()} \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport {\r\n GetClassByClassId,\r\n GetCoursesByClassId,\r\n GetTeacherInformation,\r\n GetSchoolDataBySchoolId,\r\n} from \"../../actions/teacherQueries\";\r\nimport Pacmanloader from \"../../components/Pacmanloader/Pacmanloader\";\r\nimport TeacherAdmin from \"../../components/Teacher/Tabs/TeacherAdmin\";\r\nimport TeacherResultOverview from \"../../components/Teacher/Tabs/TeacherResultOverview\";\r\nimport TeacherResultAnalysis from \"../../components/Teacher/Tabs/TeacherResultAnalysis\";\r\nimport TeacherDocuments from \"../../components/Teacher/Tabs/TeacherDocuments\";\r\nimport TeacherCourses from \"../../components/Teacher/Tabs/TeacherCourses\";\r\nimport TeacherChat from \"../../components/Teacher/Tabs/TeacherChat\";\r\nimport { CCard, CRow, CCol, CCardBody } from \"@coreui/react\";\r\nimport TabNavSelector from \"../../components/Teacher/Tabs/TabNavSelector\";\r\nimport APL from \"../../components/APL/APL\";\r\nimport { useSelector } from \"react-redux\";\r\n\r\nexport default function TeacherClass(props) {\r\n const classData = GetClassByClassId(props.match.params.classId);\r\n const classCoursesData = GetCoursesByClassId(props.match.params.classId);\r\n const teacherInfo = GetTeacherInformation();\r\n const schoolInfo = GetSchoolDataBySchoolId(\r\n !teacherInfo.isLoading ? teacherInfo.data.customer.id : null\r\n );\r\n\r\n const tab = useSelector((state) => state.teacherTabNavReducer);\r\n\r\n if (\r\n classData.isLoading ||\r\n classCoursesData.isLoading ||\r\n teacherInfo.isLoading ||\r\n schoolInfo === null ||\r\n schoolInfo.isLoading\r\n ) {\r\n return \r\n \r\n \r\n \r\n {renderTab()} \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import { React } from \"react\";\r\nimport { CRow, CCol, CCard, CCardBody } from \"@coreui/react\";\r\nimport { Nav, NavItem, NavLink } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport TeacherAdmin from \"../../components/Teacher/TeacherAdmin\";\r\nimport PacmanLoader from \"../../components/Pacmanloader/Pacmanloader\";\r\nimport {\r\n GetTeacherInfoById,\r\n GetTeacherInformation,\r\n} from \"../../actions/teacherQueries\";\r\n\r\nexport default function TeacherTeacher(props) {\r\n const teacherData = GetTeacherInfoById(props.match.params.teacherId);\r\n const teacherInfo = GetTeacherInformation();\r\n\r\n if (teacherData.isLoading) {\r\n return \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport OrderForm from \"../Forms/OrderForm\";\r\nimport { clearCart } from \"../../actions/newCartActions\";\r\nimport CartItem from \"./cartItem\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\nexport default function ConfirmedOrder(props) {\r\n const [totalPrice, setTotalPrice] = useState(0);\r\n\r\n const cart = useSelector((state) => state.newCartReducer);\r\n const teacherInfo = useSelector((state) => state.teacherInformationReducer);\r\n\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n setTotalPrice(0);\r\n cart.result.forEach((order) => {\r\n setTotalPrice(\r\n (prevstate) =>\r\n prevstate + order.priceStudent * order.addedStudents.length\r\n );\r\n });\r\n }, [cart.result]);\r\n\r\n const cleanCartAfterPurchase = () => {\r\n dispatch(clearCart());\r\n };\r\n\r\n const cartList = () => {\r\n return cart.result.map((cartItem, i) => {\r\n if (cartItem.addedStudents.length > 0) {\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {contactInfo.contactPersons.map((person, i) => (\r\n \r\n \r\n {person.name}\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n}\r\n","import axios from \"../services/api/api\";\r\n\r\nexport const FETCH_SCHOOL_TEACHERS_BEGIN = \"FETCH_SCHOOL_TEACHERS_BEGIN\";\r\nexport const FETCH_SCHOOL_TEACHERS_FULFILLED =\r\n \"FETCH_SCHOOL_TEACHERS_FULFILLED\";\r\nexport const FETCH_SCHOOL_TEACHERS_REJECTED = \"FETCH_SCHOOL_TEACHERS_REJECTED\";\r\n\r\nexport const FETCH_SCHOOLS_BEGIN = \"FETCH_SCHOOLS_BEGIN\";\r\nexport const FETCH_SCHOOLS_FULFILLED = \"FETCH_SCHOOLS_FULFILLED\";\r\nexport const FETCH_SCHOOLS_REJECTED = \"FETCH_SCHOOLS_REJECTED\";\r\n\r\nexport function fetchSchoolTeachers(schoolId) {\r\n return dispatch => {\r\n dispatch({\r\n type: FETCH_SCHOOL_TEACHERS_BEGIN,\r\n payload: { loading: true }\r\n });\r\n return new Promise((resolve, reject) => {\r\n if (localStorage.getItem(\"email\")) {\r\n axios\r\n .get(\"/GetTeachersBySchoolId?schoolId=\" + schoolId)\r\n .then(response => {\r\n dispatch({\r\n type: FETCH_SCHOOL_TEACHERS_FULFILLED,\r\n payload: response.data.result\r\n });\r\n resolve(true);\r\n })\r\n .catch(err => {\r\n dispatch({ type: FETCH_SCHOOL_TEACHERS_REJECTED, payload: err });\r\n reject(err);\r\n });\r\n }\r\n });\r\n };\r\n}\r\n\r\nexport function fetchSchoolsForAdmin() {\r\n return dispatch => {\r\n dispatch({\r\n type: FETCH_SCHOOLS_BEGIN,\r\n payload: { loading: true }\r\n });\r\n return new Promise((resolve, reject) => {\r\n if (localStorage.getItem(\"email\")) {\r\n axios\r\n .get(\"/SchoolsForAdmin\")\r\n .then(response => {\r\n dispatch({\r\n type: FETCH_SCHOOLS_FULFILLED,\r\n payload: response.data.result\r\n });\r\n resolve(true);\r\n })\r\n .catch(err => {\r\n dispatch({ type: FETCH_SCHOOLS_REJECTED, payload: err });\r\n reject(err);\r\n });\r\n }\r\n });\r\n };\r\n}\r\n","import axios from \"../services/api/api\";\r\nimport {\r\n FETCH_PROGRAM_LICENSES_BEGIN,\r\n FETCH_PROGRAM_LICENSES_FULFILLED,\r\n FETCH_PROGRAM_LICENSES_REJECTED,\r\n FETCH_PROGRAM_LICENSES_BY_CUSTOMER_BEGIN,\r\n FETCH_PROGRAM_LICENSES_BY_CUSTOMER_FULFILLED,\r\n FETCH_PROGRAM_LICENSES_BY_CUSTOMER_REJECTED,\r\n} from \"../reducers/programLicenseReducer\";\r\n\r\nexport function fetchProgramLicenses() {\r\n return function (dispatch) {\r\n dispatch({ type: FETCH_PROGRAM_LICENSES_BEGIN });\r\n axios\r\n .get(\"/ProgramLicense\")\r\n .then((response) => {\r\n dispatch({\r\n type: FETCH_PROGRAM_LICENSES_FULFILLED,\r\n payload: response.data.result,\r\n });\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: FETCH_PROGRAM_LICENSES_REJECTED,\r\n payload: err,\r\n });\r\n });\r\n };\r\n}\r\n\r\nexport function fetchCustomerProgrammeLicenses(customerId) {\r\n return function (dispatch) {\r\n dispatch({ type: FETCH_PROGRAM_LICENSES_BY_CUSTOMER_BEGIN });\r\n axios\r\n .get(\"/ProgramLicense/GetByCustomer?customerId=\" + customerId)\r\n .then((response) => {\r\n dispatch({\r\n type: FETCH_PROGRAM_LICENSES_BY_CUSTOMER_FULFILLED,\r\n payload: response.data.result,\r\n });\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: FETCH_PROGRAM_LICENSES_BY_CUSTOMER_REJECTED,\r\n payload: err,\r\n });\r\n });\r\n };\r\n}\r\nexport function fetchAvailableProgramLicenses() {\r\n return function (dispatch) {\r\n dispatch({ type: FETCH_PROGRAM_LICENSES_BEGIN });\r\n axios\r\n .get(\"/ProgramLicense/GetAvailableProgramLicenses\")\r\n .then((response) => {\r\n dispatch({\r\n type: FETCH_PROGRAM_LICENSES_FULFILLED,\r\n payload: response.data.result,\r\n });\r\n })\r\n .catch((err) => {\r\n dispatch({\r\n type: FETCH_PROGRAM_LICENSES_REJECTED,\r\n payload: err,\r\n });\r\n });\r\n };\r\n}\r\n","import React from \"react\";\r\nimport moment from \"moment\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst ExpiringLicense = props => {\r\n if (props.licenses === null) {\r\n return ;\r\n }\r\n\r\n let expiringLicenses = [];\r\n\r\n props.licenses.forEach(license => {\r\n if (license.hasExpireWarning || license.hasExpired)\r\n expiringLicenses.push({\r\n name: license.name,\r\n expireDate: license.validTo,\r\n hasExpireWarning: license.hasExpireWarning,\r\n hasExpired: license.hasExpired\r\n });\r\n });\r\n\r\n if (expiringLicenses.length === 0) {\r\n return ;\r\n }\r\n\r\n let hasExpiredLicenses =\r\n expiringLicenses.filter(x => x.hasExpired).length > 0;\r\n let message = hasExpiredLicenses ? \"Utgången licens: \" : \"Utgående licens: \";\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n 1. Välj vilken programlicens som skolan ska ha i listan:\r\n \"Välj programlicens\"\r\n
\r\n 2. Klicka på knappen \"Lägg till\" - Klart!\r\n
\r\n (Giltig t.o.m kommer att vara dagens datum + 1 år)\r\n
\r\n
\r\n Uppdatera en befintlig programlicens\r\n
\r\n 1. Klicka på programlicensnamnet\r\n
\r\n 2. Ändra de värden som behövs ändras\r\n
\r\n 3. Klicka på knappen \"Uppdatera\"\r\n
| \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n |
|---|
\r\n \r\n \r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport SuperUserLicenseDataGrid from \"../DataGrids/SuperUserLicenseDataGrid\";\r\n\r\nexport default function LicensesDetailsTable(props) {\r\n return (\r\n | \" +\r\n props.intl.formatMessage({ id: \"Month\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"ExpiredLicenses\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"AddedLicenses\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"FortnoxNumber\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"Name\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"Address\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"ZipCode\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"City\" }) +\r\n \" |
|---|---|---|---|---|---|---|---|
| \" +\r\n props.intl.formatMessage({ id: \"FortnoxNumber\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"Name\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"Address\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"ZipCode\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"City\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"LicenseExpiredAt\" }) +\r\n \" | ||
| \" +\r\n row.customerNumber +\r\n \" | \" +\r\n row.name +\r\n \" | \" +\r\n row.address +\r\n \" | \" +\r\n row.postalNumber +\r\n \" | \" +\r\n row.city +\r\n \" | \" +\r\n row.licenseExpiredAt +\r\n \" | ||
| \" +\r\n props.intl.formatMessage({ id: \"FortnoxNumber\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"Name\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"Address\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"ZipCode\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"City\" }) +\r\n \" | \" +\r\n props.intl.formatMessage({ id: \"LicenseExpiringAt\" }) +\r\n \" | ||
| \" +\r\n row.customerNumber +\r\n \" | \" +\r\n row.name +\r\n \" | \" +\r\n row.address +\r\n \" | \" +\r\n row.postalNumber +\r\n \" | \" +\r\n row.city +\r\n \" | \" +\r\n row.licenseExpiringAt +\r\n \" |
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nLicensesDetails.propTypes = {\r\n intl: intlShape.isRequired,\r\n};\r\n\r\nexport default injectIntl(LicensesDetails);\r\n","import axios from \"../services/api/api\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport moment from \"moment\";\r\n\r\n/** HELPER FUNCTIONS **/\r\n\r\nconst errorMessage = (err) => {\r\n if (err && err.response) {\r\n return err.response.data;\r\n } else if (err && err.request) {\r\n return err.request.data;\r\n } else {\r\n return \r\n {title}\r\n {props.selectedLicenseDetail[1]}\r\n
\r\n \r\n\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {teacher.name}\r\n
\r\n \r\n\r\n {teacher.email}\r\n
\r\n \r\n| Kundnummer | Namn | Adress | Postnummer | Stad | Land | Programlicenser | Program | Klasser | Lärare | ' +\r\n \"Elever | ElLicens | ByggLicens | FordonLicens | StudenterEl | StudenterBygg | StudenterFordon |
| ' +\r\n s.fortKnoxCustomerNumber +\r\n ' | ' +\r\n s.name +\r\n ' | ' +\r\n s.adress.street +\r\n ' | ' +\r\n s.adress.zipCode +\r\n \" | \" +\r\n s.adress.city +\r\n \" | \" +\r\n s.adress.country +\r\n ' | ' +\r\n s.programLicenses.length +\r\n ' | ' +\r\n s.programmes.length +\r\n ' | ' +\r\n s.nbrOfClasses +\r\n ' | ' +\r\n s.nbrOfTeachers +\r\n ' | ' +\r\n s.nbrOfStudents +\r\n ' | ' +\r\n s.licenseEl +\r\n ' | ' +\r\n s.licenseBygg +\r\n ' | ' +\r\n s.licenseFordon +\r\n ' | ' +\r\n s.studenterEl +\r\n ' | ' +\r\n s.studenterBygg +\r\n ' | ' +\r\n s.studenterFordon +\r\n \" |
\r\n 0}\r\n schools={this.props.schoolInformation.schoolResult.schools}\r\n selectedLicenseDetail={this.state.toggledLicenseDetails}\r\n />\r\n\r\n this.toggleAddSchoolModal(null)}\r\n isOpen={this.state.addSchoolModal}\r\n />\r\n this.toggleEditSchoolModal(null)}\r\n />\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n schoolInformation: store.schoolReducer,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(SuperUser);\r\n","import React, { Component } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n CardImg,\r\n CardTitle,\r\n CardSubtitle,\r\n CardText,\r\n CardDeck,\r\n CardFooter,\r\n Row,\r\n Col,\r\n} from \"reactstrap\";\r\nimport { connect } from \"react-redux\";\r\n\r\nclass SuperDash extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {\r\n this.toggleAddSchoolModal(null);\r\n }}\r\n >\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n this.props.history.push(\"/superuser/schools\")}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n Skolor\r\n \r\n \r\n Här administrerar du skolor och dess lärare och elever\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {this.props.auth.auth.roles === \"Superuser\" && (\r\n this.props.history.push(\"/superuser/courses\")}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n Kurser, moduler & licenser\r\n \r\n \r\n Här administrerar du kurser, moduler och licenser\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n\r\n \r\n this.props.history.push(\"/superuser/invoicehistory\")\r\n }\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n Orderhistorik\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n {this.props.auth.auth.roles === \"Superuser\" && (\r\n this.props.history.push(\"/superuser/users\")}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n Användare\r\n \r\n Administration användare. \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n this.props.history.push(\"/superuser/notifications\")\r\n }\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n Notiser\r\n \r\n Administration notiser. \r\n \r\n \r\n \r\n \r\n \r\n this.props.history.push(\"/superuser/licenses\")}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n \r\n \r\n Licenshantering\r\n \r\n Administration licenser. \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n auth: store.auth,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(SuperDash);\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { FormGroup, Label, Button, Input } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { toast } from \"react-toastify\";\r\nimport axios from \"../../services/api/api\";\r\nimport Select from \"react-select\";\r\nimport { AUTH_BASE_URL } from \"../../constants/api.constants\";\r\nimport { checkNameLengthAndCharacters } from \"../../Utilities/checkerFunctions\";\r\n\r\nconst CreateTeacherForm = ({\r\n values,\r\n errors,\r\n touched,\r\n isSubmitting,\r\n dismissModal,\r\n}) => {\r\n const handleChange = (e) => {\r\n values.selectedClasses = e.map((t) => t.value);\r\n };\r\n\r\n const getTeacherClasses = () => {\r\n var classes = [];\r\n values.teacherToUpdate.classes.forEach((c) => {\r\n classes.push({\r\n value: c.id,\r\n label: c.name,\r\n clearableValue: true,\r\n });\r\n });\r\n return classes;\r\n };\r\n\r\n return (\r\n \r\n
\r\n {errors.selectedClasses && touched.selectedClasses && (\r\n {errors.selectedClasses}
\r\n )}\r\n \r\n | \r\n | Namn | \r\nE-post | \r\nInköpare | \r\nFull åtkomst | \r\n\r\n | \r\n |
|---|
\r\n \r\n
\r\n }\r\n toggle={toggleConfirmDialog}\r\n onProceed={deleteTeacher}\r\n />\r\n \r\n );\r\n}\r\n\r\nexport default Teachers;\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { FormGroup, Label, Button } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { toast } from \"react-toastify\";\r\nimport axios from \"../../services/api/api\";\r\nimport { checkNameLengthAndCharacters } from \"../../Utilities/checkerFunctions\";\r\n\r\nconst CreateStudentForm = ({\r\n errors,\r\n touched,\r\n isSubmitting,\r\n dismissModal,\r\n studentClasses,\r\n}) => {\r\n return (\r\n \r\n
\r\n Lärare {school.name}
\r\n\r\n \r\n handleFilterSearch(data)}\r\n />\r\n \r\n {\r\n toggleCreateTeacherModal();\r\n }}\r\n >\r\n {\" \"}\r\n
\r\n
\r\n\r\n \r\n Är du säker på att du vill ta bort läraren '\r\n {getTeacherToRemove()}'?\r\n
\r\n\r\n Det här valet går inte att ångra.\r\n
\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues({ name, email, studentClassId, classes }) {\r\n return {\r\n email: email || \"\",\r\n name: name || \"\",\r\n studentClassId: studentClassId || -1,\r\n studentClasses: classes || [],\r\n };\r\n },\r\n\r\n validationSchema: Yup.object().shape({\r\n email: Yup.string()\r\n .email(\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CreateStudent;\r\n","import React from \"react\";\r\nimport { Table, ButtonToolbar, ButtonGroup, Button } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport ButtonSendActivationMail from \"../Button/ButtonSendActivationMail\";\r\n\r\nconst StudentTable = (props) => {\r\n var students = props.students;\r\n\r\n students = students.sort((a, b) => {\r\n return a.name > b.name ? 1 : -1;\r\n });\r\n\r\n if (props.filter && props.filter.length > 0) {\r\n students = props.students.filter((t) => {\r\n return (\r\n t.name.toLowerCase().indexOf(props.filter) !== -1 ||\r\n t.email.toLowerCase().indexOf(props.filter) !== -1\r\n );\r\n });\r\n }\r\n\r\n let studentCourses = props.studentCourses ? props.studentCourses : [];\r\n\r\n let studentLicenses = [];\r\n\r\n var mappedStudents = students.map((student, id) => {\r\n studentCourses\r\n .filter((x) => x.studentId === student.id)\r\n .forEach((programLicense) => {\r\n if (studentLicenses.indexOf(programLicense.programLicenseName) === -1)\r\n studentLicenses.push(programLicense.programLicenseName);\r\n });\r\n return (\r\n - \r\n {studentLicenses.map((license, i) => (\r\n
- {license} \r\n ))}\r\n
| Namn | \r\nE-post | \r\n {props.showClass &&Klass | }\r\nLicenser | \r\n\r\n |
|---|
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues: (props) => {\r\n if (!props.student || !props.student.hasOwnProperty(\"name\")) return;\r\n\r\n return {\r\n classes: props.classes\r\n ? props.classes.map((c) => {\r\n return { label: c.name, value: c.id };\r\n })\r\n : [],\r\n selectedClass: {\r\n value: props.student.class.id,\r\n label: props.student.class.name,\r\n },\r\n dismissModal: props.dismissModal,\r\n studentName: props.student.name,\r\n newEmail: props.student.email,\r\n oldEmail: props.student.email,\r\n currentClass: {\r\n value: props.student.class.id,\r\n label: props.student.class.name,\r\n },\r\n };\r\n },\r\n\r\n validationSchema: Yup.object().shape({\r\n newEmail: Yup.string()\r\n .email(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nexport default AdminStudents;\r\n","import axios from \"../services/api/api\";\r\n\r\nexport const FETCH_PROGRAMME_BEGIN = \"FETCH_PROGRAMME_BEGIN\";\r\nexport const FETCH_PROGRAMME_FULFILLED = \"FETCH_PROGRAMME_FULFILLED\";\r\nexport const FETCH_PROGRAMME_REJECTED = \"FETCH_PROGRAMME_REJECTED\";\r\n\r\nexport const FETCH_PROGRAMMES_BEGIN = \"FETCH_PROGRAMMES_BEGIN\";\r\nexport const FETCH_PROGRAMMES_FULFILLED = \"FETCH_PROGRAMMES_FULFILLED\";\r\nexport const FETCH_PROGRAMMES_REJECTED = \"FETCH_PROGRAMMES_REJECTED\";\r\n\r\nexport const FETCH_FORTNOX_PROGRAMS_BEGIN = \"FETCH_FORTNOX_PROGRAMS_BEGIN\";\r\nexport const FETCH_FORTNOX_PROGRAMS_FULFILLED =\r\n \"FETCH_FORTNOX_PROGRAMS_FULFILLED\";\r\nexport const FETCH_FORTNOX_PROGRAMS_REJECTED =\r\n \"FETCH_FORTNOX_PROGRAMS_REJECTED\";\r\n\r\nexport function fetchProgrammes(schoolId) {\r\n return dispatch => {\r\n dispatch({\r\n type: FETCH_PROGRAMMES_BEGIN,\r\n payload: { loading: true }\r\n });\r\n return new Promise((resolve, reject) => {\r\n if (localStorage.getItem(\"email\")) {\r\n axios\r\n .get(`/programme/getBySchoolId/${schoolId}`)\r\n .then(response => {\r\n dispatch({\r\n type: FETCH_PROGRAMMES_FULFILLED,\r\n payload: response.data.result\r\n });\r\n resolve(true);\r\n })\r\n .catch(err => {\r\n dispatch({ type: FETCH_PROGRAMMES_REJECTED, payload: err });\r\n reject(err);\r\n });\r\n }\r\n });\r\n };\r\n}\r\n\r\nexport function fetchProgramme(id) {\r\n return dispatch => {\r\n dispatch({\r\n type: FETCH_PROGRAMME_BEGIN,\r\n payload: { loading: true }\r\n });\r\n return new Promise((resolve, reject) => {\r\n if (localStorage.getItem(\"email\")) {\r\n axios\r\n .get(`/programme/${id}`)\r\n .then(response => {\r\n dispatch({\r\n type: FETCH_PROGRAMME_FULFILLED,\r\n payload: response.data.result\r\n });\r\n resolve(true);\r\n })\r\n .catch(err => {\r\n dispatch({ type: FETCH_PROGRAMME_REJECTED, payload: err });\r\n reject(err);\r\n });\r\n }\r\n });\r\n };\r\n}\r\nexport function fetchFortNoxPrograms() {\r\n return dispatch => {\r\n dispatch({\r\n type: FETCH_FORTNOX_PROGRAMS_BEGIN,\r\n payload: { loading: true }\r\n });\r\n return new Promise((resolve, reject) => {\r\n if (localStorage.getItem(\"email\")) {\r\n axios\r\n .get(`/programme/FortNoxPrograms`)\r\n .then(response => {\r\n dispatch({\r\n type: FETCH_FORTNOX_PROGRAMS_FULFILLED,\r\n payload: response.data.result\r\n });\r\n resolve(true);\r\n })\r\n .catch(err => {\r\n dispatch({ type: FETCH_FORTNOX_PROGRAMS_REJECTED, payload: err });\r\n reject(err);\r\n });\r\n }\r\n });\r\n };\r\n}\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { FormGroup, Label, Button } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { toast } from \"react-toastify\";\r\nimport axios from \"../../services/api/api\";\r\nimport { API_BASE_URL } from \"../../constants/api.constants\";\r\n\r\nconst EditProgrammeForm = ({\r\n values,\r\n errors,\r\n touched,\r\n isSubmitting,\r\n dismissModal\r\n}) => {\r\n return (\r\n \r\n
\r\n Elever {school.name}
\r\n\r\n \r\n handleFilterSearch(data)}\r\n />\r\n \r\n toggleCreateStudentModal()}\r\n >\r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues: props => ({\r\n programmeName: props.programme ? props.programme.name : \"\"\r\n }),\r\n\r\n validationSchema: Yup.object().shape({\r\n programmeName: Yup.string().required(\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues: (props) => {\r\n return {\r\n name: props.name || \"\",\r\n fortNoxPrograms: props.fortNoxPrograms,\r\n selectedProgram: null,\r\n };\r\n },\r\n\r\n validationSchema: Yup.object().shape({\r\n selectedProgram: Yup.mixed().required(\"Du måste välja ett program\"),\r\n }),\r\n\r\n handleSubmit(values, { props, resetForm, setErrors, setSubmitting }) {\r\n axios\r\n .post(`${API_BASE_URL}/programme`, {\r\n name: values.selectedProgram.programName,\r\n customer: props.school,\r\n costCenter: values.selectedProgram.fortNoxCostCenter,\r\n })\r\n .then((response) => {\r\n toast.success(\r\n \r\n Skapa program\r\n
\r\n \r\n \r\n \r\n Program - {school.name} \r\n \r\n \r\n
\r\n \r\n \r\n \r\n handleFilterSearch(data)}\r\n />\r\n \r\n {\r\n toggleProgrammeModal();\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n }\r\n toggle={toggleConfirmDialog}\r\n onProceed={deleteProgramme}\r\n />\r\n \r\n );\r\n}\r\n\r\nexport default Programmes;\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { FormGroup, Label, Button } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { toast } from \"react-toastify\";\r\nimport axios from \"../../services/api/api\";\r\nimport Select from \"react-select\";\r\nimport CreatableSelect from 'react-select/creatable';\r\n\r\nconst CreateClassWithManyTeachers = props => {\r\n const { values, errors, touched, isSubmitting, dismissModal } = props;\r\n\r\n const handleChange = selected => {\r\n values.selectedTeacherIds = selected.map(t => t.id);\r\n };\r\n\r\n const handleProgramChange = c => {\r\n values.selectedProgramme = c;\r\n };\r\n\r\n const handleOrientationChange = e => {\r\n e ? (values.selectedOrientation = e.label) : (e = null);\r\n };\r\n\r\n return (\r\n | Namn | \r\nAntal klasser | \r\n\r\n |
|---|
\r\n Är du säker på att du vill ta bort läraren '\r\n {getprogrammeToRemove()}'?\r\n
\r\n\r\n Det här valet går inte att ångra.\r\n
\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n //todo-preselct teacher with loggedin if not fullaccess....\r\n mapPropsToValues: props => ({\r\n name: \"\",\r\n school: props.school,\r\n teachers: props.teachers,\r\n programmes: props.programmes ? props.programmes : [],\r\n preselectedProgramme: props.preselectedProgramme\r\n ? props.preselectedProgramme\r\n : null,\r\n orientations: props.orientations ? props.orientations : [],\r\n selectedTeacherIds: props.fullAccess\r\n ? []\r\n : props.preselectedTeacher\r\n ? props.preselectedTeacher.id\r\n : 0,\r\n selectedProgramme: props.preselectedProgramme\r\n ? props.preselectedProgramme\r\n : null,\r\n selectedOrientation: \"\",\r\n fullAccess: props.fullAccess ? props.fullAccess : true,\r\n preselectedTeacher: props.preselectedTeacher\r\n }),\r\n\r\n validationSchema: Yup.object().shape({\r\n name: Yup.string().required(\r\n \r\n \r\n
\r\n }\r\n toggle={toggleConfirmDialog}\r\n onProceed={handleDeleteClass}\r\n />\r\n\r\n \r\n
\r\n Klasser {school.name}
\r\n\r\n \r\n \r\n handleFilterSearch(data)}\r\n />\r\n \r\n {\r\n toggleClassModal();\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n | Namn | \r\nProgram | \r\nInriktning | \r\nAntal elever | \r\nAntal lärare | \r\n\r\n |
|---|
\r\n Är du säker på att du vill ta bort klassen '\r\n {getClassToRemove()}'?\r\n
\r\n\r\n Det här valet går inte att ångra.\r\n
\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues: (props) => ({\r\n classId: props.classId,\r\n teachers: props.teachers,\r\n existingTeachers: props.existingTeachers,\r\n selectedTeacherIds: [],\r\n }),\r\n\r\n validationSchema: Yup.object().shape({\r\n selectedTeacherIds: Yup.array().min(\r\n 1,\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues: props => ({\r\n classId: props.classId,\r\n students: props.students,\r\n existingStudents: props.existingStudents,\r\n selectedStudentIds: []\r\n }),\r\n\r\n validationSchema: Yup.object().shape({\r\n selectedStudentIds: Yup.array().min(\r\n 1,\r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n toggleModals(\"teacher\");\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n toggleModals(\"studentImport\")}\r\n >\r\n
\r\n \r\n \r\n
\r\n\r\n toggleModals(\"teacher\")}\r\n teachers={allTeachers}\r\n existingTeachers={classReducer.singleClass.teachers}\r\n loadTeachers={reloadClass}\r\n reloadAllTeachers={getallTeachers}\r\n />\r\n\r\n toggleModals(\"student\")}\r\n students={props.location.state.students}\r\n loadStudents={reloadClass}\r\n existingStudents={classReducer.singleClass.students}\r\n />\r\n\r\n \r\n {props.intl.formatMessage(\r\n { id: \"AreYouSureYouWantToDeleteTeacherNameFromClassName\" },\r\n {\r\n teacherName: teacherToDetach.name,\r\n className: classReducer.singleClass.name,\r\n }\r\n )}\r\n
\r\n }\r\n toggle={resetDetachTeacher}\r\n onProceed={detachTeacher}\r\n />\r\n\r\n \r\n
\r\n {classReducer.singleClass.name}
\r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n enableReinitialize: true,\r\n mapPropsToValues: (props, name) => {\r\n return {\r\n dismissModal: props.dismissModal,\r\n toggleExpand: props.toggleExpand,\r\n refreshList: props.refreshList,\r\n name: props.updateCourse ? props.updateCourse.name : \"\",\r\n description: props.updateCourse ? props.updateCourse.description : \"\",\r\n fortKnoxArticleNumber: props.updateCourse\r\n ? props.updateCourse.fortKnoxArticleNumber\r\n : \"\",\r\n imgFile: props.updateCourse ? props.updateCourse.imgUrl : \"\",\r\n code: props.updateCourse ? props.updateCourse.code : \"\",\r\n lwGuid:\r\n props.updateCourse && props.updateCourse.lwGuid\r\n ? props.updateCourse.lwGuid\r\n : \"\",\r\n lwStartModule:\r\n props.updateCourse && props.updateCourse.lwStartModule\r\n ? props.updateCourse.lwStartModule\r\n : \"\",\r\n lwStartModuleGuid:\r\n props.updateCourse && props.updateCourse.lwStartModuleGuid\r\n ? props.updateCourse.lwStartModuleGuid\r\n : \"\",\r\n isExpanded: props.updateCourse\r\n ? props.updateCourse.lwGuid != null\r\n ? true\r\n : false\r\n : props.isExpanded,\r\n courseId: props.updateCourse ? props.updateCourse.id : 0,\r\n programLicenses: props.availableProgramLicenses,\r\n selectedProgramLicenses: props.updateCourse\r\n ? props.updateCourse.programLicenses.map((option) => ({\r\n label: option,\r\n value: option,\r\n clearableValue: true,\r\n }))\r\n : [],\r\n orgProgramLicenses: props.updateCourse\r\n ? props.updateCourse.programLicenses\r\n : [],\r\n handleToggleCourseAsLoading: props.handleToggleCourseAsLoading,\r\n };\r\n },\r\n\r\n validationSchema: Yup.object().shape({\r\n name: Yup.string().required(\r\n \r\n Lägg till kurs\r\n
\r\n ) : (\r\n \r\n Redigera kurs:{\" \"}\r\n {this.props.updateCourse.name}\r\n
\r\n )}\r\n \r\n \r\n {this.headingTitle()} \r\n\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default CourseAdminNav;\r\n","import React, { Component } from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { fetchSlimCoursesForAdmin } from \"../../actions/coursesActions\";\r\nimport { Table, Input, Button, Row, Col } from \"reactstrap\";\r\nimport CreateCourse from \"../../components/Modal/CreateCourse\";\r\nimport { PacmanLoader } from \"react-spinners\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport CourseAdminNav from \"../../components/Navigation/CourseAdminNav\";\r\nimport axios from \"../../services/api/api\";\r\nimport { toast } from \"react-toastify\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nclass CoursesList extends Component {\r\n state = {\r\n filterSearch: \"\",\r\n isExpanded: false,\r\n selectedCourse: null,\r\n modalIsOpen: false,\r\n deleteModalIsOpen: false,\r\n updatingCourse: [],\r\n };\r\n\r\n componentDidMount() {\r\n this.props.dispatch(fetchSlimCoursesForAdmin());\r\n }\r\n\r\n updateCourses = () => {\r\n this.props.dispatch(fetchSlimCoursesForAdmin());\r\n };\r\n\r\n toggleModal = () => {\r\n this.setState({ modalIsOpen: !this.state.modalIsOpen });\r\n };\r\n\r\n toggleExpand = () => {\r\n this.setState({ isExpanded: !this.state.isExpanded });\r\n };\r\n\r\n selectCourse = (course, programLicenses) => {\r\n course.programLicenses = programLicenses;\r\n\r\n this.setState({ selectedCourse: course });\r\n this.toggleModal();\r\n };\r\n\r\n deleteCourse = (courseId) => {\r\n axios\r\n .delete(\"/Course/\" + courseId)\r\n .then((response) => {})\r\n .catch((err) => {\r\n toast.warn(err.response.data);\r\n });\r\n\r\n var index = this.props.courses.slimResult.findIndex((course) => {\r\n return course.id === courseId;\r\n });\r\n\r\n this.props.courses.slimResult.splice(index, 1);\r\n };\r\n createNew = () => {\r\n this.setState({ selectedCourse: null });\r\n this.toggleModal();\r\n };\r\n\r\n filterSearch = (event) => {\r\n this.setState({ filterSearch: event.target.value });\r\n };\r\n\r\n handleToggleCourseAsLoading = (courseId) => {\r\n if (this.state.updatingCourse.includes(courseId)) {\r\n this.setState({\r\n updatingCourse: this.state.updatingCourse.filter(function (course) {\r\n return course !== courseId;\r\n }),\r\n });\r\n this.updateCourses();\r\n } else {\r\n this.setState({\r\n updatingCourse: [...this.state.updatingCourse, courseId],\r\n });\r\n }\r\n };\r\n\r\n render() {\r\n if (this.props.courses.error) {\r\n }\r\n\r\n if (this.props.courses.loading === true) {\r\n return (\r\n 
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n courses: store.coursesListReducer,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(CoursesList);\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport { FormGroup, Label, Button, Col } from \"reactstrap\";\r\nimport { toast } from \"react-toastify\";\r\nimport axios from \"../../services/api/api\";\r\nimport { API_BASE_URL } from \"../../constants/api.constants\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nconst AddModuleToCourseForm = ({\r\n errors,\r\n touched,\r\n isSubmitting,\r\n modules,\r\n dismissModal,\r\n}) => {\r\n return (\r\n \r\n \r\n {\r\n this.createNew();\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n | \r\n | Namn | \r\n\r\n | \r\n Kod | \r\nBeskrivning | \r\nModuler | \r\nProgramlicens | \r\nRadera | \r\n
|---|
\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n enableReinitialize: true,\r\n mapPropsToValues: (props, name) => {\r\n return {\r\n dismissModal: props.dismissModal,\r\n name: name || \"\",\r\n modules: props.modules,\r\n createFromSelect: true,\r\n createNew: false,\r\n courseId: props.courseId,\r\n sortOrder: 0,\r\n moduleId: -1,\r\n selectModule: props.selectModule !== null ? props.selectModule : -1,\r\n };\r\n },\r\n\r\n handleSubmit(values, { props, setSubmitting }) {\r\n //Koppla vald modul till kurs\r\n if (values.createFromSelect) {\r\n axios\r\n .post(\r\n `${API_BASE_URL}/Course/AddExistingModuleToCource?courseId=${values.courseId}&moduleId=${values.moduleId}&sortOrder=${values.sortOrder}`,\r\n {}\r\n )\r\n .then(() => {\r\n toast.success(\"Modulen har lagts till kursen\", {\r\n position: \"top-right\",\r\n closeOnClick: true,\r\n pauseOnHover: true,\r\n autoClose: 3000,\r\n });\r\n props.reloadModules();\r\n props.dismissModal();\r\n })\r\n .catch((err) => {\r\n toast.warn(err.response.data, {\r\n position: \"top-right\",\r\n closeOnClick: true,\r\n pauseOnHover: true,\r\n autoClose: 5000,\r\n });\r\n props.dismissModal();\r\n });\r\n }\r\n\r\n setSubmitting(false);\r\n },\r\n})(AddModuleToCourseForm);\r\n\r\nexport default FormikForm;\r\n","import React from \"react\";\r\nimport { Modal, ModalHeader, ModalBody, Fade } from \"reactstrap\";\r\nimport AddModuleToCourseForm from \"../Forms/AddModuleToCourseForm\";\r\n\r\nexport default function CreateModule({\r\n isOpen,\r\n toggle,\r\n createNew,\r\n updateModule,\r\n courseName,\r\n reloadModules,\r\n modules,\r\n courseId,\r\n createdModuleId,\r\n}) {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default ModuleTypeIcon;\r\n","import { useState, useEffect } from \"react\";\r\nimport {\r\n Modal,\r\n ModalHeader,\r\n ModalBody,\r\n ModalFooter,\r\n Button,\r\n Row,\r\n} from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { DragDropContext, Droppable, Draggable } from \"react-beautiful-dnd\";\r\nimport { SetCourseModuleSortOrder } from \"../../actions/superUserMutations\";\r\nimport { useMutation } from \"react-query\";\r\nimport { toast } from \"react-toastify\";\r\nimport DragIndicatorIcon from \"@mui/icons-material/DragIndicator\";\r\n\r\nexport default function SetCourseModuleSortOrderModal({\r\n isOpen,\r\n toggle,\r\n modules,\r\n courseId,\r\n reloadModules,\r\n}) {\r\n const [sortedModules, setSortedModules] = useState([]);\r\n\r\n useEffect(() => {\r\n setSortedModules(\r\n modules.map((mod) => ({\r\n sortOrder: mod.sortOrder,\r\n id: mod.moduleId,\r\n name: mod.module.name,\r\n }))\r\n );\r\n }, [modules]);\r\n\r\n const mutateSetModuleOrder = useMutation(SetCourseModuleSortOrder);\r\n\r\n const handleSaveOrder = () => {\r\n let postObject = {\r\n courseId: courseId,\r\n orderedModuleIds: sortedModules.map((mod) => mod.id),\r\n };\r\n mutateSetModuleOrder.mutate(postObject, {\r\n onSuccess: (data) => {\r\n if (data && data.status > 199 && data.status < 300) {\r\n toast.success(\"Ordning sparad\");\r\n reloadModules();\r\n } else {\r\n toast.warn(data);\r\n }\r\n },\r\n throwOnError: true,\r\n onError: (data) => {\r\n toast.warn(data);\r\n },\r\n });\r\n toggle();\r\n };\r\n\r\n const handleDrop = (droppedItem) => {\r\n if (!droppedItem.destination) return;\r\n var updatedList = [...sortedModules];\r\n\r\n const [reorderedItem] = updatedList.splice(droppedItem.source.index, 1);\r\n\r\n updatedList.splice(droppedItem.destination.index, 0, reorderedItem);\r\n\r\n setSortedModules(updatedList);\r\n };\r\n\r\n return (\r\n \r\n
\r\n setSortModalIsOpen(!sortModalIsOpen)}\r\n modules={currentModules}\r\n courseId={props.location.state.courseId}\r\n reloadModules={loadModules}\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default CourseModulesList;\r\n","import React from \"react\";\r\nimport { FormGroup, Label, Input, Col, Row } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { injectIntl } from \"react-intl\";\r\n\r\nconst CreateNewScormModuleForm = ({\r\n setModule,\r\n module,\r\n errors,\r\n setErrors,\r\n moduleToEdit,\r\n intl,\r\n}) => {\r\n const handleSetName = (name) => {\r\n setErrors(errors.filter((obj) => obj !== \"name\"));\r\n setModule({\r\n ...module,\r\n name: name,\r\n });\r\n };\r\n\r\n const handleSetDescription = (description) => {\r\n setErrors(errors.filter((obj) => obj !== \"description\"));\r\n setModule({\r\n ...module,\r\n description: description,\r\n });\r\n };\r\n\r\n const handleSetFile = (file) => {\r\n setErrors(errors.filter((obj) => obj !== \"file\"));\r\n setModule({ ...module, file: file });\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n \r\n props.history.push(\"/superuser/courses\")}\r\n >\r\n \r\n \r\n {props.location.state.courseName} : Kopplade moduler\r\n {\r\n toggleModal();\r\n }}\r\n >\r\n {\r\n setSortModalIsOpen(!sortModalIsOpen);\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n\r\n | \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
|---|
\r\n {course.name}\r\n
\r\n );\r\n })}\r\n \r\n \r\n{module.maxScore}
\r\n{module.approveScoreLimit}%
\r\n \r\n{module.maxActivityPoints}
\r\n{module.approveActivityLimit}
\r\n \r\n{module.description}
\r\n \r\n{module.id}
\r\n\r\n handleToggleEditModal()}\r\n reloadModules={loadModules}\r\n lwFileNames={lwFileNames}\r\n moduleToEdit={editModule}\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default ModulesList;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { PacmanLoader } from \"react-spinners\";\r\nimport { Card, Row, Col } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport NumberFormat from \"react-number-format\";\r\n\r\nimport { fetchInvoiceHistoryForAllCustomers } from \"../../actions/invoiceHistoryActions\";\r\nimport InvoiceItem from \"../../components/Invoice/InvoiceItem\";\r\n\r\nclass InvoiceHistory extends React.Component {\r\n componentDidMount() {\r\n this.props.dispatch(fetchInvoiceHistoryForAllCustomers());\r\n }\r\n\r\n render() {\r\n const { invoiceHistory } = this.props;\r\n\r\n if (invoiceHistory.loading) {\r\n return (\r\n \r\n \r\n \r\n {\r\n handleOpenAddNewModule();\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n | \r\n | \r\n \r\n \r\n | \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n \r\n \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n \r\n | \r\n
|---|
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {invoiceHistory.result\r\n .sort((a, b) => a.created > b.created)\r\n .map((invoice, i) => {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => {\r\n return {\r\n invoiceHistory: store.invoiceHistoryReducer\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps)(InvoiceHistory);","import React from 'react'\r\nimport { Row, Badge, Col } from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport default function FoundUserInfo(props) {\r\n \r\n if (props.foundUser.UserFound !== false) {\r\n return (\r\n \r\n
\r\n \r\n r.price).reduce(reducer)}\r\n displayType={\"text\"}\r\n thousandSeparator={\" \"}\r\n />{\" \"}\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n {props.foundUser.Type === \"Teacher\" ?\r\n \r\n
\r\n : \"\"}\r\n\r\n {props.foundUser.Type === \"Teacher\" ? \r\n \r\n
\r\n : \"\"}\r\n\r\n {props.foundUser.Type !== \"Superuser\" && props.foundUser.Type !== \"Admin\" ? \r\n \r\n
\r\n : \"\"}\r\n\r\n {props.foundUser.Type !== \"Superuser\" && props.foundUser.Type !== \"Admin\" ?\r\n \r\n
\r\n : \"\"}\r\n\r\n {props.foundUser.Type === \"Student\" ?\r\n \r\n
\r\n : \"\"}\r\n\r\n {props.foundUser.Type === \"Student\" ?\r\n \r\n { courselicense } \r\n })}\r\n
\r\n : \"\"}\r\n
\r\n \r\n {props.foundUser.Id}
\r\n{props.foundUser.Created}
\r\n{props.foundUser.IsDeleted ?
{props.foundUser.Activated ?
{props.foundUser.Name}
\r\n{props.foundUser.Type}
\r\n{props.foundUser.HasFullTeacherAccess ?
{props.foundUser.IsPurchaser ?
{props.foundUser.Schools.length > 1 ?
{props.foundUser.Classes.length > 1 ?
{props.foundUser.AplLicenseValidTo}
\r\n{props.foundUser.Licenses.length > 1 ?
\r\n
\r\n \r\n {props.foundUser.failMessage}
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {\r\n var userEmail = document.getElementById(\"user-search-email\").value.trim()\r\n\r\n axios\r\n .get(`${API_BASE_URL}/User/ByEmail?email=${userEmail}`)\r\n .then(response => {\r\n\r\n var res = response?.data?.result;\r\n\r\n if (res) {\r\n setFoundUser({ UserFound: true, \r\n Id: res.id, \r\n IsDeleted: res.isDeleted,\r\n Created: res.created,\r\n Name: res.name, \r\n Type: res.userType, \r\n Activated: res.hasActivatedAccount, \r\n HasFullTeacherAccess: res.hasFullTeacherAccess, \r\n Schools: res.schools, \r\n Classes: res.classes, \r\n Licenses: res.coursesInLicense,\r\n IsPurchaser: res.isPurchaser,\r\n AplLicenseValidTo: res.aplLicenseValidTo\r\n })\r\n } \r\n })\r\n .catch(err => {\r\n var failMessage = err?.response?.data ? err.response.data : err;\r\n setFoundUser({UserFound: false, failMessage: failMessage})\r\n });\r\n }\r\n }\r\n >\r\n Sök\r\n \r\n \r\n
\r\n {CheckUser()}\r\n
\r\n )\r\n}\r\n","import { Button, Col, Row } from \"reactstrap\";\r\nimport { toast } from \"react-toastify\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport axios from \"../../services/api/api\";\r\nimport { API_BASE_URL } from \"../../constants/api.constants\";\r\n\r\nexport default function AddUserAPLLicense() {\r\n const handleRepostFailedPosts = () => {\r\n axios\r\n .post(`${API_BASE_URL}/ShopNew/RePostFailedFortNoxOrders`)\r\n .then((response) => {\r\n toast.success(response.data.result);\r\n })\r\n .catch((err) => {\r\n toast.warn(\r\n `Något gick fel: ${\r\n err.response?.data ? err.response.data : err.response\r\n }`\r\n );\r\n });\r\n };\r\n\r\n return (\r\n Sök användare
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n}\r\n","import React from 'react'\r\nimport { Input, Button, Col, Row } from 'reactstrap'\r\nimport axios from \"../../services/api/api\";\r\nimport { toast } from \"react-toastify\";\r\nimport { API_BASE_URL } from \"../../constants/api.constants\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport default function MoveUser() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n\r\n var button = document.getElementById(\"button-move-user\")\r\n button.disabled = true;\r\n\r\n var userEmail = document.getElementById(\"user-move-email\").value.trim()\r\n var className = document.getElementById(\"user-move-classname\").value.trim()\r\n var fortNoxNumber = document.getElementById(\"user-move-customernumber\").value.trim()\r\n\r\n axios\r\n .post(`${API_BASE_URL}/User/Move?userEmail=${userEmail}&toSchoolFortNoxNumber=${fortNoxNumber}&toClassName=${className}`)\r\n .then(response => {\r\n if (response?.data?.result) {\r\n toast.success(response.data.result, {\r\n autoClose: 8000\r\n });\r\n }\r\n else {\r\n toast.warn(\"Svaret från servern var oväntat\");\r\n }\r\n\r\n button.disabled = false;\r\n })\r\n .catch(err => {\r\n var failMessage = err?.response?.data ? err.response.data : err;\r\n toast.warn(failMessage, {\r\n autoClose: 8000\r\n });\r\n\r\n button.disabled = false;\r\n });\r\n }}\r\n >\r\n
\r\n
\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { Input, Button, Col, Row } from \"reactstrap\";\r\nimport axios from \"../../services/api/api\";\r\nimport { toast } from \"react-toastify\";\r\nimport { API_BASE_URL } from \"../../constants/api.constants\";\r\nimport { AUTH_BASE_URL } from \"../../constants/api.constants\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport TooltipHelp from \"../Help/ToolTipHelp\";\r\n\r\nexport default function DeleteUser() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n var isDeleteOperation = document.getElementById(\"radioDeleteUser\")\r\n .checked;\r\n var userEmail = document\r\n .getElementById(\"user-delete-email\")\r\n .value.trim();\r\n\r\n axios\r\n .post(`${AUTH_BASE_URL}/token/SetLockout`, {\r\n email: userEmail,\r\n lockout: isDeleteOperation,\r\n })\r\n .then((res) => {\r\n if (res.status === 202) {\r\n toast.success(res.data);\r\n }\r\n })\r\n .catch((err) => {\r\n var failMessage = err?.response?.data\r\n ? err.response.data\r\n : err;\r\n toast.warn(failMessage);\r\n });\r\n\r\n axios\r\n .post(\r\n `${API_BASE_URL}/User/SetDeleted?email=${userEmail}&isDeleted=${isDeleteOperation}`\r\n )\r\n .then((response) => {\r\n if (response?.data?.result?.name) {\r\n var userName = response.data.result.name;\r\n var isDeleted = response.data.result.isDeleted\r\n ? \"JA\"\r\n : \"NEJ\";\r\n\r\n toast.success(\r\n userName + \" har nu status Raderad: \" + isDeleted\r\n );\r\n } else {\r\n toast.warn(\"Svaret från servern var inte korrekt\");\r\n }\r\n })\r\n .catch((err) => {\r\n var failMessage = err?.response?.data\r\n ? err.response.data\r\n : err;\r\n toast.warn(failMessage);\r\n });\r\n }}\r\n >\r\n
\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Input, Button, Col, Row } from \"reactstrap\";\r\nimport axios from \"../../services/api/api\";\r\nimport { toast } from \"react-toastify\";\r\nimport { API_BASE_URL } from \"../../constants/api.constants\";\r\nimport { AUTH_BASE_URL } from \"../../constants/api.constants\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport TooltipHelp from \"../Help/ToolTipHelp\";\r\n\r\nexport default function RestoreDeleteStudentWithNoCLass() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n\r\n\r\n var className = document\r\n .getElementById(\"class-name\")\r\n .value.trim();\r\n\r\n var userEmail = document\r\n .getElementById(\"student-restore-email\")\r\n .value.trim();\r\n\r\n\r\n axios\r\n .post(`${AUTH_BASE_URL}/token/SetLockout`, {\r\n email: userEmail,\r\n lockout: false,\r\n })\r\n .then((res) => {\r\n if (res.status === 202) {\r\n toast.success(res.data);\r\n }\r\n })\r\n .catch((err) => {\r\n var failMessage = err?.response?.data\r\n ? err.response.data\r\n : err;\r\n toast.warn(failMessage);\r\n });\r\n\r\n axios\r\n .post(\r\n `${API_BASE_URL}/User/RestoreDeletedStudentWithNoClass?email=${userEmail}&className=${className}`\r\n )\r\n .then((response) => {\r\n if (response?.data?.result?.name) {\r\n var userName = response.data.result.name;\r\n var isDeleted = response.data.result.isDeleted\r\n ? \"JA\"\r\n : \"NEJ\";\r\n\r\n toast.success(\r\n userName + \" har nu status Raderad: \" + isDeleted\r\n );\r\n } else {\r\n toast.warn(\"Svaret från servern var inte korrekt\");\r\n }\r\n })\r\n .catch((err) => {\r\n var failMessage = err?.response?.data\r\n ? err.response.data\r\n : err;\r\n toast.warn(failMessage);\r\n });\r\n }}\r\n >\r\n
\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Input, Button, Col, Row } from \"reactstrap\";\r\nimport axios from \"../../services/api/api\";\r\nimport { toast } from \"react-toastify\";\r\nimport { API_BASE_URL } from \"../../constants/api.constants\";\r\nimport { AUTH_BASE_URL } from \"../../constants/api.constants\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nexport default function RestoreDeleteStudentWithNoCLassAndNoLicense() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n\r\n var className = document\r\n .getElementById(\"class-name-nolicense\")\r\n .value.trim();\r\n\r\n var userEmail = document\r\n .getElementById(\"student-restore-email-nolicense\")\r\n .value.trim();\r\n\r\n var customerNumber = document\r\n .getElementById(\"school-number-nolicense\")\r\n .value.trim();\r\n\r\n axios\r\n .post(`${AUTH_BASE_URL}/token/SetLockout`, {\r\n email: userEmail,\r\n lockout: false,\r\n })\r\n .then((res) => {\r\n if (res.status === 202) {\r\n toast.success(res.data);\r\n }\r\n })\r\n .catch((err) => {\r\n var failMessage = err?.response?.data\r\n ? err.response.data\r\n : err;\r\n toast.warn(failMessage);\r\n });\r\n\r\n axios\r\n .post(\r\n `${API_BASE_URL}/User/RestoreDeletedStudentWithNoClassAndNoLicense?email=${userEmail}&className=${className}&schoolFortNoxNumber=${customerNumber}`\r\n )\r\n .then((response) => {\r\n if (response?.data?.result?.name) {\r\n var userName = response.data.result.name;\r\n var isDeleted = response.data.result.isDeleted\r\n ? \"JA\"\r\n : \"NEJ\";\r\n\r\n toast.success(\r\n userName + \" har nu status Raderad: \" + isDeleted\r\n );\r\n } else {\r\n toast.warn(\"Svaret från servern var inte korrekt\");\r\n }\r\n })\r\n .catch((err) => {\r\n var failMessage = err?.response?.data\r\n ? err.response.data\r\n : err;\r\n toast.warn(failMessage);\r\n });\r\n }}\r\n >\r\n
\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport Button from \"reactstrap/lib/Button\";\r\nimport FormGroup from \"reactstrap/lib/FormGroup\";\r\nimport Label from \"reactstrap/lib/Label\";\r\nimport Select from \"react-select\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport axios from \"../../services/api/api\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nconst CreateOrUpdateAdminUserForm = ({\r\n values,\r\n errors,\r\n touched,\r\n isSubmitting,\r\n dismissModal\r\n}) => {\r\n const currentRole = values.roles.find(e => e.label === values.role)\r\n ? values.roles.find(e => e.label === values.role)\r\n : values.roles[0];\r\n\r\n const handleChange = value => {\r\n values.role = value;\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues({ user }) {\r\n return {\r\n updateUser: user !== null,\r\n name: user ? user.name : \"\",\r\n email: user ? user.email : \"\",\r\n token: \"\",\r\n roles: [\r\n { label: \"Admin\", value: 3 },\r\n { label: \"SuperUser\", value: 2 }\r\n ],\r\n role: user ? user.role : null\r\n };\r\n },\r\n\r\n validationSchema: Yup.object().shape({\r\n email: Yup.string()\r\n .email(\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n adminUsers: store.adminUsersReducer,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(Users);\r\n","import axios from \"../services/api/api\";\r\nimport { API_BASE_URL } from \"../constants/api.constants\";\r\n\r\nimport {\r\n UPDATE_FINAL_EXAM_STATUS_BEGIN,\r\n UPDATE_FINAL_EXAM_STATUS_FULFILLED,\r\n UPDATE_FINAL_EXAM_STATUS_REJECTED\r\n} from \"../reducers/toggleFinalExamReducer\";\r\n\r\nexport function toggleFinalExamAction(data) {\r\n return function(dispatch) {\r\n dispatch({\r\n type: UPDATE_FINAL_EXAM_STATUS_BEGIN\r\n });\r\n axios\r\n .post(`${API_BASE_URL}/teacher/activatefinalexam`, data)\r\n .then(() => {\r\n axios\r\n .get(\"/Teacher/Courses?email=\" + localStorage.getItem(\"email\"))\r\n .then(response => {\r\n dispatch({\r\n type: UPDATE_FINAL_EXAM_STATUS_FULFILLED,\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({ type: UPDATE_FINAL_EXAM_STATUS_REJECTED, payload: err });\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({\r\n type: UPDATE_FINAL_EXAM_STATUS_REJECTED,\r\n payload: err\r\n });\r\n });\r\n };\r\n}\r\n","import React from \"react\";\r\nimport { Col, Button } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nconst TeacherCourseModule = (props) => {\r\n //Todo....elever som kör/hart kört moduler kommer inte med\r\n\r\n let nbrOfStudentsInProgress = props.module.students.filter(\r\n (x) => x.status === \"InProgress\"\r\n ).length;\r\n let nbrOfStudentsDone = props.module.students.filter(\r\n (x) => x.status === \"Done\"\r\n ).length;\r\n\r\n return (\r\n \r\n \r\n this.filterByQuery(event)}\r\n />\r\n \r\n {\r\n this.toggleAddOrUpdateUserDialog(null);\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n\r\n | Användarnamn | \r\nE-post | \r\nRoll | \r\n
|---|---|---|
| {user.name} | \r\n{user.email} | \r\n{user.role} | \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DoughnutChart;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { fetchTeacherFinalexamResultsAction } from \"../../actions/teacherModuleResultsActions\";\r\nimport { toggleFinalExamAction } from \"../../actions/toggleFinalExamAction\";\r\nimport {\r\n Card,\r\n Row,\r\n Col,\r\n Form,\r\n Input,\r\n FormGroup,\r\n Label,\r\n Button,\r\n Badge,\r\n CardBody\r\n} from \"reactstrap\";\r\nimport { BarLoader } from \"react-spinners\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport StudentProgress from \"../Student/StudentProgress\";\r\nimport moment from \"moment\";\r\nimport CardHeader from \"reactstrap/lib/CardHeader\";\r\nimport CardFooter from \"reactstrap/lib/CardFooter\";\r\n\r\nclass BestCourseCard extends React.Component {\r\n state = {\r\n filterStudents: \"\",\r\n finalExams: [],\r\n filterReady: false,\r\n filterActivated: false,\r\n filterNotActive: false\r\n };\r\n componentDidMount() {\r\n this.props.dispatch(\r\n fetchTeacherFinalexamResultsAction(this.props.courseId)\r\n );\r\n }\r\n doFilterStudents = event => {\r\n this.setState({ filterStudents: event.target.value });\r\n };\r\n\r\n updateFinalExam = (id, enable) => {\r\n this.props.dispatch(\r\n toggleFinalExamAction([{ Id: id, FinalExamEnabled: enable }])\r\n );\r\n\r\n let finalExams = this.state.finalExams;\r\n\r\n var index = finalExams.findIndex(x => x.id === id);\r\n\r\n if (index !== -1) {\r\n finalExams.splice(index, 1);\r\n }\r\n\r\n finalExams.push({\r\n id: id,\r\n enable: enable,\r\n setDate: moment().toDate()\r\n });\r\n\r\n this.setState({ finalExams: finalExams });\r\n };\r\n\r\n filterReady = () => {\r\n this.setState({ filterReady: !this.state.filterReady });\r\n };\r\n filterActive = () => {\r\n this.setState({ filterActivated: !this.state.filterActivated });\r\n };\r\n filterNotActive = () => {\r\n this.setState({ filterNotActive: !this.state.filterNotActive });\r\n };\r\n\r\n render() {\r\n if (this.props.finalExamResult.loading === true) {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {mappedStudents}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => {\r\n return {\r\n finalExamResult: store.teacherModuleResultsReducer\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(BestCourseCard);\r\n","import axios from \"../services/api/api\";\r\n\r\nexport function fetchTeacherModuleResultsAction(courseId, moduleId) {\r\n return function(dispatch) {\r\n dispatch({\r\n type: \"FETCH_TEACHER_MODULE_RESULTS_BEGIN\",\r\n payload: { loading: true }\r\n });\r\n\r\n var email = localStorage.getItem(\"email\");\r\n\r\n let url = `/Teacher/ModuleResults?teacheremail=${email}&courseId=${courseId}`;\r\n if (moduleId) {\r\n url = url.concat(`&courseModuleId=${moduleId}`);\r\n }\r\n axios\r\n .get(url)\r\n .then(response => {\r\n dispatch({\r\n type: \"FETCH_TEACHER_MODULE_RESULTS_SUCCESS\",\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({\r\n type: \"FETCH_TEACHER_MODULE_RESULTS_REJECTED\",\r\n payload: err\r\n });\r\n });\r\n };\r\n}\r\n\r\nexport function fetchTeacherFinalexamResultsAction(courseId) {\r\n return function(dispatch) {\r\n dispatch({\r\n type: \"FETCH_TEACHER_FINALEXAM_RESULTS_BEGIN\",\r\n payload: { loading: true }\r\n });\r\n\r\n var email = localStorage.getItem(\"email\");\r\n\r\n let url = `/Teacher/FinalExamResults?teacheremail=${email}&courseId=${courseId}`;\r\n\r\n axios\r\n .get(url)\r\n .then(response => {\r\n dispatch({\r\n type: \"FETCH_TEACHER_FINALEXAM_RESULTS_SUCCESS\",\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({\r\n type: \"FETCH_TEACHER_FINALEXAM_RESULTS_REJECTED\",\r\n payload: err\r\n });\r\n });\r\n };\r\n}\r\n","import React from \"react\";\r\nimport {\r\n CardTitle,\r\n CardSubtitle,\r\n Card,\r\n CardBody,\r\n Col,\r\n Row,\r\n Button,\r\n Collapse,\r\n Nav,\r\n NavItem,\r\n NavLink,\r\n TabContent,\r\n TabPane,\r\n Input,\r\n Form,\r\n FormGroup,\r\n Label,\r\n} from \"reactstrap\";\r\nimport TeacherCourseModule from \"./TeacherCourseModule\";\r\nimport TeacherCourseStudent from \"./TeacherCourseStudent\";\r\nimport DoughnutChart from \"../../components/Charts/DoughnutChart\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport CardImg from \"reactstrap/lib/CardImg\";\r\nimport CardFooter from \"reactstrap/lib/CardFooter\";\r\nimport FinalExamResults from \"../../components/Teacher/FinalExamResults\";\r\n\r\nconst TeacherCourse = (props) => {\r\n this.handleGoToStudentResult = (studentId) => {\r\n props.navigateToResults(studentId, props.course.id);\r\n };\r\n\r\n this.handleGoToModuleResult = (courseId, moduleId) => {\r\n props.navigateToModuleResult(courseId, moduleId);\r\n };\r\n\r\n this.handleOpenModule = (courseId, moduleId, url, moduleType) => {\r\n props.openModule(courseId, moduleId, url, moduleType);\r\n };\r\n\r\n let mappedModules = null;\r\n let mappedStudents = null;\r\n let students = [];\r\n\r\n let nbrOfInprogress = 0;\r\n let nbrOfDone = 0;\r\n let nbrOfNotStarted = 0;\r\n\r\n if (props.course.id != null) {\r\n if (props.course.students.length) {\r\n nbrOfInprogress = props.course.students.filter(\r\n (status) => status.status === \"InProgress\"\r\n ).length;\r\n nbrOfDone = props.course.students.filter(\r\n (status) => status.status === \"Done\"\r\n ).length;\r\n nbrOfNotStarted = props.course.students.filter(\r\n (status) => status.status === \"NotStarted\"\r\n ).length;\r\n }\r\n\r\n mappedModules = props.course.modules\r\n .sort((a, b) => a.sortOrder - b.sortOrder)\r\n .map((module, i) => (\r\n \r\n
\r\n \r\n\r\n {/* \r\n this.addClassToExam(x)}\r\n color={this.state.examClasses.indexOf(x) >= 0 ? \"primary\" : \"light\"}\r\n style={{ cursor: \"pointer\" }}\r\n >\r\n {x} \r\n {\" \"}\r\n
\r\n ));\r\n\r\n return (\r\n \r\n \r\n this.toggleFinalExam(null)}>\r\n Välj klasser för slutprov{\" \"}\r\n {this.state.selectedExamCourse &&\r\n \"(\" + this.state.selectedExamCourse.courseName + \")\"}\r\n \r\n \r\n {selectableExamClasses} \r\n \r\n \r\n \r\n \r\n\r\n {(!this.props.location.state ||\r\n !this.props.location.state.className) && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {mappedCourses}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n results: store.teacherCoursesReducer,\r\n examResults: store.toggleFinalExamReducer,\r\n teacherInformation: store.teacherInformationReducer,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(TeacherCourses);\r\n","import React from \"react\";\r\nimport { Row, Col, Button } from \"reactstrap\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { PacmanLoader } from \"react-spinners\";\r\nimport ConfirmDialog from \"../../components/Modal/ConfirmDialog\";\r\n\r\nexport default class ProgramLicenseCourseComponent extends React.Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n dialogVisible: false,\r\n course: null\r\n };\r\n this.onRemoveCourseClick = this.onRemoveCourseClick.bind(this);\r\n this.onOk = this.onOk.bind(this);\r\n this.onCancel = this.onCancel.bind(this);\r\n }\r\n\r\n onRemoveCourseClick(course) {\r\n this.course = course;\r\n this.setState({ dialogVisible: true });\r\n }\r\n\r\n onOk() {\r\n this.setState({ dialogVisible: false });\r\n\r\n this.props.disconnect(\r\n this.props.program.licenseName,\r\n this.course.id);\r\n }\r\n\r\n onCancel() {\r\n this.setState({ dialogVisible: false });\r\n }\r\n\r\n render() {\r\n let mappedCourses = this.props.courses.map((course, i) => (\r\n \r\n this.updateFinalExamStatus(false)}\r\n >\r\n this.updateFinalExamStatus(true)}\r\n >\r\n
\r\n \r\n \r\n this.onRemoveCourseClick(course)}\r\n >\r\n
\r\n\r\n { this.onOk() }}\r\n message={`Vill du koppla bort ${this.course ? this.course.name : \"kursen\"} från ${this.props.program ? this.props.program.licenseName : \"programmet\"}?`}\r\n />\r\n
\r\n ));\r\n\r\n return - {mappedCourses}
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = (store) => {\r\n return {\r\n courses: store.coursesListReducer,\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(ProgramLicenses);\r\n","import React, { Component } from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport uuid from \"uuid\";\r\n\r\nexport class ModuleRatingsTable extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sortedBy: null\r\n };\r\n }\r\n\r\n listSorter = (key, order = \"asc\") => {\r\n return (a, b) => {\r\n if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) {\r\n return 0;\r\n }\r\n const varA = typeof a[key] === \"string\" ? a[key].toUpperCase() : a[key];\r\n const varB = typeof b[key] === \"string\" ? b[key].toUpperCase() : b[key];\r\n\r\n let comparison = 0;\r\n if (varA < varB) {\r\n comparison = 1;\r\n } else if (varA > varB) {\r\n comparison = -1;\r\n }\r\n this.setState({ sortedBy: key });\r\n return order === \"desc\" ? comparison * -1 : comparison;\r\n };\r\n };\r\n\r\n render() {\r\n var ratingsResponse = this.props.ratingsResponse;\r\n var avgRating = this.props.avgRating;\r\n var totRatings = this.props.totRatings;\r\n var mappedRatings = this.props.ratingsResponse.map(ratings => {\r\n return (\r\n \r\n
\r\n \r\n {mappedLicense}
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n ratingsResponse.sort(this.listSorter(\"courseName\", \"desc\"))\r\n }\r\n >\r\n Kurs\r\n \r\n \r\n ratingsResponse.sort(this.listSorter(\"moduleName\", \"desc\"))\r\n }\r\n >\r\n Modul\r\n \r\n \r\n ratingsResponse.sort(this.listSorter(\"gradeAverage\"))\r\n }\r\n >\r\n Genomsnittligt betyg\r\n \r\n \r\n ratingsResponse.sort(this.listSorter(\"numberOfGrades\"))\r\n }\r\n >\r\n Antal betyg\r\n \r\n \r\n \r\n {mappedRatings}\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default ModuleRatingsTable;\r\n","import React, { Component } from \"react\";\r\nimport { Table } from \"reactstrap\";\r\nimport uuid from \"uuid\";\r\nimport moment from \"moment\";\r\nimport { Button } from \"reactstrap\";\r\nimport { saveAs } from \"file-saver\";\r\n\r\nexport class StudentCourseRatings extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n sortedBy: null\r\n };\r\n }\r\n\r\n listSorter = (key, order = \"asc\") => {\r\n return (a, b) => {\r\n if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) {\r\n return 0;\r\n }\r\n const varA = typeof a[key] === \"string\" ? a[key].toUpperCase() : a[key];\r\n const varB = typeof b[key] === \"string\" ? b[key].toUpperCase() : b[key];\r\n\r\n let comparison = 0;\r\n if (varA < varB) {\r\n comparison = 1;\r\n } else if (varA > varB) {\r\n comparison = -1;\r\n }\r\n this.setState({ sortedBy: key });\r\n return order === \"desc\" ? comparison * -1 : comparison;\r\n };\r\n };\r\n\r\n render() {\r\n var commentsResponse = this.props.comments;\r\n var mappedComments = commentsResponse.map(comment => {\r\n return (\r\n | Totalt genomsnittligt betyg: {avgRating} | \r\nTotalt antal betyg: {totRatings} | \r\n
|---|
| \" +\r\n comment.courseName +\r\n \" | \" +\r\n comment.moduleName +\r\n \" | \" +\r\n comment.studentSchoolName +\r\n \" | \" +\r\n comment.grade +\r\n \" | \" +\r\n comment.comment +\r\n \" | \" +\r\n comment.studentName +\r\n \" | \" +\r\n comment.studentEmail +\r\n \" | \" +\r\n comment.successStatus +\r\n \" | \" +\r\n comment.score +\r\n \" | \" +\r\n moment(comment.estimatedDate).format(\"YYYY-MM-DD\") +\r\n \" | \" +\r\n \"
\r\n
\r\n );\r\n }\r\n}\r\nexport default StudentCourseRatings;\r\n","import React, { Component } from \"react\";\r\nimport ModuleRatingsTable from \"./Tables/ModuleRatingsTable\";\r\nimport StudentRatingsTable from \"./Tables/StudentRatingsTable\";\r\nimport {\r\n fetchCourseGradesOnlyForLastSixMonths,\r\n fetchCourseGradesForAllTime,\r\n} from \"../../actions/coursesActions\";\r\nimport { connect } from \"react-redux\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { Card, CardBody, CardSubtitle, Button } from \"reactstrap\";\r\nimport { PacmanLoader } from \"react-spinners\";\r\n\r\nclass ModuleRatings extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n showingForAllTime: false,\r\n };\r\n }\r\n componentDidMount() {\r\n this.props.dispatch(fetchCourseGradesOnlyForLastSixMonths());\r\n }\r\n\r\n handleGetAllTime = () => {\r\n this.setState({ showingForAllTime: true });\r\n this.props.dispatch(fetchCourseGradesForAllTime());\r\n };\r\n\r\n render() {\r\n let infoCardAboutOnlyShowingLastSixMonths = () => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n commentsResponse.sort(this.listSorter(\"courseName\", \"desc\"))\r\n }\r\n >\r\n Kurs\r\n \r\n \r\n commentsResponse.sort(this.listSorter(\"moduleName\", \"desc\"))\r\n }\r\n >\r\n Modul\r\n \r\n \r\n commentsResponse.sort(\r\n this.listSorter(\"studentSchoolName\", \"desc\")\r\n )\r\n }\r\n >\r\n Studentens skola\r\n \r\n \r\n commentsResponse.sort(this.listSorter(\"grade\"))\r\n }\r\n >\r\n Betyg\r\n \r\n \r\n commentsResponse.sort(this.listSorter(\"comment\"))\r\n }\r\n >\r\n Kommentar\r\n \r\n \r\n commentsResponse.sort(this.listSorter(\"estimatedDate\"))\r\n }\r\n className=\"text_no-wrap\"\r\n >\r\n Ungefärlig tid för betyg\r\n \r\n \r\n \r\n {mappedComments}\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Ratings;\r\n","import { FormattedMessage } from \"react-intl\";\r\nimport { useState, useRef, useEffect } from \"react\";\r\nimport {\r\n Card,\r\n CardBody,\r\n Col,\r\n Input,\r\n Row,\r\n Label,\r\n Button,\r\n FormGroup,\r\n Modal,\r\n ModalBody,\r\n ModalFooter,\r\n} from \"reactstrap\";\r\nimport { EditorState, ContentState, convertFromHTML } from \"draft-js\";\r\nimport { Editor } from \"react-draft-wysiwyg\";\r\nimport \"react-draft-wysiwyg/dist/react-draft-wysiwyg.css\";\r\nimport { convertToHTML } from \"draft-convert\";\r\nimport Select from \"react-select\";\r\nimport { DatePicker } from \"react-nice-dates\";\r\nimport { sv } from \"date-fns/locale\";\r\nimport moment from \"moment\";\r\nimport { UpdateNotification } from \"../../actions/superUserMutations\";\r\nimport { useMutation } from \"react-query\";\r\nimport { toast } from \"react-toastify\";\r\nimport { BASE_LOGIN_REDIRECT_URL } from \"../../constants/api.constants\";\r\nimport { fetchNotifications } from \"../../actions/notificationActions\";\r\nimport { useDispatch } from \"react-redux\";\r\n\r\nexport default function ModifyNotificationModal({\r\n isOpen,\r\n toggle,\r\n notification,\r\n schoolData,\r\n licenseData,\r\n}) {\r\n const [notificationText, setNotificationText] = useState(\r\n notification.notice.text\r\n );\r\n const [notificationTitle, setNotificationTitle] = useState(\r\n notification.notice.title\r\n );\r\n const [notificationImage, setNotificationImage] = useState(\r\n notification.notice.image\r\n );\r\n const [notificationVideo, setNotificationVideo] = useState(\r\n notification.notice.video\r\n );\r\n const [forUserType, setForUserType] = useState(\r\n notification.notice.showForStudents && notification.notice.showForTeachers\r\n ? \"all\"\r\n : notification.notice.showForStudents\r\n ? \"students\"\r\n : notification.notice.showForTeachers\r\n ? \"teachers\"\r\n : null\r\n );\r\n const [notificationDateForShow, setNotificationDateForShow] = useState(\r\n new Date(notification.notice.showFrom)\r\n );\r\n const handleUpdateNotification = useMutation(UpdateNotification);\r\n const dispatch = useDispatch();\r\n\r\n const [editorState, setEditorState] = useState(() =>\r\n EditorState.createWithContent(\r\n ContentState.createFromBlockArray(\r\n convertFromHTML(notification.notice.text)\r\n )\r\n )\r\n );\r\n const [schoolOptions, setSchoolOptions] = useState([]);\r\n const [licenseOptions, setLicenseOptions] = useState([]);\r\n const [mediaType, setMediaType] = useState(\r\n (notification.notice.video === null ||\r\n notification.notice.video === \"null\") &&\r\n notification.notice.image === null\r\n ? \"none\"\r\n : notification.notice.video !== null &&\r\n notification.notice.video !== \"null\"\r\n ? \"video\"\r\n : \"image\"\r\n );\r\n const [validationErrors, setValidationErrors] = useState([]);\r\n const [selectedSchools, setSelectedSchools] = useState([]);\r\n const [selectedLicenses, setSelectedLicenses] = useState([]);\r\n const licenseRef = useRef();\r\n const schoolRef = useRef();\r\n\r\n useEffect(() => {\r\n let tempSchoolOptions = [];\r\n let tempLicensOptions = [];\r\n\r\n schoolData.schoolResult.schools.forEach((school) => {\r\n let schoolOption = { value: school.id, label: school.name };\r\n tempSchoolOptions.push(schoolOption);\r\n });\r\n let allSchoolsOption = {\r\n value: \"all\",\r\n label: \"Alla skolor\",\r\n };\r\n tempSchoolOptions.unshift(allSchoolsOption);\r\n setSchoolOptions(tempSchoolOptions);\r\n licenseData.result.forEach((license) => {\r\n let licenseOption = { value: license.id, label: license.programName };\r\n tempLicensOptions.push(licenseOption);\r\n });\r\n let allLicensesOption = {\r\n value: \"all\",\r\n label: \"Alla programlicenser\",\r\n };\r\n tempLicensOptions.unshift(allLicensesOption);\r\n setLicenseOptions(tempLicensOptions);\r\n\r\n let tempSelectedSchools = [];\r\n notification.forSchoolIds.forEach((schoolId) => {\r\n let schoolToAdd = tempSchoolOptions.find(\r\n (school) => school.value === schoolId\r\n );\r\n tempSelectedSchools.push(schoolToAdd);\r\n });\r\n setSelectedSchools(tempSelectedSchools);\r\n\r\n let tempSelectedLicenses = [];\r\n notification.forProgramIds.forEach((licenseId) => {\r\n let licenseToAdd = tempLicensOptions.find(\r\n (license) => license.value === licenseId\r\n );\r\n tempSelectedLicenses.push(licenseToAdd);\r\n });\r\n setSelectedLicenses(tempSelectedLicenses);\r\n }, [schoolData, licenseData, notification]);\r\n\r\n useEffect(() => {\r\n let html = convertToHTML(editorState.getCurrentContent());\r\n setNotificationText(html);\r\n }, [editorState]);\r\n\r\n const handleMediaSelect = () => {\r\n let retVal = { image: null, video: null };\r\n if (mediaType === \"image\") {\r\n retVal.image = notificationImage;\r\n retVal.video = null;\r\n } else if (mediaType === \"video\") {\r\n retVal.video = notificationVideo;\r\n retVal.Image = null;\r\n } else {\r\n retVal.video = null;\r\n retVal.image = null;\r\n }\r\n return retVal;\r\n };\r\n\r\n const handleLicensesSelect = () => {\r\n let selectedLicenses = licenseRef.current.select.getValue();\r\n let retVal = [];\r\n if (selectedLicenses.some((lic) => lic.value === \"all\")) {\r\n licenseData.result.forEach((license) => {\r\n retVal.push(license.id);\r\n });\r\n } else {\r\n selectedLicenses.forEach((selLic) => {\r\n retVal.push(selLic.value);\r\n });\r\n }\r\n return retVal;\r\n };\r\n\r\n const handleSelectForUserType = (userType) => {\r\n setForUserType(userType);\r\n setValidationErrors(validationErrors.filter((val) => val !== \"userType\"));\r\n };\r\n\r\n const handlePost = () => {\r\n let media = handleMediaSelect();\r\n let licenses = handleLicensesSelect();\r\n let forAllSchools = schoolRef.current.select\r\n .getValue()\r\n .some((val) => val.value === \"all\");\r\n let schoolIds = [];\r\n let selectedSchools = schoolRef.current.select.getValue();\r\n selectedSchools.forEach((school) => {\r\n schoolIds.push(school.value);\r\n });\r\n let ImageOption = 0;\r\n if (notification.notice.image !== media.image) {\r\n if (media.image === null) {\r\n ImageOption = 1;\r\n } else {\r\n ImageOption = 2;\r\n }\r\n }\r\n let postObject = {\r\n noticeId: notification.notice.id,\r\n imageOptions: ImageOption,\r\n title: notificationTitle,\r\n text: notificationText,\r\n image: media.image,\r\n video: media.video,\r\n forLicenses: licenses,\r\n forSchools: forAllSchools ? null : schoolIds,\r\n showForTeachers: forUserType === \"teachers\" || forUserType === \"all\",\r\n showForStudents: forUserType === \"students\" || forUserType === \"all\",\r\n showForAllCustomers: forAllSchools,\r\n showFrom: moment(notificationDateForShow).format(\"YYYY-MM-DD\"),\r\n };\r\n let error = false;\r\n let tempErrors = [...validationErrors];\r\n if (\r\n schoolRef.current.select.getValue() === null ||\r\n schoolRef.current.select.getValue().length < 1\r\n ) {\r\n tempErrors = [...tempErrors, \"schools\"];\r\n error = true;\r\n } else {\r\n tempErrors = tempErrors.filter((val) => val !== \"schools\");\r\n }\r\n if (forUserType === null) {\r\n tempErrors = [...tempErrors, \"userType\"];\r\n error = true;\r\n } else {\r\n tempErrors = tempErrors.filter((val) => val !== \"userType\");\r\n }\r\n if (licenses.length < 1) {\r\n tempErrors = [...tempErrors, \"licenses\"];\r\n error = true;\r\n } else {\r\n tempErrors = tempErrors.filter((val) => val !== \"licenses\");\r\n }\r\n setValidationErrors(tempErrors);\r\n\r\n if (!error) {\r\n handleUpdateNotification.mutate(\r\n {\r\n postObject,\r\n },\r\n {\r\n onSuccess: (data) => {\r\n if (data && data.status > 199 && data.status < 300) {\r\n toast.success(\"Notis postad\");\r\n dispatch(fetchNotifications());\r\n toggle();\r\n } else {\r\n toast.warn(data);\r\n }\r\n },\r\n throwOnError: true,\r\n onError: (data) => {\r\n toast.warn(data);\r\n },\r\n }\r\n );\r\n }\r\n };\r\n\r\n const mediaChooser = () => {\r\n if (mediaType === \"image\") {\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n setCreateNewCustomerOpen(true)}\r\n >\r\n setCoursesModalOpen(true)}\r\n >\r\n Hantera kurser\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n } else {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n};\r\n\r\nexport default StudentModuleIcon;\r\n","import React from \"react\";\r\nimport moment from \"moment\";\r\nimport { HiOutlineClock } from \"react-icons/hi\";\r\n\r\nconst StudentLastRun = (props) => {\r\n let date = null;\r\n if (props != null) {\r\n date = props.lastRun;\r\n }\r\n\r\n if (date) {\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n return \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default StudentWelcome;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n ListGroup,\r\n Badge,\r\n Card,\r\n CardTitle,\r\n Col,\r\n Row,\r\n Table,\r\n Alert,\r\n ListGroupItem,\r\n ListGroupItemHeading,\r\n} from \"reactstrap\";\r\nimport moment from \"moment\";\r\nimport localization from \"moment/locale/sv\";\r\nimport { FormattedMessage, FormattedNumber } from \"react-intl\";\r\nimport StudentStatus from \"./StudentStatus\";\r\nimport StudentModule from \"./StudentModule\";\r\nimport StudentLastRun from \"./StudentLastRun\";\r\nimport StudentWelcome from \"./StudentWelcome\";\r\nimport StudentProgress from \"./StudentProgress\";\r\nimport DoughnutChart from \"../../components/Charts/DoughnutChart\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\n\r\nmoment.updateLocale(\"sv\", localization);\r\n\r\nconst StudentActiveCourse = (props) => {\r\n const [courseUploads, setCourseUploads] = useState([]);\r\n\r\n let lastRun = null;\r\n let mappedModules = null;\r\n\r\n useEffect(() => {\r\n let uploadsForCourse = [];\r\n if (props.course !== null && props.course.courseUploads !== null) {\r\n props.course.courseUploads.forEach((uploads) => {\r\n if (uploads.forTheseModules.length < 1) {\r\n uploadsForCourse.push(uploads);\r\n }\r\n });\r\n setCourseUploads(uploadsForCourse);\r\n }\r\n }, [props.course]);\r\n\r\n if (props.course != null) {\r\n lastRun = props.course.lastRun ? props.course.lastRun : \"\";\r\n mappedModules = props.course.modules\r\n .sort((a, b) => a.sortOrder - b.sortOrder)\r\n .map((module) => (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {props.course.name}\r\n \r\n\r\n x.status === \"Done\")\r\n .length\r\n }\r\n totalModules={props.course.modules.length}\r\n />\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n } else {\r\n return \r\n
\r\n \r\n
\r\n {courseUploads.length > 0 ? (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n {mappedModules} \r\n
\r\n \r\n
\r\n\r\n | Modul | \r\nPoäng | \r\nAntal ggr | \r\nSenast | \r\nGodkänd | \r\n
|---|
\r\n \r\n \r\n \r\n {mappedInputSearch}\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default Student;\r\n","import React from \"react\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nconst Information = props => {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Information;\r\n","import React, { Component } from \"react\";\r\n\r\nimport { toast } from \"react-toastify\";\r\nimport Information from \"../../components/Toastify/Information\";\r\nimport { FormattedMessage } from \"react-intl\";\r\n\r\nclass StudentCoursesList extends Component {\r\n notify = () =>\r\n toast.error(\r\n StudentCoursesList\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default StudentCoursesList;\r\n","import React from \"react\";\r\nimport { Card, CardBody, CardTitle, CardSubtitle, CardText } from \"reactstrap\";\r\n\r\nconst StudentSchool = props => {\r\n return (\r\n \r\n \r\n \r\n {result.student.name} \r\n \r\n \r\n \r\n {result.student.email}\r\n \r\n\r\n \r\n {schoolList} \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => {\r\n return {\r\n result: store.studentProfileReducer\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(StudentProfile);\r\n","import axios from \"../services/api/api\";\r\n\r\nexport function fetchStudentProfileAction() {\r\n return function(dispatch) {\r\n dispatch({\r\n type: \"FETCH_STUDENT_PROFILE_BEGIN\",\r\n payload: { loading: true }\r\n });\r\n axios\r\n .get(\"/student/MyResult\")\r\n .then(response => {\r\n dispatch({\r\n type: \"FETCH_STUDENT_PROFILE_SUCCESS\",\r\n payload: response.data.result\r\n });\r\n })\r\n .catch(err => {\r\n dispatch({ type: \"FETCH_STUDENT_PROFILE_REJECTED\", payload: err });\r\n });\r\n };\r\n}\r\n","import React from \"react\";\r\nimport { Card, CardBody, CardTitle, CardSubtitle, CardText } from \"reactstrap\";\r\nimport StudentStatus from \"./StudentStatus\";\r\n\r\nconst StudentResult = props => {\r\n let resultStatus;\r\n\r\n if (props.result.status)\r\n resultStatus = \r\n Aktivitetspoäng: {props.result.activityPoints}/\r\n {props.result.maxActivityPoints}\r\n
\r\n Gräns för godkänt: {props.result.approveLimit}\r\n
\r\n \r\n \r\n {resultList}
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => {\r\n return {\r\n results: store.studentResultsReducer\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(StudentResults);\r\n","import Student from \"../views/Student/Student\";\r\nimport StudentCoursesList from \"../views/Student/StudentCoursesList\";\r\nimport StudentProfile from \"../views/Student/StudentProfile\";\r\nimport StudentResults from \"../views/Student/StudentResults\";\r\nimport Notifications from \"../views/Notifications/Notifications\";\r\n\r\nconst navRoutesStudent = [\r\n { path: \"/\", exact: true, name: \"Home\", component: Student },\r\n { path: \"/student\", exact: true, name: \"Home\", component: Student },\r\n { path: \"/student/courses\", name: \"Courses\", component: StudentCoursesList },\r\n {\r\n path: \"/student/studentprofile\",\r\n name: \"Profile\",\r\n component: StudentProfile,\r\n },\r\n {\r\n path: \"/student/studentresults\",\r\n name: \"Results\",\r\n component: StudentResults,\r\n },\r\n {\r\n path: \"/student/notifications\",\r\n name: \"Notifications\",\r\n component: Notifications,\r\n },\r\n];\r\n\r\nexport default navRoutesStudent;\r\n","import React, { Component } from \"react\";\r\nimport { Switch, Route } from \"react-router-dom\";\r\nimport { Container } from \"reactstrap\";\r\nimport { connect } from \"react-redux\";\r\nimport Header from \"../components/Header/Header\";\r\nimport Sidebar from \"../components/Sidebar/Sidebar\";\r\nimport Breadcrumb from \"../components/Breadcrumb/Breadcrumb\";\r\nimport Aside from \"../components/Aside/Aside\";\r\n\r\nimport navRoutesTeacher from \"../Routes/navRoutesTeacher\";\r\nimport navRoutesSuperuser from \"../Routes/navRoutesSuperuser\";\r\nimport navRoutesStudent from \"../Routes/navRoutesStudent\";\r\n\r\nclass Main extends Component {\r\n render() {\r\n const { auth } = this.props;\r\n var roles = auth.auth.roles;\r\n let displaySideBar = true;\r\n let navRoutes = [];\r\n\r\n switch (roles) {\r\n case \"Student\":\r\n navRoutes = navRoutesStudent;\r\n displaySideBar = true;\r\n break;\r\n case \"Teacher\":\r\n navRoutes = navRoutesTeacher;\r\n displaySideBar = true;\r\n break;\r\n case \"Superuser\":\r\n case \"Admin\":\r\n navRoutes = navRoutesSuperuser;\r\n break;\r\n default:\r\n break;\r\n }\r\n\r\n return (\r\n Mina bästa resultat
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = store => {\r\n return {\r\n auth: store.auth\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps)(Main);\r\n","import React, { Component } from \"react\";\r\nimport { Field, reduxForm } from \"redux-form\";\r\nimport { signInAction } from \"../../actions/authActions\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n Container,\r\n Row,\r\n Col,\r\n CardGroup,\r\n Card,\r\n CardBody,\r\n Button,\r\n InputGroup,\r\n InputGroupAddon,\r\n InputGroupText\r\n} from \"reactstrap\";\r\nimport { PacmanLoader } from \"react-spinners\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { Format } from \"react-intl-format\";\r\n\r\nclass Signin extends Component {\r\n submit = values => {\r\n this.props.signInAction(values, this.props.history);\r\n };\r\n\r\n resetPassword = () => {\r\n this.props.history.push(\"/password/reset\");\r\n };\r\n\r\n openManual = () => {\r\n window.open(\"http://ftp.pol.se/public/LearnWARE/manual_LWC.pdf\", \"_blank\");\r\n };\r\n\r\n render() {\r\n const { handleSubmit } = this.props;\r\n\r\n if (this.props.auth.isLoggingIn) {\r\n return (\r\n \r\n {displaySideBar && \r\n {/* */}\r\n \r\n \r\n {navRoutes.map((route, idx) => {\r\n return route.component ? (\r\n \r\n \r\n \r\n \r\n
\r\n {/* */}\r\n \r\n \r\n {intl => (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction mapStateToProps(state) {\r\n return { auth: state.auth.auth };\r\n}\r\n\r\nconst reduxFormSignin = reduxForm({\r\n form: \"signin\"\r\n})(Signin);\r\n\r\nexport default connect(mapStateToProps, { signInAction })(reduxFormSignin);\r\n","import React from \"react\";\r\nimport { withFormik, Form, Field } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport {\r\n FormGroup,\r\n Label,\r\n Card,\r\n CardHeader,\r\n CardBody,\r\n Button,\r\n Container,\r\n Row,\r\n Col,\r\n CardText,\r\n} from \"reactstrap\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport axios from \"axios\";\r\nimport { toast } from \"react-toastify\";\r\nimport {\r\n AUTH_BASE_URL,\r\n BASE_LOGIN_REDIRECT_URL,\r\n API_BASE_URL,\r\n} from \"../../constants/api.constants\";\r\nimport CardGroup from \"reactstrap/lib/CardGroup\";\r\nimport CardTitle from \"reactstrap/lib/CardTitle\";\r\nimport CardSubtitle from \"reactstrap/lib/CardSubtitle\";\r\n\r\nconst RegistrationForm = (props) => {\r\n const { touched, errors, isSubmitting } = props;\r\n var registrationComplete = localStorage.getItem(\"aplSupervisorHasRegistered\");\r\n\r\n const redirectUrl = () => {\r\n window.location.replace(`${BASE_LOGIN_REDIRECT_URL}/`);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {/* CHANGE LINK TO CORRECT PLACE! */}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst FormikForm = withFormik({\r\n mapPropsToValues({ password, repeatpassword }) {\r\n // Add information with request\r\n return {\r\n password: password || \"\",\r\n repeatpassword: repeatpassword || \"\",\r\n };\r\n },\r\n validationSchema: Yup.object().shape({\r\n password: Yup.string()\r\n .required(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {isSubmitting ? (\r\n
\r\n \r\n {errors.password}\r\n
\r\n )}\r\n \r\n {errors.repeatpassword}\r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n\r\n {errors.email}
\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {errors.password}\r\n
\r\n )}\r\n \r\n {errors.repeatpassword}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","import React from \"react\";\r\nimport { createRoot } from \"react-dom/client\";\r\nimport { unregister } from \"./registerServiceWorker\";\r\nimport { addLocaleData, IntlProvider } from \"react-intl\";\r\nimport App from \"./app\";\r\nimport localeLanguageSv from \"./i18n/sv.json\";\r\nimport localeLanguageEn from \"./i18n/en.json\";\r\n\r\nvar language = window.navigator.userLanguage || window.navigator.language;\r\n\r\nif (language !== \"sv\" && language !== \"en\") {\r\n language = \"sv\";\r\n}\r\n\r\nlet elLocaleData = require(`react-intl/locale-data/${language}`);\r\n\r\naddLocaleData(elLocaleData);\r\nlet i18nConfig;\r\n\r\nswitch (language) {\r\n case \"sv\":\r\n i18nConfig = localeLanguageSv;\r\n break;\r\n case \"en\":\r\n i18nConfig = localeLanguageEn;\r\n break;\r\n default:\r\n i18nConfig = localeLanguageSv;\r\n break;\r\n}\r\nconst container = document.getElementById(\"root\");\r\nconst root = createRoot(container);\r\n\r\nroot.render(\r\n \r\n \r\n {\" \"}\r\n
\r\n);\r\n\r\nunregister();\r\n"],"sourceRoot":""}