\r\n\r\n {/*
*/}\r\n
{currentQuestion.Text}
\r\n {\r\n currentQuestion.Type === 'Checkbox' ?\r\n
\r\n {\r\n currentQuestion.Answers.map((answer, i) => {\r\n return (\r\n
\r\n \r\n {answer.Text} \r\n \r\n
\r\n )\r\n }\r\n \r\n )}\r\n
\r\n :\r\n (\r\n currentQuestion.Type === 'Dropdown' || currentQuestion.Type === 'Radio' ?\r\n
handleChange(e, currentQuestion.Answers, e.target.value)} >\r\n Select one \r\n {\r\n currentQuestion.Answers.map((answer, i) => \r\n {\r\n return answersForCurrentQuestion.length?\r\n {answer.Text} \r\n :\r\n {answer.Text} \r\n \r\n }\r\n )\r\n }\r\n \r\n :\r\n (\r\n currentQuestion.Type === 'Textbox' || currentQuestion.Type === 'Text'?\r\n
\r\n\r\n {\r\n answersForCurrentQuestion.length ?\r\n <>\r\n \r\n \r\n :\r\n <>\r\n Enter text here \r\n \r\n }\r\n \r\n
\r\n :\r\n (currentQuestion.Type ==='Date') ?\r\n
\r\n {\r\n answersForCurrentQuestion.length ?\r\n <>\r\n \r\n \r\n :\r\n <>\r\n \r\n \r\n }\r\n
\r\n : null\r\n )\r\n )\r\n }\r\n
\r\n )\r\n}\r\n\r\nexport default FormTypes\r\n","import React from 'react'\r\nimport FormTypes from '../FormTypes/FormTypes';\r\nimport './VETForm.scss';\r\n\r\nconst VETForm = ({vetQuestions, vetObject, studentVetAnswers, handleVetChange, route}) => {\r\n\r\n let prevGroup = \"\"\r\n\r\n const showQuestion = (answers, selectedAnswer) => {\r\n \r\n\r\n const answer = answers.filter(currAnswer => currAnswer.Id === +selectedAnswer);\r\n\r\n const activatedQuestions = answer[0].VisibilityActivators\r\n const deactivatedQuestions = answer[0].VisibilityDeactivators\r\n\r\n if (activatedQuestions.length) {\r\n for (let i = 0; i < activatedQuestions.length; i++) {\r\n const idOfQuestionToChange = activatedQuestions[i]; \r\n document.getElementById(`id${idOfQuestionToChange}`).style.display = 'block'\r\n }\r\n }\r\n \r\n if (deactivatedQuestions.length) {\r\n for (let i = 0; i < deactivatedQuestions.length; i++) {\r\n const idOfQuestionToChange = deactivatedQuestions[i]; \r\n document.getElementById(`id${idOfQuestionToChange}`).style.display = 'none'\r\n\r\n }\r\n }\r\n }\r\n\r\n return (\r\n
\r\n {\r\n vetQuestions.map((question, i) => {\r\n return (\r\n
\r\n {\r\n prevGroup !== question.Group.Name &&\r\n
{question.Group.Name} \r\n }\r\n {\r\n
handleVetChange(e, vetObject)} showQuestion={showQuestion} route={route}/>\r\n }\r\n {/* This is just for updating the prevGroup variable */}\r\n \r\n {\r\n prevGroup = question.Group.Name\r\n }\r\n
\r\n )\r\n })\r\n }\r\n
\r\n )\r\n}\r\n\r\nexport default VETForm\r\n","export const setPostageForm = () => {\r\n const postalSection = document.getElementById('postalSection')\r\n postalSection.classList.toggle(\"hide\");\r\n}\r\n\r\n\r\n","const stateToCode = {\r\n \"NSW\": \"01\", \r\n \"VIC\": \"02\", \r\n \"QLD\": \"03\", \r\n \"SA\": \"04\",\r\n \"WA\": \"05\",\r\n \"TAS\": \"06\", \r\n \"NT\": \"07\", \r\n \"ACT\": \"08\"\r\n}\r\n\r\n// This is for updating the info from the registration form\r\n\r\nexport const updateResidentialAddress = (contactObject) => {\r\n setTimeout(() => { \r\n const street = document.getElementById('AddressStreet')\r\n \r\n if (street.defaultValue.length) {\r\n contactObject[\"AddressStreet\"] = document.getElementById('AddressStreet').value\r\n contactObject[\"AddressStreetNo\"] = document.getElementById('addressStreetNo').value\r\n contactObject[\"Suburb\"] = document.getElementById('suburb').value\r\n contactObject[\"Postcode\"] = document.getElementById('postcode').value\r\n contactObject[\"AddressUnitNo\"] = document.getElementById('addressUnitNo').value\r\n contactObject[\"State\"] = stateToCode[document.getElementsByClassName('dropdown-trigger')[0].value];\r\n }\r\n\r\n }, 500);\r\n}\r\n\r\nexport const updatePostalAddress = (contactObject) => {\r\n setTimeout(() => { \r\n const postalStreet = document.getElementById('postalAddressStreet')\r\n \r\n if (postalStreet.defaultValue.length) {\r\n\r\n contactObject[\"AddressStreet_Pos\"] = document.getElementById('postalAddressStreet').value\r\n contactObject[\"AddressStreetNo_Pos\"] = document.getElementById('postalAddressStreetNo').value\r\n contactObject[\"Suburb_Pos\"] = document.getElementById('postalSuburb').value\r\n contactObject[\"Postcode_Pos\"] = document.getElementById('postalPostcode').value\r\n contactObject[\"AddressUnitNo_Pos\"] = document.getElementById('postalAddressUnitNo').value\r\n contactObject[\"State_Pos\"] = stateToCode[document.getElementsByClassName('dropdown-trigger')[1].value];\r\n\r\n }\r\n }, 500);\r\n}\r\n\r\nexport const copyResidentialIntoPostal = (contactObject) => {\r\n \r\n const residentialStreet = document.getElementById('AddressStreet')\r\n \r\n if (residentialStreet.defaultValue.length) {\r\n contactObject[\"AddressStreet_Pos\"] = document.getElementById('AddressStreet').value\r\n contactObject[\"AddressStreetNo_Pos\"] = document.getElementById('addressStreetNo').value\r\n contactObject[\"Suburb_Pos\"] = document.getElementById('suburb').value\r\n contactObject[\"Postcode_Pos\"] = document.getElementById('postcode').value\r\n contactObject[\"AddressUnitNo_Pos\"] = document.getElementById('addressUnitNo').value\r\n contactObject[\"State_Pos\"] = stateToCode[document.getElementsByClassName('dropdown-trigger')[0].value];\r\n\r\n }\r\n \r\n}\r\n\r\n\r\n// This is for updating information in the student portal\r\n\r\nexport const updateStudentResidentialAddress = (url, token, detailsToUpdate, setRefreshAddressState) => {\r\n setTimeout(() => { \r\n const residentialStreet = document.getElementById('AddressStreet')\r\n \r\n if (residentialStreet.defaultValue.length) {\r\n detailsToUpdate[\"AddressStreet\"] = document.getElementById('AddressStreet').value\r\n detailsToUpdate[\"AddressStreetNo\"] = document.getElementById('addressStreetNo').value\r\n detailsToUpdate[\"Suburb\"] = document.getElementById('suburb').value\r\n detailsToUpdate[\"Postcode\"] = document.getElementById('postcode').value\r\n detailsToUpdate[\"AddressUnitNo\"] = document.getElementById('addressUnitNo').value\r\n detailsToUpdate[\"State\"] = document.getElementById('HiddenState').value;\r\n \r\n fetch(url, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}`},\r\n body: JSON.stringify(detailsToUpdate)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n\r\n setRefreshAddressState(true)\r\n }\r\n }, 500);\r\n\r\n\r\n}\r\n\r\nexport const updateStudentPostalAddress = (url, token, detailsToUpdate, setRefreshAddressState) => {\r\n setTimeout(() => { \r\n const postalStreet = document.getElementById('postalAddressStreet')\r\n \r\n if (postalStreet.defaultValue.length) {\r\n detailsToUpdate[\"AddressStreet_Pos\"] = document.getElementById('postalAddressStreet').value\r\n detailsToUpdate[\"AddressStreetNo_Pos\"] = document.getElementById('postalAddressStreetNo').value\r\n detailsToUpdate[\"Suburb_Pos\"] = document.getElementById('postalSuburb').value\r\n detailsToUpdate[\"Postcode_Pos\"] = document.getElementById('postalPostcode').value\r\n detailsToUpdate[\"AddressUnitNo_Pos\"] = document.getElementById('postalAddressUnitNo').value\r\n detailsToUpdate[\"State_Pos\"] = document.getElementById('HiddenStatePos').value;\r\n\r\n fetch(url, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}` },\r\n body: JSON.stringify(detailsToUpdate)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n\r\n setRefreshAddressState(true)\r\n }\r\n\r\n }, 500);\r\n}\r\n\r\nexport const copyStudentResidentialIntoPostal = (url, token, detailsToUpdate) => {\r\n const residentialStreet = document.getElementById('AddressStreet')\r\n \r\n if (residentialStreet.defaultValue.length) {\r\n detailsToUpdate[\"AddressStreet_Pos\"] = document.getElementById('AddressStreet').value\r\n detailsToUpdate[\"AddressStreetNo_Pos\"] = document.getElementById('addressStreetNo').value\r\n detailsToUpdate[\"Suburb_Pos\"] = document.getElementById('suburb').value\r\n detailsToUpdate[\"Postcode_Pos\"] = document.getElementById('postcode').value\r\n detailsToUpdate[\"AddressUnitNo_Pos\"] = document.getElementById('addressUnitNo').value\r\n detailsToUpdate[\"State_Pos\"] = stateToCode[document.getElementsByClassName('dropdown-trigger')[0].value];\r\n\r\n fetch(url, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}` },\r\n body: JSON.stringify(detailsToUpdate)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n}\r\n","export const dateTimeToDateString = (date, format) => {\r\n let stringDate = \"\";\r\n if(date){ \r\n const d = new Date(date)\r\n const year = d.getFullYear()\r\n const month = d.getMonth()+1\r\n const day = d.getDate()\r\n let zeroM = \"\";\r\n let zeroD = \"\";\r\n if (month < 10){\r\n zeroM = \"0\";\r\n }\r\n if (day < 10){\r\n zeroD = \"0\";\r\n }\r\n\r\n if(format === 1){\r\n stringDate = `${year}-${zeroM}${month}-${zeroD}${day}`;\r\n }else{\r\n stringDate = `${zeroD}${day}-${zeroM}${month}-${year}`;\r\n }\r\n }\r\n return stringDate;\r\n}","import React, { useEffect } from 'react'\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport M from 'materialize-css';\r\nimport './AdministerStudentMenuItems.scss'\r\nimport { useThemeContext } from '../../ThemeContext';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\n\r\nconst AdministerStudentMenuItems = ({page}) => {\r\n\r\n const { selectedStudentId, authToken } = useThemeContext()\r\n let history = useHistory()\r\n\r\n const validateNatFormsUrl = `${baseUrl}/api/natforms/validatedates/${selectedStudentId}?$orderBy=AntaId`;\r\n const [isLoadingValNat, validateNatforms, errorValNat] = useDataFetch(validateNatFormsUrl, authToken)\r\n\r\n const validateSTSUrl = `${baseUrl}/api/stsbulkquotedata/validatedata/${selectedStudentId}`;\r\n const [isLoadingSTS, validateSTS, errorSTS] = useDataFetch(validateSTSUrl, authToken)\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.modal');\r\n var instances = M.Modal.init(elems, {});\r\n })\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
Warnings \r\n {\r\n validateSTS.length ?\r\n <>\r\n
STS File Potential Issues \r\n {\r\n validateSTS.map((qual, index) => (\r\n
\r\n
Qualification {qual.AntaId} :
\r\n {qual.DOB === null &&
- Date of birth missing
}\r\n {qual.StartDate === null &&
- Start date is missing
}\r\n {qual.EndDate === null &&
- End date is missing
}\r\n {qual.ATSI === null &&
- Aboriginal or Torres Strait Islander field missing
}\r\n {qual.ResidencyStatusAnswer === null &&
- Residency Status missing
}\r\n {qual.WorkInNSWAnswer === null &&
- Do you work in NSW field missing
}\r\n {qual.TraineeAnswer === null &&
- Registered NSW apprentice or trainee field missing
}\r\n {qual.SocialHousingAnswer === null &&
- Social housing field missing
}\r\n {qual.LTUAnswer === null &&
- Unemployed for 52 weeks or more field missing
}\r\n
\r\n
\r\n ))\r\n }\r\n \r\n :\r\n null\r\n }\r\n \r\n {\r\n validateNatforms.length ?\r\n <>\r\n
NAT File potential issues \r\n {\r\n validateNatforms.map((issue, index, arr)=>(\r\n
\r\n {\r\n index > 0 && issue.AntaId === arr[index-1].AntaId ? null: <>
Qualification {issue.AntaId} :
\r\n }\r\n
{issue.CompetencyId}: {issue.Reason}
\r\n
\r\n ))\r\n }\r\n \r\n :\r\n null\r\n }\r\n
\r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default AdministerStudentMenuItems\r\n","import React, {useEffect} from 'react'\r\nimport { useThemeContext } from '../../ThemeContext'\r\n\r\nconst StateDropdown = ({name, updateStudentDetails, studentDetails, studentUrl, state, refreshAddressState, setRefreshAddressState}) => {\r\n\r\n const { authToken } = useThemeContext()\r\n\r\n useEffect(()=>{\r\n setRefreshAddressState(false)\r\n },[refreshAddressState])\r\n \r\n return (\r\n name === \"State\"?\r\n
\r\n updateStudentDetails(e, studentUrl, authToken, studentDetails)} name={name} value={studentDetails.State ? studentDetails.State : \"0\"}>\r\n Select State \r\n { \r\n state.map((state, i) => {\r\n return {state.StateCode?state.StateCode:state.Description} \r\n })\r\n }\r\n \r\n State \r\n
\r\n ://\"State_Pos\"\r\n
\r\n updateStudentDetails(e, studentUrl, authToken, studentDetails)} name={name} value={studentDetails.State_Pos ? studentDetails.State_Pos : \"0\"}>\r\n Select State \r\n { \r\n state.map((state, i) => {\r\n return {state.StateCode?state.StateCode:state.Description} \r\n })\r\n }\r\n \r\n State \r\n
\r\n )\r\n}\r\n\r\nexport default StateDropdown\r\n","import React, {useState, useEffect} from 'react';\r\nimport './StudentProfile.scss';\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { useDataPost } from '../../hooks/useDataPost';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport VetForm from '../VETForm/VETForm';\r\nimport M from 'materialize-css';\r\nimport { createVETQuestionObject } from '../../functions/createVETQuestionObject';\r\nimport { setPostageForm } from '../../functions/setPostageForm';\r\nimport { copyStudentResidentialIntoPostal, updateStudentPostalAddress, updateStudentResidentialAddress } from '../../functions/updateStudentAddress';\r\nimport Spinner from '../../assets/spinner.svg'\r\nimport { dateTimeToDateString } from '../../functions/dateTimeToDateString';\r\nimport AdministerStudentMenuItems from '../AdministerStudentMenuItems/AdministerStudentMenuItems';\r\nimport StateDropdown from '../StateDropdown/StateDropdown';\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nconst StudentProfile = ({route}) => {\r\n\r\n const { studentID, selectedStudentId, authToken, userRole } = useThemeContext()\r\n\r\n let currentStudentID = userRole === \"Administrator\" ? selectedStudentId : studentID\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems, {});\r\n var elemDropdown = document.querySelectorAll('select');\r\n var instancesDropdown = M.FormSelect.init(elemDropdown, {});\r\n M.updateTextFields();\r\n })\r\n\r\n //the below code is for triggering the address finder API code\r\n useEffect(() => {\r\n const DOMContentLoaded_event = document.createEvent(\"Event\")\r\n DOMContentLoaded_event.initEvent(\"DOMContentLoaded\", true, true)\r\n window.document.dispatchEvent(DOMContentLoaded_event)\r\n });\r\n \r\n\r\n const stateUrl = `${baseUrl}/api/states`;\r\n const [ isLoadingState, state, stateError ] = useDataFetch(stateUrl)\r\n\r\n const studentUrl = `${baseUrl}/api/students/${currentStudentID}`;\r\n const [ isLoadingStudent, studentDetails, error ] = useDataFetch(studentUrl, authToken); \r\n \r\n const VETUrl = `${baseUrl}/api/vetquestions?$expand=Group,Answers&$orderBy=OrderIndex`;\r\n const [ isLoadingVET, vetQuestions, vetError ] = useDataFetch(VETUrl, authToken)\r\n\r\n const VETStudentUrl = `${baseUrl}/api/studentVETQuestions?$expand=Answers&$filter=StudentId eq ${currentStudentID}`;\r\n const [ isLoadingStudentVET, studentVetAnswers, studentVetError ] = useDataFetch(VETStudentUrl, authToken)\r\n \r\n const [vetObject, setVetObject] = useState({})\r\n\r\n useEffect(() => {\r\n const tempVetObject = createVETQuestionObject(vetQuestions, currentStudentID)\r\n setVetObject(tempVetObject)\r\n }, [vetQuestions, currentStudentID])\r\n\r\n const handleVetChange = (e) => {\r\n\r\n if (vetObject === undefined) return;\r\n\r\n const { name, value, type, checked } = e.target; \r\n\r\n let studentQuestionId =\"\";\r\n let studentAnswerId = \"\";\r\n if(type ==='select-one'){\r\n studentQuestionId = e.target.options[e.target.selectedIndex].getAttribute(\"data-questionid\");\r\n studentAnswerId = e.target.options[e.target.selectedIndex].getAttribute(\"data-answerid\");\r\n }else{\r\n studentQuestionId = e.target.getAttribute(\"data-questionid\");\r\n studentAnswerId = e.target.getAttribute(\"data-answerid\")\r\n }\r\n\r\n if (type === 'checkbox') {\r\n if (checked) {\r\n vetObject[name].Answers = [...vetObject[name].Answers, { VetAnswerId: parseInt(value), Text: null }]\r\n } else {\r\n const filteredArray = vetObject[name].Answers.filter(item => { return item.VetAnswerId !== +value; })\r\n vetObject[name].Answers = filteredArray\r\n }\r\n\r\n } else if (type === 'text' || type === 'date') {\r\n if(studentAnswerId){\r\n vetObject[name].Answers = [{ Id: parseInt(studentAnswerId), VetAnswerId: null, Text: value }]\r\n }else{\r\n vetObject[name].Answers = [{ VetAnswerId: null, Text: value }]\r\n }\r\n \r\n } else {\r\n if(studentAnswerId){\r\n vetObject[name].Answers = [{ Id: parseInt(studentAnswerId), VetAnswerId: parseInt(value), Text: null }]\r\n }else{\r\n vetObject[name].Answers = [{ VetAnswerId: parseInt(value), Text: null }]\r\n }\r\n \r\n }\r\n\r\n let url = \"\"\r\n let method = \"\"\r\n \r\n if (studentQuestionId) {\r\n url = `${baseUrl}/api/studentvetquestions/${studentQuestionId}`\r\n method = 'PUT'\r\n vetObject[name].Id = studentQuestionId\r\n } else {\r\n url = `${baseUrl}/api/studentvetquestions`\r\n method = 'POST'\r\n }\r\n\r\n vetObject[name].VetQuestionText = name\r\n\r\n fetch(url, {\r\n method: method,\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(vetObject[name])\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n };\r\n\r\n //function to check whether USI or email already exists and return error to user.\r\n const handleupdateStudentResponse = (data, name, value) =>{\r\n \r\n if(data.error){\r\n M.toast({html: data.error.innererror.message, displayLength: 2000});\r\n }\r\n }\r\n \r\n const updateStudentDetails = (e, url, token, detailsToUpdate) => {\r\n \r\n const { name, value, type, checked } = e.target;\r\n \r\n let prevValue;\r\n if (type === 'checkbox') {\r\n prevValue=detailsToUpdate[\"IsDisabled\"];\r\n if (checked){//student enabled\r\n detailsToUpdate[\"IsDisabled\"] = false;\r\n }else{//student disabled\r\n detailsToUpdate[\"IsDisabled\"] = true;\r\n }\r\n }\r\n else{\r\n prevValue=detailsToUpdate[name];\r\n detailsToUpdate[name] = value\r\n }\r\n \r\n fetch(url, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${token}` },\r\n body: JSON.stringify(detailsToUpdate)\r\n })\r\n .then(response => response.json())\r\n .then(data => handleupdateStudentResponse(data, name, prevValue))\r\n .catch(err => console.log(err))\r\n }\r\n\r\n \r\n\r\n const [areChangesSaved, setAreChangesSaved] = useState(false)\r\n const [isLoadingSavedChanges, savedChanges, saveError] = useDataPost(studentUrl, studentDetails, areChangesSaved, setAreChangesSaved, 'PUT')\r\n\r\n const [showPersonalDetails, setShowPersonalDetails] = useState(true);\r\n const [showVetDetails, setShowVetDetails] = useState(false);\r\n\r\n const [refreshAddressState, setRefreshAddressState] = useState(false);\r\n\r\n return (\r\n isLoadingStudent ?\r\n
\r\n
Loading your info...
\r\n
\r\n
\r\n :\r\n
\r\n {\r\n userRole === 'Administrator'?
: null\r\n } \r\n
\r\n
\r\n {\r\n userRole === 'Administrator'?\r\n
\r\n Disable \r\n \r\n \r\n Enable \r\n
\r\n :null\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
Contact Details \r\n \r\n
\r\n
\r\n Title \r\n
\r\n
\r\n First Name \r\n
\r\n
\r\n Other Name \r\n
\r\n
\r\n Last Name \r\n
\r\n
\r\n
\r\n
\r\n Phone \r\n
\r\n
\r\n Mobile \r\n
\r\n
\r\n Company Email \r\n
\r\n
\r\n Personal Email \r\n
\r\n
\r\n Organisation \r\n
\r\n
\r\n Position \r\n
\r\n
\r\n Date of Birth \r\n
\r\n
\r\n updateStudentDetails(e, studentUrl, authToken, studentDetails)} autoComplete=\"new-password\" name=\"Sex\">\r\n {studentDetails.Sex} \r\n Female \r\n Male \r\n Other \r\n \r\n Gender \r\n
\r\n
\r\n Unique Student Identifier (USI) \r\n
\r\n
\r\n
To obtain a USI, apply for one here
\r\n
\r\n
\r\n \r\n
\r\n
Residential Address \r\n \r\n
\r\n
\r\n Address \r\n
\r\n
\r\n Building/PropertyName \r\n
\r\n
\r\n Flat/Unit No \r\n
\r\n
\r\n Street No \r\n
\r\n
\r\n Street Name \r\n
\r\n
\r\n Suburb \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Postcode \r\n
\r\n
\r\n\r\n
\r\n
Postal Address \r\n \r\n
\r\n Postal address same as residential address \r\n \r\n
\r\n
\r\n
\r\n Address \r\n
\r\n
\r\n Building/PropertyName \r\n
\r\n
\r\n Flat/Unit No \r\n
\r\n
\r\n Street No \r\n
\r\n
\r\n Street Name \r\n
\r\n
\r\n Suburb \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Postcode \r\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 StudentProfile\r\n","export const createVETQuestionObject = (vetQuestions, studentId) => {\r\n if (vetQuestions === undefined || studentId === undefined) return\r\n\r\n const tempObject = {}\r\n\r\n for (let i = 0; i < vetQuestions.length; i++) {\r\n const name = vetQuestions[i].Text;\r\n tempObject[name] = {\r\n StudentId: studentId,\r\n VetQuestionId: vetQuestions[i].Id,\r\n Answers: [],\r\n }\r\n }\r\n\r\n return tempObject\r\n}","import { useState, useEffect } from 'react'\r\n\r\nexport const useDataFetchRefresh = (url, token, refreshData, setRefreshData, refreshId) => {\r\n\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [error, setError] = useState(null)\r\n const [data, setData] = useState([])\r\n \r\n useEffect(() => {\r\n\r\n // const ac = new AbortController();\r\n const fetchData = async () => {\r\n setIsLoading(true)\r\n if (refreshId !== undefined) {\r\n }\r\n try {\r\n let response;\r\n if (token !== undefined){\r\n response = await fetch(url, {headers: {'Authorization': `Bearer ${token}`}})\r\n }else\r\n {\r\n response = await fetch(url)\r\n }\r\n \r\n const json = await response.json()\r\n json.value? setData(json.value) : setData(json)\r\n setRefreshData(false)\r\n \r\n } catch(error) {\r\n setError(error)\r\n }\r\n setIsLoading(false)\r\n }\r\n fetchData();\r\n // return () => ac.abort(); \r\n }, [refreshData, refreshId])\r\n\r\n return [ isLoading, data, error ]\r\n\r\n}\r\n","import React, {useState, useRef, useEffect} from 'react'\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nconst DatePickerComp = ({tabindex, name, defaultDate, handleDateUpdate, object, index}) => {\r\n const [startDate, setStartDate] = useState(defaultDate);\r\n\r\n useEffect(() => {\r\n setStartDate(defaultDate)\r\n }, [defaultDate])\r\n \r\n const handleUpdate = (name, date, obj, index) => {\r\n \r\n setStartDate(date);\r\n if(name === 'certDate'){\r\n handleDateUpdate(date, obj, index);\r\n } else if (name === 'StartDateTime' || name ==='EndDateTime'){\r\n handleDateUpdate(name, date);\r\n }\r\n else{\r\n //competency start and end dates\r\n handleDateUpdate(name, date, obj, index);\r\n }\r\n }\r\n\r\n // Close the calendar when user using 'Tab' key to tab off the custom input\r\n const startRef = useRef();\r\n\r\n const handleOnKeyDown = (e) => {\r\n if (e.which === 9) startRef.current.setOpen(false, true);\r\n }\r\n\r\n\r\n return (\r\n
\r\n { handleUpdate(name, date, object, index);}}\r\n tabIndex={tabindex}\r\n ref={startRef}\r\n onKeyDown = {(e) => handleOnKeyDown(e)}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default DatePickerComp","import React from 'react'\r\n\r\nconst ShowSortArrow = ({ columnFieldName, sortConfig }) => {\r\n return (\r\n <>\r\n { \r\n columnFieldName === sortConfig.fieldToSort && sortConfig.direction !== null &&\r\n (\r\n sortConfig.direction === \"ascending\" ?\r\n
arrow_drop_down \r\n :\r\n
arrow_drop_up \r\n )\r\n\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default ShowSortArrow\r\n","//keyField will be a property from the array object to use as a key, for example the \"Id\"\r\nexport const arrayToObject = (array) =>\r\n array.reduce((obj, item) => {\r\n obj[item.Competency.Id] = item\r\n return obj\r\n}, {})\r\n\r\nexport const arrayToObjectWithKey = (array, keyField) =>\r\n array.reduce((obj, item) => {\r\n obj[item[keyField]] = item\r\n return obj\r\n}, {})","export const capitaliseEachWordOfQualName = (qual) => {\r\n return qual.Name.split(' ').map(word => {\r\n if (word === qual.AntaId || word === 'in' || word === 'of') {\r\n // Word might be the code of the qual, or an unimportant word\r\n return word\r\n } else if(word === 'ii' || word === 'iii' || word === 'iv' || word === 'v') {\r\n // Capitalise entire roman numeral\r\n return word.toUpperCase()\r\n } else {\r\n // Otherwise, just capitalise the first letter\r\n return `${word.charAt(0).toUpperCase()}${word.substring(1)}`\r\n }\r\n // Then, put the sentence back together\r\n }).join(' ')\r\n}","import React, {useState, useEffect} from 'react';\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport Spinner from '../../assets/spinner.svg';\r\nimport './StudentQualifications.scss';\r\nimport M from 'materialize-css';\r\nimport { useDataFetchRefresh } from '../../hooks/useDataFetchRefresh';\r\nimport { dateTimeToDateString } from '../../functions/dateTimeToDateString';\r\nimport DatePickerComp from '../DatePickerComp/DatePickerComp';\r\nimport AdministerStudentMenuItems from '../AdministerStudentMenuItems/AdministerStudentMenuItems';\r\nimport { sortStudentCompetenciesTable } from '../../functions/sortStudentCompetenciesTable';\r\nimport ShowSortArrow from '../ShowSortArrow/ShowSortArrow';\r\nimport { useThemeContext } from '../../ThemeContext';\r\nimport { arrayToObjectWithKey } from '../../functions/arrayToObject'\r\nimport { capitaliseEachWordOfQualName } from '../../functions/capitaliseEachWordOfQualName';\r\n\r\nconst StudentQualifications = () => {\r\n\r\n const { studentID, selectedStudentId, authToken, userRole } = useThemeContext()\r\n\r\n let currentStudentId = userRole === \"Administrator\" ? selectedStudentId : studentID\r\n \r\n const [refreshData, setRefreshData] = useState(false);\r\n\r\n useEffect(()=>{\r\n var elems = document.querySelectorAll('select');\r\n var instances = M.FormSelect.init(elems, {});\r\n var elemsModal = document.querySelectorAll('.modal');\r\n var instancesModal = M.Modal.init(elemsModal, {});\r\n });\r\n\r\n //fetch qualifications available to register in -FOR REGISTER A NEW QUALIFICATION SECTION\r\n const qualificationsUrl = `${baseUrl}/api/qualifications?$filter=Superseded eq false`;\r\n const [ isLoading, qualifications, error ] = useDataFetch(qualificationsUrl, authToken);\r\n\r\n //fetch details of selected qualification-FOR REGISTER A NEW QUALIFICATION SECTION\r\n let specificQualUrl =\"\";\r\n const [qualSelected, setQualSelected] = useState(\"\");\r\n if(qualSelected !==\"\"){\r\n specificQualUrl = `${baseUrl}/api/qualifications?$filter=Id eq ${qualSelected}`;\r\n }\r\n const [ isLoadingQual, qualificationDetails, qualError ] = useDataFetch(specificQualUrl, authToken);\r\n\r\n //fetch all qualifications that are not disabled\r\n const allStudentQualsUrl = `${baseUrl}/api/studentqualifications?$expand=*&$filter=StudentId eq ${currentStudentId} and Disabled eq false`;\r\n const [ isLoadingAll, allQuals, errorAll ] = useDataFetchRefresh(allStudentQualsUrl, authToken,refreshData, setRefreshData);\r\n \r\n\r\n //fetch pending qualifications\r\n const studentPendingUrl = `${baseUrl}/api/studentqualifications?$expand=Qualification&$filter=StudentId eq ${currentStudentId} and ConfirmedCost eq false and CertificateIssued ne 'Yes' and Disabled eq false`;\r\n const [ isLoadingPending, pendingQuals, errorPending ] = useDataFetchRefresh(studentPendingUrl, authToken,refreshData, setRefreshData);\r\n\r\n //fetch completed qualifications - FOR QUALIFICATION COMPETENCIES SECTION - no longer just completed\r\n // const studentQualUrl = `${baseUrl}/api/studentqualifications?$expand=Qualification&$filter=StudentId eq ${currentStudentId} and CertificateIssued eq 'Yes'`;\r\n const studentQualUrl = `${baseUrl}/api/studentqualifications?$expand=Qualification&$filter=StudentId eq ${currentStudentId} and Disabled eq false`;\r\n const [ isLoadingCompQual, completedQuals, errorCompQual ] = useDataFetchRefresh(studentQualUrl, authToken,refreshData, setRefreshData);\r\n \r\n //fetch compentencies for qualifications - FOR QUALIFICATION COMPETENCIES SECTION - no longer just completed\r\n // const studentCompetetenciesUrl = `${baseUrl}/api/studentcompetencies?$filter=StudentId eq ${currentStudentId} and StudentQualification/CertificateIssued eq 'Yes' & $expand=*`\r\n const studentCompetetenciesUrl = `${baseUrl}/api/studentcompetencies?$filter=StudentId eq ${currentStudentId} & $expand=*`\r\n const [ isLoadingComp, studentCompletedCompetencies, errorComp ] = useDataFetchRefresh(studentCompetetenciesUrl, authToken,refreshData, setRefreshData);\r\n \r\n //Make sure the student can't register for a qual they're already registered in - FOR REGISTER A NEW QUALIFICATION SECTION\r\n const registeredQuals = allQuals.length ? allQuals.filter(qual => qual.CertificateIssued !== \"Withdrawn\").map(qual => qual.Qualification.Id) : [];\r\n const filteredQuals = qualifications.length ? qualifications.filter(qual => !registeredQuals.includes(qual.Id)) : [];\r\n \r\n //Get the delivery location options for the dropdown\r\n const deliveryLocationUrl = `${baseUrl}/api/deliverylocations?&$Filter=IsDisabled ne true&$orderBy=DeliveryLocation`;\r\n const [ isLoadingDL, deliveryLocation, errorDL ] = useDataFetch(deliveryLocationUrl)\r\n\r\n //Get the program location options for the dropdown\r\n const programLocationUrl = `${baseUrl}/api/offices?&$orderBy=Name&$Filter=IsDisabled eq false`;\r\n const [ isLoadingPL, programLocation, errorPL ] = useDataFetch(programLocationUrl)\r\n\r\n //Get the program stream options for the dropdown\r\n const programStreamsUrl = `${baseUrl}/api/progstreams`;\r\n const [ isLoadingPS, programStreams, errorPS ] = useDataFetch(programStreamsUrl)\r\n\r\n const waiverCodesUrl = `${baseUrl}/api/waivercode`\r\n const [ isLoadingCodes, waiverCodes, errorCodes] = useDataFetch(waiverCodesUrl)\r\n\r\n const [filteredWaiverCodes, setFilteredWaiverCodes] = useState([])\r\n\r\n useEffect(() => {\r\n if (waiverCodes.length && allQuals.length) {\r\n const allWaiverCodes = arrayToObjectWithKey(allQuals, \"WaiverCodeId\")\r\n const filteredCodes = waiverCodes.filter(code => {\r\n // If a code has been assigned to a student but is currently disabled, add it to the list with an asterisk\r\n // This will make sure records are always correct\r\n if (!code.IsDisabled) {\r\n return true\r\n } else if (allWaiverCodes[code.WaiverCodeId] !== undefined && code.IsDisabled) {\r\n code.WaiverDesc += \" *\"\r\n return true\r\n }\r\n\r\n return false\r\n })\r\n\r\n setFilteredWaiverCodes(filteredCodes)\r\n }\r\n }, [waiverCodes, allQuals])\r\n\r\n\r\n // This will keep hold of which table column we want to sort\r\n const [sortConfig, setSortConfig] = useState({\r\n fieldToSort: null,\r\n direction: null\r\n });\r\n \r\n const [sortedCompetencies, setSortedCompetencies] = useState([])\r\n\r\n const requestSort = (fieldToSort) => {\r\n let direction = 'ascending';\r\n if (sortConfig.fieldToSort === fieldToSort && sortConfig.direction === 'ascending') {\r\n direction = 'descending';\r\n } else if (sortConfig.fieldToSort === fieldToSort && sortConfig.direction === 'descending') {\r\n direction = null;\r\n }\r\n setSortConfig({ fieldToSort, direction });\r\n\r\n if (direction === null) {\r\n setSortedCompetencies(studentCompletedCompetencies)\r\n }\r\n }\r\n\r\n const handleAcceptQuote = (object) => {\r\n object['ConfirmedCost'] = true;\r\n object['Active'] = true;\r\n \r\n fetch(`${baseUrl}/api/studentqualifications/${object.Id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(object)\r\n })\r\n .then(response => {\r\n response.json()\r\n window.location.reload()\r\n })\r\n .catch(err => {\r\n console.log(err)\r\n window.location.reload()\r\n })\r\n }\r\n\r\n const handleCancelQuote = (object) => {\r\n object['Disabled'] = true;\r\n \r\n fetch(`${baseUrl}/api/studentqualifications/${object.Id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(object)\r\n })\r\n .then(response => {\r\n response.json()\r\n window.location.reload()\r\n })\r\n .catch(err => {\r\n console.log(err)\r\n window.location.reload()\r\n })\r\n }\r\n\r\n const handleQualChange = e => {\r\n const { name, value } = e.target;\r\n setQualSelected(value);\r\n\r\n if(value>0){\r\n document.getElementById('QualFundingPanel').style.display = 'block';\r\n }\r\n };\r\n\r\n\r\n //handle change to qualification results\r\n const handleQualUpdate = (e, qual, index)=> {\r\n \r\n const {name, value, type, checked} = e.target;\r\n const obj = { \r\n \"TotalFees\": 0,\r\n \"Id\": 0,\r\n \"Active\": false,\r\n \"Disabled\": false,\r\n \"StudentId\": 0,\r\n \"QualId\": 0,\r\n \"SaStudentId\": null,\r\n \"PASNumber\": null,\r\n \"TrainerID\": null,\r\n \"DeliveryLocId\": null,\r\n \"OfficeId\": null,\r\n \"WaiverCodeId\": null,\r\n \"CertificateAttainedDate\": null,\r\n \"CertificateIssued\": \"No\",\r\n \"CertificateId\": null,\r\n \"QuoteId\": null,\r\n \"QuoteCreatedAt\": null,\r\n \"QuoteAcceptedBy\": null,\r\n \"QuoteAcceptedAt\": null,\r\n \"PlanAcceptedBy\": null,\r\n \"PlanAcceptedAt\": null,\r\n \"ContractId\": null,\r\n \"ContractCreatedAt\": null,\r\n \"TrainingContractId\": null,\r\n \"ProgStreamId\": null,\r\n \"Funding\": null,\r\n \"TuitionFee\": null,\r\n \"Subsidy\": null,\r\n \"OtherSubsidy\": null,\r\n \"ConfirmedCost\": false,\r\n \"Comments\": null \r\n } \r\n\r\n for (const [key, value] of Object.entries(obj)) {\r\n obj[key] = qual[key]\r\n }\r\n\r\n if(type ==='select-one'){\r\n obj[name] = value;\r\n allQuals[index][name] = value;\r\n }else if(name ==='Active'){\r\n obj[name] = checked;\r\n allQuals[index].Active = checked;\r\n }else if(name ==='TuitionFee' || name ==='Subsidy' || name ===\"OtherSubsidy\"){\r\n obj[name] = parseFloat(value);\r\n allQuals[index][name] = parseFloat(value);\r\n }else{\r\n obj[name] = value;\r\n allQuals[index][name] = value;\r\n }\r\n\r\n if (obj[\"WaiverCodeId\"] === \"none\") {\r\n obj[\"WaiverCodeId\"] = null\r\n }\r\n\r\n if (value === \"null\") {\r\n obj[name] = null\r\n allQuals[index][name] = null;\r\n }\r\n\r\n if (name === 'CertificateIssued' && value === 'Withdrawn'){\r\n obj[\"Active\"] = false;\r\n }\r\n \r\n fetch(`${baseUrl}/api/studentqualifications/${qual[\"Id\"]}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(obj)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n if(name ==='TuitionFee' || name ==='Subsidy' || name ===\"OtherSubsidy\" || name === 'CertificateIssued'){\r\n setRefreshData(true);\r\n }\r\n }\r\n\r\n //handle change to qualification results\r\n const handleQualDateUpdate = (date, qual, index)=> {\r\n \r\n const obj = { \r\n \"TotalFees\": 0,\r\n \"Id\": 0,\r\n \"Active\": false,\r\n \"Disabled\": false,\r\n \"StudentId\": 0,\r\n \"QualId\": 0,\r\n \"SaStudentId\": null,\r\n \"PASNumber\": null,\r\n \"DeliveryLocId\": null,\r\n \"OfficeId\": null,\r\n \"WaiverCodeId\": null,\r\n \"CertificateAttainedDate\": null,\r\n \"CertificateIssued\": \"No\",\r\n \"CertificateId\": null,\r\n \"QuoteId\": null,\r\n \"QuoteCreatedAt\": null,\r\n \"ContractId\": null,\r\n \"ContractCreatedAt\": null,\r\n \"TrainingContractId\": null,\r\n \"ProgStreamId\": null,\r\n \"Funding\": null,\r\n \"TuitionFee\": null,\r\n \"Subsidy\": null,\r\n \"OtherSubsidy\": null,\r\n \"ConfirmedCost\": false,\r\n \"Comments\": null\r\n } \r\n\r\n for (const [key, value] of Object.entries(obj)) {\r\n obj[key] = qual[key]\r\n }\r\n\r\n obj['CertificateAttainedDate'] = date;\r\n allQuals[index].CertificateAttainedDate = date;\r\n \r\n fetch(`${baseUrl}/api/studentqualifications/${qual[\"Id\"]}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(obj)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n // for editing competency results\r\n const resultsUrl = `${baseUrl}/api/CompetencyResults`;\r\n const [ isLoadingResults, results, resultsError ] = useDataFetch(resultsUrl)\r\n\r\n const handleChange = (e, date, detailsToUpdate, index) => {\r\n \r\n let type=\"\";\r\n let name=\"\";\r\n let value=\"\";\r\n if(e === 'startDate' || e ==='finishDate'){\r\n name = e;\r\n value = date;\r\n }else{\r\n type = e.target.type;\r\n name = e.target.name;\r\n value = e.target.value;\r\n }\r\n \r\n const obj = { \r\n \"Id\": 0,\r\n \"BookingId\": 0,\r\n \"CourseId\": \"\",\r\n \"StudentId\": 0,\r\n \"CompetencyId\": 0,\r\n \"StudentQualificationId\": 0,\r\n \"ResultId\": 0,\r\n \"SaStudentId\": \"\",\r\n \"PppContract\": \"\",\r\n \"PppCourseSiteId\": null,\r\n \"ActivityStartDate\": null,\r\n \"ActivityEndDate\": null\r\n }\r\n\r\n for (const [key, value] of Object.entries(obj)) {\r\n obj[key] = detailsToUpdate[key]\r\n }\r\n\r\n if(type ==='select-one'){\r\n obj[\"ResultId\"] = parseInt(value);\r\n studentCompletedCompetencies[index].ResultId = value;\r\n }else{\r\n if(name === \"startDate\"){\r\n obj['ActivityStartDate'] = value;\r\n studentCompletedCompetencies[index].ActivityStartDate = value;\r\n }else {\r\n obj['ActivityEndDate'] = value;\r\n studentCompletedCompetencies[index].ActivityEndDate = value;\r\n }\r\n }\r\n\r\n fetch(`${baseUrl}/api/studentcompetencies/${detailsToUpdate[\"Id\"]}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(obj)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const [qualRegistered, setqualRegistered] = useState(false);\r\n\r\n const handleRegisterQual = (sId, qId) => {\r\n \r\n const qualObject = {\r\n \"StudentId\": null,\r\n \"QualId\": null, \r\n \"Funding\": null,\r\n \"Active\": true\r\n }\r\n \r\n const funding = document.getElementById('QualFunding').value;\r\n \r\n if (funding ===\"Choose a Funding Option\"){\r\n M.toast({html: \"Please select a funding option.\", displayLength: 2000});\r\n return;\r\n }\r\n \r\n qualObject[\"StudentId\"] = sId;\r\n qualObject[\"QualId\"] = qId;\r\n qualObject[\"Funding\"] = funding;\r\n\r\n fetch(`${baseUrl}/api/studentqualifications`, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(qualObject)\r\n })\r\n .then(() => userRole !== \"Administrator\" && sendEmailToAdmins(qId))\r\n .catch(err => console.log(err))\r\n setRefreshData(true)\r\n setqualRegistered(true)\r\n }\r\n\r\n const handleGenerateQuote = (qual) =>{\r\n const tuition = document.getElementById(\"tuitionFee\").value;\r\n const quoteID = document.getElementById(\"quoteId\").value;\r\n\r\n if(tuition ===\"\" || quoteID===\"\"){\r\n M.toast({html: \"Please fill out both Tuition Fee and Quote ID fields.\", displayLength: 2000});\r\n }else{ \r\n const obj = { \r\n \"TotalFees\": 0,\r\n \"Id\": 0,\r\n \"Active\": false,\r\n \"Disabled\": false,\r\n \"StudentId\": 0,\r\n \"QualId\": 0,\r\n \"SaStudentId\": null,\r\n \"PASNumber\": null,\r\n \"DeliveryLocId\": null,\r\n \"OfficeId\": null,\r\n \"CertificateAttainedDate\": null,\r\n \"CertificateIssued\": \"No\",\r\n \"CertificateId\": null,\r\n \"QuoteId\": null,\r\n \"QuoteCreatedAt\": null,\r\n \"ContractId\": null,\r\n \"ContractCreatedAt\": null,\r\n \"TrainingContractId\": null,\r\n \"ProgStreamId\": null,\r\n \"Funding\": null,\r\n \"TuitionFee\": null,\r\n \"Subsidy\": null,\r\n \"OtherSubsidy\": null,\r\n \"ConfirmedCost\": false,\r\n \"Comments\": null \r\n } \r\n\r\n for (const [key, value] of Object.entries(obj)) {\r\n obj[key] = qual[key]\r\n }\r\n obj[\"TuitionFee\"] = parseFloat(tuition);\r\n obj[\"QuoteId\"] = quoteID;\r\n obj[\"Active\"] = true;\r\n \r\n fetch(`${baseUrl}/api/studentqualifications/${qual.Id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(obj)\r\n })\r\n .then(response => {\r\n response.json()\r\n window.location.reload()\r\n })\r\n .catch(err => {\r\n console.log(err)\r\n window.location.reload()\r\n })\r\n }\r\n }\r\n\r\n const sendEmailToAdmins = (qualId) => {\r\n if (allQuals.length) {\r\n const qual = qualifications.filter(qual => qual.Id === +qualId)[0]\r\n\r\n fetch(`${baseUrl}/api/auth/RegisterStudentQual`, {\r\n method: \"POST\",\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify({\r\n StudentId: studentID,\r\n Qualification: `${qual.AntaId} ${capitaliseEachWordOfQualName(qual)}`,\r\n CreatedAt: Date.parse(Date.now())\r\n })\r\n })\r\n .catch(err => {\r\n console.log(err); \r\n M.toast({html: \"An error has occurred\", displayLength: 1500})\r\n })\r\n }\r\n }\r\n\r\n useEffect(() => {\r\n if (studentCompletedCompetencies.length) {\r\n setSortedCompetencies(studentCompletedCompetencies)\r\n }\r\n }, [studentCompletedCompetencies])\r\n\r\n\r\n useEffect(() => {\r\n if (sortConfig.fieldToSort !== null) {\r\n if (sortConfig.direction !== null) {\r\n setSortedCompetencies(sortStudentCompetenciesTable(studentCompletedCompetencies, sortConfig))\r\n } else {\r\n setSortedCompetencies(studentCompletedCompetencies)\r\n }\r\n }\r\n }, [sortConfig])\r\n \r\n return (\r\n \r\n
\r\n \r\n {\r\n userRole === 'Administrator'?
:null\r\n }\r\n \r\n {\r\n allQuals.length?\r\n
Qualifications{userRole==='Administrator'? ` for ${allQuals[0].Student.FirstName} ${allQuals[0].Student.Surname}`: \"\"} \r\n :
Qualifications \r\n }\r\n\r\n {/* List all quals for student */}\r\n { \r\n allQuals.length?\r\n
\r\n
Qualifications \r\n
\r\n Code \r\n Name \r\n Quote Id \r\n Contract Id \r\n TCID \r\n Cert Issued \r\n Cert Id \r\n Cert Date \r\n Active \r\n
\r\n {\r\n allQuals.map((quals, index) => {\r\n \r\n return(\r\n
\r\n {quals.Qualification.AntaId} \r\n {quals.Qualification.Name} \r\n {\r\n userRole === 'Student'?\r\n {quals.QuoteId?quals.QuoteId:\"none\"} \r\n :{quals.ContractId?quals.ContractId:\"none\"} \r\n :{quals.TrainingContractId?quals.TrainingContractId:\"none\"} \r\n :{quals.CertificateIssued} \r\n : handleQualUpdate(e, quals, index)} autoComplete=\"new-password\" name=\"CertificateIssued\">\r\n {quals.CertificateIssued} \r\n Yes \r\n No \r\n Withdrawn \r\n \r\n }\r\n {\r\n userRole === 'Student'?\r\n {quals.CertificateId} \r\n :{dateTimeToDateString(quals.CertificateAttainedDate, 2)} \r\n :\r\n }\r\n \r\n {\r\n userRole === 'Student'?\r\n {quals.Active? \"Yes\": \"No\"} \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n
\r\n )\r\n })\r\n }\r\n
\r\n :null\r\n }\r\n {/* Funding table */}\r\n { \r\n allQuals.length && userRole === 'Administrator'?\r\n <>\r\n
Funding \r\n
\r\n \r\n \r\n Code \r\n Name \r\n Funding \r\n Waiver \r\n PAS Number \r\n Program Stream \r\n Program Location \r\n \r\n \r\n \r\n {\r\n allQuals.map((quals, index) => {\r\n \r\n return(\r\n \r\n {quals.Qualification.AntaId} \r\n {quals.Qualification.Name} \r\n \r\n handleQualUpdate(e, quals, index)} autoComplete=\"new-password\" name=\"Funding\" >\r\n Government Funded \r\n Self Funded \r\n Don't know yet \r\n \r\n \r\n \r\n handleQualUpdate(e, quals, index)} autoComplete=\"new-password\" name=\"WaiverCodeId\" value={quals.WaiverCodeId ? quals.WaiverCodeId : \"none\"}>\r\n None \r\n {\r\n filteredWaiverCodes.map(code => {\r\n return {code.WaiverCode} {code.WaiverDesc} \r\n })\r\n }\r\n \r\n \r\n \r\n \r\n \r\n handleQualUpdate(e, quals, index)} autoComplete=\"new-password\" name=\"ProgStreamId\">\r\n {progStream.Description} \r\n })\r\n }\r\n \r\n \r\n \r\n handleQualUpdate(e, quals, index)} autoComplete=\"new-password\" name=\"OfficeId\">\r\n {progLoc.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 :null\r\n }\r\n\r\n {/* Fees table */}\r\n { \r\n allQuals.length?\r\n
\r\n :null\r\n }\r\n\r\n {/* Delivery Location table */}\r\n { \r\n allQuals.length?\r\n
\r\n
Delivery Details \r\n
\r\n Code \r\n Name \r\n \r\n Delivery Location \r\n
\r\n {\r\n allQuals.map((quals, index) => {\r\n \r\n return(\r\n
\r\n {quals.Qualification.AntaId} \r\n {quals.Qualification.Name} \r\n \r\n {\r\n userRole === 'Student'?\r\n \r\n \r\n {\r\n deliveryLocation.map((loc) => {\r\n return quals.DeliveryLocId===loc.Id && loc.DeliveryLocation\r\n })\r\n }\r\n \r\n : handleQualUpdate(e, quals, index)} autoComplete=\"new-password\" name=\"DeliveryLocId\">\r\n {deliveryLoc.DeliveryLocation} \r\n })\r\n }\r\n \r\n }\r\n \r\n
\r\n )\r\n })\r\n }\r\n
\r\n :null\r\n }\r\n\r\n
\r\n {/*** QUALIFICATION COMPETENCIES ***/}\r\n {\r\n completedQuals.length ?\r\n
\r\n \r\n
Qualification Competencies \r\n {\r\n completedQuals.map((qualification, index) => {\r\n \r\n return(\r\n
\r\n
\r\n {qualification.Qualification.AntaId} {qualification.Qualification.Name} \r\n {qualification.CertificateId?`Certificate ID: ${qualification.CertificateId}`:\"Certificate not attained yet.\"} {`Issued: ${dateTimeToDateString(qualification.CertificateAttainedDate, 2)}`} \r\n
\r\n
\r\n
\r\n requestSort(\"CompID\")}>Code \r\n requestSort(\"compDsc\")}>Units Enrolled \r\n requestSort(\"ActivityStartDate\")}>Start \r\n requestSort(\"ActivityEndDate\")}>Finish \r\n requestSort(\"Result\")}>Result \r\n
\r\n
\r\n {\r\n sortedCompetencies.map((competency, index) => { \r\n return(\r\n qualification.Id === competency.StudentQualificationId &&\r\n
\r\n {competency.Competency.CompID} \r\n {competency.Competency.compDsc} \r\n {\r\n userRole === 'Student'?\r\n {dateTimeToDateString(competency.ActivityStartDate, 2)} \r\n :\r\n \r\n \r\n }\r\n \r\n {\r\n userRole === 'Student'?\r\n {dateTimeToDateString(competency.ActivityEndDate, 2)} \r\n :\r\n \r\n \r\n\r\n }\r\n {\r\n userRole === 'Student'?\r\n {competency.Result.Result} \r\n :\r\n handleChange(e, \"\", competency, index)} autoComplete=\"new-password\" name=\"Result\">\r\n {competency.Result.Result} \r\n { \r\n results.map((result, i) => {\r\n return {result.Result} \r\n })\r\n }\r\n \r\n \r\n }\r\n\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n
\r\n )}\r\n )\r\n }\r\n
\r\n :null\r\n }\r\n\r\n {/* Pending qualifications - *** only show if there are any */}\r\n \r\n {\r\n pendingQuals.length ?\r\n
\r\n
\r\n
Pending Qualifications \r\n { \r\n pendingQuals.map((pending, index) => \r\n pending.QuoteId===null?\r\n
\r\n
{pending.Qualification.AntaId} {pending.Qualification.Name} awaiting quote. \r\n
\r\n {\r\n userRole === 'Administrator'?\r\n
\r\n
\r\n Tuition Fee \r\n
\r\n
\r\n Quote Id \r\n
\r\n
handleGenerateQuote(pending)}>Generate \r\n
\r\n :null\r\n }\r\n \r\n
handleCancelQuote(pending)}>Cancel \r\n
\r\n
\r\n :\r\n
\r\n
The quote for {pending.Qualification.AntaId} {pending.Qualification.Name} is ${pending.TuitionFee ? pending.TuitionFee.toFixed(2) : '0'}
\r\n
\r\n handleAcceptQuote(pending)}>Accept Quote \r\n handleCancelQuote(pending)}>Cancel \r\n
\r\n
\r\n )\r\n }\r\n
\r\n :null\r\n }\r\n\r\n
\r\n\r\n {/*** REGISTER FOR A NEW QUALIFICATION ***/}\r\n {\r\n isLoadingAll?\r\n
\r\n :\r\n
\r\n
Register a New Qualification \r\n {
\r\n
\r\n \r\n Choose a qualification \r\n { \r\n filteredQuals.map((qualification, i) => {\r\n return {qualification.AntaId} {qualification.Name} \r\n })\r\n }\r\n \r\n
\r\n
\r\n \r\n Choose a Funding Option \r\n Government Funded \r\n Self Funded \r\n Don't know yet \r\n \r\n
\r\n
\r\n }\r\n {\r\n qualificationDetails.length?\r\n
\r\n :null\r\n }\r\n \r\n
\r\n
handleRegisterQual(currentStudentId, qualSelected)}>Register \r\n
\r\n
Qualification now registered and awaiting quote!
\r\n
\r\n } \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default StudentQualifications\r\n","export const sortStudentCompetenciesTable = (studentCompetencies, sortConfig) => {\r\n const copyOfStudentCompetencies = studentCompetencies.slice();\r\n\r\n if (sortConfig.direction === \"ascending\") {\r\n switch(sortConfig.fieldToSort) {\r\n case \"Result\":\r\n return copyOfStudentCompetencies.sort((a, b) => {\r\n return a.Result.Result.localeCompare(b.Result.Result)\r\n })\r\n case \"CompID\":\r\n case \"compDsc\":\r\n return copyOfStudentCompetencies.sort((a, b) => {\r\n return a.Competency[sortConfig.fieldToSort].localeCompare(b.Competency[sortConfig.fieldToSort])\r\n })\r\n case \"AcitivityStartDate\":\r\n case \"ActivityEndDate\":\r\n return copyOfStudentCompetencies.sort((a, b) => {\r\n if (!a[sortConfig.fieldToSort] || !b[sortConfig.fieldToSort]) return 0\r\n return a[sortConfig.fieldToSort].localeCompare(b[sortConfig.fieldToSort])\r\n })\r\n default:\r\n return studentCompetencies\r\n }\r\n } else if (sortConfig.direction === \"descending\") {\r\n switch(sortConfig.fieldToSort) {\r\n case \"Result\":\r\n return copyOfStudentCompetencies.sort((a, b) => {\r\n return b.Result.Result.localeCompare(a.Result.Result)\r\n })\r\n case \"CompID\":\r\n case \"compDsc\":\r\n return copyOfStudentCompetencies.sort((a, b) => {\r\n return b.Competency[sortConfig.fieldToSort].localeCompare(a.Competency[sortConfig.fieldToSort])\r\n })\r\n case \"AcitivityStartDate\":\r\n case \"ActivityEndDate\":\r\n return copyOfStudentCompetencies.sort((a, b) => {\r\n if (!a[sortConfig.fieldToSort] || !b[sortConfig.fieldToSort]) return 0\r\n return b[sortConfig.fieldToSort].localeCompare(a[sortConfig.fieldToSort])\r\n })\r\n default:\r\n return studentCompetencies\r\n }\r\n } else {\r\n return studentCompetencies\r\n }\r\n}","\r\nimport React from 'react'\r\nimport { Editor } from '@tinymce/tinymce-react';\r\n\r\n//This is being used in EditQualifications.jsx to update the qualification description\r\nconst UneditableTextEditor = ({id, name, initValue}) => {\r\n\r\n return (\r\n
newText = initValue}\r\n />\r\n )\r\n}\r\n\r\nexport default UneditableTextEditor","import React, { useState } from 'react'\r\nimport { useEffect } from 'react'\r\nimport UneditableTextEditor from '../UneditableTextEditor/UneditableTextEditor'\r\nimport './CopyTableHTML.scss'\r\n\r\nconst CopyTableHTML = ({ competencies }) => {\r\n\r\n const [tableHTML, setTableHTML] = useState(null)\r\n const [isTableForCertificate, setIsTableForCertificate] = useState(true)\r\n\r\n // This will be used in a filter to ensure the correct competencies are collected\r\n const resultsToFilterFor = {\r\n \"Competent\": true,\r\n \"Credit transfer\": true,\r\n \"Recognition of current competency granted\": true,\r\n \"Recognition of prior learning granted\": true\r\n }\r\n\r\n const closeTable = () => setTableHTML(null)\r\n\r\n const toggleTableOutput = () => {\r\n setIsTableForCertificate(!isTableForCertificate)\r\n }\r\n\r\n const copyTable = () => {\r\n let tableToCopy = document.querySelector(\".cert-table\");\r\n let percentWidthOfTable = isTableForCertificate ? 100 : 80\r\n let htmlString = tableToCopy.outerHTML.replace(` class=\"hide cert-table\"`, ` class=\"cert-table\" style=\"width: ${percentWidthOfTable}%; font-size: 11pt\" border=\"0\" cellpadding=\"6\" cellspacing=\"0\" align=\"center\"`)\r\n setTableHTML(htmlString)\r\n }\r\n\r\n // Whenever the toggle is switched, regenerate the table\r\n useEffect(() => {\r\n if (tableHTML) {\r\n copyTable()\r\n }\r\n }, [isTableForCertificate])\r\n\r\n\r\n return (\r\n \r\n {\r\n !tableHTML ?\r\n
Copy Table \r\n :\r\n
close \r\n }\r\n {\r\n tableHTML &&\r\n <>\r\n
\r\n
Copy the table below and paste it where needed
\r\n
\r\n \r\n Statement of Attainment\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n }\r\n\r\n
\r\n {\r\n isTableForCertificate ?\r\n \r\n \r\n Year \r\n Code \r\n Units Enrolled \r\n Result \r\n \r\n {\r\n competencies.length &&\r\n competencies.filter(competency => resultsToFilterFor[competency.Result.Result] !== undefined).map(competency => {\r\n let yearCompleted = \"2022\"\r\n if (competency.ActivityEndDate) {\r\n yearCompleted = new Date(competency.ActivityEndDate).getFullYear()\r\n }\r\n return (\r\n \r\n {yearCompleted} \r\n {competency.Competency.CompID} \r\n {competency.Competency.compDsc} \r\n {competency.Result.Result} \r\n \r\n )\r\n })\r\n }\r\n \r\n :\r\n \r\n {\r\n competencies.length &&\r\n competencies.filter(competency => resultsToFilterFor[competency.Result.Result] !== undefined).map(competency => {\r\n return (\r\n \r\n {competency.Competency.CompID} \r\n {competency.Competency.compDsc} \r\n \r\n )\r\n })\r\n }\r\n \r\n }\r\n
\r\n
{\r\n var elemSelect = document.querySelectorAll('select');\r\n var instanceSelect = M.FormSelect.init(elemSelect, {}); \r\n });\r\n\r\n useEffect(() => {\r\n if (currentQualification) {\r\n if (currentQualification.PlanAcceptedBy && currentQualification.PlanAcceptedAt) {\r\n setPersonWhoAccepted(currentQualification.PlanAcceptedBy) \r\n setDateOfAcceptance(getFormattedDateOfAcceptance())\r\n setHasAcceptedPlan(true)\r\n } else {\r\n setPersonWhoAccepted(\"\") \r\n setDateOfAcceptance(\"\")\r\n setHasAcceptedPlan(false)\r\n }\r\n }\r\n }, [currentQualification])\r\n\r\n useEffect(() => {\r\n if (studentCompetencies.length) {\r\n setHoursUnitsObject(Object.assign({}, hoursUnitsObject, {[antaID]: calcUnitHours(studentCoreElective)}))\r\n }\r\n }, [studentCompetencies])\r\n\r\n\r\n //Object used to post an elective competency when it added to the student's competencies.\r\n const compObject = {\r\n \"BookingId\": 0,\r\n \"CourseId\": \"redundant\",\r\n \"StudentId\": 0,\r\n \"CompetencyId\": 0,\r\n \"StudentQualificationId\": 0,\r\n \"ResultId\": 10,\r\n \"SaStudentId\": null,\r\n \"PppContract\": \"No\",\r\n \"PppCourseSiteId\": \"\",\r\n \"ActivityStartDate\": null,\r\n \"ActivityEndDate\": null\r\n } \r\n\r\n const getCoreElective = (qualId, compId) => {\r\n let type;\r\n let IsStandard;\r\n for(let i=0; i {\r\n const coreElectiveObject = getCoreElective(competency.StudentQualification.QualId, competency.Competency.Id)\r\n let object;\r\n if(coreElectiveObject=== undefined){\r\n object = competency;\r\n }else{\r\n object = { ...competency, 'coreElective': coreElectiveObject.type, 'IsStandard': coreElectiveObject.IsStandard }\r\n }\r\n \r\n return object\r\n })\r\n }\r\n \r\n // Grabbing all available competencies for current qual that have not been assigned to the student yet\r\n let availableCompUrl = \"\";\r\n if (currentQualification){\r\n availableCompUrl = `${baseUrl}/api/qualificationcompetencies?$expand=Qualification,Competency&$filter=QualId eq ${currentQualification.QualId}`;\r\n }\r\n const [ isLoadingAllComp, qualCompetencies, errorAllComp ] = useDataFetch(availableCompUrl, authToken);\r\n\r\n const tempObject = arrayToObject(reducedStudentCompetencies)\r\n const availableCompetencies = qualCompetencies.filter(comp => tempObject[comp.CompetencyId] === undefined)\r\n\r\n // Saving dragged element\r\n const [draggedElement, setDraggedElement] = useState(null)\r\n const [currentDivId, setCurrentDivId] = useState(null)\r\n\r\n const [indexDraggedEl, setIndexDraggedEl] = useState(null)\r\n const [idToDelete, setIdToDelete] = useState(null)\r\n\r\n\r\n const resultsUrl = `${baseUrl}/api/CompetencyResults`;\r\n const [ isLoadingResults, results, resultsError ] = useDataFetch(resultsUrl)\r\n \r\n const onDragStart = (ev) => {\r\n ev.dataTransfer.effectAllowed = \"copyMove\";\r\n ev.dataTransfer.setData(\"text\", ev.target.id);\r\n const divId = ev.target.dataset.id;\r\n setIdToDelete(ev.target.dataset.idtodelete)\r\n setIndexDraggedEl(ev.target.dataset.index)\r\n setDraggedElement(ev.target)\r\n setCurrentDivId(divId)\r\n }\r\n\r\n const onDragOver = (ev) => {\r\n ev.preventDefault();\r\n }\r\n\r\n const onDrop = (ev, divId) => {\r\n setIsLoadingDrag(true)\r\n ev.preventDefault();\r\n var data = ev.dataTransfer.getData(\"text\");\r\n const destination = document.getElementById(divId);\r\n destination.appendChild(document.getElementById(data));\r\n \r\n if (currentDivId === 'assigned' && divId === 'div1') { \r\n deleteCompetency(idToDelete); \r\n draggedElement.dataset.id = 'unassigned'\r\n availableCompetencies.push(reducedStudentCompetencies[ev.target.dataset.index])\r\n reducedStudentCompetencies.splice(ev.target.dataset.index, 1);\r\n } else if (currentDivId === 'unassigned' && divId === 'div2') {\r\n //The object for the competency to be added needs the StudentId, CompetencyId and StudentQualificationId\r\n compObject.StudentId = currentStudentID;\r\n if(availableCompetencies.length){\r\n compObject.CompetencyId = availableCompetencies[indexDraggedEl].CompetencyId;\r\n }\r\n if (currentQualification.Id) {\r\n compObject.StudentQualificationId = currentQualification.Id;\r\n }\r\n addCompetency(compObject)\r\n draggedElement.dataset.id = 'assigned'\r\n reducedStudentCompetencies.push(compObject);\r\n availableCompetencies.splice(ev.target.dataset.index, 1)\r\n }\r\n\r\n setIsLoadingDrag(false);\r\n \r\n }\r\n\r\n const addCompetency = (object) =>{\r\n fetch(`${baseUrl}/api/studentcompetencies`, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(object)\r\n })\r\n .then(response => {\r\n response.json()\r\n window.location.reload()\r\n })\r\n .catch(err => {\r\n console.log(err)\r\n M.toast({html: \"Something went wrong\", displayLength: 2000})\r\n })\r\n }\r\n\r\n const deleteCompetency = (id) => {\r\n fetch(`${baseUrl}/api/studentcompetencies/${id}`, {\r\n method: 'DELETE',\r\n headers: { 'Authorization': `Bearer ${authToken}` }\r\n })\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const handleChange = (e, date, detailsToUpdate, index) => {\r\n \r\n let type=\"\";\r\n let name=\"\";\r\n let value=\"\";\r\n if (e === 'startDate' || e ==='finishDate') {\r\n name = e;\r\n value = date;\r\n } else {\r\n type = e.target.type;\r\n name = e.target.name;\r\n value = e.target.value;\r\n }\r\n \r\n const obj = { \r\n \"Id\": 0,\r\n \"BookingId\": 0,\r\n \"CourseId\": \"\",\r\n \"StudentId\": 0,\r\n \"CompetencyId\": 0,\r\n \"StudentQualificationId\": 0,\r\n \"ResultId\": 0,\r\n \"SaStudentId\": \"\",\r\n \"PppContract\": \"\",\r\n \"PppCourseSiteId\": null,\r\n \"ActivityStartDate\": null,\r\n \"ActivityEndDate\": null\r\n }\r\n for (const [key, value] of Object.entries(obj)) {\r\n obj[key] = detailsToUpdate[key]\r\n }\r\n\r\n if(type ==='select-one'){\r\n obj[\"ResultId\"] = parseInt(value);\r\n reducedStudentCompetencies[index].ResultId = value;\r\n }else{\r\n if(name === \"startDate\"){\r\n obj['ActivityStartDate'] = value;\r\n reducedStudentCompetencies[index].ActivityStartDate = value;\r\n }else {\r\n obj['ActivityEndDate'] = value;\r\n reducedStudentCompetencies[index].ActivityEndDate = value;\r\n }\r\n }\r\n fetch(`${baseUrl}/api/studentcompetencies/${detailsToUpdate[\"Id\"]}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(obj)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const handleAcceptTrainingPlan = (acceptStatus) => {\r\n\r\n if (acceptStatus === \"accepted\") {\r\n currentQualification.PlanAcceptedBy = window.sessionStorage.getItem(\"mbhUserName\")\r\n currentQualification.PlanAcceptedAt = dayjs().format()\r\n setPersonWhoAccepted(currentQualification.PlanAcceptedBy)\r\n setDateOfAcceptance(getFormattedDateOfAcceptance())\r\n } else {\r\n currentQualification.PlanAcceptedBy = null\r\n currentQualification.PlanAcceptedAt = null\r\n setPersonWhoAccepted(\"\")\r\n setDateOfAcceptance(\"\")\r\n }\r\n\r\n fetch(`${baseUrl}/api/studentqualifications/${currentQualification.Id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(currentQualification)\r\n })\r\n .then(() => {\r\n if (acceptStatus === \"accepted\") {\r\n // Only send an email if a student has accepted the training plan\r\n if (userRole !== \"Administrator\") {\r\n sendEmailToAdmins(currentQualification)\r\n }\r\n setHasAcceptedPlan(true)\r\n } else {\r\n setHasAcceptedPlan(false)\r\n }\r\n })\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const sendEmailToAdmins = (qual) => {\r\n fetch(`${baseUrl}/api/auth/AcceptTrainingPlan`, {\r\n method: \"POST\",\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify({\r\n StudentId: studentID,\r\n Qualification: `${qual.Qualification.AntaId} ${capitaliseEachWordOfQualName(qual.Qualification)}`,\r\n AcceptedAt: qual.Qualification.AcceptedAt\r\n })\r\n })\r\n .catch(err => {\r\n console.log(err); \r\n M.toast({html: \"An error has occurred\", displayLength: 1500})\r\n })\r\n }\r\n\r\n return (\r\n \r\n {\r\n isLoadingDrag || isLoadingAllComp ?
\r\n :\r\n
\r\n
Summary of Results \r\n {\r\n userRole === \"Administrator\" &&\r\n
\r\n }\r\n
Competencies for {antaID} {qualName} \r\n
\r\n
\r\n Code \r\n Units Enrolled \r\n Type \r\n Start \r\n Finish \r\n Result \r\n
\r\n
\r\n \r\n {\r\n reducedStudentCompetencies.map((competency, index) => {\r\n \r\n const isDraggable = competency.coreElective === 'Elective' && (competency.Result.Result === \"Continuing enrolment\" || competency.Result.Result === \"Not Yet Started\") ? true : false\r\n\r\n return (\r\n
onDragStart(e)} >\r\n
{competency.Competency.CompID} \r\n
{competency.Competency.compDsc} \r\n
{competency.coreElective} \r\n {\r\n userRole === 'Student' || hasAcceptedPlan ?\r\n
{dateTimeToDateString(competency.ActivityStartDate, 2)} \r\n :
\r\n }\r\n {\r\n userRole === 'Student' || hasAcceptedPlan ?\r\n
{dateTimeToDateString(competency.ActivityEndDate, 2)} \r\n :
\r\n \r\n }\r\n {\r\n userRole === 'Student' || hasAcceptedPlan ?\r\n
{competency.Result.Result} \r\n :
\r\n handleChange(e, \"\", competency, index)} autoComplete=\"new-password\" name=\"Result\" type=\"select-one\">\r\n {competency.Result.Result} \r\n { \r\n // Sort results into alphabetical order before mapping them to the dropdown \r\n results\r\n .sort((a, b) => {\r\n let textA = a.Result.toUpperCase();\r\n let textB = b.Result.toUpperCase();\r\n return (textA < textB) ? -1 : (textA > textB) ? 1 : 0;\r\n })\r\n .map((result, i) => {\r\n return {result.Result} \r\n })\r\n }\r\n \r\n
\r\n }\r\n {\r\n !hasAcceptedPlan &&\r\n
\r\n {\r\n isDraggable &&\r\n open_with \r\n }\r\n \r\n }\r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n {\r\n !hasAcceptedPlan &&\r\n
onDragOver(e)} onDrop={(e)=>{onDrop(e, \"div2\")}}>\r\n
DROP COMPETENCY HERE
\r\n
\r\n }\r\n
\r\n
\r\n }\r\n {\r\n !hasAcceptedPlan &&\r\n ( \r\n isLoadingDrag ?
\r\n :\r\n <>\r\n
Available Competencies \r\n
\r\n \r\n )\r\n }\r\n
\r\n
\r\n
\r\n {\r\n !hasAcceptedPlan ?\r\n
\r\n handleAcceptTrainingPlan(\"accepted\")}>Accept Training Plan \r\n
\r\n :\r\n <>\r\n
\r\n Training Plan Accepted \r\n handleAcceptTrainingPlan(\"cancel\")}>Cancel \r\n
\r\n
\r\n
\r\n
person \r\n
Approved By:
\r\n
{personWhoAccepted}
\r\n
\r\n
\r\n
access_time \r\n
Approved At:
\r\n
{dateOfAcceptance}
\r\n
\r\n
\r\n \r\n }\r\n
\r\n\r\n
\r\n
\r\n
Training Delivery \r\n
info_outline \r\n
\r\n
\r\n
Training Delivery \r\n
\r\n
\r\n {\r\n currentQual.TrainingDeliveryDescription !== null \r\n ?\r\n parse(currentQual.TrainingDeliveryDescription.toString())\r\n :\r\n \"No Information Available\"\r\n }\r\n
\r\n
\r\n
\r\n OK \r\n
\r\n
\r\n
\r\n
\r\n
Assessment Support \r\n
info_outline \r\n
\r\n
\r\n
Assessment Support \r\n
\r\n
\r\n {\r\n currentQual.AssessmentSupportDescription !== null \r\n ?\r\n parse(currentQual.AssessmentSupportDescription.toString())\r\n :\r\n \"No Information Available\"\r\n }\r\n
\r\n
\r\n
\r\n OK \r\n
\r\n
\r\n
\r\n
\r\n
Assessment Timeframe \r\n
info_outline \r\n
\r\n
\r\n
Assessment Timeframe \r\n
\r\n
\r\n {\r\n currentQual.AssessmentTimeframeDescription !== null \r\n ?\r\n parse(currentQual.AssessmentTimeframeDescription.toString())\r\n :\r\n \"No Information Available\"\r\n }\r\n
\r\n
\r\n
\r\n OK \r\n
\r\n
\r\n
\r\n
\r\n {\r\n allStudentQuals.map((qual, index) => {\r\n\r\n return trainingPlanNumber === 0 && index === 0 ?\r\n \r\n {qual.Qualification.AntaId} {capitaliseEachWordOfQualName(qual.Qualification)}
\r\n \r\n :\r\n \r\n {qual.Qualification.AntaId} {capitaliseEachWordOfQualName(qual.Qualification)}
\r\n \r\n })\r\n }\r\n \r\n )\r\n}\r\n\r\nexport default TrainingPlanNav\r\n","\r\nimport React from 'react'\r\nimport { Editor } from '@tinymce/tinymce-react';\r\n\r\n//This is being used in EditQualifications.jsx to update the qualification description\r\nconst TextEditor = ({id, name, initValue, rowIndex, updateDescriptionField, handleDescriptionChange, descriptionField, addOrEditQual, object}) => {\r\n\r\n const handleEditorChange = (content) => {\r\n if (addOrEditQual === 'edit') {\r\n updateDescriptionField(rowIndex, content, descriptionField);\r\n\r\n } else if (addOrEditQual === 'add') {\r\n handleDescriptionChange(name, content)\r\n } else if (addOrEditQual === 'createEvent') {\r\n console.log(name, content)\r\n } else if (addOrEditQual === 'comments'){\r\n handleDescriptionChange(content, object)\r\n }\r\n }\r\n\r\n return (\r\n handleEditorChange(newText)}\r\n />\r\n )\r\n}\r\n\r\nexport default TextEditor","import React, {useState} from 'react'\r\nimport { useThemeContext } from '../../ThemeContext';\r\nimport TextEditor from '../TextEditor/TextEditor';\r\n\r\nconst TrainingPlanComments = ({studentQual, handleUpdateComments}) => {\r\n\r\n const { userRole } = useThemeContext()\r\n\r\n const [editComments, setEditComments] = useState(true);\r\n \r\n return (\r\n \r\n {\r\n userRole === 'Administrator'?\r\n
{\r\n !editComments?\r\n
\r\n
\r\n
\r\n setEditComments(true)}>edit \r\n
\r\n
\r\n :\r\n
\r\n
\r\n
\r\n
\r\n setEditComments(false)}>close \r\n
\r\n
\r\n }\r\n
\r\n :
\r\n }\r\n \r\n
\r\n <>\r\n
Training Record Plan \r\n
\r\n Student Name {studentQual.Student.FirstName} {studentQual.Student.Surname} Student Identifier {studentQual.Student.SaStudentId} MBH Student ID {studentQual.Student.Id} Commitment ID {studentQual.ContractId} Participating Organisation (if applicable) Registered Training Organisation (RTO) MBH Management Pty Ltd National Qualification Code {studentQual.Qualification.AntaId} Title of Qualification {capitaliseEachWordOfQualName(studentQual.Qualification)} Training Enrolment Date {dateTimeToDateString(studentQual.ContractCreatedAt)} Total Fees {studentQual.TotalFees} Total Number of Hours for Qualification {hoursUnitsObject[studentQual.Qualification.AntaId] ? hoursUnitsObject[studentQual.Qualification.AntaId].totalHours : 0} Total Number of Units for Qualification {hoursUnitsObject[studentQual.Qualification.AntaId] ? hoursUnitsObject[studentQual.Qualification.AntaId].totalUnits : 0} Nominal hours per unit {hoursUnitsObject[studentQual.Qualification.AntaId] ? hoursUnitsObject[studentQual.Qualification.AntaId].hrsPerUnit : 0} Method of delivery {deliveryMode[studentQual.Qualification.DeliveryMode]} \r\n Trainer \r\n \r\n \r\n \r\n Select Trainer \r\n {\r\n trainers.map((trainer, index) => {\r\n return {trainer.FirstName} {trainer.Surname} \r\n })\r\n }\r\n \r\n Trainer \r\n
\r\n \r\n \r\n \r\n :\r\n <>\r\n \r\n Trainer \r\n {studentQual.Trainer === null ? \"TBD\" : `${studentQual.Trainer.FirstName} ${studentQual.Trainer.Surname}`} \r\n \r\n \r\n }\r\n Comments \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {\r\n isLoading && !data ? Loading... \r\n :\r\n \r\n )\r\n}\r\n\r\nexport default TrainingPlanTableContainer\r\n","import { useState, useEffect } from 'react'\r\n\r\nexport const useCurrentQualFetch = (url, token, currentQualId) => {\r\n\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [error, setError] = useState(null)\r\n const [data, setData] = useState([])\r\n \r\n useEffect(() => {\r\n\r\n // const ac = new AbortController();\r\n \r\n setIsLoading(true)\r\n fetch(url, {\r\n headers: {'Authorization': `Bearer ${token}`}\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n setData(data.value)\r\n setIsLoading(false)\r\n })\r\n .catch(err => setError(err))\r\n // return () => ac.abort(); \r\n }, [url, currentQualId])\r\n\r\n return [ isLoading, data, error ]\r\n\r\n}","import dayjs from 'dayjs';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { useHistory } from 'react-router-dom';\r\nimport Spinner from '../../assets/spinner.svg';\r\nimport { arrayToObjectWithKey } from '../../functions/arrayToObject';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nimport './StudentEvents.scss'\r\n\r\nconst StudentEvents = ({ studentFirstName }) => {\r\n\r\n let history = useHistory()\r\n const { studentID, selectedStudentId, authToken, userRole } = useThemeContext()\r\n\r\n const currentStudentID = userRole === \"Administrator\" ? selectedStudentId : studentID \r\n\r\n const studentEventsUrl = `${baseUrl}/api/eventregistrations?$filter=StudentID eq ${currentStudentID}`;\r\n const [isLoadingStudentEvents, studentEvents, studentEventsErr] = useDataFetch(studentEventsUrl, authToken)\r\n\r\n const allEventsUrl = `${baseUrl}/api/events`;\r\n const [isLoadingAllEvents, allEvents, allEventsErr] = useDataFetch(allEventsUrl, authToken)\r\n\r\n const trainersUrl = `${baseUrl}/api/trainers`;\r\n const [isLoadingTrainers, trainers, errorTrainers] = useDataFetch(trainersUrl, authToken)\r\n\r\n const [eventsAttendedByStudent, setEventsAttendedByStudent] = useState([])\r\n\r\n const [upcomingEvents, setUpcomingEvents] = useState([])\r\n const [pastEvents, setPastEvents] = useState([])\r\n\r\n useEffect(() => {\r\n const existingEvents = []\r\n\r\n if (studentEvents.length && allEvents.length) {\r\n const allEventsObj = arrayToObjectWithKey(allEvents, \"Id\")\r\n\r\n for (let i = 0; i < studentEvents.length; i++) {\r\n const id = studentEvents[i].EventID\r\n existingEvents.push(allEventsObj[id])\r\n }\r\n }\r\n\r\n setEventsAttendedByStudent(existingEvents)\r\n }, [studentEvents, allEvents])\r\n\r\n const isUpcomingEvent = (endDateTime) => {\r\n const currentDay = dayjs().format(\"YYYY-MM-DD\");\r\n const currentTime = dayjs().format(\"dddd, MMMM D, YYYY h:mm A\");\r\n\r\n const dayOfEvent = dayjs(endDateTime).format(\"YYYY-MM-DD\")\r\n const endTimeOfEvent = dayjs(endDateTime).format(\"dddd, MMMM D, YYYY h:mm A\")\r\n\r\n if (dayjs(currentDay).isAfter(dayOfEvent)) {\r\n return false\r\n } else if (dayjs(currentDay).isSame(dayOfEvent) && dayjs(currentTime).isAfter(endTimeOfEvent)) {\r\n return false\r\n }\r\n\r\n return true\r\n }\r\n\r\n useEffect(() => {\r\n if (eventsAttendedByStudent.length) {\r\n const todaysDate = dayjs().format()\r\n const filterUpcomingEvents = eventsAttendedByStudent.filter(event => isUpcomingEvent(event.EndDateTime));\r\n const filterPastEvents = eventsAttendedByStudent.filter(event => !isUpcomingEvent(event.EndDateTime))\r\n .sort((a, b) => a.StartDateTime < b.StartDateTime)\r\n\r\n setUpcomingEvents(filterUpcomingEvents)\r\n setPastEvents(filterPastEvents)\r\n }\r\n }, [eventsAttendedByStudent])\r\n\r\n const formatEventDate = (startDate, endDate, typeOfField) => {\r\n if (typeOfField === \"Date\") {\r\n return new Date(startDate).toLocaleString('en-US', {\r\n weekday: 'long', // long, short, narrow\r\n day: 'numeric', // numeric, 2-digit\r\n month: 'long', // numeric, 2-digit, long, short, narrow\r\n })\r\n } else if (typeOfField === \"Time\") {\r\n const formattedStartDate = new Date(startDate).toLocaleString('en-US', { hour: 'numeric', minute: 'numeric' })\r\n const formattedEndDate = new Date(endDate).toLocaleString('en-US', { hour: 'numeric', minute: 'numeric' })\r\n\r\n return `${formattedStartDate} - ${formattedEndDate}`\r\n }\r\n }\r\n\r\n const displayTrainerName = (trainerId) => {\r\n if (trainers.length) {\r\n const trainer = trainers.filter(trainer => trainer.Id === trainerId)[0]\r\n return trainer ? `${trainer.FirstName} ${trainer.Surname}` : \"No Trainer Selected\"\r\n } else {\r\n return \"No Trainer Selected\"\r\n }\r\n }\r\n\r\n \r\n\r\n return (\r\n \r\n {\r\n isLoadingAllEvents || isLoadingStudentEvents ?\r\n \r\n Events for {studentFirstName} \r\n {\r\n upcomingEvents.length ?\r\n <>\r\n Upcoming events \r\n \r\n {\r\n upcomingEvents.map(event => (\r\n \r\n history.push(`/admin-portal/events/event-details/${event.Id}`)}>{event.Subject} \r\n Date: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Date')}
\r\n Time: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Time')}
\r\n Taught by: {displayTrainerName(event.TrainerID)}
\r\n \r\n )\r\n )\r\n }\r\n \r\n \r\n :\r\n No upcoming events \r\n }\r\n {\r\n pastEvents.length ?\r\n <>\r\n \r\n
Past events \r\n \r\n \r\n {\r\n pastEvents.map(event => (\r\n \r\n history.push(`/admin-portal/events/event-details/${event.Id}`)}>{event.Subject} \r\n Date: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Date')}
\r\n Time: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Time')}
\r\n Taught by: {displayTrainerName(event.TrainerID)}
\r\n \r\n )\r\n )\r\n }\r\n \r\n \r\n :\r\n No past events \r\n }\r\n \r\n :\r\n \r\n Events for {studentFirstName} \r\n No events at the moment \r\n \r\n )\r\n }\r\n \r\n \r\n )\r\n}\r\n\r\nexport default StudentEvents\r\n","import React, { useState, useEffect } from 'react'\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport DragDropZone from '../DragDropZone/DragDropZone';\r\nimport Spinner from '../../assets/spinner.svg';\r\nimport './StudentTrainingPlan.scss';\r\nimport TrainingPlanInfoBoxes from '../TrainingPlanInfoBoxes/TrainingPlanInfoBoxes';\r\nimport AdministerStudentMenuItems from '../AdministerStudentMenuItems/AdministerStudentMenuItems';\r\nimport TrainingPlanNav from '../TrainingPlanNav/TrainingPlanNav';\r\nimport { capitaliseEachWordOfQualName } from '../../functions/capitaliseEachWordOfQualName';\r\nimport TrainingPlanTableContainer from '../TrainingPlanTableContainer/TrainingPlanTableContainer';\r\nimport { getCurrentQual, getQualsAwaitingQuotes } from '../../functions/filterStudentQuals';\r\nimport StudentEvents from '../StudentEvents/StudentEvents';\r\nimport { useThemeContext } from '../../ThemeContext';\r\nimport { useHistory, useParams } from 'react-router-dom';\r\n\r\nconst StudentTrainingPlan = () => {\r\n\r\n let history = useHistory()\r\n const { studentID, selectedStudentId, authToken, userRole } = useThemeContext()\r\n\r\n const { courseId } = useParams()\r\n\r\n let currentStudentID = userRole === \"Administrator\" ? selectedStudentId : studentID\r\n\r\n const [currentQualId, setCurrentQualId] = useState(null)\r\n\r\n const [currentStudentQual, setCurrentStudentQual] = useState(null)\r\n const [qualsAwaitingQuotes, setQualsAwaitingQuotes] = useState([])\r\n\r\n const [trainingPlanNumber, setTrainingPlanNumber] = useState(0)\r\n\r\n const studentQualsUrl = `${baseUrl}/api/studentqualifications?$expand=*&$filter=StudentId eq ${currentStudentID} and Disabled eq false and Active eq true`;\r\n const [ isLoadingStudentQuals, studentQuals, errorStudentQuals ] = useDataFetch(studentQualsUrl, authToken);\r\n\r\n useEffect(() => {\r\n if (studentQuals.length) {\r\n let qualId = courseId === undefined ? studentQuals[0].QualId : courseId\r\n if (courseId === undefined) {\r\n setCurrentStudentQual(studentQuals[0])\r\n \r\n } else {\r\n const qualToDisplay = studentQuals.filter((qual, index) => {\r\n if (qual.QualId === +courseId) {\r\n setTrainingPlanNumber(index)\r\n return true\r\n }\r\n\r\n return false\r\n })[0]\r\n \r\n setCurrentStudentQual(qualToDisplay)\r\n }\r\n\r\n setQualsAwaitingQuotes(getQualsAwaitingQuotes(studentQuals))\r\n\r\n if (userRole === \"Administrator\") {\r\n history.push(`/admin-portal/administer-student/student-training-plan/${qualId}`)\r\n } else {\r\n history.push(`/student-portal/training-plan/${qualId}`)\r\n }\r\n\r\n }\r\n }, [studentQuals])\r\n\r\n\r\n let studentCompetetenciesUrl = \"\"\r\n\r\n if (studentQuals.length) {\r\n studentCompetetenciesUrl = `${baseUrl}/api/studentcompetencies?$filter=StudentQualification/Id eq ${studentQuals[trainingPlanNumber].Id}&$expand=*&$orderBy=Competency/CompID`;\r\n }\r\n const [isLoadingComp, studentCompetencies, errorComp] = useDataFetch(studentCompetetenciesUrl, authToken);\r\n\r\n // Get core/elective data and create competencies object that contains this info\r\n const coreElectiveUrl = `${baseUrl}/api/qualificationcompetencies`;\r\n const [ isLoadingCoreElective, studentCoreElective, errorCoreElective ] = useDataFetch(coreElectiveUrl, authToken);\r\n \r\n\r\n // Grabbing all trainers\r\n const trainerUrl = `${baseUrl}/api/trainers`;\r\n const [isLoadingTrainers, trainers, trainersErr] = useDataFetch(trainerUrl, authToken)\r\n const [trainersToSelect, setTrainersToSelect] = useState([])\r\n\r\n useEffect(() => {\r\n if (trainers.length && studentQuals.length) {\r\n setTrainersToSelect(trainers.filter(trainer => {\r\n if (!trainer.IsDisabled) {\r\n return true\r\n } else if (trainer.IsDisabled && trainer.Id === studentQuals[trainingPlanNumber].TrainerID && userRole === \"Administrator\") {\r\n // Asterisk means trainer is disabled in database\r\n trainer.Surname += \" *\"\r\n return true\r\n }\r\n\r\n return false\r\n }))\r\n }\r\n }, [trainers, studentQuals, trainingPlanNumber])\r\n\r\n const deliveryMode = {\r\n 10: \"Classroom\",\r\n 20: \"Online\",\r\n 30: \"Work-based\",\r\n 40: \"Mixed Mode\"\r\n }\r\n\r\n const handleAcceptQuote = (object) => {\r\n \r\n object['ConfirmedCost'] = true;\r\n fetch(`${baseUrl}/api/studentqualifications/${object.Id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(object)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const handleCancelQuote = (object) => {\r\n object['Disabled'] = true;\r\n \r\n fetch(`${baseUrl}/api/studentqualifications/${object.Id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(object)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const handleUpdateTrainer = (e) => {\r\n\r\n const { value } = e.target\r\n\r\n const selectedTrainer = trainers.filter(trainer => trainer.Id === value)\r\n\r\n fetch(`${baseUrl}/api/studentqualifications/${studentQuals[trainingPlanNumber].Id}`, {\r\n method: 'PUT',\r\n headers: {\r\n 'Content-Type': 'application/json', \r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify({...studentQuals[trainingPlanNumber], TrainerID: value})\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const handleUpdateComments = (value, qual) => {\r\n\r\n const object = { \r\n \"TotalFees\": 0,\r\n \"Id\": 0,\r\n \"Active\": false,\r\n \"Disabled\": false,\r\n \"StudentId\": 0,\r\n \"QualId\": 0,\r\n \"SaStudentId\": null,\r\n \"PASNumber\": null,\r\n \"DeliveryLocId\": null,\r\n \"OfficeId\": null,\r\n \"CertificateAttainedDate\": null,\r\n \"CertificateIssued\": \"No\",\r\n \"CertificateId\": null,\r\n \"QuoteId\": null,\r\n \"QuoteCreatedAt\": null,\r\n \"ContractId\": null,\r\n \"ContractCreatedAt\": null,\r\n \"ProgStreamId\": null,\r\n \"Funding\": null,\r\n \"TuitionFee\": null,\r\n \"Subsidy\": null,\r\n \"OtherSubsidy\": null,\r\n \"ConfirmedCost\": false,\r\n \"Comments\": null\r\n } \r\n\r\n for (const [key, value] of Object.entries(object)) {\r\n object[key] = qual[key]\r\n }\r\n\r\n object['Comments'] = value;\r\n studentQuals[trainingPlanNumber].Comments = value;\r\n \r\n fetch(`${baseUrl}/api/studentqualifications/${object.Id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(object)\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n \r\n const [hoursUnitsObject, setHoursUnitsObject] = useState({})\r\n\r\n return ( \r\n isLoadingStudentQuals || isLoadingComp || isLoadingTrainers ?\r\n {\r\n userRole === 'Administrator'?
:null\r\n }\r\n \r\n {\r\n currentStudentQual && userRole==='Administrator'?\r\n
MBH Training Plan for {currentStudentQual.Student.FirstName} {currentStudentQual.Student.Surname} \r\n :
MBH Training Plan \r\n }\r\n {\r\n currentStudentQual && userRole==='Administrator'?\r\n
MBH Training Plan for {currentStudentQual.Student.FirstName} {currentStudentQual.Student.Surname} \r\n :
MBH Training Plan \r\n }\r\n\r\n {\r\n studentQuals.length ?\r\n <>\r\n {\r\n studentQuals.length > 1 \r\n ?\r\n
\r\n :\r\n null\r\n }\r\n
{studentQuals[trainingPlanNumber].Qualification.AntaId} {capitaliseEachWordOfQualName(studentQuals[trainingPlanNumber].Qualification)} \r\n
\r\n
\r\n \r\n {\r\n studentCompetencies.length ?\r\n
\r\n :\r\n
\r\n }\r\n \r\n :\r\n qualsAwaitingQuotes.length ?\r\n qualsAwaitingQuotes.map((qualification, index) => (\r\n qualification.QuoteId===null?\r\n
\r\n
Your chosen qualification {qualification.Qualification.AntaId} {qualification.Qualification.Name} is awaiting a quote. \r\n handleCancelQuote(qualification)}>Cancel \r\n \r\n :\r\n !qualification.ConfirmedCost?\r\n
\r\n
The quote for {qualification.Qualification.AntaId} {qualification.Qualification.Name} is ${qualification.TuitionFee.toFixed(2)} \r\n
\r\n handleAcceptQuote(qualification)}>Accept Quote \r\n handleCancelQuote(qualification)}>Cancel \r\n
\r\n
\r\n :\r\n null\r\n ))\r\n :\r\n
Not currently enrolled in a qualification \r\n }\r\n {\r\n currentStudentQual &&\r\n
\r\n }\r\n
\r\n \r\n
\r\n Search for a student... \r\n
\r\n
\r\n
\r\n
\r\n \r\n Any \r\n {\r\n allQuals.map(qual => (\r\n {`${qual.AntaId} ${capitaliseEachWordOfQualName(qual)}`} \r\n )) \r\n }\r\n \r\n \r\n Qualification \r\n
\r\n
\r\n
\r\n \r\n Any \r\n {\r\n allQuals.filter(qual => !qual.Superseded).map(qual => (\r\n {`${qual.AntaId} ${capitaliseEachWordOfQualName(qual)}`} \r\n ))\r\n }\r\n \r\n Qualification \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default SearchBar\r\n","export const findStudentsWithNatFileErrors = (natFileErrors) => {\r\n const students = natFileErrors\r\n .filter((item, index, self) =>\r\n index === self.findIndex((t) => (\r\n t.FirstName === item.FirstName && t.Surname === item.Surname\r\n ))\r\n ).map(student => (\r\n {\r\n Name: `${student.FirstName} ${student.Surname}`,\r\n StudentId: student.StudentId\r\n }\r\n ))\r\n \r\n return students\r\n}\r\n\r\nexport const createObjectOfStudentsWithNatFileErrors = (natFileErrors) => {\r\n const students = natFileErrors\r\n .filter((item, index, self) =>\r\n index === self.findIndex((t) => (\r\n t.FirstName === item.FirstName && t.Surname === item.Surname\r\n ))\r\n )\r\n\r\n return arrayToObject(natFileErrors)\r\n}\r\n\r\nconst arrayToObject = (array) =>\r\n array.reduce((obj, item) => {\r\n obj[item.StudentId] = item\r\n return obj\r\n}, {})","import React, { useState, useEffect } from 'react'\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport SearchBar from '../SearchBar/SearchBar';\r\nimport './AdminPortalHome.scss'\r\nimport Spinner from '../../assets/spinner.svg';\r\nimport { handleQualFilterChange } from '../../functions/handleFilterChanges';\r\nimport { createObjectOfStudentsWithNatFileErrors } from '../../functions/findStudentsWithNatFileErrors';\r\nimport { arrayToObjectWithKey } from '../../functions/arrayToObject';\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nconst AdminPortalHome = ({ onStudentSelect }) => {\r\n \r\n const { authToken } = useThemeContext()\r\n\r\n const [isDisabledStudent, setIsDisabledStudent] = useState(false);\r\n const studentUrl = `${baseUrl}/api/students?$filter=IsDisabled eq ${isDisabledStudent}&$orderBy=Surname`;\r\n const [isLoadingStudents, allStudents, error] = useDataFetch(studentUrl, authToken)\r\n const [students, setStudents] = useState([])\r\n\r\n const studentQualsURL = `${baseUrl}/api/studentqualifications`;\r\n const [isLoadingStudentQuals, studentQuals, errorStudentQuals] = useDataFetch(studentQualsURL, authToken);\r\n\r\n //get all studentsqualifications that are currently active\r\n const [studentQualUrl, setStudentQualUrl] = useState(`${baseUrl}/api/studentqualifications?$filter=Active eq true and Disabled eq false&$expand=Student`);\r\n const [isLoadingStudentQualActive, studentQualActive, errorSQ] = useDataFetch(studentQualUrl, authToken)\r\n const [active, setActive] = useState(true);\r\n const [allActiveStudents, setAllActiveStudents] = useState([])\r\n \r\n useEffect(() => {\r\n if (studentQualActive.length) {\r\n setAllActiveStudents(arrayToObjectWithKey(studentQualActive, \"StudentId\"))\r\n }\r\n }, [studentQualActive])\r\n\r\n const [awaitingQuote, setAwaitingQuote] = useState(false)\r\n const [studentsAwaitingQuote, setStudentsAwaitingQuote] = useState({})\r\n\r\n const [awaitingAcceptance, setAwaitingAcceptance] = useState(false)\r\n const [studentsAwaitingAcceptance, setStudentsAwaitingAcceptance] = useState({})\r\n\r\n const [acceptedNoContractID, setAcceptedNoContractID] = useState(false)\r\n const [studentsAcceptedNoContractID, setStudentsAcceptedNoContractID] = useState({})\r\n\r\n useEffect(() => {\r\n if (studentQuals.length) {\r\n const allStudentsAwaitingQuote = studentQuals.filter(qual => qual.Active && !qual.Disabled && qual.QuoteId === null)\r\n setStudentsAwaitingQuote(arrayToObjectWithKey(allStudentsAwaitingQuote, \"StudentId\"))\r\n \r\n const allStudentsAwaitingAcceptance = studentQuals.filter(qual => qual.Active && !qual.Disabled && !qual.ConfirmedCost && qual.QuoteId !== null)\r\n setStudentsAwaitingAcceptance(arrayToObjectWithKey(allStudentsAwaitingAcceptance, \"StudentId\"))\r\n\r\n const allStudentsAcceptedNoContractID = studentQuals.filter(qual => qual.Active && !qual.Disabled && qual.ConfirmedCost && qual.QuoteId !== null && qual.ContractId === null)\r\n setStudentsAcceptedNoContractID(arrayToObjectWithKey(allStudentsAcceptedNoContractID, \"StudentId\"))\r\n }\r\n }, [studentQuals])\r\n\r\n\r\n //fetch all unregistered students\r\n const unregisteredStudentsURL = `${baseUrl}/api/students/unregisteredstudents?$filter=CreatedAt ne null`;\r\n const [ isLoadingUnregistered, unregisteredStudents, errorUnregistered ] = useDataFetch(unregisteredStudentsURL, authToken);\r\n const [unregistered, setUnregistered] = useState(false);\r\n const [allUnregisteredStudents, setAllUnregisteredStudents] = useState([])\r\n //create an array of the unregistered student id's\r\n const unregStudents = [];\r\n unregStudents.push(unregisteredStudents.map(s => s.Id))\r\n if(unregStudents.length <1){\r\n unregStudents.push('preventNullError');\r\n }\r\n\r\n useEffect(() => {\r\n if (unregisteredStudents.length) {\r\n setAllUnregisteredStudents(arrayToObjectWithKey(unregisteredStudents, \"Id\"))\r\n }\r\n }, [unregisteredStudents])\r\n\r\n \r\n // Fetch all students with Nat File Errors\r\n const natFileErrorsURL = `${baseUrl}/api/natforms/validatedates`\r\n const [ isLoadingNatFileErrors, natFileErrors, errorNatFileErrors ] = useDataFetch(natFileErrorsURL, authToken);\r\n const [showNatFileErrors, setShowNatFileErrors] = useState(false)\r\n const [studentsWithNatFileErrors, setStudentsWithNatFileErrors] = useState(null)\r\n\r\n useEffect(() => {\r\n if (natFileErrors.length) {\r\n const erroredStudents = createObjectOfStudentsWithNatFileErrors(natFileErrors)\r\n setStudentsWithNatFileErrors(erroredStudents)\r\n }\r\n }, [natFileErrors])\r\n\r\n \r\n // Grabbing all qualifications so that the user can filter students by a particular qualification\r\n const qualificationsURL = `${baseUrl}/api/qualifications`\r\n const [isLoadingQuals, fetchedQuals, errorAllQuals] = useDataFetch(qualificationsURL, authToken);\r\n const [selectedQualID, setSelectedQualID] = useState(\"0\")\r\n const [allQuals, setAllQuals] = useState([]); \r\n \r\n const [filteredStudentObject, setFilteredStudentObject] = useState({});\r\n\r\n // Funding options\r\n const [showDontKnowYet, setShowDontKnowYet] = useState(false)\r\n const [showSelfFunded, setShowSelfFunded] = useState(false)\r\n const [dontKnowYetStudents, setDontKnowYetStudents] = useState({})\r\n const [selfFundedStudents, setSelfFundedStudents] = useState({})\r\n\r\n const handleStudentFiltering = (student) => {\r\n if ((!active || (active && allActiveStudents[student.Id])) &&\r\n (!awaitingQuote || (awaitingQuote && studentsAwaitingQuote[student.Id])) &&\r\n (!awaitingAcceptance || (awaitingAcceptance && studentsAwaitingAcceptance[student.Id])) &&\r\n (!acceptedNoContractID || (acceptedNoContractID && studentsAcceptedNoContractID[student.Id])) &&\r\n (!unregistered || (unregistered && allUnregisteredStudents[student.Id])) &&\r\n (!showNatFileErrors || (showNatFileErrors && studentsWithNatFileErrors[student.Id])) &&\r\n (!showDontKnowYet || (showDontKnowYet && dontKnowYetStudents[student.Id])) &&\r\n (!showSelfFunded || (showSelfFunded && selfFundedStudents[student.Id]))) {\r\n return true\r\n }\r\n \r\n return false\r\n }\r\n\r\n useEffect(() => {\r\n if (showDontKnowYet) {\r\n const dontKnowYetArray = studentQualActive.filter(qual => qual.Funding === \"Don't know yet\")\r\n setDontKnowYetStudents(arrayToObjectWithKey(dontKnowYetArray, \"StudentId\"))\r\n }\r\n\r\n if (showSelfFunded) {\r\n const selfFundedArray = studentQualActive.filter(qual => qual.Funding === \"Self Funded\")\r\n setSelfFundedStudents(arrayToObjectWithKey(selfFundedArray, \"StudentId\"))\r\n }\r\n }, [showDontKnowYet, showSelfFunded])\r\n \r\n useEffect(() => {\r\n if (selectedQualID && selectedQualID !== \"0\") {\r\n setFilteredStudentObject(handleQualFilterChange(selectedQualID, studentQuals, active));\r\n }\r\n }, [selectedQualID, active])\r\n\r\n useEffect(() => {\r\n setStudents(allStudents)\r\n }, [allStudents])\r\n \r\n useEffect(() => {\r\n if (fetchedQuals.length) {\r\n setAllQuals(fetchedQuals)\r\n }\r\n }, [fetchedQuals])\r\n \r\n return (\r\n \r\n \r\n Admin Portal \r\n {\r\n allQuals.length ?\r\n <>\r\n \r\n {\r\n isLoadingQuals && isLoadingNatFileErrors || isLoadingStudents || isLoadingStudentQualActive ?\r\n {onStudentSelect(e, 'administerStudent')} }\r\n >\r\n {`${student.FirstName} ${student.Surname}`}\r\n
\r\n ))\r\n :\r\n (\r\n filteredStudentObject !== null ?\r\n students \r\n .filter(student => filteredStudentObject[student.Id] && handleStudentFiltering(student))\r\n .map(student => (\r\n {onStudentSelect(e, 'administerStudent')}}\r\n >\r\n {`${student.FirstName} ${student.Surname}`}\r\n
\r\n ))\r\n :\r\n No students found
\r\n )\r\n )\r\n :\r\n No students found
\r\n )\r\n }\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default AdminPortalHome\r\n","export const handleQualFilterChange = (qualId, allStudentQuals, active) => {\r\n\r\n\r\n const filteredStudents = allStudentQuals.filter(qual => {\r\n if (active) {\r\n return qual.QualId === +qualId && qual.Active === true && qual.Disabled === false\r\n } else {\r\n return qual.QualId === +qualId && qual.Disabled === false\r\n }\r\n });\r\n\r\n if (!filteredStudents.length) return null;\r\n\r\n const studentObject = {}\r\n for (let i = 0; i < filteredStudents.length; i++) {\r\n const id = filteredStudents[i].StudentId;\r\n studentObject[id] = true;\r\n }\r\n\r\n return studentObject;\r\n}","import React from 'react'\r\nimport mbhLogo from '../../assets/mbh-logo.png';\r\n\r\nconst StudentMenu = ({menuStyle, menuSmall, history}) => {\r\n return (\r\n \r\n
\r\n {\r\n !menuSmall ?\r\n \r\n : . \r\n }\r\n {/* history.push('/student-portal')}>home {menuSmall? \"\": \" Home\"} */}\r\n history.push('/student-portal/profile')}>person {menuSmall? \"\": \" Profile\"} \r\n history.push('/student-portal/qualifications')}>school {menuSmall? \"\": \" Qualifications\"} \r\n history.push('/student-portal/training-plan')}>assignment {menuSmall? \"\": \" Training Plan\"} \r\n {/* announcement {menuSmall? \"\": \" Notifications\"} history.push('/student-portal/events')}>insert_invitation {menuSmall? \"\": \" Upcoming Events\"} \r\n {history.push('/'); window.sessionStorage.clear()}}>exit_to_app {menuSmall? \"\": \" Logout\"} \r\n \r\n
\r\n
\r\n {\r\n !menuSmall ?\r\n \r\n : . \r\n }\r\n history.push('/admin-portal')}>home {menuSmall? \"\": \" Home\"} \r\n history.push('/admin-portal/download')}>cloud_download {menuSmall? \"\": \" Upload/Download Files\"} \r\n history.push('/admin-portal/qualifications-and-competencies')}>dvr {menuSmall? \"\": \" Manage Competencies\"} \r\n history.push('/admin-portal/events')}>insert_invitation {menuSmall? \"\": \" Upcoming Events\"} \r\n history.push('/admin-portal/reports')}>assignment {menuSmall? \"\": \" Reports\"} \r\n history.push('/admin-portal/admin')}>settings {menuSmall? \"\": \" Admin\"} \r\n {history.push('/'); window.sessionStorage.clear()}}>exit_to_app {menuSmall? \"\": \" Logout\"} \r\n \r\n
\r\n {`${natFileErrors.length} errors`}
\r\n {`Select a student for more details:`}
\r\n \r\n {\r\n erroredStudents.map(student => (\r\n onStudentSelect(e, \"administerStudent\")}\r\n >\r\n {student.Name}\r\n \r\n ))\r\n }\r\n \r\n \r\n )\r\n}\r\n\r\nexport default NatFileErrors\r\n","import React, {useState, useEffect} from 'react'\r\nimport './DownloadPage.scss'\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport { useDataFetch } from '../../hooks/useDataFetch'\r\nimport * as XLSX from \"xlsx\";\r\nimport M from 'materialize-css'\r\nimport NatFileErrors from '../NatFileErrors/NatFileErrors';\r\nimport { filterNatFileErrors } from '../../functions/filterNatFileErrors';\r\nimport { useThemeContext } from '../../ThemeContext';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nconst DownloadPage = ({onStudentSelect}) => {\r\n\r\n let history = useHistory()\r\n const { authToken } = useThemeContext()\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('select');\r\n var instances = M.FormSelect.init(elems, {});\r\n M.updateTextFields();\r\n })\r\n\r\n const [natFileErrors, setNatFileErrors] = useState(null)\r\n const [stsFileErrors, setSTSNatFileErrors] = useState(null)\r\n\r\n const [period, setPeriod] = useState(10);\r\n\r\n const qualificationsUrl = `${baseUrl}/api/qualifications?$filter=Superseded eq false`;\r\n const [isLoadingQualifications, allQualifications, qualsError] = useDataFetch(qualificationsUrl, authToken);\r\n\r\n const validateSTSUrl = `${baseUrl}/api/stsbulkquotedata/validatedata`;\r\n const [isLoadingSTS, validateSTS, errorSTS] = useDataFetch(validateSTSUrl, authToken)\r\n\r\n const [chosenQual, setChosenQual] = useState(-1);\r\n const [chosenQualAntaId, setChosenQualAntaId] = useState(\"\");\r\n\r\n const handleQualChange = (e, qual) => {\r\n const selectedIndex = e.target.options.selectedIndex-1;\r\n const qualID = qual[selectedIndex].Id;\r\n const anataID = qual[selectedIndex].AntaId;\r\n setChosenQual(qualID);\r\n setChosenQualAntaId(anataID);\r\n setNatFileErrors(null)\r\n }\r\n\r\n //*** Used for downloading the files generated from the results of api calls */\r\n const handleFileSave = (response, filename) => {\r\n const link = document.createElement(\"a\");\r\n link.setAttribute(\"download\", filename);\r\n const downloadUrl = window.URL.createObjectURL(new Blob([response]));\r\n link.href = downloadUrl;\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n }\r\n\r\n //*** Generate NAT Files */\r\n const generateNATFiles = () => {\r\n let url;\r\n \r\n if (chosenQual===-1){\r\n url = `${baseUrl}/api/natforms`;\r\n }else{\r\n url = `${baseUrl}/api/natforms/${chosenQual}`;\r\n }\r\n\r\n fetch(url, {\r\n method: 'GET',\r\n headers: { 'Content-Type': 'application/octet-stream',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n })\r\n .then(response => response.blob())\r\n .then(data => {handleFileSave(data, `NATForms_${chosenQualAntaId}.zip`);})\r\n .catch(err => console.log(\"error\", err)) \r\n }\r\n\r\n const onDownloadNatFiles = () => {\r\n fetch(`${baseUrl}/api/natforms/validatedates`, {\r\n method: 'GET',\r\n headers: { 'Content-Type': 'application/octet-stream',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n })\r\n .then(response => response.json())\r\n .then(data => {\r\n // if (!data.length) {\r\n // generateNATFiles();\r\n // }\r\n console.log(data)\r\n if (chosenQualAntaId.length) {\r\n const filteredErrors = filterNatFileErrors(data, chosenQualAntaId);\r\n if (!filteredErrors.length) {\r\n setNatFileErrors(null)\r\n } else {\r\n setNatFileErrors(filteredErrors)\r\n }\r\n } else {\r\n setNatFileErrors(data)\r\n }\r\n })\r\n .catch(err => console.log(err))\r\n\r\n generateNATFiles()\r\n }\r\n\r\n //*** Generate either quote or contract file depending on which button is clicked in the Download Pending Qualifications section*/\r\n const generateExcelFile = (filename, activityPeriodId) => {\r\n if(validateSTS.length){\r\n setSTSNatFileErrors(validateSTS)\r\n }\r\n\r\n //if it's an quote is false, otherwise if it's a contract it's true.\r\n let notification = false;\r\n \r\n if(filename === 'contract'){\r\n notification = true;\r\n }\r\n\r\n const url = `${baseUrl}/api/stsbulkquotedata?notification=${notification}&activityPeriodId=${activityPeriodId}`;\r\n\r\n fetch(url, {\r\n method: 'GET',\r\n headers: { 'Content-Type': 'application/octet-stream',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n })\r\n .then(response => response.blob())\r\n .then(data => {handleFileSave(data, `${filename}.xlsx`);})\r\n .catch(err => console.log(\"error\", err)) \r\n }\r\n\r\n //*** Creates the open dialog to select file and then Upload the STS Documents */\r\n const handleFileSelect = (e) => {\r\n const fileSelector = document.createElement('input');\r\n fileSelector.setAttribute('type', 'file');\r\n fileSelector.setAttribute('name', 'file')\r\n fileSelector.setAttribute('accept', '.xls, .xlsx');\r\n e.preventDefault();\r\n fileSelector.click();\r\n fileSelector.addEventListener(\"change\", submitFile);\r\n // fileSelector.addEventListener(\"change\", readFile);\r\n }\r\n\r\n // used to update message returned from POST of submitFile function\r\n const [uploadMsg, setUploadMsg] = useState(\"\")\r\n //** Submits the selected file to the API */\r\n const submitFile= (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n setUploadMsg(\"\")\r\n const selectedFile = e.target.files[0];\r\n\r\n const formData = new FormData();\r\n formData.append('file', selectedFile);\r\n \r\n fetch(`${baseUrl}/api/stsbulkquotedata`, {\r\n method: 'POST',\r\n headers: {\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: formData\r\n })\r\n .then(response => response.json())\r\n .then(data => {setUploadMsg(data);})\r\n .catch(err => console.log(\"errors\" ,err))\r\n }\r\n\r\n //*** Reads the opened file and converts contents to JSON string. THIS IS NOT BEING USED AS WE'RE SUBMITTING FILE AS IS*/\r\n const readFile = (e) => {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n const selectedFile = e.target.files[0];\r\n\r\n const reader = new FileReader();\r\n \r\n reader.onload = (event) => {\r\n const data = event.target.result;\r\n const workbook = XLSX.read(data, {type: 'binary'});\r\n \r\n workbook.SheetNames.forEach((sheetName) =>{\r\n const XL_row_object = XLSX.utils.sheet_to_row_object_array(workbook.Sheets[sheetName]);\r\n // const json_object = JSON.stringify(XL_row_object);\r\n // const json_parsed = JSON.parse(json_object);\r\n // console.log(\"item: \", XL_row_object[0].National_Provider_ID, \"number of rows:\", XL_row_object.length);\r\n })\r\n };\r\n\r\n reader.onerror = function(event) {\r\n console.error(\"File could not be read! Code \" + event.target.error.code);\r\n };\r\n\r\n reader.readAsBinaryString(selectedFile);\r\n }\r\n\r\n //*** Updates the period state when the number is changed */\r\n const handlePeriodChange = (e) => {\r\n setPeriod(e.target.value);\r\n }\r\n\r\n return (\r\n \r\n
NAT Files \r\n
\r\n
\r\n
Generate NAT Files \r\n
\r\n handleQualChange(e, allQualifications)}>\r\n Choose \r\n {\r\n allQualifications.map((qualification, index) => (\r\n {qualification.AntaId} {qualification.Name} \r\n ))\r\n }\r\n \r\n
\r\n {\r\n natFileErrors &&\r\n
\r\n }\r\n
file_download Download\r\n
\r\n
\r\n
Download Pending Qualifications \r\n {\r\n stsFileErrors?
: null\r\n }\r\n
\r\n \r\n
\r\n
\r\n
Upload STS Document \r\n
\r\n {\r\n uploadMsg.RowsUpdated > 0?\r\n
{uploadMsg.RowsUpdated} record(s) have been updated.
\r\n :\r\n
{uploadMsg.Message}
\r\n }\r\n \r\n
\r\n
\r\n\r\n
\r\n {\r\n isLoadingQualCompetencies ? Edit Competencies \r\n \r\n
Filter Competencies by Qualification (add/remove a competency to a qualification in the Edit Qualifications page)
\r\n
\r\n
\r\n setQualToFilterBy(e.target.value)}>\r\n Choose a Qualification \r\n {\r\n qualifications.map((qual, index) => {\r\n return {qual.trim()} \r\n })\r\n }\r\n \r\n
\r\n
\r\n setShowSuperseded(e.target.value === \"true\")} value={showSuperseded}>\r\n Superseded \r\n Not Superseded \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n CompID \r\n CompDsc \r\n CompEducationId \r\n Core/Elective \r\n IsStandard \r\n NominalHours \r\n VetFlag \r\n Superseded \r\n \r\n \r\n \r\n\r\n {\r\n filteredCompetencies.map((competency, index) => (\r\n \r\n \r\n updateCompetenciesArray(e, index, competency)}>\r\n Core \r\n Elective \r\n \r\n \r\n \r\n updateCompetenciesArray(e, index, competency)}>\r\n True \r\n False \r\n \r\n \r\n \r\n updateCompetenciesArray(e, index, competency)}>\r\n Y \r\n N \r\n \r\n \r\n \r\n updateCompetenciesArray(e, index, competency)}>\r\n True \r\n False \r\n \r\n \r\n {/* {competency.Qualification.Superseded.toString()} */}\r\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 EditCompetencies\r\n","import M from 'materialize-css'\r\n\r\nexport const validateCostField = (e) => {\r\n const { value } = e.target;\r\n\r\n if (isNaN(value)) {\r\n M.toast({html: 'Numerical values only!'})\r\n }\r\n}","import React, { useState, useEffect } from 'react'\r\nimport { baseUrl } from '../../functions/globalVariables'\r\nimport { useDataFetchRefresh } from '../../hooks/useDataFetchRefresh';\r\nimport { useDoubleDataFetch } from '../../hooks/useDoubleDataFetch'\r\nimport {validateCostField} from '../../functions/validateCostField'\r\nimport M from 'materialize-css'\r\nimport './EditQualifications.scss'\r\nimport { addAssignedCompetency, deleteAssignedCompetency } from '../../functions/assigningCompetencies'\r\nimport { filterCompetencyArrays } from '../../functions/filterCompetencyArrays'\r\nimport TextEditor from '../TextEditor/TextEditor';\r\nimport { capitaliseEachWordOfQualName } from '../../functions/capitaliseEachWordOfQualName';\r\nimport Spinner from '../../assets/spinner.svg'\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nconst EditQualifications = () => {\r\n\r\n const { authToken } = useThemeContext()\r\n\r\n const [fetchData, setFetchData] = useState(true);\r\n const [deleteQual, setDeleteQual] = useState(true);\r\n \r\n const qualificationsUrl = `${baseUrl}/api/qualifications`;\r\n const [isLoadingQualifications, allQualifications, qualsError] = useDataFetchRefresh(qualificationsUrl, authToken, deleteQual, setDeleteQual);\r\n\r\n const [chosenQual, setChosenQual] = useState(-1);\r\n const [filteredCompetencyArrays, setFilteredCompetencyArrays] = useState([])\r\n\r\n const competenciesUrl = `${baseUrl}/api/qualificationcompetencies?$expand=Competency`;\r\n const allCompetenciesUrl = `${baseUrl}/api/competencies`;\r\n const [isLoadingComp, assignedCompetencies, allCompetencies, compError] = useDoubleDataFetch(competenciesUrl, allCompetenciesUrl, fetchData, setFetchData, authToken);\r\n \r\n useEffect(() => {\r\n var elems = document.querySelectorAll('select');\r\n var instances = M.FormSelect.init(elems, {});\r\n M.updateTextFields();\r\n })\r\n\r\n useEffect(() => {\r\n if (chosenQual >= 0) {\r\n const twoFilteredArrays = filterCompetencyArrays(assignedCompetencies, allCompetencies, allQualifications[chosenQual].Id)\r\n setFilteredCompetencyArrays(twoFilteredArrays)\r\n }\r\n setFetchData(true)\r\n }, [chosenQual])\r\n\r\n useEffect(() => {\r\n console.log(\"All qualifications fetched\")\r\n }, [allQualifications])\r\n \r\n\r\n const handleQualChange = (e) => {\r\n if(document.getElementById(\"addQualForm\")){\r\n document.getElementById(\"addQualForm\").reset();\r\n }\r\n if(document.getElementById(\"editCompsForm\")){\r\n document.getElementById(\"editCompsForm\").reset();\r\n }\r\n if( document.getElementById(\"deleteQualMsg\")){\r\n document.getElementById(\"deleteQualMsg\").textContent = \"\";\r\n }\r\n \r\n setChosenQual(e.target.options.selectedIndex-1);\r\n setFetchData(true);\r\n }\r\n\r\n const updateQualsArray = (e, rowIndex) => {\r\n const { name, value, checked } = e.target;\r\n\r\n if (name === 'Superseded') {\r\n if(!fetchData){\r\n allQualifications[rowIndex].Superseded = value === 'true' ? true : false;\r\n }\r\n } else if(name === 'DeliveryMode'){\r\n if(!fetchData){\r\n allQualifications[rowIndex].DeliveryMode = parseInt(value);\r\n }\r\n } else if (name === \"IsPartQual\") {\r\n if (checked) {\r\n allQualifications[rowIndex][name] = true;\r\n } else {\r\n allQualifications[rowIndex][name] = false;\r\n }\r\n }else {\r\n allQualifications[rowIndex][name] = value;\r\n }\r\n\r\n const id = allQualifications[rowIndex].Id\r\n \r\n fetch(`${qualificationsUrl}/${id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(allQualifications[rowIndex])\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n //This is to update the API with the description field that uses the tinymce plugin\r\n const updateDescriptionField = (rowIndex, content, descriptionField) => {\r\n \r\n if(content=== undefined || content===\"\") return;\r\n\r\n allQualifications[rowIndex][descriptionField] = content;\r\n const id = allQualifications[rowIndex].Id\r\n \r\n fetch(`${qualificationsUrl}/${id}`, {\r\n method: 'PUT',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(allQualifications[rowIndex])\r\n })\r\n .then(response => response.json())\r\n .catch(err => console.log(err))\r\n }\r\n\r\n const handleCheckboxChange = (e, compObject, qualId) => {\r\n\r\n const { checked } = e.target;\r\n\r\n if (checked) {\r\n addAssignedCompetency(`${baseUrl}/api/qualificationcompetencies`, compObject, qualId, authToken)\r\n } else {\r\n deleteAssignedCompetency(`${baseUrl}/api/qualificationcompetencies/${compObject.Id}`, authToken)\r\n }\r\n }\r\n\r\n const handleDeleteQualResponse = (id, data, status) => {\r\n const messageEl = document.getElementById(\"deleteQualMsg\");\r\n let errorMsg =\"\";\r\n \r\n if (status === 204){ \r\n setChosenQual(-1);\r\n setDeleteQual(true);\r\n document.getElementById(\"chooseQualDropDown\").value=-1;\r\n }else{\r\n if (data.error){\r\n errorMsg = data.error.message;\r\n\r\n fetch(`${baseUrl}/api/studentqualifications?$filter=QualId eq ${id} &$expand=Student`, {\r\n method: 'GET',\r\n headers: { 'Authorization': `Bearer ${authToken}` }\r\n })\r\n .then(response => {\r\n \r\n return response.json();\r\n })\r\n .then(data => {getStudentNames(data, messageEl, errorMsg);})\r\n .catch(err => console.log(\"error\", err))\r\n }\r\n\r\n\r\n }\r\n\r\n messageEl.textContent = errorMsg;\r\n }\r\n\r\n const handleDeleteQualification = (e, qual) => {\r\n e.preventDefault(); \r\n let status;\r\n let id = qual.Id;\r\n \r\n fetch(`${baseUrl}/api/qualifications/${id}`, {\r\n method: 'DELETE',\r\n headers: { 'Authorization': `Bearer ${authToken}` }\r\n })\r\n .then(response => {\r\n status = response.status;\r\n handleDeleteQualResponse(id, \"status\", status);\r\n return response.json();\r\n })\r\n .then(data => handleDeleteQualResponse(id, data, status))\r\n .catch(err => console.log(\"error\", err))\r\n }\r\n\r\n const getStudentNames = (data, el, errorMsg) =>\r\n {\r\n let studentNames = \"\";\r\n for (let i=0; i\" + studentNames + \"\r\n
Edit Qualifications \r\n {\r\n isLoadingQualifications ?\r\n
\r\n :\r\n
\r\n
Choose Qualification to Edit \r\n \r\n Choose \r\n {\r\n allQualifications.map((qualification, index) => (\r\n {`${qualification.AntaId} ${capitaliseEachWordOfQualName(qualification)}`} \r\n ))\r\n }\r\n \r\n \r\n }\r\n
\r\n
\r\n {\r\n (allQualifications.length && chosenQual !== -1) &&\r\n \r\n
Edit Selected Qualification \r\n
\r\n
\r\n {\r\n (allQualifications.length && chosenQual !== -1) &&\r\n
\r\n Qualification's Competencies \r\n \r\n \r\n }\r\n
\r\n Select an Option \r\n \r\n history.push(`${match.url}/add-qualification`)}>\r\n Add New Qualification
\r\n \r\n history.push(`${match.url}/edit-qualifications`)}>\r\n Edit Qualifications
\r\n \r\n history.push(`${match.url}/add-competency`)}>\r\n Add New Competency
\r\n \r\n history.push(`${match.url}/edit-competencies`)}>\r\n Edit Competencies
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default QualCompEdit\r\n","import React, {useState, useEffect} from 'react'\r\nimport './AddQual.scss';\r\nimport { baseUrl } from '../../functions/globalVariables'\r\nimport {validateCostField} from '../../functions/validateCostField'\r\nimport M from 'materialize-css'\r\nimport TextEditor from '../TextEditor/TextEditor';\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nconst AddQual = () => {\r\n\r\n const { authToken } = useThemeContext()\r\n\r\n const qualificationsUrl = `${baseUrl}/api/qualifications`\r\n \r\n const qualObject = {\r\n \"Name\": \"\",\r\n \"AntaId\": \"\",\r\n \"Description\": \"\",\r\n \"Cost\": null,\r\n \"Package\": null,\r\n \"Level\": null,\r\n \"IsPartQual\": false,\r\n \"Electives\": null,\r\n \"Superseded\": false,\r\n \"DeliveryMode\": null,\r\n \"CoursesDescription\": null,\r\n \"AssessmentSupportDescription\": null,\r\n \"AssessmentTimeframeDescription\": null,\r\n \"TrainingDeliveryDescription\": null,\r\n \"ProgramRecognitionId\": null,\r\n \"LevelOfEducationId\": null,\r\n \"ANZSCO\": null,\r\n \"VETFlag\": null\r\n }\r\n\r\n const [submitted, setSubmitted] = useState(false);\r\n \r\n useEffect(() => {\r\n var elems = document.querySelectorAll('select');\r\n var instances = M.FormSelect.init(elems, {});\r\n })\r\n\r\n useEffect(() => {\r\n document.getElementById(\"addQualForm\").reset();\r\n }, [submitted])\r\n\r\n const handleChange= (e) => {\r\n const {name, value, checked} = e.target;\r\n\r\n if (name === \"IsPartQual\") {\r\n if (checked) {\r\n qualObject[name] = true;\r\n } else {\r\n qualObject[name] = false;\r\n }\r\n } else {\r\n qualObject[name] = value;\r\n }\r\n }\r\n\r\n const handleDescriptionChange = (textareaName, content) => {\r\n qualObject[textareaName] = content;\r\n }\r\n\r\n const handleClick = (qualObject) => {\r\n let isFormValid = true;\r\n if(qualObject.Name.trim() === \"\"){\r\n M.toast({html: 'Qualification must have a name.'})\r\n isFormValid = false;\r\n }\r\n if(isNaN(qualObject.Cost) || qualObject.Cost === null){\r\n M.toast({html: 'Cost must be a Numerical value.'})\r\n isFormValid = false;\r\n }\r\n if(isNaN(qualObject.Level)|| qualObject.Level === null){\r\n M.toast({html: 'Level must be a Numerical value.'})\r\n isFormValid = false;\r\n }\r\n if(isNaN(qualObject.Electives)|| qualObject.Electives === null){\r\n M.toast({html: 'Electives must be a Numerical value.'})\r\n isFormValid = false;\r\n }\r\n\r\n if(isFormValid){\r\n fetch(qualificationsUrl, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(qualObject)\r\n })\r\n .then(response => response.json())\r\n .then(data => {setSubmitted(true);M.toast({html: 'Qualification Created!', classes: 'mbh-green'});setSubmitted(false);})\r\n .catch(err => console.log(err))\r\n }\r\n }\r\n\r\n return (\r\n \r\n
Add Qualification \r\n
\r\n
\r\n
handleClick(qualObject)}>Add Qualification \r\n
\r\n
Add Competency \r\n
\r\n
\r\n
\r\n
\r\n handleCompQualMapping(e)} value=\"none\">\r\n Choose qualification to map to \r\n {\r\n quals.map((qual, index) => (\r\n {qual.AntaId} {capitaliseEachWordOfQualName(qual)} \r\n ))\r\n }\r\n \r\n Map to Qualification \r\n
\r\n
\r\n\r\n
handleClick(compObject)}>Add Competency \r\n\r\n
\r\n
Actions for student {currentStudent.FirstName} {currentStudent.Surname} \r\n
\r\n\r\n
{history.push('/admin-portal/administer-student/student-profile')}}>person View Student Details
\r\n
{history.push('/admin-portal/administer-student/student-training-plan')}}>assignment View Training Plan
\r\n
{history.push('/admin-portal/administer-student/student-qualifications')}}>school View Qualifications
\r\n \r\n {/*** registration email ***/}\r\n {\r\n checkIfRegistered === true?\r\n null\r\n :
email Send Registration Email
\r\n }\r\n
\r\n\r\n {/*** warning messages ***/}\r\n { (validateNatforms.length || validateSTS.length) ? \r\n
\r\n
\r\n
\r\n warning Warnings\r\n
\r\n \r\n {\r\n validateSTS.length ?\r\n
\r\n
STS File potential issues \r\n {\r\n validateSTS.map((qual, index) => (\r\n
\r\n
Qualification {qual.AntaId} :
\r\n {qual.DOB === null &&
- Date of birth missing
}\r\n {qual.StartDate === null &&
- Start date is missing
}\r\n {qual.EndDate === null &&
- End date is missing
}\r\n {qual.ATSI === null &&
- Aboriginal or Torres Strait Islander field missing
}\r\n {qual.ResidencyStatusAnswer === null &&
- Residency Status missing
}\r\n {qual.WorkInNSWAnswer === null &&
- Do you work in NSW field missing
}\r\n {qual.TraineeAnswer === null &&
- Registered NSW apprentice or trainee field missing
}\r\n {qual.SocialHousingAnswer === null &&
- Social housing field missing
}\r\n {qual.LTUAnswer === null &&
- Unemployed for 52 weeks or more field missing
}\r\n
\r\n
\r\n ))\r\n }\r\n
\r\n :null\r\n }\r\n\r\n { \r\n validateNatforms.length ?\r\n
\r\n
NAT File potential issues \r\n {\r\n validateNatforms.map((issue, index, arr)=>(\r\n
\r\n {\r\n index > 0 && issue.AntaId === arr[index-1].AntaId ? null:
Qualification {issue.AntaId} :
\r\n }\r\n
{issue.CompetencyId}: {issue.Reason}
\r\n
\r\n ))\r\n }\r\n
\r\n
\r\n :null\r\n }\r\n\r\n \r\n
\r\n
\r\n :null\r\n }\r\n\r\n
\r\n
Admin \r\n
history.push('/admin-portal/admin/locations')}>location_city Locations & Program Streams
\r\n
history.push('/admin-portal/admin/results')}>assessment Edit Result List
\r\n
history.push('/admin-portal/admin/manage-waiver-codes')}>assignment Manage Waiver Codes
\r\n
{history.push('/admin-portal/admin/users')}}>person Add/Remove User
\r\n
{history.push('/admin-portal/admin/duplicates')}}>people Duplicate Students
\r\n
{history.push('/admin-portal/admin/change-password')}}>lock Change Password
\r\n \r\n
\r\n
Program Streams \r\n \r\n
\r\n
\r\n {\r\n isLoadingRegions || isLoadingLocations ?\r\n
\r\n :\r\n <>\r\n
Delivery Locations \r\n\r\n
\r\n
\r\n \r\n Select an Office \r\n {\r\n filteredLocations.map((location, index) => (\r\n {location.DeliveryLocation} \r\n ))\r\n }\r\n \r\n
\r\n
\r\n
\r\n {\r\n officeObj[0] != undefined && !isLoadingOffice &&\r\n
\r\n
\r\n
\r\n delete \r\n \r\n \r\n {/* */}\r\n
\r\n
\r\n
Are you sure you want to delete this Office?
\r\n
\r\n
\r\n
\r\n
\r\n }\r\n\r\n \r\n
\r\n\r\n \r\n }\r\n
\r\n
Program Locations \r\n
\r\n
\r\n \r\n Select an Office \r\n {\r\n officeLocations.map((location, index) => (\r\n {location.Name} \r\n ))\r\n }\r\n \r\n
\r\n
\r\n
\r\n \r\n {\r\n officeObj[0] != undefined && \r\n
\r\n }\r\n\r\n
\r\n\r\n {/* */}\r\n
\r\n
\r\n
Are you sure you want to delete this Office?
\r\n
\r\n
\r\n
\r\n
\r\n Regions \r\n {\r\n isLoadingRegions || !trainingRegions.length ?\r\n \r\n
\r\n \r\n Select A Region \r\n {\r\n trainingRegions.map((region, index) => {\r\n return {region.Name} \r\n })\r\n }\r\n \r\n
\r\n
\r\n
New Region \r\n \r\n \r\n }\r\n {\r\n isUpdatingRegion || isDeletingRegion ?\r\n \r\n )\r\n}\r\n\r\nexport default AdminRegions\r\n","import React, { useState } from 'react'\r\nimport './AdminLocations.scss'\r\nimport AdminProgramStreams from '../AdminProgramStreams/AdminProgramStreams';\r\nimport AdminLocationsDelivery from '../AdminLocationsDelivery/AdminLocationsDelivery';\r\nimport AdminLocationsOffice from '../AdminLocationsOffice/AdminLocationsOffice';\r\nimport AdminRegions from '../AdminRegions/AdminRegions';\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nconst AdminLocations = () => {\r\n\r\n const { authToken } = useThemeContext()\r\n\r\n const [currOffice, setCurrOffice] = useState(0);\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Coming Soon... \r\n \r\n )\r\n}\r\n\r\nexport default AdminUsers\r\n","import React, { useEffect } from 'react'\r\nimport M from 'materialize-css';\r\n\r\n\r\nconst EventsAddButton = ({ history }) => {\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.dropdown-trigger');\r\n var instances = M.Dropdown.init(elems, {});\r\n })\r\n\r\n const enlargeDropdown = () => {\r\n const dropdown = document.getElementById(\"create-options\")\r\n dropdown.style.width = \"140px\"\r\n dropdown.style.height = \"auto\"\r\n\r\n }\r\n\r\n return (\r\n <>\r\n more_vert \r\n {\r\n isLoading || isLoadingTrainers || !trainers.length ?\r\n \r\n Today's Events \r\n {\r\n userRole === \"Student\" ?\r\n \r\n :\r\n \r\n }\r\n \r\n {/* for Students, check if they are registered in any of today's events. If so, check if they've marked attendance already or not */}\r\n { userRole === 'Student'?\r\n todaysEvents.length ?\r\n todaysEvents.map((event, i) => {\r\n let regEventObj = filteredEventsReg.filter(f => f.EventID === event.Id)[0];\r\n return( \r\n \r\n { \r\n regEventObj !== undefined?\r\n
\r\n \r\n {event.Subject} \r\n Date: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Date')}
\r\n Time: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Time')}
\r\n Taught by: {displayTrainerName(event.TrainerID)}
\r\n \r\n {\r\n regEventObj.HasAttended?\r\n \r\n Attending Class \r\n markAttendance(false, event.Id)}>Cancel \r\n \r\n :\r\n \r\n markAttendance(true, event.Id)}>Mark Attendance \r\n \r\n }\r\n \r\n : \r\n <>\r\n
There are no events on today \r\n
\r\n
\r\n \r\n }\r\n
There are no events on today \r\n \r\n { \r\n //administrator\r\n todaysEvents.length ?\r\n todaysEvents.map((event, i) => {\r\n return( \r\n
\r\n
{ setCurrentPage(\"summary\"); history.push(`/admin-portal/events/event-details/${event.Id}`)}}>\r\n \r\n {event.Subject} \r\n Date: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Date')}
\r\n Time: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Time')}
\r\n {/* Taught by: {displayTrainerName(event.TrainerID)}
*/}\r\n \r\n \r\n \r\n
\r\n )\r\n })\r\n :\r\n <>\r\n
There are no events on today \r\n
\r\n
\r\n \r\n }\r\n
Upcoming Events \r\n \r\n { \r\n upcomingEvents.length ?\r\n upcomingEvents.map((event, i) => {\r\n if (userRole === 'Student' && !eventsRegIdList.includes(event.Id)) \r\n return\r\n\r\n return (\r\n { setCurrentPage(\"summary\"); history.push(`/${routingPortal}/events/event-details/${event.Id}`)}}>\r\n {event.Subject} \r\n Date: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Date')}
\r\n Time: {formatEventDate(event.StartDateTime, event.EndDateTime, 'Time')}
\r\n {userRole === 'Student'?Taught by: {displayTrainerName(event.TrainerID)}
:null}\r\n \r\n )\r\n })\r\n :\r\n There are no upcoming events \r\n }\r\n \r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nexport default EventsSummary\r\n","import React from 'react'\r\nimport EventsSummary from '../EventsSummary/EventsSummary'\r\nimport './Events.scss'\r\n\r\nconst Events = ({setCurrentPage}) => {\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Events\r\n","import React, {useState} from 'react'\r\nimport './AdminDuplicates.scss'\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { useDataFetchRefresh } from '../../hooks/useDataFetchRefresh';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport Spinner from '../../assets/spinner.svg';\r\nimport { dateTimeToDateString } from '../../functions/dateTimeToDateString';\r\nimport M from 'materialize-css';\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nconst AdminDuplicates = () => {\r\n\r\n const { authToken } = useThemeContext()\r\n\r\n const [refreshData, setRefreshData] = useState(false);\r\n\r\n const studentUrl = `${baseUrl}/api/students?$filter=IsDisabled eq false&$orderBy=Surname`;\r\n //const [isLoadingStudents, allStudents, error] = useDataFetch(studentUrl, authToken);\r\n const [isLoadingStudents, allStudents, error] = useDataFetchRefresh(studentUrl, authToken, refreshData, setRefreshData);\r\n \r\n //create an array of student name objects?\r\n const studentNames = [];\r\n studentNames.push(allStudents.map(s=>(s.FirstName.trim() + \" \" + s.Surname.trim())));\r\n\r\n //create an array of duplicate student names\r\n const duplicateNames = [];\r\n for (let i=0; i s.StudentId))\r\n\r\n function onDragStart(e) {\r\n e.dataTransfer.setData(\"studentFromId\", e.target.id);\r\n }\r\n\r\n const onDragOver = (e) => {\r\n e.preventDefault();\r\n }\r\n\r\n\r\n const checkAPIResponse = (data, status) => {\r\n if (status === 200){\r\n if(data.value !== undefined){\r\n M.toast({html: data.value, classes: 'mbh-green', displayLength: 1000});\r\n setRefreshData(true);\r\n \r\n }\r\n }\r\n }\r\n\r\n const onDrop = (e, studentToId) => {\r\n e.preventDefault();\r\n \r\n const studentFromId = e.dataTransfer.getData(\"studentFromId\");\r\n const destination = document.getElementById(studentToId);\r\n destination.appendChild(document.getElementById(studentFromId));\r\n\r\n const mergeObject = {\r\n \"FromID\": null,\r\n \"ToID\": null\r\n }\r\n\r\n mergeObject[\"FromID\"] = +studentFromId;\r\n mergeObject[\"ToID\"] = studentToId;\r\n \r\n let status;\r\n fetch(`${baseUrl}/api/students/mergestudents`, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${authToken}` },\r\n body: JSON.stringify(mergeObject)\r\n })\r\n .then(response => {\r\n status = response.status;\r\n checkAPIResponse(\"\", status)\r\n return response.json()\r\n })\r\n .then(data => checkAPIResponse(data, status))\r\n .catch(err => console.log(\"errors\" ,err))\r\n\r\n \r\n }\r\n\r\n return (\r\n \r\n
Merge Duplicate Students \r\n
Drag the student you want to merge from to the student you want to merge to. \r\n
\r\n
\r\n {\r\n allStudents.length ?\r\n allStudents.map((student, index) => (\r\n
onDragStart(e)}\r\n onDrop={(e) => onDrop(e, student.Id)}\r\n onDragOver={onDragOver} \r\n >\r\n {student.FirstName} {student.Surname} \r\n {student.Id} \r\n {student.Email} \r\n {dateTimeToDateString(student.DOB, 2)} \r\n * Active Qualification *
\r\n ))\r\n : isLoadingStudents?
:
No students found
\r\n } \r\n
\r\n
\r\n
Result List \r\n \r\n
\r\n
\r\n
Add New Result \r\n
\r\n
\r\n
\r\n \r\n
Change Password \r\n
\r\n
\r\n Current Password \r\n
\r\n
\r\n
\r\n
\r\n New Password \r\n
\r\n
\r\n
\r\n
\r\n Confirm New Password \r\n
\r\n {\r\n !isFormValid &&\r\n
New password fields must match
\r\n }\r\n {\r\n isPasswordChanged &&\r\n
Password has been successfully changed!
\r\n }\r\n
\r\n
\r\n {\r\n isChangingPassword ?\r\n
\r\n \r\n :\r\n
Change Password \r\n }\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default AdminChangePassword\r\n","import React, { useState } from 'react'\r\nimport './ManageFeeWaiverCodes.scss'\r\nimport Spinner from '../../assets/spinner.svg'\r\nimport { useDataFetch } from '../../hooks/useDataFetch'\r\nimport { baseUrl } from '../../functions/globalVariables'\r\nimport M from 'materialize-css'\r\nimport { useThemeContext } from '../../ThemeContext'\r\nimport { useHistory } from 'react-router-dom'\r\n\r\nconst ManageFeeWaiverCodes = () => {\r\n\r\n let history = useHistory()\r\n\r\n const { authToken } = useThemeContext()\r\n\r\n const [newCode, setNewCode] = useState({\r\n WaiverCode: \"\",\r\n WaiverStrategy: 0,\r\n WaiverDesc: \"\",\r\n IsDisabled: false\r\n })\r\n\r\n const codesUrl = `${baseUrl}/api/waivercode?$filter=IsDisabled eq false`\r\n const [isLoading, waiverCodes, error] = useDataFetch(codesUrl)\r\n\r\n if (error) {\r\n return <>Network Error\r\n }\r\n\r\n const addCode = (e) => {\r\n e.preventDefault()\r\n fetch(`${baseUrl}/api/waivercode`, {\r\n method: \"POST\",\r\n headers: { \r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(newCode)\r\n })\r\n .then(response => {response.json(); window.location.reload()})\r\n .catch(err => {\r\n console.log(err);\r\n M.toast({ html: \"Error adding a new code\", displayLength: 2000 })\r\n })\r\n }\r\n\r\n const updateCode = (e) => {\r\n const { name, value } = e.target\r\n const index = e.target.dataset.index\r\n let currentCode = { ...waiverCodes[index], [name]: value }\r\n\r\n console.log(JSON.stringify(currentCode))\r\n\r\n fetch(`${baseUrl}/api/waivercode/${currentCode.WaiverCodeId}`, {\r\n method: \"PUT\",\r\n headers: { \r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(currentCode)\r\n })\r\n .catch(err => {\r\n console.log(err);\r\n M.toast({ html: \"Error updating code\", displayLength: 2000 })\r\n })\r\n }\r\n\r\n const deleteCode = (e) => {\r\n e.preventDefault()\r\n const index = e.target.dataset.index\r\n let currentCode = waiverCodes[index]\r\n currentCode.IsDisabled = true\r\n \r\n fetch(`${baseUrl}/api/waivercode/${currentCode.WaiverCodeId}`, {\r\n method: \"PUT\",\r\n headers: { \r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(currentCode)\r\n })\r\n .then(response => {response.json(); window.location.reload()})\r\n .catch(err => {\r\n console.log(err);\r\n M.toast({ html: \"Error deleting code\", displayLength: 2000 })\r\n })\r\n }\r\n\r\n return (\r\n isLoading ?\r\n \r\n
\r\n Manage Fee/Waiver Codes \r\n \r\n \r\n {\r\n waiverCodes.length ?\r\n
\r\n :\r\n null\r\n }\r\n
\r\n
\r\n \r\n Trainers \r\n \r\n \r\n\r\n {\r\n isLoading ?\r\n \r\n \r\n \r\n Show Deleted Trainers \r\n
\r\n \r\n \r\n \r\n Select a Trainer \r\n { \r\n toggleIsDisabledFilter ?\r\n deletedTrainers.map((trainer, i) => {\r\n return {`${trainer.FirstName} ${trainer.Surname}`} \r\n })\r\n :\r\n existingTrainers.map((trainer, i) => {\r\n return {`${trainer.FirstName} ${trainer.Surname}`} \r\n })\r\n }\r\n \r\n Trainers \r\n
\r\n \r\n \r\n \r\n )\r\n }\r\n {\r\n currentTrainer && !showAddForm &&\r\n <>\r\n \r\n \r\n {\r\n !currentTrainer.IsDisabled &&\r\n
delete \r\n }\r\n \r\n
save \r\n
New Trainer \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n )\r\n}\r\n\r\nexport default Trainers\r\n","import React, {useState, useEffect} from 'react'\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport { Calendar, momentLocalizer } from 'react-big-calendar'\r\nimport moment from 'moment'\r\n\r\nimport './EventsCalendar.scss'\r\nimport \"react-big-calendar/lib/css/react-big-calendar.css\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useThemeContext } from '../../ThemeContext';\r\n\r\nconst localizer = momentLocalizer(moment)\r\n\r\nconst EventsCalendar = ({setCurrentPage}) => {\r\n\r\n let history = useHistory()\r\n const { authToken, userRole } = useThemeContext()\r\n\r\n const eventsUrl = `${baseUrl}/api/events?$filter=IsCancelled eq false`;\r\n const [isLoadingEvents, events, eventsErr] = useDataFetch(eventsUrl, authToken);\r\n\r\n let eventsRegUrl =\"\";\r\n if (userRole === 'Student' && events.length > 0)\r\n eventsRegUrl = `${baseUrl}/api/eventregistrations`;\r\n const [isLoadingEventsReg, eventsReg, eventsRegErr] = useDataFetch(eventsRegUrl, authToken);\r\n \r\n const studentId = parseInt(window.sessionStorage.getItem('mbhStudentId'));\r\n const filteredEventsReg = eventsReg.filter(reg => reg.StudentID === studentId);\r\n \r\n let eventsRegIdList=[];\r\n filteredEventsReg.map(reg => eventsRegIdList.push(reg.EventID)) \r\n\r\n let eventsArr=[]\r\n\r\n events.map(event => {\r\n if (userRole !== 'Student' || eventsRegIdList.includes(event.Id)){\r\n let eventItem = {\r\n id:null,\r\n start: null,\r\n end: null,\r\n title: \"\"\r\n }\r\n \r\n eventItem[\"id\"] = event.Id;\r\n eventItem[\"start\"] = moment(event.StartDateTime).toDate();//dates need to be a date object or calendar crashes on week and day view\r\n eventItem[\"end\"] = moment(event.EndDateTime).toDate();//dates need to be a date object or calendar crashes on week and day view\r\n eventItem[\"title\"] = event.Subject;\r\n \r\n eventsArr.push(eventItem);\r\n }\r\n });\r\n \r\n const eventSelected = (e) => {\r\n setCurrentPage(\"calendar\"); \r\n \r\n if (userRole === \"Administrator\"){\r\n history.push(`/admin-portal/events/edit/${e.id}`);\r\n }\r\n else{\r\n history.push(`/student-portal/events/event-details/${e.id}`);\r\n }\r\n \r\n }\r\n\r\n const eventStyleGetter = (e) => {\r\n var style = {\r\n backgroundColor: '#00703c',\r\n color: 'white',\r\n fontSize: '0.8rem',\r\n textAlign: 'center',\r\n paddingTop:'5px',\r\n height: '30px'\r\n };\r\n return {\r\n style: style\r\n };\r\n }\r\n\r\n return (\r\n \r\n
\r\n Events Calendar \r\n {\r\n userRole === \"Student\" ?\r\n \r\n :\r\n \r\n }\r\n \r\n
\r\n eventSelected(e)}\r\n eventPropGetter={(e) => eventStyleGetter(e)}\r\n /> \r\n {/* Find documentation here: https://jquense.github.io/react-big-calendar/examples/index.html */}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Add a List of Students \r\n
\r\n {\r\n isLoadingGroups ?\r\n
\r\n :\r\n
\r\n \r\n Select a Group \r\n {\r\n studentGroups.map((group, index) => (\r\n {group.GroupName} \r\n ))\r\n }\r\n \r\n Group \r\n
\r\n }\r\n {\r\n listToAdd && listToAdd.length && !studentsAdded ?\r\n
\r\n {\r\n registrations ?\r\n Add {listToAdd.length} Students \r\n :\r\n handleAttendeeListChange(listToAdd)}>Add {listToAdd.length} Students \r\n }\r\n
\r\n :\r\n
\r\n Add Students \r\n
\r\n\r\n }\r\n
\r\n
\r\n
\r\n
\r\n
Current Attendees ({allAttendees.length && allAttendees.length}) \r\n
\r\n {\r\n allAttendees.length && \r\n allAttendees\r\n .map(attendee => {\r\n const isStudentObjectNested = attendee.Student !== undefined ? true : false\r\n if (isStudentObjectNested) {\r\n console.log(attendee)\r\n }\r\n return (\r\n
\r\n {\r\n isStudentObjectNested ?\r\n <>\r\n {`${attendee.Student.FirstName} ${attendee.Student.Surname}`} \r\n deleteAttendee(attendee.Student.Id)}>delete \r\n \r\n :\r\n <>\r\n {`${attendee.FirstName} ${attendee.Surname}`} \r\n deleteAttendee(attendee.Id)}>delete \r\n \r\n }\r\n
\r\n )\r\n })\r\n }\r\n
\r\n
\r\n
\r\n\r\n
\r\n Create Event \r\n \r\n \r\n {\r\n newAttendeeList &&\r\n
\r\n }\r\n
\r\n
\r\n
\r\n
-b.firstLetter.localeCompare(a.firstLetter))}\r\n groupBy={(option) => option.firstLetter}\r\n getOptionLabel={(option) => `${option.FirstName.trim()} ${option.Surname.trim()}`}\r\n renderInput={(params) => \r\n
\r\n {\r\n showAddListForm ?\r\n setShowAddListForm(false)}>close \r\n :\r\n setShowAddListForm(true)}>format_list_bulleted \r\n }\r\n
\r\n
\r\n {\r\n showAddListForm &&\r\n <>\r\n
\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 Select Event Type \r\n {\r\n types.map((type, index) => {\r\n return {type.Type} \r\n })\r\n }\r\n \r\n Type \r\n
\r\n
\r\n \r\n Select Location \r\n {\r\n locations.map((location, index) => {\r\n return {location.DeliveryLocation} \r\n })\r\n }\r\n \r\n Location \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Select Trainer \r\n {\r\n trainers.map((trainer, index) =>{\r\n return {trainer.FirstName} {trainer.Surname } \r\n })\r\n }\r\n \r\n Trainer \r\n
\r\n
\r\n \r\n Select Support \r\n {\r\n trainers.map((trainer, index) =>{\r\n return {trainer.FirstName} {trainer.Surname } \r\n })\r\n }\r\n \r\n Support \r\n
\r\n
\r\n\r\n
\r\n
\r\n From \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n To \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Details for the Event \r\n
\r\n
\r\n
\r\n
\r\n
\r\n Edit Event \r\n \r\n save assignment close
\r\n \r\n {\r\n !attendeeList && !eventHasNoAttendees ?\r\n
\r\n :\r\n (\r\n eventHasNoAttendees ?\r\n
There are no attendees \r\n :\r\n
\r\n\r\n )\r\n }\r\n
\r\n
\r\n
\r\n
-b.firstLetter.localeCompare(a.firstLetter))}\r\n groupBy={(option) => option.firstLetter}\r\n getOptionLabel={(option) => `${option.FirstName.trim()} ${option.Surname.trim()}`}\r\n renderInput={(params) => \r\n
\r\n {\r\n showAddListForm ?\r\n setShowAddListForm(false)}>close \r\n :\r\n setShowAddListForm(true)}>format_list_bulleted \r\n }\r\n
\r\n
\r\n {\r\n showAddListForm &&\r\n <>\r\n
\r\n
\r\n
\r\n \r\n }\r\n
Event Details \r\n
\r\n
\r\n
\r\n Subject \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Select Event Type \r\n {\r\n types.map((type, index) => {\r\n return {type.Type} \r\n })\r\n }\r\n \r\n Type \r\n
\r\n
\r\n \r\n Select Location \r\n {\r\n locations.map((location, index) => {\r\n return {location.DeliveryLocation} \r\n })\r\n }\r\n \r\n Location \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n Select Trainer \r\n {\r\n trainersToSelect.map((trainer, index) =>{\r\n return {trainer.FirstName} {trainer.Surname } \r\n })\r\n }\r\n \r\n Trainer \r\n
\r\n
\r\n \r\n Select Support \r\n {\r\n trainersToSelect.map((trainer, index) =>{\r\n return {trainer.FirstName} {trainer.Surname } \r\n })\r\n }\r\n \r\n Support \r\n
\r\n
\r\n\r\n
\r\n
\r\n From \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n To \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Details for the Event \r\n
\r\n
\r\n
\r\n
\r\n Cancel Event \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Attendance \r\n \r\n
\r\n
\r\n
\r\n\r\n
\r\n
Event Details \r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
{event.Subject} \r\n \r\n
\r\n
\r\n
\r\n date_range \r\n {eventDay} \r\n
\r\n
\r\n access_time \r\n {eventTime} \r\n
\r\n
\r\n location_on \r\n {location.DeliveryLocation} \r\n
\r\n
\r\n
\r\n
\r\n
Trainer: {trainer.FirstName} {trainer.Surname}
\r\n
\r\n {\r\n event.SupportID !== null?\r\n
\r\n
Support: {support.FirstName} {support.Surname}
\r\n
\r\n :null\r\n }\r\n
\r\n
\r\n
\r\n
Type: {eventtype.Type}
\r\n
\r\n
\r\n
\r\n
\r\n {\r\n userRole === \"Administrator\"?\r\n
\r\n :null\r\n }\r\n \r\n
\r\n
\r\n Event Types \r\n \r\n \r\n {\r\n isLoading ?\r\n
\r\n :\r\n
\r\n }\r\n
\r\n {\r\n isStudentAdded ?\r\n
onStudentSelect(e, qual.Student, setIsStudentAdded, 'delete')}>close \r\n :\r\n
onStudentSelect(e, qual.Student, setIsStudentAdded, 'add')}>add \r\n\r\n }\r\n
\r\n
{`${qual.Student.FirstName} ${qual.Student.Surname}`} \r\n
{emailToUse ? `<${emailToUse}>` : \"No Email Provided\"}
\r\n
\r\n \r\n { \r\n
\r\n {\r\n associatedQuals.length ?\r\n (\r\n associatedQuals.length === 1 ?\r\n
\r\n
Associated Qual: \r\n
\r\n
{associatedQuals[0].Qualification.AntaId} {capitaliseEachWordOfQualName(associatedQuals[0].Qualification)}
\r\n
\r\n :\r\n (\r\n !showAssignQualDropdown ?\r\n
assignment \r\n :\r\n (\r\n <>\r\n
Associated Qual: \r\n
\r\n \r\n Select a Qualification \r\n {\r\n associatedQuals.map(qual => (\r\n {qual.Qualification.AntaId} {capitaliseEachWordOfQualName(qual.Qualification)} \r\n ))\r\n }\r\n \r\n
\r\n \r\n )\r\n )\r\n )\r\n :\r\n
No associated quals
\r\n \r\n \r\n }\r\n
\r\n\r\n } \r\n \r\n\r\n
\r\n {\r\n studentsInGroup && studentsInGroup.length ?\r\n <>\r\n
\r\n
\r\n
\r\n \r\n :\r\n null\r\n }\r\n {\r\n isLoadingQuals ?\r\n
\r\n :\r\n <>\r\n {\r\n quals.length ?\r\n
\r\n
\r\n
Add Students \r\n \r\n Select a Qualification \r\n {\r\n quals.map(qual => (\r\n {qual.AntaId} {capitaliseEachWordOfQualName(qual)} \r\n ))\r\n }\r\n \r\n \r\n
\r\n addAllStudentsFromQual(filteredStudentQuals)}\r\n >\r\n playlist_add \r\n \r\n
\r\n
\r\n :\r\n
There are currently no qualifications
\r\n }\r\n \r\n }\r\n\r\n {\r\n currentQualId &&\r\n (\r\n isLoadingStudentQuals || !filteredStudentQuals ?\r\n
\r\n :\r\n (\r\n filteredStudentQuals && !filteredStudentQuals.length ?\r\n
No students found
\r\n :\r\n
\r\n {\r\n filteredStudentQuals\r\n .sort((a, b) => {\r\n const firstSurname = a.Student ? a.Student.Surname.trim() : a.Surname.trim()\r\n const secondSurname = b.Student ? b.Student.Surname.trim() : b.Surname.trim()\r\n\r\n return firstSurname > secondSurname\r\n })\r\n .map(qual => {\r\n const email = !qual.Student.Email || !qual.Student.Email.trim().length ? null : qual.Student.Email\r\n const altEmail = !qual.Student.AltEmail || !qual.Student.AltEmail.trim().length ? null : qual.Student.AltEmail\r\n\r\n let emailToUse = \"\"\r\n\r\n if (!email && !altEmail) {\r\n emailToUse = null\r\n } else if (email) {\r\n emailToUse = email.trim()\r\n } else {\r\n emailToUse = altEmail.trim()\r\n }\r\n\r\n return (\r\n
\r\n )\r\n )\r\n }\r\n
\r\n
\r\n Manage Groups \r\n \r\n {setCurrentPage(\"summary\"); history.push('/admin-portal/events')}} style={{marginRight: \"5px\"}}>arrow_back \r\n {setCurrentPage(\"calendar\"); history.push('/admin-portal/events/calendar')}}>event \r\n
\r\n \r\n
\r\n\r\n {\r\n isLoadingGroups ?\r\n
\r\n :\r\n
\r\n {\r\n studentGroups ?\r\n
\r\n \r\n Select a Group \r\n {\r\n studentGroups.map((group, index) => (\r\n {group.GroupName} \r\n ))\r\n }\r\n \r\n
\r\n :\r\n
Could find any student groups \r\n }\r\n
\r\n {\r\n showCreateGroupSection ?\r\n \r\n close \r\n \r\n :\r\n \r\n add \r\n \r\n\r\n }\r\n
\r\n
\r\n }\r\n\r\n {\r\n showEditGroupSection &&\r\n <>\r\n
\r\n
Edit Group \r\n \r\n \r\n
\r\n
\r\n Group Name \r\n
\r\n
\r\n handleSaveGroup('PUT', currentGroup.Id)}\r\n style={{marginRight: \"5px\"}}\r\n >\r\n save \r\n \r\n \r\n delete \r\n \r\n
\r\n
\r\n
\r\n \r\n }\r\n {\r\n\r\n showCreateGroupSection &&\r\n <>\r\n
\r\n
Create a Group \r\n \r\n
\r\n
\r\n Group Name \r\n
\r\n
\r\n handleSaveGroup('POST')}\r\n >\r\n save \r\n \r\n
\r\n
\r\n
\r\n \r\n }\r\n
\r\n\r\n
\r\n
\r\n
Are you sure you want to delete this group? \r\n \r\n \r\n
\r\n
\r\n {\r\n isLoadingEvents || isLoadingRegistrations || isLoadingStudents || isLoadingTrainers ?\r\n \r\n Events Report \r\n {\r\n \r\n }\r\n \r\n \r\n event_note person
\r\n \r\n {\r\n filterByEvent &&\r\n <>\r\n
\r\n \r\n Choose an event \r\n {\r\n events.map(event => (\r\n {event.Subject} {dayjs(event.StartDateTime).format('MMM D, YYYY h:mm A')} \r\n ))\r\n }\r\n \r\n Event \r\n
\r\n
\r\n
!student.IsDisabled)}\r\n getOptionLabel={(option) => `${option.FirstName.trim()} ${option.Surname.trim()}`}\r\n filterSelectedOptions\r\n onChange={handleStudentSelectForSpecificEvent}\r\n renderOption={(props, option) => {\r\n return (\r\n \r\n {option.FirstName.trim() + \" \" + option.Surname.trim()}\r\n \r\n )\r\n }}\r\n renderInput={(params) => (\r\n \r\n \r\n }\r\n {\r\n filterByStudent &&\r\n
\r\n
!student.IsDisabled)}\r\n getOptionLabel={(option) => `${option.FirstName.trim()} ${option.Surname.trim()}`}\r\n filterSelectedOptions\r\n onChange={handleStudentFilterSelect}\r\n renderOption={(props, option) => {\r\n return (\r\n \r\n {option.FirstName.trim() + \" \" + option.Surname.trim()}\r\n \r\n )\r\n }}\r\n renderInput={(params) => (\r\n \r\n }\r\n
\r\n assignment file_download
\r\n
Please select an event
\r\n }\r\n {\r\n !studentHasRegistrations &&\r\n No registrations exist for the student(s) selected
\r\n }\r\n {\r\n !doesEventHaveRegistrations &&\r\n No registrations exist for this event
\r\n }\r\n {\r\n showReport &&\r\n \r\n
\r\n \r\n \r\n filterByColumn(\"studentName\")}>\r\n \r\n Student Name\r\n {\r\n isArrowVisible[0] &&\r\n \r\n {\r\n studentNameAscending ? \"arrow_drop_down\" : \"arrow_drop_up\"\r\n }\r\n \r\n }\r\n
\r\n \r\n {\r\n filterByStudent ?\r\n filterByColumn(\"eventName\")}>\r\n \r\n Event Name\r\n {\r\n isArrowVisible[1] &&\r\n \r\n {\r\n eventNameAscending ? \"arrow_drop_down\" : \"arrow_drop_up\"\r\n }\r\n \r\n }\r\n
\r\n \r\n :\r\n null\r\n }\r\n Event Type \r\n filterByColumn(\"startDateTime\")}>\r\n \r\n Start Date Time\r\n {\r\n isArrowVisible[2] &&\r\n \r\n {\r\n startDateAscending ? \"arrow_drop_down\" : \"arrow_drop_up\"\r\n }\r\n \r\n }\r\n
\r\n \r\n End Date Time \r\n Att. Marked \r\n Att. Confirmed \r\n Trainer \r\n Support \r\n \r\n \r\n \r\n {\r\n reportData.map(row => (\r\n \r\n {row.studentName} \r\n {\r\n filterByStudent &&\r\n goToEventDetails(row.eventId)}>{row.eventName} \r\n }\r\n {row.eventType} \r\n {row.startDateTime} \r\n {row.endDateTime} \r\n \r\n {row.attendanceMarked === \"Yes\" ? \"done\" : \"close\"} \r\n \r\n \r\n {row.attendanceConfirmed === \"Yes\" ? \"done\" : \"close\"} \r\n \r\n {row.trainer} \r\n {row.support} \r\n \r\n ))\r\n }\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default EventsReport\r\n","import React, { useState, useEffect } from 'react'\r\nimport { baseUrl } from '../../functions/globalVariables'\r\nimport { useDataFetch } from '../../hooks/useDataFetch'\r\nimport { CSVLink } from \"react-csv\";\r\nimport M from 'materialize-css'\r\nimport { arrayToObjectWithKey } from '../../functions/arrayToObject';\r\nimport dayjs from 'dayjs';\r\nimport TextField from '@mui/material/TextField';\r\nimport Autocomplete from '@mui/material/Autocomplete';\r\nimport Spinner from '../../assets/spinner.svg';\r\nimport { withStyles } from \"@mui/styles\";\r\nimport './TrainingPlanAcceptanceReport.scss'\r\nimport { useHistory } from 'react-router-dom';\r\nimport { useThemeContext } from '../../ThemeContext';\r\nimport { capitaliseEachWordOfQualName } from '../../functions/capitaliseEachWordOfQualName';\r\n\r\nconst TrainingPlanAcceptanceReport = () => {\r\n\r\n let history = useHistory()\r\n const { authToken, userEmail } = useThemeContext()\r\n\r\n const studentQualsUrl = `${baseUrl}/api/studentqualifications?$expand=Student, Qualification&$filter=Active eq true and Disabled eq false`\r\n const [isLoadingStudentQuals, studentQuals, errorStudentQuals] = useDataFetch(studentQualsUrl, authToken)\r\n \r\n const studentsUrl = `${baseUrl}/api/students?$filter=IsDisabled eq false`\r\n const [isLoadingStudents, students, errorStudents] = useDataFetch(studentsUrl, authToken)\r\n \r\n const qualsUrl = `${baseUrl}/api/qualifications?$filter=Superseded eq false`\r\n const [isLoadingQuals, quals, errorQuals] = useDataFetch(qualsUrl, authToken)\r\n \r\n const trainersUrl = `${baseUrl}/api/trainers`\r\n const [isLoadingTrainers, trainers, errorTrainers] = useDataFetch(trainersUrl, authToken)\r\n \r\n // These will hold object form of students and events arrays to make filtering faster\r\n const [studentQualsObj, setStudentQualsObj] = useState({})\r\n const [trainersObj, setTrainersObj] = useState({})\r\n\r\n const [reportData, setReportData] = useState([])\r\n const [showReport, setShowReport] = useState(false)\r\n\r\n const [filterByQual, setFilterByQual] = useState(true)\r\n const [filterByStudent, setFilterByStudent] = useState(false)\r\n\r\n const [qualFilterValue, setQualFilterValue] = useState(\"Any\")\r\n\r\n // This will hold the filtered data when filtering by qual or student\r\n const [filteredStudentQuals, setFilteredStudentQuals] = useState([])\r\n\r\n // Each item of arrow array relates to the three sortable columns (i.e. studentName, eventName, startDate)\r\n const [isArrowVisible, setIsArrowVisible] = useState([false, false, false])\r\n\r\n const [studentNameAscending, setStudentNameAscending] = useState(true)\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('select');\r\n var instances = M.FormSelect.init(elems, {});\r\n\r\n var tooltippedElems = document.querySelectorAll('.tooltipped');\r\n var tooltippedInstances = M.Tooltip.init(tooltippedElems, {});\r\n })\r\n\r\n useEffect(() => {\r\n if (studentQuals.length) {\r\n setFilteredStudentQuals(studentQuals)\r\n setStudentQualsObj(arrayToObjectWithKey(studentQuals, \"Id\"))\r\n }\r\n }, [studentQuals])\r\n\r\n useEffect(() => {\r\n if (trainers.length) {\r\n setTrainersObj(arrayToObjectWithKey(trainers, \"Email\"))\r\n }\r\n }, [trainers])\r\n\r\n // Column headings for the report\r\n const headers = [\r\n { label: \"Student Name\", key: \"studentName\" },\r\n { label: \"Qualification\", key: \"qualification\" },\r\n { label: \"Plan Accepted By\", key: \"planAcceptedBy\" },\r\n { label: \"Plan Accepted At\", key: \"planAcceptedAt\" },\r\n ];\r\n \r\n // Config for exporting report\r\n const csvReport = {\r\n data: reportData,\r\n headers: headers,\r\n filename: \"training-plan-acceptance-report.csv\"\r\n }\r\n\r\n const handleQualSelect = (e) => {\r\n const qualId = e.target.value\r\n if (qualId === \"Any\") {\r\n reset()\r\n return\r\n }\r\n setQualFilterValue(qualId)\r\n // When the qual filter is changed, the acceptance filter resets so that, when changed, it applies to results related to the current qual selection\r\n const filteredQuals = studentQuals.filter(qual => qual.QualId === +qualId)\r\n setFilteredStudentQuals(filteredQuals)\r\n setShowReport(false)\r\n }\r\n\r\n const handleStudentSelect = (event, values) => {\r\n if (!values.length) {\r\n reset()\r\n return\r\n }\r\n const selectedStudentsObj = arrayToObjectWithKey(values, \"Id\")\r\n const filteredStudents = studentQuals.filter(qual => selectedStudentsObj[qual.StudentId])\r\n setFilteredStudentQuals(filteredStudents)\r\n setShowReport(false)\r\n }\r\n \r\n const handleFilterToggle = () => {\r\n setFilterByQual(!filterByQual)\r\n setFilterByStudent(!filterByStudent)\r\n reset()\r\n }\r\n\r\n const handleAcceptPlan = (e, qualId) => {\r\n const qual = studentQualsObj[qualId]\r\n console.log(e.target.checked)\r\n if (e.target.checked) {\r\n qual.PlanAcceptedBy = userEmail\r\n qual.PlanAcceptedAt = dayjs().format()\r\n } else {\r\n qual.PlanAcceptedBy = null\r\n qual.PlanAcceptedAt = null\r\n }\r\n\r\n fetch(`${baseUrl}/api/studentqualifications/${qualId}`, {\r\n method: \"PUT\",\r\n headers: { \r\n 'Content-Type': 'application/json',\r\n 'Authorization': `Bearer ${authToken}`\r\n },\r\n body: JSON.stringify(qual)\r\n })\r\n }\r\n\r\n const reset = () => {\r\n setFilteredStudentQuals(studentQuals)\r\n setQualFilterValue(\"Any\")\r\n setShowReport(false)\r\n }\r\n\r\n const generateReportData = () => {\r\n const tableRows = filteredStudentQuals\r\n .map(qual => {\r\n\r\n const student = qual.Student\r\n const studentQual = qual.Qualification\r\n\r\n let personWhoAccepted = \"\"\r\n\r\n if (qual.PlanAcceptedBy) {\r\n if (trainersObj[qual.PlanAcceptedBy]) {\r\n personWhoAccepted = `${trainersObj[qual.PlanAcceptedBy].FirstName} ${trainersObj[qual.PlanAcceptedBy].Surname}`\r\n } else if (qual.PlanAcceptedBy === qual.Student.Email || qual.PlanAcceptedBy === qual.Student.AltEmail) {\r\n personWhoAccepted = `${student.FirstName} ${student.Surname}`\r\n } else {\r\n personWhoAccepted = qual.PlanAcceptedBy\r\n }\r\n }\r\n\r\n const rowOfTable = {\r\n qualId: qual.Id,\r\n studentName: `${student.FirstName} ${student.Surname}`,\r\n qualification: `${studentQual.AntaId} ${capitaliseEachWordOfQualName(studentQual)}`,\r\n planAcceptedBy: personWhoAccepted,\r\n planAcceptedAt: qual.PlanAcceptedAt ? dayjs(qual.PlanAcceptedAt).format('ddd, D MMM YYYY ') : \"\",\r\n }\r\n\r\n return rowOfTable\r\n })\r\n .sort((a, b) => {\r\n const firstSurname = a.studentName.toLowerCase().split(\" \").slice(-1).pop();\r\n const secondSurname = b.studentName.toLowerCase().split(\" \").slice(-1).pop();\r\n\r\n return firstSurname.localeCompare(secondSurname)\r\n })\r\n\r\n setReportData(tableRows)\r\n setShowReport(true)\r\n }\r\n\r\n const goToStudentDetails = (studentId) => {\r\n window.sessionStorage.setItem('currentStudent', studentId)\r\n const studentDetailsUrl = `/#/admin-portal/administer-student`\r\n window.open(studentDetailsUrl, \"_blank\") \r\n }\r\n\r\n // Apply mbh colours to student selector\r\n const CssTextField = withStyles({\r\n root: {\r\n '& label.Mui-focused': {\r\n color: '#00703c',\r\n },\r\n '& .MuiOutlinedInput-root': {\r\n '& fieldset': {\r\n borderColor: '#8C8C8C',\r\n },\r\n '&:hover fieldset': {\r\n borderColor: 'black',\r\n },\r\n '&.Mui-focused fieldset': {\r\n borderColor: '#00703c',\r\n },\r\n },\r\n },\r\n })(TextField);\r\n\r\n return (\r\n \r\n {\r\n isLoadingStudentQuals || isLoadingQuals || isLoadingTrainers || students === undefined ?\r\n \r\n Plan Acceptance Report \r\n {\r\n \r\n }\r\n \r\n \r\n assignment person
\r\n \r\n {\r\n filterByQual &&\r\n <>\r\n
\r\n \r\n Any \r\n {\r\n quals.map(qual => (\r\n {qual.AntaId} {capitaliseEachWordOfQualName(qual)} \r\n ))\r\n }\r\n \r\n Qualification \r\n
\r\n \r\n }\r\n {\r\n filterByStudent &&\r\n
\r\n
-b.Surname.trim().localeCompare(a.Surname.trim()))}\r\n getOptionLabel={(option) => `${option.FirstName.trim()} ${option.Surname.trim()}`}\r\n groupBy={(option) => option.Surname.charAt(0).toUpperCase()}\r\n filterSelectedOptions\r\n renderOption={(props, option) => {\r\n return (\r\n \r\n {option.FirstName.trim() + \" \" + option.Surname.trim()}\r\n \r\n )\r\n }}\r\n onChange={handleStudentSelect}\r\n renderInput={(params) => (\r\n \r\n }\r\n
\r\n assignment file_download
\r\n
\r\n )\r\n}\r\n\r\nexport default TrainingPlanAcceptanceReport\r\n","import React, {useState, useEffect} from 'react';\r\nimport { Redirect, Route, Switch, useHistory } from 'react-router-dom';\r\nimport './StudentPortal.scss';\r\nimport M from \"materialize-css\";\r\nimport StudentPortalHome from '../../components/StudentPortalHome/StudentPortalHome';\r\nimport StudentProfile from '../../components/StudentProfile/StudentProfile';\r\nimport StudentQualifications from '../../components/StudentQualifications/StudentQualifications';\r\nimport StudentTrainingPlan from '../../components/StudentTrainingPlan/StudentTrainingPlan';\r\nimport AdminPortalHome from '../../components/AdminPortalHome/AdminPortalHome';\r\nimport StudentMenu from '../../components/StudentMenu/StudentMenu';\r\nimport AdminMenu from '../../components/AdminMenu/AdminMenu';\r\nimport DownloadPage from '../../components/DownloadPage/DownloadPage';\r\nimport EditCompetencies from '../../components/EditCompetencies/EditCompetencies';\r\nimport EditQualifications from '../../components/EditQualifications/EditQualifications';\r\nimport QualCompEdit from '../QualCompEdit/QualCompEdit';\r\nimport AddQual from '../../components/AddQual/AddQual';\r\nimport AddComp from '../../components/AddComp/AddComp';\r\nimport AdministerStudent from '../../components/AdministerStudent/AdministerStudent';\r\nimport AdminSettings from '../../components/AdminSettings/AdminSettings';\r\nimport AdminLocations from '../../components/AdminLocations/AdminLocations';\r\nimport AdminUsers from '../../components/AdminUsers/AdminUsers';\r\nimport Events from '../../components/Events/Events';\r\nimport AdminDuplicates from '../../components/AdminDuplicates/AdminDuplicates';\r\nimport AdminResults from '../../components/AdminResults/AdminResults';\r\nimport AdminChangePassword from '../../components/AdminChangePassword/AdminChangePassword';\r\nimport ManageFeeWaiverCodes from '../../pages/ManageFeeWaiverCodes/ManageFeeWaiverCodes';\r\nimport EventsTrainers from '../../components/EventsTrainers/EventsTrainers';\r\nimport EventsCalendar from '../../components/EventsCalendar/EventsCalendar';\r\nimport EventsCreateNew from '../../components/EventsCreateNew/EventsCreateNew';\r\nimport EventsEdit from '../../components/EventsEdit/EventsEdit';\r\nimport EventDetails from '../../components/EventDetails/EventDetails';\r\nimport EventsCreateType from '../../components/EventsCreateType/EventsCreateType';\r\nimport EventsGroups from '../../components/EventsGroups/EventsGroups';\r\nimport EventsReport from '../../components/EventsReport/EventsReport';\r\nimport { useThemeContext } from '../../ThemeContext';\r\nimport TrainingPlanAcceptanceReport from '../../components/TrainingPlanAcceptanceReport/TrainingPlanAcceptanceReport';\r\n\r\nconst StudentPortal = ({route}) => {\r\n\r\n let history = useHistory()\r\n const { userRole } = useThemeContext()\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.sidenav');\r\n var instances = M.Sidenav.init(elems, { edge: 'right' });\r\n }, [])\r\n\r\n const [menuSmall, setMenuSmall] = useState(true);\r\n\r\n const handleMenuState = () => {\r\n setMenuSmall(!menuSmall);\r\n }\r\n\r\n const onStudentSelect = (e, page) => {\r\n //open student in new tab\r\n if(page === 'administerStudent'){\r\n const studentId = e.target.dataset.id;\r\n const newPageUrl = \"/#/admin-portal/administer-student\";\r\n window.sessionStorage.setItem('currentStudent', studentId);\r\n window.open(newPageUrl, \"_blank\") \r\n }\r\n }\r\n\r\n const menuStyle = menuSmall? \"student-portal__nav--small\" : \"student-portal__nav--big\";\r\n const btnSize = menuSmall? \"btn-small\" : \"btn-large\";\r\n\r\n // Tries to grab authorization token if it exists\r\n const isAuth = !!sessionStorage.getItem('mbhToken')\r\n\r\n // When adding a new event, this keeps track of \r\n const [currentPage, setCurrentPage] = useState(\"summary\")\r\n\r\n return (\r\n \r\n
\r\n {\r\n userRole === 'Administrator'? \r\n \r\n
\r\n {\r\n !isAuth ?\r\n
\r\n : \r\n
\r\n \r\n }\r\n
\r\n
\r\n Code Of Practice \r\n \r\n\r\n At mbh, our training qualification adhere to the following standards that have been drafted by AQTF. There are systems in place to ensure quality control is maintained throughout the company to deliver quality services to our clients
\r\n\r\n Systems for quality training and assessment \r\n\r\n Continuous improvement is an integral part of mbh with systems and procedures in place to ensure communication from clients and staff are captured and reviewed ongoing. Quality control is maintained throughout the company for all areas of the business and all training material and assessments are created using defined learning strategies that are inline with Adult Education principles, industry best practices and AQTF standards.\r\n
\r\n\r\n Compliance with legislative responsibilities \r\n\r\n mbh is committed to ensuring the health, safety and welfare of its employees and all other persons. We aim to fulfil our statutory duties with regard to legislation.\r\n
\r\n\r\n Effective financial management \r\n\r\n We have in place secure financial practices to ensure the protection of clients and any funds that are paid in advance. mbh complete an annual audit by a qualified CPA
\r\n\r\n Effective administration and records management \r\n\r\n \r\n All student records are deemed confidential and cannot be released to anyone other than the student. However, where a company or entities has paid for the qualification and the student has signed a declaration to give authorisation they may be released. Student data is collected in accordance with AVETMISS and AQTF requirements.\r\n \r\n Confidentiality is a priority of mbh and all records are maintained in a secure location. Training records are kept for a period of 30 years.\r\n
\r\n\r\n Recognition of qualifications issued by other RTO’s \r\n\r\n mbh will recognise other qualifications that have been issued be other RTO’s through out Australia , evidence must be provided and mbh reserve the right to contact the RTO to gain authentication.\r\n
\r\n\r\n Recognition of prior learning \r\n\r\n Recognition of Prior Learning can be achieved if a participant can provide the relevant certificates or experiences that cover the competencies that mbh are offering on completion of the qualification and can successfully complete mbh competency tests relating to that qualification.\r\n
\r\n\r\n Access and equity and client service \r\n\r\n mbh will where possible ensure access is available to all people regardless of their age, gender, culture and background. Some qualification at mbh require a minimum of HSC level English or equivalent and a high level of numeracy , we may reserve the right to forward you onto other agencies if these standards are not successfully met.\r\n \r\n\r\n mbh will ensure that clients receive a training booklet that provides information relevant to the qualification and the competencies that can be achieved, including a desired pathway to achieve Certificates and Diplomas in certain areas.\r\n\r\n mbh understand the importance of ensuring the welfare of our clients and staff , we endeavour to provide the following services:\r\n
\r\n - Client support \r\n - Grievance and disciplinary procedures \r\n - Special need support will be provided to students and staff where applicable \r\n \r\n\r\n \r\n The competence of RTO staff \r\n\r\n Our training staff are assessed on a regular basis to ensure compliance to the training packages and continuing staff development is maintained to the levels of the qualification/assessments they train.\r\n
\r\n \r\n Issuing AQF qualifications and statements of attainments \r\n\r\n Statement of attainments and certificates will be issued only on successful completion of qualification and assessments as specified by the training packages the RTO adhere to.\r\n
\r\n \r\n Use of national state territory logos \r\n\r\n These are adhered to by mbh and will only be used as specified by the rules of usage from the company, department or government industry body who issues them.\r\n
\r\n\r\n Ethical marketing and advertising \r\n\r\n mbh adhere to the requirements of the AQTF with regards to the advertising material, we are a company that prides itself on it ethical beliefs and our vision.\r\n
\r\n \r\n \r\n )\r\n}\r\n\r\nexport default CodeOfPractice\r\n","import React from 'react'\r\nimport './RegConfirmation.scss'\r\nimport Celebration from '../../assets/illustrations/celebration.svg';\r\n\r\nconst RegConfirmation = () => {\r\n return (\r\n \r\n
\r\n
Thank you for registering! We will get in touch soon. \r\n
Thank you for registering! \r\n
We will get in touch soon. \r\n
\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n Qualifications \r\n \r\n history.push('/qualifications/certificate-II-in-workplace-skills')}>
\r\n\r\n {/* Pathway to uni or workplace training */}\r\n history.push('/qualifications/certificate-III-in-business')}>
\r\n {/* history.push('/career-pathways')}>
\r\n history.push('/career-pathways')}>
*/}\r\n\r\n {/* Pathway to project management glory */}\r\n history.push('/qualifications/certificate-III-in-business')}>
\r\n history.push('/qualifications/certificate-IV-in-project-management')}>
\r\n history.push('/qualifications/diploma-of-project-management')}>
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n
Don't have an account?
\r\n
history.push('/register')\r\n }\r\n >\r\n Register\r\n \r\n
\r\n
Log In \r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default LogIn\r\n","import React, { useEffect, useState} from 'react';\r\nimport './ContactDetailsForm.scss';\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport { setPostageForm } from '../../functions/setPostageForm';\r\nimport M from 'materialize-css';\r\nimport { copyResidentialIntoPostal, updatePostalAddress, updateResidentialAddress } from '../../functions/updateStudentAddress';\r\n\r\n\r\nconst ContactDetailsForm = ({ contactObject, handleChange }) => {\r\n\r\n useEffect(()=>{\r\n var elemSelect = document.querySelectorAll('select');\r\n var instanceSelect = M.FormSelect.init(elemSelect, {});\r\n var elemDatePicker = document.querySelectorAll('.datepicker');\r\n var instancesDatePicker = M.Datepicker.init(elemDatePicker, {format: 'dd/mm/yyyy', yearRange: 80});\r\n \r\n }, []);\r\n \r\n useEffect(() => {\r\n const DOMContentLoaded_event = document.createEvent(\"Event\")\r\n DOMContentLoaded_event.initEvent(\"DOMContentLoaded\", true, true)\r\n window.document.dispatchEvent(DOMContentLoaded_event)\r\n }, []);\r\n\r\n \r\n const stateUrl = `${baseUrl}/api/states`;\r\n const [ isLoadingState, state, stateError ] = useDataFetch(stateUrl)\r\n \r\n\r\n return(\r\n \r\n );\r\n\r\n \r\n}\r\n\r\nexport default ContactDetailsForm;","import React, { useEffect } from 'react';\r\nimport M from 'materialize-css';\r\nimport './Signature.scss';\r\n\r\n\r\nconst Signature = () => {\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.modal');\r\n var instances = M.Modal.init(elems, {});\r\n })\r\n \r\n return (\r\n \r\n Student Declaration and Consent \r\n Please check the box to confirm your consent
\r\n \r\n \r\n I declare that the information I have provided to the best of my knowledge is true and correct. \r\n \r\n
\r\n \r\n \r\n \r\n I consent to M.B.H Management conducting an existing USI search where verification errors have occurred. \r\n \r\n
\r\n \r\n
\r\n
Privacy Notice & Student Declaration \r\n
Privacy Notice \r\n
\r\n Under the Data Provision Requirements 2012, M.B.H Management Pty Ltd is required to collect\r\n personal information about you and to disclose that personal information to the National Centre\r\n for Vocational Education Research Ltd (NCVER).\r\n
\r\n
\r\n
\r\n School- if you are a secondary student undertaking VET, including a school-based apprenticeship or traineeship \r\n \r\n
\r\n
Employer - if you are enrolled in training paid by your employer:
\r\n
\r\n
\r\n Commonwealth and State or Territory government departments and authorised agencies \r\n Organisations conducting student surveys: and researchers \r\n \r\n
\r\n
NCVER
\r\n
Personal information disclosed to NCVER may be used or disclosed for the following purposes:
\r\n
\r\n
\r\n Issuing statements of attainment or qualification, and populating authenticated VET transcripts \r\n Facilitating statistics and research relating to education, including surveys \r\n Understanding how the VET market operates, for policy, workforce planning and consumer information; and administering VET, including programme administration, regulation, monitoring and evaluation. \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Signature\r\n","import React, {useState, useEffect} from 'react';\r\nimport './StepForm.scss';\r\nimport ContactDetailsForm from '../ContactDetailsForm/ContactDetailsForm';\r\nimport VETForm from '../VETForm/VETForm';\r\nimport Signature from '../Signature/Signature';\r\nimport Spinner from '../../assets/spinner.svg';\r\nimport { useDataFetch } from '../../hooks/useDataFetch';\r\nimport { useDataPost } from '../../hooks/useDataPost';\r\nimport { formValidation } from '../../functions/formValidation';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport M from 'materialize-css';\r\nimport { capitaliseEachWordOfQualName } from '../../functions/capitaliseEachWordOfQualName';\r\n\r\nconst StepForm = ({history}) => {\r\n\r\n useEffect(()=>{\r\n var elems = document.querySelectorAll('select');\r\n var instances = M.FormSelect.init(elems, {});\r\n \r\n });\r\n\r\n\r\n const studentsUrl = `${baseUrl}/api/students`;\r\n const VETUrl = `${baseUrl}/api/vetquestions?$expand=Group,Answers&$orderBy=OrderIndex`;\r\n const qualificationsUrl = `${baseUrl}/api/qualifications?$filter=Superseded eq false`;\r\n const studentQualificationUrl = `${baseUrl}/api/studentqualifications`;\r\n const studentVETUrl = `${baseUrl}/api/studentvetquestions/addlist`;\r\n\r\n const [ isLoadingQual, qualifications, qualError ] = useDataFetch(qualificationsUrl)\r\n const [ isLoadingVET, vetQuestions, vetError ] = useDataFetch(VETUrl)\r\n\r\n \r\n const [showStep, setShowStep] = useState([true, false, false, false]);\r\n \r\n const showHideSteps = (show1, show2, show3, show4) => {\r\n setShowStep([show1, show2, show3, show4]);\r\n }\r\n \r\n //State for Qualification the student has selected\r\n const[qualObject, setQualObject] = useState({\r\n StudentId: null,\r\n QualId: null,\r\n Funding: null,\r\n Active: true\r\n });\r\n\r\n \r\n // State for ContactDetailsForm\r\n const [contactObject, setContactObject] = useState({ \r\n \"Id\": 0,\r\n \"SaStudentId\": \"\",\r\n \"Title\": \"\",\r\n \"FirstName\": \"\",\r\n \"Surname\": \"\",\r\n \"Organisation\": \"\",\r\n \"Position\": \"\",\r\n \"Address\": \"\",\r\n \"AddressBuilding\": null,\r\n \"AddressUnitNo\": null,\r\n \"AddressStreetNo\": \"\",\r\n \"AddressStreet\": null,\r\n \"AddressPOBox\": null,\r\n \"Address2\": null,\r\n \"Suburb\": \"\",\r\n \"State\": \"\",\r\n \"Postcode\": \"\",\r\n \"Address_Pos\": null,\r\n \"AddressBuilding_Pos\": null,\r\n \"AddressUnitNo_Pos\": null,\r\n \"AddressStreetNo_Pos\": null,\r\n \"AddressStreet_Pos\": null,\r\n \"AddressPOBox_Pos\": null,\r\n \"Address2_Pos\": null,\r\n \"Suburb_Pos\": null,\r\n \"State_Pos\": null,\r\n \"Postcode_Pos\": null,\r\n \"HomePhone\": null,\r\n \"Phone\": \"\",\r\n \"Mobile\": \"\",\r\n \"Fax\": \"\",\r\n \"Email\": \"\",\r\n \"AltEmail\": \"\",\r\n \"DOB\": null,\r\n \"Sex\": null,\r\n \"Location\": null,\r\n \"Other\": null,\r\n \"AvetmissDate\": null,\r\n \"CountryId\": null,\r\n \"PppBookingId\": null,\r\n \"TuitionFee\": null,\r\n \"Consent\": true,\r\n \"UniqueIdentifier\": null,\r\n \"CreatedAt\": null \r\n });\r\n\r\n const handleChange = e => {\r\n const { name, value, checked } = e.target;\r\n contactObject[name] = value\r\n };\r\n\r\n \r\n\r\n const [submitData, setSubmitData] = useState(false)\r\n const [submitQualData, setSubmitQualData] = useState(false)\r\n const [submitStudentVetData, setSubmitStudentVetData] = useState(false)\r\n\r\n // State for VETForm\r\n\r\n const tempVetObject = {}\r\n const [vetObject, setVetObject] = useState({})\r\n\r\n //Contact Detail Post\r\n const [isLoadingStudentId, studentData, errorStudentData] = useDataPost(studentsUrl, contactObject, submitData, setSubmitData, 'POST')\r\n //Qualification Post\r\n const [isLoadingStudentQual, studentQualification, errorStudentQualification] = useDataPost(studentQualificationUrl, qualObject, submitQualData, setSubmitQualData, 'POST')\r\n //VET Questions Post\r\n const [isLoadingStudentVet, studentVETData, errorStudentVETData] = useDataPost(studentVETUrl, Object.values(vetObject), submitStudentVetData, setSubmitStudentVetData, 'POST', history)\r\n\r\n const studentId = studentData.Id;\r\n\r\n //If email or USI already exists the POST will return an error\r\n //the below captures it, returns message and allows user to try again\r\n useEffect(()=>{\r\n if(studentData.error){\r\n M.toast({html: studentData.error.innererror.message, displayLength: 2000});\r\n showHideSteps(true, false, false, false);\r\n document.getElementById(\"createStudentBtn\").disabled = false;\r\n }else{\r\n if(studentData.Id!==undefined){\r\n showHideSteps(false, true, false, false);\r\n }\r\n }\r\n },[studentData])\r\n\r\n const handleQualChange = e => {\r\n if (studentData.Id === undefined) return\r\n\r\n const { name, value } = e.target;\r\n \r\n if (name === 'qualName'){\r\n qualObject.QualId = value;\r\n qualObject.StudentId = studentData.Id; \r\n if(value>0){\r\n document.getElementById('QualFundingPanel').style.display = 'block';\r\n }\r\n }\r\n if (name === 'qualFunding'){\r\n qualObject.Funding = value;\r\n }\r\n \r\n };\r\n\r\n const validateQualObject = () => {\r\n if (qualObject.QualId === null) {\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n const validateConsent = () => {\r\n if(document.getElementById(\"consent1\").checked && document.getElementById(\"consent2\").checked && document.getElementById(\"consent3\").checked){\r\n return true;\r\n }else{\r\n return false;\r\n }\r\n }\r\n \r\n const submitVetandQualData = (e) => {\r\n e.preventDefault();\r\n \r\n const hasConsented = validateConsent();\r\n if (hasConsented){\r\n document.getElementById(\"finishRegistrationBtn\").disabled = true;\r\n validateQualObject() && setSubmitQualData(true)\r\n setSubmitStudentVetData(true);\r\n }else{\r\n M.toast({html: 'Please consent to all 3 terms', displayLength: 2000});\r\n }\r\n \r\n }\r\n\r\n useEffect(() => {\r\n if (vetQuestions === undefined || studentData.Id === undefined) return\r\n\r\n for (let i = 0; i < vetQuestions.length; i++) {\r\n const name = vetQuestions[i].Text;\r\n tempVetObject[name] = {\r\n StudentId: studentData.Id,\r\n VetQuestionId: vetQuestions[i].Id,\r\n Answers: [],\r\n }\r\n }\r\n\r\n setVetObject(tempVetObject)\r\n }, [vetQuestions, studentId])\r\n \r\n\r\n const handleVetChange = (e, vetObject) => {\r\n\r\n if (vetObject === undefined) return\r\n\r\n const { name, value, type, checked } = e.target;\r\n \r\n if (type === 'checkbox') {\r\n if (checked) {\r\n vetObject[name].Answers = [...vetObject[name].Answers, { VetAnswerId: value, Text: null }]\r\n } else {\r\n const filteredArray = vetObject[name].Answers.filter(item => item.VetAnswerId !== value)\r\n vetObject[name].Answers = filteredArray\r\n }\r\n\r\n } else if (type === 'text' || type === 'date') {\r\n vetObject[name].Answers = [{ VetAnswerId: null, Text: value }]\r\n } else {\r\n vetObject[name].Answers = [{ VetAnswerId: value, Text: null }]\r\n }\r\n };\r\n\r\n \r\n \r\n return(\r\n \r\n
Registration \r\n
Register for one of our qualifications by filling out the form below.
\r\n
\r\n
\r\n \r\n
This qualification wasn't for you? \r\n
Check out our other qualifications
\r\n
\r\n history.push('/qualifications')}>View Qualifications \r\n history.push('/career-pathways')}>Career Pathways \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default ViewOtherCourses\r\n","import React from 'react'\r\nimport Certification from '../../assets/illustrations/certification.svg'\r\nimport ViewOtherCourses from '../../components/ViewOtherCourses/ViewOtherCourses'\r\nimport Updates from '../../assets/illustrations/updates.svg'\r\nimport SharedGoals from '../../assets/illustrations/shared-goals.svg'\r\nimport Launching from '../../assets/illustrations/launching.svg'\r\nimport ProjectCompleted from '../../assets/illustrations/project-completed.svg'\r\nimport Brochure from '../../assets/brochures/Diploma of Project Management.pdf'\r\nimport './DiplomaInPM.scss'\r\n\r\nconst DiplomaInPM = ({ history }) => {\r\n return (\r\n \r\n BSB50820 Diploma of Project Management \r\n \r\n \r\n \r\n \r\n This qualification is the pinnacle qualification at mbh and is not for the feint hearted. We push beyond the training \r\n competencies to develop your skills and knowledge of all the things that really matter as a fully fledged \r\n project manager.\r\n
\r\n \r\n history.push('/contact-us')}>Contact Us \r\n history.push('/register')}>Register \r\n
\r\n \r\n \r\n \r\n \r\n \r\n What does it involve? \r\n \r\n Our approach goes beyond the functional areas of project management and on a journey through the project management lifecycle. \r\n Download Brochure \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Attend diploma qualification delivered by trainers who have been there done that
\r\n \r\n \r\n \r\n \r\n Lead a project to successful delivery
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Be mentored by our experienced PM consultants
\r\n \r\n \r\n \r\n \r\n Gain your Diploma of Project Management and start running projects every day
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default DiplomaInPM\r\n","import React, { useState, useEffect } from 'react'\r\nimport './ContactUs.scss';\r\nimport M from 'materialize-css';\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport Spinner from '../../assets/spinner.svg';\r\n\r\n\r\nconst ContactUs = ({ history }) => {\r\n\r\n const [name, setName] = useState(\"\")\r\n const [email, setEmail] = useState(\"\")\r\n const [message, setMessage] = useState(\"\")\r\n\r\n const [isSending, setIsSending] = useState(false)\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.tooltipped');\r\n var instances = M.Tooltip.init(elems, {});\r\n }, [])\r\n\r\n const validateFields = () => {\r\n if (!name.trim().length || !email.trim().length || !message.trim().length) {\r\n return false\r\n }\r\n\r\n return true\r\n }\r\n\r\n const onSubmit = (e) => {\r\n e.preventDefault()\r\n if (!validateFields()) {\r\n M.toast({ html: \"Please fill in all fields\", displayLength: 2000 })\r\n setIsSending(false)\r\n return\r\n }\r\n\r\n fetch(`${baseUrl}/api/auth/ContactUs`, {\r\n method: \"POST\",\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({\r\n Name: name,\r\n Email: email,\r\n Message: message\r\n })\r\n })\r\n .then(() => {\r\n M.toast({ html: \"Success! Thank you for contacting mbh training. We will be in contact shortly.\", displayLength: 2000, classes: 'mbh-green', })\r\n resetFields()\r\n M.updateTextFields()\r\n setIsSending(false)\r\n })\r\n .catch(() => {\r\n M.toast({ html: \"An error has occurred\", displayLength: 1500 })\r\n setIsSending(false)\r\n })\r\n }\r\n\r\n const resetFields = () => {\r\n setName(\"\")\r\n setEmail(\"\")\r\n setMessage(\"\");\r\n }\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default ContactUs\r\n","import React, {useEffect} from 'react'\r\nimport './NavBar.scss';\r\nimport mbhLogo from '../../assets/mbh-logo.png'\r\nimport { ACTIONS } from '../../App';\r\nimport M from 'materialize-css';\r\n\r\nconst NavBar = ({ history }) => {\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.sidenav');\r\n var instances = M.Sidenav.init(elems, { edge: 'right' });\r\n }, [])\r\n\r\n const imgClass = window.location.pathname !== \"/mark-attendance\" ? \"navBar__logo\" : 'navBar__logo-attendance'\r\n return (\r\n \r\n
\r\n \r\n {\r\n //don't show menu items when on mark attendance page\r\n window.location.pathname !==\"markAttendance\" &&\r\n
\r\n menu \r\n history.push('/')}>Home \r\n history.push('/qualifications')}>Qualifications \r\n history.push('/career-pathways')}>Career Pathways \r\n \r\n {\r\n window.location.pathname === '/login' ?\r\n history.push('/register')}>Register \r\n :\r\n history.push('/login')}>Student Portal \r\n }\r\n \r\n \r\n }\r\n {\r\n //don't show menu items when on mark attendance page\r\n window.location.pathname !==\"markAttendance\" &&\r\n
\r\n history.push('/')}>Home \r\n history.push('/qualifications')}>Qualifications \r\n \r\n {\r\n window.location.pathname === '/login' ?\r\n history.push('/register')}>Register \r\n :\r\n history.push('/login')}>Student Portal \r\n\r\n }\r\n \r\n }\r\n
\r\n \r\n \r\n
\r\n
\r\n
history.push('/')}>Home
\r\n
history.push('/about-us')}>About Us
\r\n
history.push('/register')} className=\"footer__link\">Book Online
\r\n
\r\n
\r\n
history.push('/qualifications')} className=\"footer__link\">Qualifications
\r\n
history.push('/testimonials')} className=\"footer__link\">Testimonials
\r\n
history.push('/conditions')} className=\"footer__link\">Enrolment Conditions
\r\n
history.push('/privacy')}>Privacy
\r\n \r\n
\r\n
\r\n
history.push('/code-of-practice')} className=\"footer__link\">Code of Practice
\r\n
history.push('/case-studies')} className=\"footer__link\">Case Studies
\r\n
Smart & Skilled NSW \r\n
\r\n
\r\n
\r\n
\r\n
copyright 2014, mbh training, ph: 1300 79 48 68, info@mbhtraining.com.au
\r\n
M.B.H Management Pty Ltd, RTO ID: 90884
\r\n
\r\n \r\n
\r\n \r\n )\r\n \r\n}\r\n\r\nexport default Footer;","import React from 'react'\r\nimport './NavTiles.scss'\r\n\r\nconst NavTiles = ({ history }) => {\r\n\r\n return (\r\n \r\n history.push('/register')}>\r\n
assignment_ind \r\n
Book Online
\r\n
history.push('/about-us')}>\r\n
people \r\n
About Us
\r\n
history.push('/qualifications')}>\r\n
assignment \r\n
Qualifications
\r\n
history.push('/case-studies')}>\r\n
book \r\n
Case Studies
\r\n
history.push('/testimonials')}>\r\n
rate_review \r\n
Testimonials
\r\n
history.push('/smart-and-skilled')}>\r\n
grade \r\n
Smart & Skilled
\r\n
\r\n )\r\n}\r\n\r\nexport default NavTiles\r\n","import React from 'react';\r\nimport './Guide.scss';\r\nimport NavTiles from '../NavTiles/NavTiles';\r\n\r\nconst Guide = ({ history }) => {\r\n\r\n return (\r\n \r\n Let us guide you \r\n \r\n );\r\n\r\n}\r\n\r\nexport default Guide;","import React from 'react'\r\nimport NavBar from '../../components/NavBar/NavBar';\r\nimport Footer from '../Footer/Footer'\r\nimport Guide from '../Guide/Guide';\r\n\r\nconst RenderRoute = ({ Component, history, renderType, componentType }) => {\r\n return (\r\n <>\r\n {\r\n renderType === 'All' ?\r\n <>\r\n \r\n \r\n Pathway to Project Management Glory \r\n Stage One \r\n \r\n \r\n \r\n \r\n Learn face to face and online
\r\n \r\n \r\n Be supported by peers and mentored by project management students as well as mbh staff through a real life project for your assessment
\r\n \r\n \r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n history.push('/qualifications/certificate-II-in-workplace-skills')}>View Qualification \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default StageOne\r\n","import React from 'react'\r\nimport Updates from '../../assets/illustrations/updates.svg'\r\nimport SharedGoals from '../../assets/illustrations/shared-goals.svg'\r\nimport Launching from '../../assets/illustrations/launching.svg'\r\nimport ProjectCompleted from '../../assets/illustrations/project-completed.svg'\r\n\r\nconst StageFourDiplomaPM = ({ history }) => {\r\n return (\r\n \r\n \r\n Stage Four \r\n \r\n \r\n \r\n \r\n Attend diploma qualification delivered by trainers who have been there done that
\r\n \r\n \r\n Lead a project to successful delivery
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Be mentored by our experienced PM consultants
\r\n \r\n \r\n Gain your Diploma in project management and start running projects every day
\r\n \r\n \r\n \r\n history.push('/contact-us')}>Smart and Skilled \r\n history.push('/qualifications/diploma-of-project-management')}>View Qualification \r\n
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default StageFourDiplomaPM\r\n","import React from 'react'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport Certificate from '../../assets/illustrations/certificate.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\nimport PersonalGoals from '../../assets/illustrations/personal-goals.svg'\r\n\r\nconst StageThreeCertIVPM = ({ history }) => {\r\n return (\r\n \r\n \r\n Stage Three \r\n \r\n \r\n \r\n \r\n Attend Certificate IV Qualification
\r\n \r\n \r\n Be mentored by Diploma students and mbh staff
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Mentor Cert III people through their assessment
\r\n \r\n \r\n Deliver a real life project that matters
\r\n \r\n \r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n \r\n history.push('/contact-us')}>Smart and Skilled \r\n history.push('/qualifications/certificate-IV-in-project-management')}>View Qualification \r\n
\r\n \r\n \r\n Become a Project Manager
\r\n \r\n \r\n \r\n history.push('/contact-us')}>Contact Us \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default StageThreeCertIVPM\r\n","import React from 'react'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport CareerProgress from '../../assets/illustrations/career-progress.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\n\r\nconst StageTwoCertIIIBiz = ({ history }) => {\r\n return (\r\n <>\r\n \r\n \r\n Stage Two \r\n \r\n \r\n \r\n \r\n \r\n Attend Cert III Qualifications face-to-face and online
\r\n \r\n \r\n Mentored through real life assessments
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Mentor Cert II people through their assessments
\r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n history.push('/qualifications/certificate-III-in-business')}>View Qualification \r\n \r\n \r\n \r\n \r\n Support by us for promotion or a new job then move into uni or push on to project management
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default StageTwoCertIIIBiz\r\n","import React from 'react'\r\nimport StageFourDiplomaPM from '../StageFourDiplomaPM/StageFourDiplomaPM'\r\nimport StageThreeCertIVPM from '../StageThreeCertIVPM/StageThreeCertIVPM'\r\nimport StageTwoCertIIIBiz from '../StageTwoCertIIIBiz/StageTwoCertIIIBiz'\r\n\r\nconst PathOneStages = ({ history }) => {\r\n return (\r\n \r\n \r\n Get employed and go to the \r\n \r\n \r\n )\r\n}\r\n\r\nexport default PathOneStages\r\n","import React from 'react'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport CareerProgress from '../../assets/illustrations/career-progress.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\n\r\nconst StageTwoCertIIIBizAdmin = ({ history }) => {\r\n return (\r\n <>\r\n \r\n \r\n Pathway to Uni or Workplace Training \r\n Stage One \r\n \r\n \r\n \r\n \r\n \r\n Attend Certificate III Qualifications face-to-face and online
\r\n \r\n \r\n Mentored through real life assessments
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Mentor Cert II people through their assessments
\r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n history.push('/qualifications/certificate-III-in-business')}>View Qualification \r\n \r\n \r\n \r\n \r\n Support by us for promotion or a new job then move into uni or push on to project management
\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default StageTwoCertIIIBizAdmin\r\n","import React from 'react'\r\nimport University from '../../assets/illustrations/university.svg'\r\nimport Workplace from '../../assets/illustrations/workplace.svg'\r\nimport StageTwoCertIIIBizAdmin from '../StageTwoCertIIIBizAdmin/StageTwoCertIIIBizAdmin'\r\n\r\nconst PathToUniOrWorkplace = ({ history }) => {\r\n return (\r\n \r\n \r\n Stage Two \r\n \r\n
Attain the opportunity to study
\r\n
history.push('/contact-us')}>Contact Us \r\n
\r\n \r\n \r\n Stage Three \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default PathToUniOrWorkplace\r\n","import React, { useEffect } from 'react'\r\nimport StageOne from '../../components/StageOne/StageOne'\r\nimport PathOneStages from '../../components/PathOneStages/PathOneStages'\r\nimport M from 'materialize-css'\r\n\r\nimport './CareerPathways.scss'\r\nimport PathToUniOrWorkplace from '../../components/PathToUniOrWorkplace/PathToUniOrWorkplace'\r\n\r\nconst CareerPathways = ({ history }) => {\r\n\r\n var pathOne, pathOneStageOne, pathOneStageTwo, pathOneStageThree, pathOneStageFour, \r\n pathTwo, pathTwoStageOne, pathTwoStageTwo, pathTwoStageThree;\r\n\r\n useEffect(() => {\r\n var elems = document.querySelectorAll('.scrollspy');\r\n var instances = M.ScrollSpy.init(elems, {});\r\n pathOne = document.getElementById('path-one')\r\n pathOneStageOne = document.getElementById('path-one-stage-one')\r\n pathOneStageTwo = document.getElementById('path-one-stage-two')\r\n pathOneStageThree = document.getElementById(\"path-one-stage-three\")\r\n pathOneStageFour = document.getElementById(\"path-one-stage-four\")\r\n\r\n pathTwo = document.getElementById('path-two')\r\n pathTwoStageOne = document.getElementById('path-two-stage-one')\r\n pathTwoStageTwo = document.getElementById('path-two-stage-two')\r\n pathTwoStageThree = document.getElementById(\"path-two-stage-three\")\r\n }, [])\r\n\r\n const showHideSubStages = pathSelected => {\r\n const pathOneStages = document.querySelectorAll('.path-one')\r\n const pathTwoStages = document.querySelectorAll('.path-two')\r\n\r\n if (pathSelected === 'path-one') {\r\n if (pathOneStages[0].classList.contains('hide')) {\r\n pathOneStages.forEach(stage => stage.classList.remove('hide'))\r\n } else {\r\n pathOneStages.forEach(stage => stage.classList.add('hide'))\r\n }\r\n\r\n // Hide Path Two sub stages if they aren't already\r\n if (!pathTwoStages[0].classList.contains('hide')) {\r\n pathTwoStages.forEach(stage => stage.classList.add('hide'))\r\n }\r\n\r\n } else {\r\n if (pathTwoStages[0].classList.contains('hide')) {\r\n pathTwoStages.forEach(stage => stage.classList.remove('hide'))\r\n } else {\r\n pathTwoStages.forEach(stage => stage.classList.add('hide'))\r\n }\r\n\r\n // Hide path one stages if they aren't already\r\n if (!pathOneStages[0].classList.contains('hide')) {\r\n pathOneStages.forEach(stage => stage.classList.add('hide'))\r\n }\r\n }\r\n }\r\n\r\n const onStageSelect = (stageToScrollTo, pathSelected) => {\r\n stageToScrollTo.scrollIntoView({behavior: \"smooth\"})\r\n showHideSubStages(pathSelected)\r\n }\r\n \r\n return (\r\n \r\n \r\n \r\n Career Pathways \r\n \r\n history.push(\"/smart-and-skilled\")}>Smart and Skilled \r\n history.push(\"/nsw-fee-free\")}>NSW Fee-Free \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CareerPathways\r\n","import React from 'react'\r\nimport Certification from '../../assets/illustrations/certification.svg'\r\nimport ViewOtherCourses from '../../components/ViewOtherCourses/ViewOtherCourses'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport CareerProgress from '../../assets/illustrations/career-progress.svg'\r\nimport Brochure from '../../assets/brochures/Cert II Workplace Skills.pdf'\r\nimport '../DiplomaInPM/DiplomaInPM.scss'\r\n\r\nconst CertIIBusiness = ({ history }) => {\r\n return (\r\n \r\n BSB20120 Certificate II in Workplace Skills \r\n \r\n \r\n \r\n \r\n The qualification includes fundamentals of workplace activities and then spans all phases of a project from concept \r\n through to close-out. You will be allocated a role in the project and inherit its associated responsibilities across \r\n the project lifecycle.
\r\n \r\n history.push('/contact-us')}>Contact Us \r\n history.push('/register')}>Register \r\n
\r\n \r\n \r\n \r\n \r\n What does it involve? \r\n \r\n The unique element of mbh's delivery of qualification content is the matching of Cert II, Cert III, Cert IV and Diploma\r\n level people on the one qualifications program. This enables more experienced learners to practice mentoring and leading project \r\n teams while they work on a real world project with their less experienced fellow students.\r\n
\r\n \r\n \r\n \r\n \r\n Attend Cert II qualifications face-to-face and online
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Mentored through real life assessments
\r\n \r\n \r\n \r\n \r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n \r\n \r\n Support by us for promotion or a new job then move into uni or push on to project management
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CertIIBusiness\r\n","import React from 'react'\r\nimport Certification from '../../assets/illustrations/certification.svg'\r\nimport ViewOtherCourses from '../../components/ViewOtherCourses/ViewOtherCourses'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport CareerProgress from '../../assets/illustrations/career-progress.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\nimport Brochure from '../../assets/brochures/Cert III Business.pdf'\r\nimport '../DiplomaInPM/DiplomaInPM.scss'\r\n\r\nconst CertIIIBusiness = ({ history }) => {\r\n return (\r\n \r\n BSB30120 Certificate III in Business \r\n \r\n \r\n \r\n \r\n The qualification includes fundamentals of workplace activities and then spans all phases of a project from concept \r\n through to close-out. You will be allocated a role in the project and inherit its associated responsibilities across \r\n the project lifecycle.\r\n
\r\n \r\n history.push('/contact-us')}>Contact Us \r\n history.push('/register')}>Register \r\n
\r\n \r\n \r\n \r\n \r\n What does it involve? \r\n \r\n The unique element of mbh's delivery of qualification content is the matching of Cert II, Cert III, Cert IV and Diploma\r\n level people on the one qualification program. This enables more experienced learners to practice mentoring and leading project \r\n teams while they work on a real world project with their less experienced fellow students.\r\n
\r\n \r\n \r\n \r\n \r\n Attend Cert III qualification face-to-face and online
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Mentored through real life assessments
\r\n \r\n \r\n \r\n \r\n Mentor Cert II people through their assessments
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n \r\n \r\n Support by us for promotion or a new job then move into uni or push on to project management
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CertIIIBusiness\r\n","import React from 'react'\r\nimport Certification from '../../assets/illustrations/certification.svg'\r\nimport ViewOtherCourses from '../../components/ViewOtherCourses/ViewOtherCourses'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\nimport PersonalGoals from '../../assets/illustrations/personal-goals.svg'\r\nimport Brochure from '../../assets/brochures/Cert IV Project Management.pdf'\r\n\r\nimport '../DiplomaInPM/DiplomaInPM.scss'\r\n\r\nconst CertIVProjectManagement = ({ history }) => {\r\n return (\r\n \r\n BSB40920 Certificate IV in Project Management Practice \r\n \r\n \r\n \r\n \r\n The qualification includes fundamentals of workplace activities and then spans all phases of a project from concept \r\n through to close-out. You will be allocated a role in the project and inherit its associated responsibilities across \r\n the project lifecycle.\r\n
\r\n \r\n history.push('/contact-us')}>Contact Us \r\n history.push('/register')}>Register \r\n
\r\n \r\n \r\n \r\n \r\n What does it involve? \r\n \r\n The unique element of mbh's delivery of qualification content is the matching of Cert II, Cert III, Cert IV and Diploma\r\n level people on the one qualification program. This enables more experienced learners to practice mentoring and leading project \r\n teams while they work on a real world project with their less experienced fellow students.\r\n
\r\n Download Brochure \r\n \r\n \r\n \r\n \r\n Attend Cert IV Qualification
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Be mentored by Diploma students and mbh staff
\r\n \r\n \r\n \r\n \r\n Mentor Cert III students
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Deliver a real life project that matters
\r\n \r\n \r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Become a Project Manager
\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CertIVProjectManagement\r\n","import React from 'react'\r\nimport CareerPathways from '../../assets/career-pathways.gif'\r\nimport CareerProgress from '../../assets/illustrations/career-progress.svg'\r\nimport StandOut from '../../assets/illustrations/stand-out.svg'\r\nimport './WhyMBH.scss'\r\n\r\nconst WhyMBH = ({ history }) => {\r\n return (\r\n \r\n About Us \r\n \r\n \r\n \r\n mbh (M.B.H. Management Pty Ltd) is a Registered Training Organisation and specialises in the improvement of workplace, business and project management capability within the private and public sector.
\r\n \r\n Select a pathway to find out more \r\n \r\n history.push('/qualifications/certificate-II-in-workplace-skills')}>
\r\n\r\n {/* Pathway to uni or workplace training */}\r\n history.push('/qualifications/certificate-III-in-business')}>
\r\n history.push('/career-pathways')}>
\r\n history.push('/career-pathways')}>
\r\n\r\n {/* Pathway to project management glory */}\r\n history.push('/qualifications/certificate-III-in-business')}>
\r\n history.push('/qualifications/certificate-IV-in-project-management')}>
\r\n history.push('/qualifications/diploma-of-project-management')}>
\r\n \r\n \r\n \r\n \r\n Staring into the abyss?\r\n
\r\n history.push('/qualifications')}>View Qualifications \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default WhyMBH\r\n","import React from 'react'\r\nimport Leader from '../../assets/illustrations/leader.svg'\r\nimport './SmartAndSkilled.scss'\r\n\r\nconst SmartAndSkilled = () => {\r\n return (\r\n \r\n Smart and Skilled NSW \r\n \r\n \r\n \r\n \r\n Get the skills you need \r\n Smart and Skilled is a reform of the NSW Vocational Education and Training (VET) system. It's helping people in NSW get the skills they need to find a job and advance their careers.
\r\n Learn More \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SmartAndSkilled\r\n","import React from 'react'\r\nimport Certification from '../../assets/illustrations/certification.svg'\r\nimport ViewOtherCourses from '../../components/ViewOtherCourses/ViewOtherCourses'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport CareerProgress from '../../assets/illustrations/career-progress.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\nimport Brochure from '../../assets/brochures/Cert III Business Administration.pdf'\r\nimport '../DiplomaInPM/DiplomaInPM.scss'\r\n\r\nconst CertIIIBizAdmin = ({ history }) => {\r\n return (\r\n \r\n BSB30415 Certificate III in Business Administration \r\n \r\n \r\n \r\n \r\n The qualification includes fundamentals of workplace activities and then spans all phases of a project from concept \r\n through to close-out. You will be allocated a role in the project and inherit its associated responsibilities across \r\n the project lifecycle.\r\n
\r\n \r\n history.push('/contact-us')}>Contact Us \r\n history.push('/register')}>Register \r\n
\r\n \r\n \r\n \r\n \r\n What does it involve? \r\n \r\n The unique element of mbh's delivery of qualification content is the matching of Cert II, Cert III, Cert IV and Diploma\r\n level people on the one qualification program. This enables more experienced learners to practice mentoring and leading project \r\n teams while they work on a real world project with their less experienced fellow students.\r\n
\r\n \r\n \r\n \r\n \r\n Attend Cert III qualification face-to-face and online
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Mentored through real life assessments
\r\n \r\n \r\n \r\n \r\n Mentor Cert II people through their assessments
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n \r\n \r\n Support by us for promotion or a new job then move into uni or push on to project management
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CertIIIBizAdmin\r\n","import React from 'react'\r\nimport Certification from '../../assets/illustrations/certification.svg'\r\nimport ViewOtherCourses from '../../components/ViewOtherCourses/ViewOtherCourses'\r\nimport TeamSpirit from '../../assets/illustrations/team-spirit.svg'\r\nimport YouTubeTutorial from '../../assets/illustrations/tutorial.svg'\r\nimport Graduation from '../../assets/illustrations/graduation.svg'\r\nimport CareerProgress from '../../assets/illustrations/career-progress.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\nimport '../DiplomaInPM/DiplomaInPM.scss'\r\n\r\nconst CertIIIBizAdminEdu = ({ history }) => {\r\n return (\r\n \r\n Certificate III in Business Administration (Education) \r\n \r\n \r\n \r\n \r\n The qualification includes fundamentals of workplace activities and then spans all phases of a project from concept \r\n through to close-out. You will be allocated a role in the project and inherit its associated responsibilities across \r\n the project lifecycle.\r\n
\r\n \r\n history.push('/contact-us')}>Contact Us \r\n history.push('/register')}>Register \r\n
\r\n \r\n \r\n \r\n What does it involve? \r\n \r\n The unique element of mbh's delivery of qualifcation content is the matching of Cert II, Cert III, Cert IV and Diploma\r\n level people on the one qualification program. This enables more experienced learners to practice mentoring and leading project \r\n teams while they work on a real world project with their less experienced fellow students.\r\n
\r\n \r\n \r\n \r\n \r\n Attend Cert III qualification face-to-face and online
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Mentored through real life assessments
\r\n \r\n \r\n \r\n \r\n Mentor Cert II people through their assessments
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Gain your qualification
\r\n \r\n \r\n \r\n \r\n Support by us for promotion or a new job then move into uni or push on to project management
\r\n \r\n \r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CertIIIBizAdminEdu\r\n","import React from 'react'\r\nimport './CaseStudies.scss'\r\nimport PersonalGoals from '../../assets/illustrations/personal-goals.svg'\r\nimport ProjectTeam from '../../assets/illustrations/project-team.svg'\r\nimport Testimonials from '../../components/Testimonials/Testimonials';\r\nimport CaseStudy1 from '../../assets/brochures/case-study-design-landscapes.pdf'\r\nimport CaseStudy2 from '../../assets/brochures/case-study-a&b-mylec.pdf'\r\n\r\n\r\nconst CaseStudies = () => {\r\n return (\r\n \r\n Case Studies \r\n \r\n \r\n \r\n \r\n
mbh have been training staff at Design Landscapes since 2010 in project management and have worked hand in hand with Design Landscapes HR manager to forge a trusted relationship.
\r\n
\r\n
Download Brochure \r\n
\r\n \r\n \r\n
mbh trainers not only delivered training qualifications, they opened the mind of the participants to encourage them to develop their project management toolkits. Traditional and new theories were introduced, encouraging staff to collaborate, get it out of their heads share your knowledge, make it simple, focus on the project at hand– remove the communication haze.
\r\n
\r\n
Download Brochure \r\n
\r\n \r\n \r\n \r\n
Interviews with an mbh trainer: Jack Peck \r\n
\r\n
\r\n VIDEO \r\n
\r\n
\r\n VIDEO \r\n
\r\n
\r\n VIDEO \r\n
\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default CaseStudies\r\n","import React, {useState} from 'react'\r\nimport './SetPassword.scss'\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport M from 'materialize-css';\r\n\r\nconst SetPassword = ({history}) => {\r\n\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n\r\n // const url_with_hash = \"https://prerelease.mbhtraining.com.au/#/set-password?email=p.nentzos%40uniphi.com.au&token=b74022cb-ff17-4183-863e-bda695435e71\"\r\n const url_with_hash = window.location.href;\r\n const url_without_hash= url_with_hash.replace(\"#/\", \"\");\r\n const url = new URL(url_without_hash);\r\n const url_email = url.searchParams.get(\"email\");\r\n const url_token = url.searchParams.get(\"token\");\r\n \r\n\r\n\r\n const regObject = {\r\n \"Email\": url_email,\r\n \"Password\": \"\", \r\n \"ConfirmPassword\": \"\",\r\n \"Guid\":url_token\r\n }\r\n \r\n\r\n const checkAPIResponse = (data, status) => {\r\n if (status === 200){\r\n setIsSuccess(true)\r\n }else{\r\n if(data.Message){\r\n M.toast({html: data.Message, displayLength: 2000});\r\n }\r\n }\r\n }\r\n\r\n const postData = (obj) => { \r\n let status;\r\n fetch(`${baseUrl}/api/auth/register`, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify(obj)\r\n })\r\n .then(response => {\r\n status = response.status;\r\n checkAPIResponse(\"\", status)\r\n return response.json()\r\n })\r\n .then(data => checkAPIResponse(data, status))\r\n .catch(err => console.log(\"Error: \", err)) \r\n }\r\n\r\n\r\n const validatePassword = (e) =>{\r\n e.preventDefault();\r\n const password1 = document.getElementById('password1').value;\r\n const password2 = document.getElementById('password2').value;\r\n\r\n if(password1 === password2 && password1.trim() !==\"\"){\r\n \r\n if(password1.length < 8){\r\n M.toast({html: 'Password must be at least 8 characters long', displayLength: 2000});\r\n }else{\r\n regObject[\"Password\"] = password1;\r\n regObject[\"ConfirmPassword\"] = password2;\r\n \r\n postData(regObject)\r\n }\r\n }else{\r\n \r\n M.toast({html: 'Passwords must match', displayLength: 2000});\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n
Create Password \r\n
Password must be at least 8 characters long
\r\n
\r\n
\r\n
\r\n
Password successfully set! \r\n history.push('/login')}>\r\n LOG IN\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default SetPassword\r\n","import React from 'react'\r\nimport JobTrainerBanner from '../../assets/jobtrainer-banner.jpg'\r\nimport TaskList from '../../assets/illustrations/task-list.png'\r\nimport Process from '../../assets/illustrations/process.png'\r\nimport Collaboration from '../../assets/illustrations/collaboration.png'\r\nimport GirlWithLetter from '../../assets/illustrations/happygirlwithletter.png'\r\nimport './JobTrainer.scss'\r\nimport { Link } from 'react-router-dom'\r\n\r\nconst JobTrainer = ({ history }) => {\r\n return (\r\n \r\n \r\n \r\n NSW Fee-Free Initiative \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n The NSW Fee-Free Initiative assists you to develop new skills, upskill or reskill so you can kick start or re energise your career. The initiative provides a range of courses and access for eligible people to fee-free vocational education and training (VET) courses including accredited diplomas and certificates. These courses are funded by the NSW and Australian Governments for eligible participants. \r\n
\r\n \r\n \r\n \r\n \r\n Are you eligible for the NSW Fee-Free Initiative? \r\n Firstly, you must meet the following Smart and Skilled criteria;
\r\n \r\n aged 15 years or over, and not enrolled at any school. \r\n Live or work in NSW \r\n An Australian citizen, Australian permanent resident, humanitarian visa holder or New Zealand citizen \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Mbh NSW Fee-Free Qualifications - Shoalhaven \r\n \r\n Mbh are taking enrolments now for the following qualifications under the NSW Fee-Free Initiative which will be conducted at the mbh PoD in Worrigee, Sanctuary Point and other locations across the Shoalhaven.\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n history.push(\"/register\")}>Enrol Now \r\n \r\n \r\n Our students undertake regular sessions in small groups and are supported by trainers and mentors throughout their learning journey. Our unique approach to training provides our students the opportunities to get involved and work on live projects for local businesses and/or community, practically applying their skills instantly as they learn.\r\n
\r\n \r\n \r\n Projects in the pipeline \r\n \r\n Mbh have several projects in the pipeline for employers and community groups. We are taking enrolments and looking for students to study and work on the projects below. Mbh work closely with employers and can arrange work experience for some of these opportunities.\r\n
\r\n \r\n \r\n Our projects in the pipeline: \r\n \r\n Design and Implementation of a Cultural Garden \r\n Careers in a Container Phase 2 \r\n BCR POD Project \r\n Bernie Regan Hockey Complex Upgrade \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Contact Sarah Quinton on 0402 237 156 or s.quinton@mbh.com.au for further information about these projects.\r\n
\r\n \r\n history.push(\"/register\")}>Enrol Now \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default JobTrainer","import React from 'react'\r\nimport '../../pages/ResetPassword/ResetPassword.scss'\r\n\r\nconst ResetPasswordNoTokenFound = ({history}) => {\r\n\r\n return (\r\n \r\n \r\n
No reset token found \r\n
\r\n
\r\n
You may need to get a new reset link
\r\n
\r\n
history.push(\"/forgot-password\")}\r\n >\r\n Send Reset Link\r\n \r\n
\r\n
\r\n
history.push('/login')}\r\n >\r\n LOG IN\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default ResetPasswordNoTokenFound\r\n","import React, {useState} from 'react'\r\nimport './ResetPassword.scss'\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport FormSpinner from '../../assets/form-spinner.svg'\r\nimport M from 'materialize-css';\r\nimport ResetTokenNotFound from '../../components/ResetTokenNotFound/ResetTokenNotFound';\r\n\r\nconst ResetPassword = ({history}) => {\r\n\r\n const [isSuccess, setIsSuccess] = useState(false);\r\n const [isTokenExpired, setIsTokenExpired] = useState(false)\r\n const [doesEmailExist, setDoesEmailExist] = useState(true)\r\n const [isResettingPassword, setIsResettingPassword] = useState(false)\r\n\r\n const [email, setEmail] = useState(\"\")\r\n const [password, setPassword] = useState(\"\")\r\n const [confirmPassword, setConfirmPassword] = useState(\"\")\r\n\r\n // url is like this: \"https://prerelease.mbhtraining.com.au/#/reset-password?token=b74022cb-ff17-4183-863e-bda695435e71\"\r\n const splitUrl = window.location.href.split('token=');\r\n\r\n console.log(splitUrl)\r\n let token = \"\"\r\n if (splitUrl.length > 1 && splitUrl[1].trim() !== \"\") {\r\n token = splitUrl[1]\r\n } else {\r\n return( \r\n \r\n \r\n
Reset Password \r\n
Password must be at least 8 characters long
\r\n
\r\n
\r\n
\r\n
Password successfully reset! \r\n history.push('/login')}\r\n >\r\n LOG IN\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ResetPassword\r\n","import React, {useState} from 'react'\r\nimport './ForgotPassword.scss'\r\nimport { baseUrl } from '../../functions/globalVariables';\r\nimport FormSpinner from '../../assets/form-spinner.svg'\r\nimport M from 'materialize-css';\r\n\r\nconst ForgotPassword = ({history}) => {\r\n\r\n const [isSuccess, setIsSuccess] = useState(false)\r\n const [isSendingLink, setIsSendingLink] = useState(false)\r\n\r\n const [email, setEmail] = useState(\"\")\r\n\r\n const isEmailValid = () =>{\r\n const emailInput = document.getElementById('email');\r\n\r\n if (emailInput.classList.contains(\"invalid\") || email.trim().length === 0) {\r\n M.toast({html: 'Please enter a valid email address', displayLength: 2000});\r\n return false\r\n }\r\n\r\n return true\r\n }\r\n\r\n const sendResetPasswordEmail = (e) => {\r\n e.preventDefault()\r\n if (!isEmailValid()) return\r\n \r\n setIsSendingLink(true)\r\n fetch(`${baseUrl}/api/auth/ForgetPassword`, {\r\n crossDomain: true,\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application/json' },\r\n body: JSON.stringify({ Email: email })\r\n })\r\n .then(response => {\r\n if (response.status === 200) {\r\n setIsSuccess(true)\r\n }\r\n setIsSendingLink(false)\r\n })\r\n .catch(err => {console.log(\"Error: \", err); setIsSendingLink(false)}) \r\n }\r\n\r\n return (\r\n \r\n \r\n
Forgot Password \r\n
\r\n
\r\n
\r\n
Success! Check your email for a reset link \r\n
\r\n
\r\n
Didn't get a link?
\r\n
\r\n
setIsSuccess(false)}\r\n >\r\n Resend Link\r\n \r\n
\r\n
\r\n
history.push('/login')}\r\n >\r\n LOG IN\r\n
\r\n
\r\n )\r\n}\r\n\r\nexport default ForgotPassword\r\n","import React from 'react';\n\nimport { HashRouter as Router, Route, Switch } from 'react-router-dom';\nimport './App.css';\n\nimport Home from './pages/Home/Home';\nimport Conditions from './pages/Conditions/Conditions';\nimport Privacy from './pages/Privacy/Privacy';\nimport StudentPortal from './pages/StudentPortal/StudentPortal';\nimport CodeOfPractice from './pages/CodeOfPractice/CodeOfPractice';\nimport RegConfirmation from './pages/RegConfirmation/RegConfirmation';\nimport Qualifications from './pages/Qualifications/Qualifications';\nimport LogIn from './components/LogIn/LogIn';\nimport StepForm from './components/StepForm/StepForm';\nimport DiplomaInPM from './pages/DiplomaInPM/DiplomaInPM';\nimport ContactUs from './pages/ContactUs/ContactUs';\nimport RenderRoute from './components/RenderRoute/RenderRoute';\nimport CareerPathways from './pages/CareerPathways/CareerPathways';\nimport CertIIBusiness from './pages/CertIIBusiness/CertIIBusiness';\nimport CertIIIBusiness from './pages/CertIIIBusiness/CertIIIBusiness';\nimport CertIVProjectManagement from './pages/CertIVProjectManagement/CertIVProjectManagement';\nimport WhyMBH from './pages/WhyMBH/WhyMBH';\nimport SmartAndSkilled from './pages/SmartAndSkilled/SmartAndSkilled';\nimport CertIIIBizAdmin from './pages/CertIIIBizAdmin/CertIIIBizAdmin';\nimport CertIIIBizAdminEdu from './pages/CertIIIBizAdminEdu/CertIIIBizAdminEdu';\nimport CaseStudies from './pages/CaseStudies/CaseStudies';\nimport Testimonials from './components/Testimonials/Testimonials';\nimport SetPassword from './pages/SetPassword/SetPassword';\nimport JobTrainer from './pages/JobTrainer/JobTrainer';\nimport ResetPassword from './pages/ResetPassword/ResetPassword';\nimport ForgotPassword from './pages/ForgotPassword/ForgotPassword';\nimport { ThemeProvider } from './ThemeContext';\n\n\nexport const ACTIONS = {\n CHANGE_ROUTE: 'change-route',\n SET_STUDENT_ID: 'set-student-id'\n}\n\n\n\nfunction App() {\n\n return (\n \n\n \n \n } history={history} renderType={'navFooter'} />}/>\n } history={history} renderType={'navFooter'} />}/>\n\n \n \n
\n );\n}\n\nexport default App;\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker == null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (\n response.status === 404 ||\n (contentType != null && contentType.indexOf('javascript') === -1)\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then(registration => {\n registration.unregister();\n })\n .catch(error => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './sass/materialize.scss';\nimport 'materialize-css/dist/js/materialize.min.js';\nimport 'aos/dist/aos.css';\nimport 'aos/dist/aos.js';\nimport './index.css';\nimport App from './App';\nimport * as serviceWorker from './serviceWorker';\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core\";\n\nimport { HashRouter as Router } from 'react-router-dom'\n\nif (process.env.NODE_ENV !== \"development\") {\n console.log = () => {};\n}\n\nconst theme = createMuiTheme({\n palette: {\n primary: {\n light: '#757ce8',\n main: '#00703c',\n dark: '#002884',\n contrastText: '#fff',\n },\n secondary: {\n light: '#ff7961',\n main: '#f44336',\n dark: '#ba000d',\n contrastText: '#000',\n },\n },\n });\n\nReactDOM.render(\n \n \n \n \n \n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://bit.ly/CRA-PWA\nserviceWorker.unregister();\n"],"sourceRoot":""} 
\r\n