![]({`/assets/images/${user.avatarImage.replace(\"{size}\",\"md\")}`}){kind=avatar}
;\r\n }\r\n else {\r\n return ![](\"/assets/images/monsterprofiles/Profile-monster-12.jpg\")
\r\n }\r\n }\r\n\r\n return (\r\n <>{getAvatar()}\r\n );\r\n}\r\n\r\nexport default AvatarBadge;\r\n","import React from \"react\";\r\n\r\ninterface Iprops {\r\n onClick:Function,\r\n text:string,\r\n width?:number,\r\n color?:string\r\n\r\n}\r\n\r\nconst ActionButton = (props:Iprops) => {\r\n\r\n const getColor = ():string => {\r\n switch (props.color?.toUpperCase()) {\r\n case \"PURPLE\":\r\n return 'btn-primary-purple';\r\n break;\r\n default:\r\n return 'btn-primary';\r\n }\r\n }\r\n \r\n const getIcon = (text:string) => {\r\n switch(text) {\r\n case \"ADD\":\r\n case \"ADD COURSE\":\r\n case \"ADD NOTE\":\r\n case \"ADD RATE\":\r\n case \"ADD STUDENT\":\r\n case \"ADD STUDENTS\":\r\n case \"ADD TEACHER\":\r\n case \"ADD COMPANY\":\r\n case \"ADD ROOM\":\r\n case \"CREATE CLASSES\":\r\n return \r\n break;\r\n case \"ATTENDANCE REPORT\":\r\n case \"RAISE SETTLEMENT REPORT\": \r\n return \r\n break;\r\n \r\n default:\r\n }\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default ActionButton;\r\n\r\n\r\n","import React from \"react\";\r\n\r\ninterface Iprops {\r\n onClick:Function,\r\n text:string;\r\n}\r\n\r\nconst CancelButton = (props:Iprops) => {\r\n return (\r\n \r\n )\r\n}\r\n\r\nCancelButton.defaultProps = { \r\n text: \"CANCEL\"\r\n }\r\n\r\nexport default CancelButton;\r\n\r\n\r\n","import React, { useState, useEffect, Component } from \"react\";\r\nimport { Button,Modal } from 'react-bootstrap';\r\n\r\nimport {isMobile} from \"react-device-detect\";\r\n\r\n\r\nimport ActionButton from '../components/buttons/ActionButton';\r\nimport CancelButton from '../components/buttons/CancelButton';\r\n\r\n\r\ninterface IProps {\r\n showModal:boolean,\r\n hideModal:Function,\r\n confirmButton_Click:Function,\r\n title:string,\r\n bodyText:string,\r\n confirmText?:string\r\n}\r\n\r\nconst Confirmation = (props:IProps) => {\r\n return (\r\n <>\r\n Do you wish to leave without saving?
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n 
\r\n \r\n\r\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 PaymentPdfTemplate;","import React, {useEffect,useState} from 'react';\r\n\r\nimport TeacherPaymentVM from '../../models/TeacherPaymentVM';\r\nimport Class from '../../models/Class';\r\nimport ClassWrapper from '../../models/ClassWrapper';\r\n\r\nimport PaymentPdfTemplate from '../common/PaymentPdfTemplate';\r\n\r\nimport _ from 'underscore';\r\n\r\nimport __ from 'lodash';\r\nimport axios from 'axios';\r\n\r\ninterface IProps {\r\n id:number,\r\n grandTotal:number,\r\n periodEndDate:string,\r\n teacherId:number;\r\n isTeacher:boolean\r\n}\r\nconst PrintPaymentReport = (props:IProps) => {\r\n const [currentClasses, setCurrentClasses] = useState(new Array| \r\n \r\n \r\n | \r\n
\r\n\r\n \r\n
{dateToReturn}
{timeToReturn}
{timeToReturn}
{dateToReturn}
{timeToReturn}
{timeToReturn}
\r\n {data.map((m,counter) => (\r\n <>\r\n {\r\n attendanceArray.map((a,j) => (\r\n (j === 0 ) &&\r\n \r\n {a.map((r,i) => (\r\n showDate(rowMaxNumber, i, m, a)\r\n ))}\r\n \r\n ))\r\n }\r\n\r\n {\r\n attendanceArray.map(a => (\r\n \r\n {a.map((r,i) => (\r\n <>\r\n {\r\n //If i=0 then its the student otherwise check to see if we can show the cell\r\n (i===0 || showCell(rowMaxNumber, i, m)) && \r\n {i!==0 && isNaN(parseInt(r.split(':')[2])) && {}} />}\r\n {(i===0) ? JSON.parse('{' + r + '}').Student : ''}\r\n \r\n }\r\n \r\n ))}\r\n \r\n ))\r\n }\r\n \r\n {/* different border depending on if last table */} \r\n {(data.length === counter+1) && }\r\n {(data.length !== counter+1) && }\r\n \r\n \r\n ))\r\n \r\n }\r\n
\r\n }\r\n\r\n const getArrayToLoop = ():Array}\r\n {(i!==0 && showCell(rowMaxNumber, i, m)) && (parseInt(r.split(':')[3]) === 2 || parseInt(r.split(':')[3]) === 5) &&
\r\n
\r\n )\r\n}\r\n\r\nexport default StudentAttendence","import React, {useEffect,useState} from 'react';\r\nimport axios from 'axios';\r\n\r\nimport StudentAttendenceVM from '../../models/StudentAttendenceVM';\r\n\r\ninterface IProps {\r\n courseId:number;\r\n}\r\n\r\nconst StudentAttendenceAgri = (props:IProps) => {\r\n \r\n const [studentAttendence, setStudentAttendence] = useState(new Array\r\n \r\n {attendanceArray.length > 0 &&\r\n \r\n {attendenceTableBuilder()}\r\n
\r\n }\r\n {attendanceArray.length === 0 && \r\n
\r\n No records found
\r\n }\r\n\r\n \r\n {studentAttendence && studentAttendence.length>0 && \r\n
}\r\n\r\n {!studentAttendence || studentAttendence.length === 0 &&
\r\n )\r\n}\r\nexport default StudentAttendenceAgri;","import Student from './Student';\r\nimport Class from './Class';\r\n\r\nexport default class Course {\r\n constructor() {\r\n this.students = new Array| \r\n | Attended | \r\nAbsent | \r\nPending | \r\nNot enrolled | \r\n
| {sa.student} | \r\n{sa.attended} | \r\n{sa.absent} | \r\n{sa.pending} | \r\n{sa.missing} | \r\n
No records found
}\r\n | \r\n \r\n \r\n | \r\n
\r\n\r\n \r\n )\r\n}\r\n\r\nexport default StudentAttendenceHeader","import React, {useEffect} from 'react'\r\nimport StudentAttendence from '../reports/StudentAttendence';\r\nimport StudentAttendenceAgri from '../reports/StudentAttendenceAgri';\r\nimport StudentAttendenceHeader from '../reports/StudentAttendenceHeader';\r\n\r\n\r\ninterface IProps {\r\n id:number\r\n}\r\n\r\nconst PrintStudentAttendence = (props:IProps) => {\r\n useEffect(() => {\r\n let body = document.getElementById('printbody');\r\n if(body){\r\n body.className='whiteBackgroundOveride';\r\n }\r\n\r\n setTimeout(function () {\r\n window.print();\r\n }, 2000);\r\n }, []);\r\n \r\n return (\r\n
\r\n\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default PrintStudentAttendence","import React from \"react\";\r\nimport HeaderBar from './HeaderBar';\r\nimport SideBar from './SideBar';\r\nimport PrintPaymentReport from \"./reports/PrintPaymentReport\";\r\nimport PrintStudentAttendence from \"./reports/PrintStudentAttendence\";\r\nimport UserService from '../services/userService';\r\n\r\nimport {\r\n BrowserView,\r\n MobileView,\r\n isBrowser,\r\n isMobile\r\n} from \"react-device-detect\";\r\n\r\nconst userService = new UserService();\r\n\r\nconst getPadding = (normalPadding:number) => {\r\n let paddingToReturn:number = normalPadding;\r\n\r\n if(isMobile){\r\n paddingToReturn = 0;\r\n }\r\n\r\n return paddingToReturn;\r\n}\r\n\r\nconst getIdFromQuery = (paramName:string) => {\r\n let paramValue:string = \"\";\r\n const urlParams = new URLSearchParams(window.location.search);\r\n\r\n let x = urlParams.get(paramName);\r\n\r\n if(x){\r\n paramValue = x.toString();\r\n }\r\n\r\n \r\n return paramValue; \r\n}\r\n\r\n\r\n\r\nexport default props => (\r\n Student attendance
\r\n\r\n
Total student class attendence
\r\n\r\n\r\n {window.location.pathname.indexOf('printpaymentreport') === 9 &&
}\r\n {window.location.pathname.toUpperCase() != \"/FORGOTPASSWORD\" && window.location.pathname.toUpperCase() != \"/SIGNUP\" && window.location.pathname != \"/login\" && window.location.pathname.indexOf('printpaymentreport')!==9 && window.location.pathname.indexOf('printstudentattendence')!==9 &&
\r\n\r\n);\r\n","import React from 'react';\r\n\r\ninterface IProps {\r\n color:string;\r\n text:string;\r\n}\r\n\r\nconst SubjectBadge = (props:IProps) => {\r\n return (\r\n {props.text}\r\n );\r\n}\r\n\r\nexport default SubjectBadge;","import React from 'react';\r\n\r\ninterface IProps {\r\n value:number,\r\n color:string\r\n}\r\n\r\nconst Pill =(props:IProps) => {\r\n return (\r\n {props.value}\r\n )\r\n}\r\n\r\nexport default Pill;","import React from 'react';\r\n\r\ninterface IProps {\r\n statusId:number;\r\n onClick:Function\r\n}\r\n\r\n\r\n\r\nconst isStatusClickable = (statudId:number) => {\r\n return true;\r\n}\r\n\r\n\r\nconst getStatusName = (statusId:number) => {\r\n switch(statusId) {\r\n\r\n case 0:\r\n return No Students;\r\n\r\n case 1:\r\n return Scheduled;\r\n case 2:\r\n return Requires marking;\r\n case 3:\r\n return Marked ;\r\n case 4:\r\n return Archived;\r\n case 5:\r\n return Suspended;\r\n default:\r\n case 6:\r\n return Paid;\r\n\r\n return ;\r\n }\r\n}\r\n\r\nconst ClassStatusBadge = (props:IProps) => {\r\n if(isStatusClickable(props.statusId)){\r\n return <> props.onClick()}>{getStatusName(props.statusId)} \r\n } else {\r\n return <>{getStatusName(props.statusId)}\r\n }\r\n \r\n}\r\n\r\nexport default ClassStatusBadge;\r\n","import React, { useState, useEffect} from 'react';\r\n\r\ninterface IProps {\r\n items:Array}\r\n {window.location.pathname.toUpperCase() != \"/FORGOTPASSWORD\" && window.location.pathname.toUpperCase() != \"/SIGNUP\" && window.location.pathname != \"/login\" && window.location.pathname.indexOf('printpaymentreport')!==9 && window.location.pathname.indexOf('printstudentattendence')!==9 &&
\r\n
}\r\n \r\n
\r\n \r\n { (window.location.pathname != \"/login\" && window.location.pathname.toUpperCase() != \"/SIGNUP\" && window.location.pathname.toUpperCase() != \"/FORGOTPASSWORD\") &&
\r\n {props.children}
}\r\n {(window.location.pathname === \"/login\" || window.location.pathname.toUpperCase() === \"/SIGNUP\" || window.location.pathname.toUpperCase() === \"/FORGOTPASSWORD\") && {props.children}
}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default WaveBox;","export default class ClassStatusVM {\r\n constructor() {\r\n\r\n }\r\n\r\n public classId: number;\r\n public studentId: number;\r\n public statusId: number;\r\n}\r\n","import React, {useState, useEffect} from 'react';\r\nimport { hours } from './Dates';\r\n\r\nlet hoursData:string[] = [\r\n '00','01','02','03','04','05','06','07','08','09','10','11','12',\r\n '13','14','15','16','17','18','19','20','21','22','23'\r\n]; \r\n\r\nlet minsData:string[] = [\r\n '00','05','10','15','20','25','30','35','40','45','50','55'\r\n]; \r\n\r\ninterface IProps{\r\n fullDate?:string;\r\n timeUpdated?:Function;\r\n isError?:Boolean;\r\n label?:string;\r\n errorMessage?:string;\r\n startTime?:string;\r\n width?:number\r\n}\r\n\r\nconst TimeSelector = (props:IProps) => {\r\n const [hour, setHour] = useState(\"00\");\r\n const [min, setMin] = useState(\"00\");\r\n\r\n const setTimeFromFullDate = () => {\r\n let fullTime:string = \"\";\r\n if(props.fullDate && props.fullDate!=\"\") {\r\n \r\n fullTime = props.fullDate.split(' - ')[0];\r\n \r\n setHour(fullTime.split(':')[0]);\r\n setMin(fullTime.split(':')[1]);\r\n }\r\n if(props.startTime && props.startTime != \"\"){\r\n fullTime = props.startTime.split(' - ')[0];\r\n\r\n setHour(fullTime.split(':')[0]);\r\n setMin(fullTime.split(':')[1]);\r\n }\r\n\r\n }\r\n\r\n const hoursChanged =(e:any) => {\r\n setHour(e.target.value);\r\n combineTimeAndRaiseEvent(e.target.value, min);\r\n }\r\n\r\n const minsChanged =(e:any) => {\r\n setMin(e.target.value);\r\n combineTimeAndRaiseEvent(hour, e.target.value);\r\n }\r\n\r\n const combineTimeAndRaiseEvent = (hr,mn) => {\r\n if(props.timeUpdated){\r\n props.timeUpdated(hr + \":\" + mn);\r\n }\r\n }\r\n\r\n\r\n useEffect(() => {\r\n setTimeFromFullDate();\r\n }, [props.fullDate]);\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 {props.items.map(i => (\r\n \r\n ))}\r\n
\r\n \r\n {props.label &&\r\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 TimeSelector;","import React, {useState, useEffect} from 'react';\r\nimport DatePicker, {registerLocale} from \"react-datepicker\";\r\nimport moment from 'moment';\r\nimport TimeSelector from '../../../components/common/TimeSelector';\r\nimport eu from \"date-fns/locale/en-GB\";\r\n\r\nregisterLocale('eu', eu);\r\n\r\nconst times = [\r\n {Text:\"09:00\", Value:\"09:00\"},\r\n {Text:\"09:30\", Value:\"09:30\"},\r\n {Text:\"10:00\", Value:\"10:00\"},\r\n {Text:\"10:30\", Value:\"10:30\"},\r\n {Text:\"11:00\", Value:\"11:00\"},\r\n {Text:\"11:30\", Value:\"11:30\"},\r\n {Text:\"12:00\", Value:\"12:00\"},\r\n {Text:\"12:30\", Value:\"12:30\"},\r\n {Text:\"13:00\", Value:\"13:00\"},\r\n {Text:\"13:30\", Value:\"13:30\"},\r\n {Text:\"14:00\", Value:\"14:00\"},\r\n {Text:\"14:30\", Value:\"14:30\"},\r\n {Text:\"15:00\", Value:\"15:00\"},\r\n {Text:\"15:30\", Value:\"15:30\"},\r\n {Text:\"16:00\", Value:\"16:00\"},\r\n {Text:\"16:30\", Value:\"16:30\"},\r\n {Text:\"17:00\", Value:\"17:00\"},\r\n {Text:\"17:30\", Value:\"17:30\"},\r\n]\r\n\r\ninterface IProps {\r\n time_onChange:Function;\r\n classLength:number;\r\n rescheduleDateChange:Function;\r\n rescheduleTime?:string;\r\n rescheduleDate:Date;\r\n classDateString?:string\r\n}\r\n\r\nconst RescheduleClass = (props:IProps) => {\r\n const [rescheduleTime, setRescheduleTime] = useState(props.rescheduleTime);\r\n const [rescheduleDate, setrescheduleDate] = useState(new Date());\r\n\r\n useEffect(() => {\r\n if(props.rescheduleTime && props.rescheduleTime != \"\" ){\r\n let newTime:string = props.rescheduleTime.split(' - ')[0];\r\n setRescheduleTime(props.rescheduleTime.split(' - ')[0]);\r\n props.time_onChange(newTime);\r\n }\r\n }, [props.rescheduleTime]);\r\n\r\n useEffect(() => {\r\n if(props.rescheduleDate ){\r\n setrescheduleDate(props.rescheduleDate);\r\n }\r\n }, [props.rescheduleDate]);\r\n \r\n\r\n\r\n\r\n \r\n const rescheduleDateChange = (date:any) => {\r\n moment.locale('en-gb'); \r\n let newDateString = (date.getDate()).toString() + \"/\" + ((date.getMonth() + 1).toString()+ \"/\" + date.getFullYear().toString())\r\n var a = moment(newDateString, 'DD/MM/YYYY');\r\n \r\n \r\n //setrescheduleDateString(newDateString);\r\n setrescheduleDate(a.toDate());\r\n \r\n props.rescheduleDateChange(date);\r\n }\r\n\r\n const time_onChange = (e:any) => {\r\n setRescheduleTime(e.target.value);\r\n props.time_onChange(e);\r\n } \r\n\r\n const newTime_onChange = (newTime:string) => {\r\n setRescheduleTime(newTime);\r\n props.time_onChange(newTime);\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 {(props.isError===true) && \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {(props.errorMessage) && props.errorMessage}
}\r\n Class date
\r\n Class time
\r\n\r\n Duration : {props.classLength} mins
\r\n \r\n );\r\n}\r\n\r\nexport default RescheduleClass;","import React, { useState, useEffect } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport { Accordion,Card,Button,Modal } from 'react-bootstrap';\r\nimport axios from 'axios';\r\nimport moment from 'moment';\r\n\r\n\r\nimport WaveBox from \"../components/common/WaveBox\";\r\nimport Student from '../models/Student';\r\nimport Class from '../models/Class';\r\nimport Course from '../models/Course';\r\n\r\nimport ClassStatusVM from '../models/ClassStatusVM';\r\nimport ActionButton from '../components/buttons/ActionButton';\r\nimport CancelButton from '../components/buttons/CancelButton';\r\n\r\nimport RescheduleClass from \"../teachers/components/common/RescheduleClass\";\r\n\r\nimport {\r\n isMobile\r\n } from \"react-device-detect\";\r\n\r\n\r\ninterface IProps {\r\n classId:number;\r\n show:boolean;\r\n students:Array| First Name | \r\nLast Name | \r\nStatus | \r\n|
|---|---|---|---|
| {c.firstName} | \r\n{c.lastName} | \r\n{c.email} | \r\n\r\n {(seriesStatusId !== 1 && seriesStatusId !== 6) && <> | \r\n
| No students in class | \r\n
| Name | \r\nStatus | \r\n
|---|---|
| {c.firstName} {c.lastName} | \r\n\r\n {(seriesStatusId !== 1) && | \r\n
Are you sure you wish to move this class to the end of the course?
\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n
\r\n \r\n
\r\n }\r\n \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 title_onChange(e)} />\r\n \r\n
\r\n\r\n \r\n
\r\n Subject
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Level
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Status
\r\n \r\n \r\n
\r\n \r\n
\r\n Teacher
\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n
\r\n \r\n changeStartDateHandler(date)} value={searchStartDate} />\r\n
\r\n\r\n Start date
\r\n \r\n changeEndDateHandler(date)} value={searchEndDate} />\r\n
\r\n \r\n \r\n End date
\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\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {getSearchTitle()} - {classes.length} found ({totalStudentCount} students)
\r\n| \r\n | Day | \r\nDate | \r\nTime | \r\nCourse name | \r\nSubject | \r\nLevel | \r\nStudents | \r\nTeacher | \r\nStatus | \r\n
|---|---|---|---|---|---|---|---|---|---|
| {c.dayWeek} | \r\n{c.classDateString} | \r\n{c.classDatesCombined} | \r\n { props.history.push(`/CoursesForm/${c.courseId}`) }}>{c.course} | \r\n \r\n | \r\n {c.level} | \r\n{c.studentCount} | \r\n { props.history.push(`teachersForm/${c.teacherId}`) }}> {c.teacher} | \r\n \r\n | \r\n |
| No classes found | \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Form1FindStudent;","import React, {useState} from 'react';\r\nimport Student from '../../models/Student';\r\n\r\nimport axios from 'axios';\r\nimport { idText } from 'typescript';\r\n\r\ninterface IProps {\r\n changeWizardStage:Function;\r\n currentStudent:Student\r\n}\r\n\r\n\r\nconst Form2Register = (props:IProps) => {\r\n const [passwordError, setPasswordError] = useState(false);\r\n const [showDate, setShowDate] = useState(true);\r\n const [password, setPassword] = useState(\"\");\r\n const [confirmCassword, setConfirmCassword] = useState(\"\");\r\n \r\n const [errorText, setErrorText] = useState(\"\");\r\n \r\n\r\n const updatePassword = (e:any) => {\r\n setPassword(e.target.value)\r\n }\r\n const updateConfirmPassword = (e:any) => {\r\n setConfirmCassword(e.target.value)\r\n }\r\n\r\n const registerUser = async() => {\r\n await axios.get(`/api/users/RegisterUser?id=${props.currentStudent.studentId}&type=1&password=${password}`);\r\n }\r\n\r\n const formSubmitted = (e:any) => {\r\n e.preventDefault();\r\n\r\n if(password !== confirmCassword){\r\n setErrorText(\"Passwords do not match\");\r\n setPasswordError(true);\r\n return;\r\n }\r\n\r\n if(password === \"\"){\r\n setErrorText(\"Password is empty\");\r\n setPasswordError(true);\r\n\r\n return;\r\n }\r\n \r\n if(password.length < 8){\r\n setErrorText(\"Passwords must be 8 or more characters\");\r\n setPasswordError(true);\r\n\r\n return;\r\n }\r\n\r\n registerUser();\r\n\r\n props.changeWizardStage(3);\r\n setPasswordError(false);\r\n }\r\n\r\n return(\r\n <>\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Form2Register;","import React from 'react';\r\n\r\n\r\ninterface IProps {\r\n changeWizardStage:Function;\r\n history:any,\r\n}\r\n\r\nconst Form3Confirmation = (props:IProps) => {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Form3Confirmation;","export default class Student {\r\n constructor() {\r\n\r\n }\r\n\r\n public studentId: number = 0;\r\n public clientId: number = 0;\r\n public firstName: string = \"\";\r\n public lastName: string = \"\";\r\n public email: string = \"\";\r\n public genderId: number = 3;\r\n public gender: string = \"\";\r\n public dateOfBirth: Date ;\r\n public dateOfBirthString: string = \"\";\r\n public companyId: number = 0;\r\n public statusId: number = 0;\r\n public address1: string = \"\";\r\n public address2: string = \"\";\r\n public town: string = \"\";\r\n public postCode: string = \"\";\r\n public mobile: string = \"\";\r\n public landline: string = \"\";\r\n public company: string = \"\";\r\n public county: string = \"\";\r\n public country: string = \"\";\r\n public notes: string = \"\";\r\n public status: number = 0;\r\n public currentCourses: string = \"\";\r\n public hasLogin: boolean = false;\r\n public userId: number;\r\n public nationality: string = \"\";\r\n\r\n public consentReceiveEmails: boolean = false;\r\n public consentForProcessingPersonalData: boolean = false;\r\n public consentForProcessingMarketingData: boolean = false;\r\n public consentForProcessingSalesData: boolean = false;\r\n\r\n public hasMarkedOrPaid: boolean = false;\r\n\r\n\r\n}\r\n\r\n","import React, {useState, useEffect} from 'react';\r\n\r\nimport Form1FindStudent from '../components/SignUp/Form1FindStudent';\r\nimport Form2Register from '../components/SignUp/Form2Register';\r\nimport Form3Confirmation from '../components/SignUp/Form3Confirmation';\r\nimport Student from '../models/Student';\r\n\r\ninterface IProps {\r\n history:History;\r\n}\r\nconst SignUp = (props:IProps) => {\r\n const [stage, setStage] = useState(1);\r\n const [currentStudent, setCurrentStudent] = useState(new Student());\r\n\r\n const changeWizardStage = (nextStage:number) => {\r\n setStage(nextStage);\r\n }\r\n\r\n const updateCurrentStudent = (student:Student) => {\r\n setCurrentStudent(student);\r\n }\r\n\r\n return(<>\r\n {(stage===1) && \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![\"\"](\"assets/images/logo.png\")
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n You have successfully registered, click below to log in\r\n
\r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n
}\r\n\r\n {currentStage===2 && \r\n \r\n
\r\n }\r\n\r\n\r\n {currentStage===3 && \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n Please enter the code
\r\n \r\n updateCode(e)} />\r\n
\r\n\r\n\r\n \r\n updatePassword(e)} />\r\n
\r\n\r\n \r\n updateConfirmPassword(e)} />\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n \r\n {errorText}\r\n
\r\n \r\n
\r\n }\r\n \r\n );\r\n}\r\n\r\nexport default ForgotPassword;","import React, {useState,useEffect} from 'react';\r\n\r\ninterface IProps {\r\n checked:boolean\r\n}\r\n\r\nconst TickCross = (props:IProps) => {\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 Your password has been updated
\r\n \r\n
\r\n\r\n \r\n {props.history.push('/login')}}>Login
\r\n {(props.checked) ? : }
\r\n ) \r\n\r\n}\r\n\r\nexport default TickCross;","import React, { Component, Fragment } from 'react';\r\nimport axios from 'axios';\r\nimport Student from '../../models/Student';\r\nimport TickCross from '../common/TickCross';\r\nimport Pagination from 'react-bootstrap/Pagination';\r\nimport Company from '../../models/Company';\r\n\r\nimport ActionButton from '../buttons/ActionButton';\r\nimport SubjectBadge from '../badges/SubjectBadge';\r\n\r\nimport Pill from '../common/Pill';\r\n\r\n\r\nconst paginationConfig = {\r\n recordsPerPage:100\r\n}\r\n\r\ninterface IState {\r\n records:any,\r\n recordsPaginated:any,\r\n currentPage:number,\r\n numberOfPages:number,\r\n searchText:string,\r\n searchCompany:number,\r\n searchStatus:number,\r\n staticCompanies:Array\r\n
\r\n )\r\n }\r\n}\r\n \r\nexport default DataTable;","import React from 'react'\r\n\r\ninterface IProps {\r\n label:string,\r\n placeHolder?:string,\r\n width?:number,\r\n mode?:string,\r\n value?: string,\r\n onChange?: Function,\r\n name?: string,\r\n isError?: boolean,\r\n errorMessage?: string,\r\n isPassword?: boolean,\r\n labelWidth?:number,\r\n focusOnClick?:boolean\r\n}\r\n\r\nconst handleFocus = (event) => event.target.select();\r\n\r\nconst InputTextBoxDuel = (props:IProps) => {\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 Student name
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n Company
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n
\r\n Status
\r\n \r\n \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.props.history.push('/studentsForm')} text=\"ADD STUDENT\" />\r\n
\r\n Students - {this.state.records.length} found
\r\n| \r\n | First name | \r\nLast name | \r\nMobile | \r\nCompany | \r\nCurrent courses | \r\n Status | \r\n Online access | \r\n|
|---|---|---|---|---|---|---|---|---|
| {s.firstName} | \r\n{s.lastName} | \r\n{s.mobile} | \r\n{s.email} | \r\n{s.company} | \r\n{this.convertSubjectsToPills(s.currentCourses)} | \r\n {(!s.currentCourses || s.currentCourses === \"\") ?Inactive : Active} | \r\n ||
| No students currently |
\r\n {(this.state.records.length > paginationConfig.recordsPerPage) && \r\n \r\n \r\n }\r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default InputTextBoxDuel;","import React from 'react'\r\n\r\ninterface IProps {\r\n label:string,\r\n placeHolder?:string,\r\n data:any,\r\n width:number,\r\n showPlease:boolean,\r\n changeFunc?: (e: any) => void,\r\n isError?: boolean,\r\n value?:any,\r\n name?: string,\r\n errorMessage?:string,\r\n pleaseSelectMessage?:string\r\n}\r\n\r\nconst InputDropDown = (props:IProps) => {\r\n return (<>\r\n \r\n\r\n \r\n \r\n
\r\n \r\n {(props.mode === \"E\") ? <> { if(props.focusOnClick && props.focusOnClick === true) handleFocus(e) }} type={(props.isPassword) ? \"password\" : \"text\"} className={`form-control ${props.isError ? \"parsley-error\" : \"\"}`} name={props.name} value={props.value} style={{ width: props.width }} onChange={(e: any) => props.onChange && props.onChange(e)}/> {(props.isError===true) &&
\r\n {(props.errorMessage) && props.errorMessage}
} : {props.value}
}\r\n \r\n
\r\n\r\n \r\n )\r\n}\r\n\r\nexport default InputDropDown;","import React from 'react'\r\n\r\ninterface IProps {\r\n label:string,\r\n placeHolder?:string,\r\n width?:number,\r\n mode?:string,\r\n value?: string,\r\n onChange?: Function,\r\n name?: string,\r\n isError?: boolean,\r\n errorMessage?:string\r\n}\r\n\r\nconst InputTextAreaDuel = (props:IProps) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {(props.isError===true) &&
\r\n {(props.errorMessage) && props.errorMessage}
}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default InputTextAreaDuel;","import React, {useRef} from 'react';\r\nimport DatePicker, {registerLocale} from \"react-datepicker\";\r\nimport eu from \"date-fns/locale/en-GB\";\r\n\r\nregisterLocale('eu', eu);\r\n\r\n\r\ninterface IProps {\r\n label: string,\r\n placeHolder?: string\r\n value:string\r\n mode: string\r\n onChange?: Function,\r\n isError?: boolean,\r\n errorMessage?: string,\r\n width?:number\r\n}\r\n\r\n\r\n\r\nconst InputDatePickerDual = (props: IProps) => {\r\n const convertDate = () => {\r\n let dateParts = props.value.split('/');\r\n let newDate = new Date(parseInt(dateParts[2]), parseInt(dateParts[1]) - 1, parseInt(dateParts[0]))\r\n\r\n return newDate;\r\n }\r\n\r\n const getBaseCss = () => {\r\n if(props.width && props.width < 100 ){\r\n return 'form-control-datepicker-smaller';\r\n } else {\r\n return 'form-control-datepicker';\r\n }\r\n }\r\n\r\n const startRef = useRef\r\n \r\n
\r\n \r\n {(props.mode === \"E\") ? <> {(props.isError===true) &&
\r\n {(props.errorMessage) && props.errorMessage}
} : {props.value}
}\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default InputDatePickerDual;","import React from 'react';\r\n\r\ninterface IProps {\r\n statusId:number;\r\n onClick:Function\r\n allowClick:boolean;\r\n}\r\n\r\nconst getStatusName = (statusId:number) => {\r\n switch(statusId) {\r\n case 1:\r\n return Draft;\r\n case 2:\r\n return Active;\r\n case 3:\r\n return Completed;\r\n case 4:\r\n return Archived;\r\n case 5:\r\n return Suspended;\r\n default:\r\n return ;\r\n }\r\n}\r\n\r\nconst CourseStatusBadge = (props:IProps) => {\r\n if(props.allowClick){\r\n return <> props.onClick()}>{getStatusName(props.statusId)}\r\n } else {\r\n return <>{getStatusName(props.statusId)}\r\n }\r\n}\r\n\r\nexport default CourseStatusBadge;\r\n","import React, { useState, useEffect} from 'react';\r\nimport InputTextBoxDuel from '../common/InputTextBoxDuel';\r\nimport InputDropDown from '../common/InputDropDown';\r\nimport InputTextArea from '../common/InputTextArea';\r\nimport InputTextAreaDuel from '../common/InputTextAreaDual';\r\n\r\nimport axios from 'axios';\r\nimport Student from '../../models/Student';\r\nimport Company from '../../models/Company';\r\nimport Course from '../../models/Course';\r\nimport InputDatePickerDual from '../common/InputDatePickerDual';\r\nimport GDPRVM from '../../models/GDPRVM';\r\n\r\nimport useSnackbar from 'react-snackbar-toast';\r\nimport TickCross from '../common/TickCross';\r\n\r\nimport ActionButton from '../buttons/ActionButton';\r\nimport CancelButton from '../buttons/CancelButton';\r\n\r\nimport FormService from '../../services/formService';\r\nimport CourseStatusBadge from '../badges/CourseStatusBadge';\r\n\r\nimport SubjectBadge from '../badges/SubjectBadge';\r\n\r\nimport { withRouter } from \"react-router-dom\";\r\nimport swal from 'sweetalert';\r\n\r\n\r\ninterface IProps {\r\n id:number,\r\n history:any\r\n}\r\n\r\nconst StudentProfileMOCK = (props: IProps) => {\r\n const {addToast} = useSnackbar();\r\n\r\n const studentUpsertToast = (messg, option) => {\r\n addToast(messg, option); \r\n };\r\n\r\n const [formMode, setFormMode] = useState(\"E\");\r\n const [currentGender, setCurrentGender] = useState(\"M\");\r\n const [currentStudent, setCurrentStudent] = useState(new Student());\r\n const [validationError, setValidationError] = useState(new Array\r\n \r\n
\r\n \r\n
\r\n \r\n {(props.mode === \"E\") ? <> props.onChange && props.onChange(date)} style={{ color: 'red' }} />\r\n
\r\n {(props.isError===true) && startRef.current.setOpen(true)}>\r\n \r\n
: {props.value && props.value}
}\r\n {props.errorMessage}
}\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default withRouter(StudentProfileMOCK);","export default class DayWeek {\r\n constructor() {\r\n\r\n }\r\n\r\n public noteId: number = 0;\r\n public UserId:number;\r\n public entityId: number;\r\n public entityTypeId: number;\r\n public dateStamp:Date;\r\n public dateString:string;\r\n public title: string = \"\";\r\n public text: string = \"\";\r\n public userFullName: string = \"\";\r\n}\r\n\r\n","import React, { useState, useEffect, useRef, Component } from \"react\";\r\nimport axios from 'axios';\r\nimport { Modal } from 'react-bootstrap';\r\n\r\nimport 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';\r\nimport Wyiswyg from \"./WysiwygEditor\";\r\nimport Note from '../../models/Note';\r\nimport useSnackbar from 'react-snackbar-toast';\r\n\r\nimport ActionButton from '../buttons/ActionButton';\r\nimport CancelButton from '../buttons/CancelButton';\r\n\r\nimport Confirmation from '../../modals/Confirmation';\r\n\r\n\r\ninterface IProps {\r\n id:number;\r\n type:number;\r\n}\r\n\r\nconst StudentsNotes = (props:IProps) => {\r\n const textAreaRef = useRef\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"/assets/images/Healthpathavatar.png\")
\r\n
\r\n\r\n Student's profile
\r\n \r\n updateStudent(e)} />\r\n updateStudent(e)} width={415} />\r\n\r\n updateStudent(e)} width={415} />\r\n updateStudent(e)} mode={formMode} width={415} isError={isFieldValid(\"town\")} /> \r\n updateStudent(e)} mode={formMode} width={415} isError={isFieldValid(\"county\")} /> \r\n updateStudent(e)} mode={formMode} width={415} isError={isFieldValid(\"postCode\")} /> \r\n\r\n\r\n updateStudent(e)} mode={formMode} width={415} isError={isFieldValid(\"email\")} />\r\n updateStudent(e)} mode={formMode} width={415} isError={isFieldValid(\"mobile\")} />\r\n updateStudent(e)} mode={formMode} width={415} isError={isFieldValid(\"landline\")} /> \r\n dateOfBirthChangeHandler(date)} mode={formMode}/>\r\n\r\n updateStudent(e)} width={415} isError={isFieldValid(\"nationality\")} />\r\n\r\n\r\n {(formMode === \"E\") ?
\r\n \r\n\r\n saveStudent()} text=\"SAVE\" /> \r\n\r\n fetchData()}/>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Courses attended
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | Course | \r\nSubject | \r\nLevel | \r\nStart Date | \r\nStatus | \r\n
|---|---|---|---|---|---|
| {i+1} | \r\nselectRow(c.courseId)}>{c.title} | \r\n\r\n | \r\n {c.courseLevel} | \r\n{c.startDateString} | \r\n\r\n | \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n GDPR settings
\r\n
\r\n \r\n {!gdprConsent || gdprConsent.length === 0 &&\r\n
\r\n GDPR settings updated by user
\r\n } \r\n {gdprConsent.map(c => (\r\n \r\n
\r\n ))}\r\n {c.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 Online access
\r\n
\r\n \r\n
\r\n \r\n
\r\n Online access granted
\r\n \r\n
\r\n Logins this month
\r\n \r\n \r\n
\r\n\r\n\r\n Last logged in
\r\n \r\n \r\n
\r\n \r\n alert(\"Not implemented\")} text=\"REMOVE LOGIN\" />\r\n
\r\n \r\n
\r\n\r\n \r\n setShowAddNoteModal(true)} text=\"ADD NOTE\" />\r\n
\r\n \r\n
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | User | \r\nDate | \r\nNote | \r\n {props.type === 3 &&Delete | }\r\n
|---|---|---|---|
| {n.userFullName} | \r\n{n.dateString} | \r\n{n.text} | \r\n {props.type === 3 &&{delete_onClick(n)}}> | }\r\n
| No notes currently | \r\n
\r\n props.history.push(`/CoursesForm/${event.courseId}`)}\r\n />\r\n
\r\n\r\n )\r\n}\r\n\r\n\r\n\r\n\r\nexport default BasicCalandar;","import React from 'react';\r\n\r\nconst Documents = () => {\r\n return (\r\n \r\n \r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default Documents;","import React, { useState, useEffect, Component } from \"react\";\r\nimport Document from '../../models/Document';\r\nimport axios from 'axios';\r\nimport UploadedDocument from '../../models/UploadedDocument';\r\n\r\ninterface IProps {\r\n id:number;\r\n}\r\n\r\nconst DocumentList = (props:IProps) => {\r\n const [documents, setDocuments] = useState(new Array| # | \r\nName | \r\nDate Modified | \r\nType | \r\nFileSize | \r\nCreated By | \r\n|
|---|---|---|---|---|---|---|
| # | \r\nName | \r\nDate Modified | \r\nType | \r\nFileSize | \r\nCreated By | \r\n\r\n |
| Type | \r\nTitle | \r\nFile size | \r\nShared with | \r\nTimes accessed | \r\nUpload date | \r\n
|---|---|---|---|---|---|
| {getTypeIcon(d.extention)} | \r\n{d.name} | \r\n{d.size} | \r\n{convertSubjectsToPills(d.fileAccessSubject)} | \r\n{d.timesAccessed} | \r\n{d.uploadedDateString} | \r\n
| No files currently | \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n\r\n \r\n \r\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 StudentsTabs;","import React from 'react';\r\nimport StudentsTab from \"./StudentsTabs\";\r\n\r\ninterface IProps {\r\n history: any,\r\n match: any\r\n}\r\n\r\nconst StudentsEdit =(props:IProps) => {\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\nexport default withRouter(TeachersGrid);","import React, { useState, useEffect} from 'react';\r\n\r\ninterface IProps {\r\n checked:boolean;\r\n onChange:Function\r\n}\r\n\r\nconst CheckBoxRound = (props:IProps) => {\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 Teacher name
\r\n \r\n \r\n
\r\n \r\n
\r\n Status
\r\n \r\n \r\n
\r\n {currentPage !== numberOfPages && teachers && teachers.length > 0 &&\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n props.history.push('/TeachersForm')} text=\"ADD TEACHER\" />\r\n
\r\n Teachers - {teachers.length} found
\r\n| \r\n | First name | \r\nLast name | \r\nMobile | \r\nSubjects taught | \r\nStatus | \r\nOnline access | \r\n|
|---|---|---|---|---|---|---|---|
| {t.firstName} | \r\n{t.lastName} | \r\n{t.mobile} | \r\n{t.email} | \r\n{convertSubjectsToPills(t.subjectsString) } | \r\n{(!t.active) ? Inactive : Active} | \r\n\r\n | \r\n |
| No teachers currently |
props.onChange(r)}>\r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default CheckBoxRound;","import React, {useState, useEffect} from 'react'\r\nimport TeachersRate from '../../models/TeachersRate';\r\nimport {confirm} from 'react-bootstrap-confirmation';\r\nimport ActionButton from '../buttons/ActionButton';\r\nimport CheckBoxRound from '../common/CheckBoxRound';\r\n\r\nimport FormService from '../../services/formService';\r\n\r\nimport Confirmation from '../../modals/Confirmation';\r\n\r\ninterface IProps {\r\n rates:Array\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n props.openRatesForm()} text=\"ADD RATE\" />\r\n
\r\n Teacher's rates
\r\n| Rate name | \r\nRate per hour | \r\nActive | \r\n\r\n\r\n | \r\n
|---|---|---|---|
| {r.description} | \r\n {r.rate.toFixed(2)} | \r\n \r\n {(props.mode === \"E\") ? \r\n | \r\n \r\n {(!r.inUse) && \r\n fireDeleteRate(r.teacherRateId, i)}>\r\n }\r\n | \r\n
| No rates defined |
\r\n
\r\n )\r\n }\r\n }\r\nexport default TeacherAvatarSelector;","import React, {useEffect, useState} from 'react';\r\nimport 'react-image-picker/dist/index.css'\r\nimport Subject from '../../models/Subject';\r\nimport CheckBoxRound from '../common/CheckBoxRound';\r\n\r\nimport axios from 'axios';\r\n\r\n\r\ninterface IProps {\r\n teacherSubjects:Array\r\n \r\n {this.state.imageList.map(image => (\r\n
\r\n this.setCurrentAvatar(image)}>\r\n }`})
\r\n
\r\n ))\r\n }\r\n \r\n \r\n
\r\n \r\n \r\n\r\n {subjects.map(s => (\r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default TeacherSubjectSelector;\r\n\r\n","import React from 'react';\r\n\r\ninterface IProps {\r\n status:boolean,\r\n onClick:Function\r\n}\r\n\r\nconst ActiveBadgeStatus =(props:IProps) => {\r\n return (\r\n <>\r\n props.onClick()}>{(props.status) ? Active : Inactive}\r\n \r\n )\r\n}\r\n\r\nexport default ActiveBadgeStatus;\r\n","import React, { useState, useEffect, Component } from \"react\";\r\nimport axios from \"axios\";\r\nimport { Button,Modal } from 'react-bootstrap';\r\nimport InputDatePickerDual from \"../common/InputDatePickerDual\";\r\nimport TeachersRates from \"./TeachersRates\";\r\nimport InputTextBoxDuel from '../common/InputTextBoxDuel';\r\nimport InputTextAreaDuel from '../common/InputTextAreaDual';\r\nimport Teacher from '../../models/Teacher';\r\nimport Subject from '../../models/Subject';\r\nimport GDPRVM from '../../models/GDPRVM';\r\nimport TeacherRate from '../../models/TeachersRate';\r\nimport useSnackbar from 'react-snackbar-toast';\r\nimport ReactSelectOption from '../../models/ReactSelectOption';\r\nimport TickCross from '../common/TickCross';\r\nimport TeacherAvatarSelector from './TeacherAvatarSelector';\r\nimport Avatar from '../../models/Avatar';\r\nimport ActionButton from '../buttons/ActionButton';\r\nimport CancelButton from '../buttons/CancelButton';\r\nimport FormService from '../../services/formService';\r\nimport Nationality from '../../models/Nationality';\r\nimport TeachersClasses from '../../components/teachers/teacherSubjectSelector';\r\nimport SubjectBadge from \"../badges/SubjectBadge\";\r\n\r\nimport ActiveBadgeStatus from '../../components/common/ActiveBadgeStatus';\r\nimport postal from 'postal';\r\n\r\nimport swal from 'sweetalert';\r\n\r\ninterface IProps {\r\n id:number\r\n}\r\n\r\nconst TeachersForm = (props: IProps) => {\r\n const {addToast} = useSnackbar();\r\n\r\n const open = (message, option:any) => {\r\n addToast(message, option); \r\n };\r\n\r\n const newTeacher = new Teacher();\r\n newTeacher.genderId = 1;\r\n\r\n const [currentTeacher, setCurrentTeacher] = useState(newTeacher);\r\n const [currentTeacherRate, setCurrentTeacherRate] = useState(new TeacherRate());\r\n const [validationErrors, setValidationErrors] = useState(new Array| {s.name} | \r\n\r\n \r\n | \r\n
+ \" jimSpanish\";\r\n rs.push(option1);\r\n \r\n let option = new ReactSelectOption();\r\n option.value = 1;\r\n option.label = \"English\";\r\n rs.push(option);\r\n\r\n\r\n setCurrentSubjects(rs2);\r\n\r\n return rs2;\r\n }\r\n\r\n const convertSubjectsToPills = (currentCourses: string) => {\r\n let courseArray = currentCourses.split(',');\r\n\r\n let pills = courseArray.map(f => (\r\n <>\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {currentTeacher.avatarImage ? }`})
setShowSelectAvatar(!showSelectAvatar)} style={{paddingRight:\"25px\",paddingTop:\"5px\",paddingBottom:\"10px\"}} />\r\n : ![]({\"/assets/images/Healthpath-avatar.png\"})
setShowSelectAvatar(!showSelectAvatar)} style={{paddingRight:\"25px\",paddingTop:\"5px\",paddingBottom:\"10px\"}} /> \r\n }\r\n\r\n\r\n
\r\n\r\n setShowSelectAvatar(!showSelectAvatar)} style={{paddingRight:\"25px\",paddingTop:\"5px\",paddingBottom:\"10px\"}} />setShowSelectAvatar(!showSelectAvatar)} style={{paddingRight:\"25px\",paddingTop:\"5px\",paddingBottom:\"10px\"}} />Teacher's profile
\r\n \r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n updateTeacher(e)} width={415} />\r\n dateOfBirthChangeHandler(date)} />\r\n\r\n
\r\n <>\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n setShowStatusUpdate(true)} />\r\n
\r\n \r\n <>\r\n
\r\n postTeacher()} text=\"SAVE\" /> \r\n {}} />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Please add at least one rate
}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n GDPR settings
\r\n
\r\n \r\n {!gdprConsent || gdprConsent.length === 0 &&\r\n
\r\n GDPR settings updated by user
\r\n } \r\n {gdprConsent.map(c => (\r\n \r\n
\r\n ))}\r\n {c.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 Online access
\r\n
\r\n \r\n
\r\n \r\n
\r\n Online access granted
\r\n \r\n
\r\n Logins this month
\r\n \r\n \r\n
\r\n\r\n\r\n Last logged in
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n {(currentTeacher.hasLogin) ? SetShowRemoveAccessConf(true) : toogleAccess()}} text={(currentTeacher.hasLogin) ? \"REMOVE ACCESS\" : \"GRANT ACCESS\"} />\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n\r\n updateTeachersRate(e)} value={currentTeacherRate.description} isError={rateDescError} />\r\n updateTeachersRate(e)} value={currentTeacherRate.rate.toString()} isError={rateError} />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
Access has been granted for
{currentTeacher.firstName} {currentTeacher.lastName}!
\r\n {currentTeacher.firstName} {currentTeacher.lastName}!
\r\n Password - {tempPassword}\r\n { navigator.clipboard.writeText(tempPassword)}} /> \r\n
\r\n\r\n \r\n\r\n
Are you sure?
\r\n\r\n \r\n You want to remove online access for this teacher\r\n
\r\n\r\n \r\n {toogleAccess()}} /> \r\n {SetShowRemoveAccessConf(false)}} />\r\n
\r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default InputDatePicker;","import React, {useState, useEffect} from 'react';\r\nimport InputDropDown from '../common/InputDropDown';\r\nimport InputDatePicker from '../common/InputDatePicker';\r\nimport axios from \"axios\";\r\nimport Course from \"../../models/Course\";\r\n\r\nimport Student from '../../models/Student';\r\nimport WaveBox from \"../../components/common/WaveBox\";\r\nimport ClassStatus from '../../components/common/ClassStatus';\r\n\r\nimport MarkClassesModal from '../../modals/MarkClassesModal';\r\nimport CheckBoxRound from '../common/CheckBoxRound';\r\n\r\nimport CourseStatusBadge from '../badges/CourseStatusBadge';\r\n\r\nimport SubjectBadge from '../badges/SubjectBadge';\r\n\r\n\r\nimport Pill from '../../components/common/Pill';\r\n\r\nimport { Accordion,Card,Button,Modal } from 'react-bootstrap';\r\n\r\n\r\n\r\nconst companies = [\r\n {value:1, Text:\"Shell\"},\r\n {value:2, Text:\"BP\"},\r\n {value:3, Text:\"Total\"},\r\n]\r\n\r\n\r\nconst rooms = [\r\n {value:1, Text:\"Pedler Room\"},\r\n {value:2, Text:\"New York\"},\r\n {value:3, Text:\"London\"},\r\n]\r\n\r\nconst rates = [\r\n {value:1, Text:\"Day to day\"},\r\n {value:2, Text:\"Evenings\"},\r\n {value:3, Text:\"Weekend\"},\r\n]\r\n\r\ninterface IProps {\r\n id:number;\r\n history:any;\r\n}\r\n\r\nconst TeachersClasses = (props:IProps) => {\r\n const [show, setShow] = useState(false);\r\n const handleClose = () => setShow(false);\r\n const [courses, setCourses] = useState(new Array\r\n \r\n
\r\n \r\n
\r\n \r\n props.onChange && props.onChange(date)} style={{color:'red'}} /> \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n\r\n\r\n {(!courses || courses.length===0) && \r\n \r\n Edit Class \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n setShowStudents(false)} classId={currentSelectedClass} show={showStudents} students={currentCourseStudents} updateGridClassStatus={updateGridClassStatus} />\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default TeachersClasses;","export default class SettlementReportVM {\r\n constructor() {\r\n \r\n }\r\n\r\n public paymentHeaderId:number;\r\n public dateCreated:Date;\r\n public dateCreatedString:string;\r\n public payment:number;\r\n\r\n public periodEndDate:Date;\r\n public periodEndDateString:string;\r\n\r\n}","import React, {useEffect,useState} from 'react';\r\nimport TeacherPaymentVM from '../../models/TeacherPaymentVM';\r\nimport CurrencyFormater from '../common/CurrencyFormater';\r\n\r\ninterface IProps {\r\n teacherPayments:Array\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n searchCriteria_onChange(e.target.value) } /> \r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n { | \r\n Only require marking | \r\n
\r\n
\r\n \r\n classesTimeChange(e)} selected=\"CURRENT\"/>\r\n
\r\n | \r\n | Course | \r\nSubject | \r\nLevel | \r\nStart Date | \r\nStatus | \r\n
|---|---|---|---|---|---|
| selectRow(c.courseId)}>{c.title} | \r\n\r\n | \r\n {c.courseLevel} | \r\n{c.startDateString} | \r\n\r\n | \r\n
Teacher does not have any courses currently
}\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.compactTable &&
| \r\n ||||||||||||||||||
\r\n
| \r\n ||||||||||||||||||
| No records currently | \r\n
\r\n\r\n {viewToShow === \"P\" &&
\r\n
\r\n
\r\n }\r\n\r\n {viewToShow===\"O\" && \r\n
\r\n\r\n {!settlementReports || settlementReports.length === 0 && \r\n {setGrandTotal(e)}} />\r\n
\r\n \r\n \r\n {settlementReports && settlementReports.length > 0 &&\r\n \r\n
\r\n }\r\n
\r\n | Settlement report | \r\nPayment | \r\nActions | \r\n
| loadPaymentRecords(p.paymentHeaderId)}>{p.periodEndDateString} | \r\n£{p.payment.toFixed(2)} | \r\n\r\n <>\r\n openPrintWindow() } > \r\n deletePaymentClicked(p.paymentHeaderId) } > \r\n \r\n | \r\n
This teacher does not have any settlement reports
}\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n <>\r\n periodDateChangeHandler(e)} autocomplete=\"nope\" />\r\n {outstandingPaymentRecords && outstandingPaymentRecords.length > 0 &&\r\n toogleRaisePaymentModal()} /> \r\n }\r\n \r\n \r\n\r\n {!outstandingPaymentRecords || outstandingPaymentRecords.length === 0 &&\r\n {}} /> \r\n \r\n \r\n\r\n \r\n
\r\n }\r\n\r\n\r\n\r\n Period end date
\r\n\r\n This teacher does not have any classes to process\r\n
\r\n }\r\n\r\n\r\n \r\n
\r\n \r\n\r\n \r\n Are you sure you wish to raise this payment record?\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\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 TeachersTabs;","import React, { Component } from \"react\";\r\nimport TagSelector from '../common/TagSelector';\r\nimport DatePicker from \"react-datepicker\";\r\nimport TeachersTabs from './TeachersTabs';\r\n\r\nconst subjects = ['French','Spanish','German','Russian','Japanese'];\r\n\r\ninterface IProps {\r\n history: any,\r\n match: any\r\n}\r\n\r\nexport default class TeachersEdit extends Component\r\n
\r\n \r\n \r\n
\r\n {props.itemsTotal-props.itemAmmount} classes remaining
\r\n \r\n {getQueryStringParam(\"showOnlyActiveAndCompleted\") !=='True' && getQueryStringParam(\"showClassCountErrors\") !=='True' && getQueryStringParam(\"expiredClasses\") !=='true' &&
\r\n\r\n\r\n \r\n
}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \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
\r\n Subject
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Status
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n Classes remaining
\r\n \r\n \r\n changeStartDateHandler(date)} value={searchStartDate} />\r\n
\r\n\r\n Start date
\r\n \r\n changeEndDateHandler(date)} value={searchEndDate} />\r\n
\r\n\r\n\r\n End date
\r\n \r\n
\r\n\r\n \r\n
\r\n Teacher
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n Company
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n {getQueryStringParam(\"showClassCountErrors\") !=='True' && getQueryStringParam(\"expiredClasses\") !=='true' && props.history.push('/coursesForm')} text=\"ADD COURSE\" />}\r\n
\r\n {getCourseTitle()} - {data.length} found
\r\n| \r\n | Course name | \r\nTeacher | \r\nSubject | \r\nStart date | \r\nEnd date | \r\nExpiring date | \r\nNumber of classes | \r\nProgress | \r\nStatus | \r\n\r\n | \r\n | Students enrolled | \r\nStudents enquired | \r\nStudents waiting | \r\n \r\n
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| row_click(c.courseId)} > | \r\n row_click(c.courseId)} >{<>{c.title} {c.description} } | \r\n row_click(c.courseId)} >{c.teacher} | \r\n row_click(c.courseId)} >\r\n | \r\n row_click(c.courseId)} align=\"center\">{c.startDateString} | \r\nrow_click(c.courseId)} align=\"center\">{c.endDateString} | \r\nrow_click(c.courseId)} align=\"center\">{c.expiringDateString} | \r\n row_click(c.courseId)} ><>{c.totalClasses} classes {c.classLengthTemplate} mins | \r\n row_click(c.courseId)} > | \r\n row_click(c.courseId)} align=\"center\"> \r\n | \r\n row_click(c.courseId)} style={{paddingLeft:\"2px\",paddingRight:\"0px\",paddingTop:\"14px\",paddingBottom:\"2px\"}} >\r\n {(c.hasClone) ? : \" \"}\r\n | \r\n\r\n {c.hasUnMarkedClasses ? : \" \"}\r\n | \r\n showStudents_click(c.courseId) }>{c.enrolledStudents} | \r\nshowStudents_click(c.courseId) }>{c.enquiredStudents} | \r\nshowStudents_click(c.courseId) }>{c.waitingStudents} | \r\n
| No courses found |
| First name | \r\nLast name | \r\n||
| {s.firstName} | \r\n{s.lastName} | \r\n{s.email} | \r\n{getStatusSpanFromId(s.statusId)} | \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default RoomsGrid;","import React from 'react';\r\n\r\ninterface IProps {\r\n label:string,\r\n placeHolder?:string,\r\n width?: number,\r\n height?: number,\r\n value?: string,\r\n onChange?: Function;\r\n name?: string,\r\n isError?: boolean,\r\n labelWidth:number\r\n\r\n}\r\n\r\nconst InputTextArea = (props:IProps) => {\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 props.history.push('/roomsForm')} />\r\n
\r\n Rooms
\r\n| Room Name | \r\nCompany | \r\nCapacity | \r\n
|---|---|---|
| {r.name} | \r\n{r.company} | \r\n{r.capacity} | \r\n
| No rooms currently |
\r\n
\r\n\r\n\r\n )\r\n}\r\n\r\nexport default InputTextArea;\r\n","import React, { useState, useEffect} from 'react';\r\nimport InputDropDown from '../common/InputDropDown';\r\nimport InputTextBoxDuel from '../common/InputTextBoxDuel';\r\nimport InputTextArea from '../common/InputTextArea';\r\nimport Company from '../../models/Company';\r\nimport Room from '../../models/Room';\r\n\r\nimport axios from 'axios';\r\nimport useSnackbar from 'react-snackbar-toast';\r\n\r\nimport ActionButton from '../buttons/ActionButton';\r\nimport CancelButton from '../buttons/CancelButton';\r\n\r\nimport swal from 'sweetalert';\r\n\r\ninterface IProps {\r\n id:number\r\n}\r\n\r\nconst RoomsForm = (props:IProps) => {\r\n const {addToast} = useSnackbar();\r\n\r\n const open = option => {\r\n addToast(\"Room successfully saved\", option); \r\n };\r\n\r\n const [currentRoom, setCurrentRoom] = useState(new Room());\r\n const [comps, setComps] = useState(new Array\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 RoomsForm;","import React, { useState } from 'react';\r\nimport { TabContent, TabPane, Nav, NavItem, NavLink, Card, Button, CardTitle, CardText, Row, Col } from 'reactstrap';\r\nimport classnames from 'classnames';\r\nimport RoomsForm from './RoomsForm';\r\nimport Calandar from '../common/Calandar';\r\n\r\ninterface IProps {\r\n id:number,\r\n history:any\r\n}\r\n\r\nconst TeachersTabs = (props:IProps) => {\r\n const [activeTab, setActiveTab] = useState('1');\r\n\r\n const toggle = tab => {\r\n if(activeTab !== tab) setActiveTab(tab);\r\n }\r\n\r\n return (\r\n \r\n updateRoom(e)} />\r\n
\r\n \r\n updateCapacity(e)} />\r\n
\r\n \r\n
\r\n \r\n updateRoom(e)} width={650} height={250} />\r\n
\r\n\r\n \r\n\r\n\r\n postRoom()} text=\"SAVE\" /> \r\n\r\n alert(\"hello\")} />\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\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 TeachersTabs;","import React, { Component } from \"react\";\r\nimport TagSelector from '../common/TagSelector';\r\nimport DatePicker from \"react-datepicker\";\r\nimport RoomsTabs from './RoomsTabs';\r\n\r\nconst subjects = ['French','Spanish','German','Russian','Japanese'];\r\n\r\n\r\ninterface IProps {\r\n history: any,\r\n match: any\r\n}\r\n\r\nexport default class RoomsEdit extends Component\r\n
\r\n \r\n
\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.history.push('/companiesform')} />\r\n
\r\n Companies - {companies.length} found
\r\n| \r\n | Name | \r\nAddress | \r\nTown | \r\nPostcode | \r\n\r\n |
|---|---|---|---|---|---|
| props.history.push(`companiesForm/${c.companyId}`) }>{c.name} | \r\nprops.history.push(`companiesForm/${c.companyId}`) }>{c.address} | \r\nprops.history.push(`companiesForm/${c.companyId}`) }>{c.town} | \r\nprops.history.push(`companiesForm/${c.companyId}`) }>{c.postCode} | \r\n\r\n\r\n {!c.inUse && deleteCompany(c) } > }\r\n \r\n | \r\n |
| No companies currently |
\r\n
\r\n \r\n
\r\n \r\n {(props.mode === \"E\") ? <>