\r\n\r\n {!auth.user ?\r\n \r\n Log in\r\n Please log in to access EO Online.\r\n \r\n \r\n
\r\n \r\n About\r\n EO Online is an equal opportunity professional development program for Australian Universities. This is the third version, completed in 2022.\r\n Every attempt has been made to meet WC3 international accessibility guidelines. \r\n \r\n : \r\n No permission to view\r\n You do not have access to this area. Insufficient privileges.\r\n }\r\n
);\r\n};\r\n\r\nfunction PrivateRoute({ children, component: Component, isStudent, isSuperAdmin, isInstitutionSuperAdmin, isDataDownloadAdmin, isFeedbackAdmin, isRefreshAdmin, hideIfInvalid, location: location, ...rest }) {\r\n let auth = useAuth();\r\n\r\n axios.interceptors.response.use(function (response) {\r\n // Any status code that lie within the range of 2xx cause this function to trigger\r\n // Do something with response data\r\n return response;\r\n }, function (error) {\r\n // Any status codes that falls outside the range of 2xx cause this function to trigger\r\n // Do something with response error\r\n\r\n if (401 === error.response.status) {\r\n auth.signout()\r\n }\r\n\r\n return Promise.reject(error);\r\n });\r\n\r\n const canView = () => {\r\n if (auth.user) {\r\n if (isStudent && auth.user.isStudent) return true;\r\n if (isSuperAdmin && auth.user.isSuperAdmin) return true;\r\n if (isInstitutionSuperAdmin && auth.user.isInstitutionSuperAdmin) return true;\r\n if (isDataDownloadAdmin && auth.user.isDataDownloadAdmin) return true;\r\n if (isFeedbackAdmin && auth.user.isFeedbackAdmin) return true;\r\n if (isRefreshAdmin && auth.user.isRefreshAdmin) return true;\r\n\r\n if (!isStudent && !isSuperAdmin && !isInstitutionSuperAdmin && \r\n !isDataDownloadAdmin && !isFeedbackAdmin && !isRefreshAdmin) return true;\r\n }\r\n return false;\r\n };\r\n\r\n const renderInside = () => {\r\n //all good, display component if it is set (like normal routes can have), or display the children if not\r\n if (auth.user && canView()) {\r\n return (Component ? : children);\r\n }\r\n\r\n\r\n if (auth.user && canView()) {\r\n return (Component ? : children);\r\n }\r\n \r\n //need login to see\r\n if (!hideIfInvalid) {\r\n //but waiting for initial fetch of user data\r\n if (auth.user == null && !auth.canLogin())\r\n return ;\r\n else {\r\n return ;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n return (\r\n {\r\n return (\r\n { renderInside() }\r\n );\r\n }}\r\n />\r\n );\r\n}\r\n\r\nexport default PrivateRoute;","import React, { useState, useEffect, useReducer, useContext } from 'react';\r\nimport useAuth from './auth/useAuth.js';\r\nimport axios from 'axios';\r\nimport Check from '@material-ui/icons/Check';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Button from '@material-ui/core/Button';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Switch from '@material-ui/core/Switch';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Alert from '@material-ui/lab/Alert';\r\nimport CustomButton from './CustomButton.js';\r\nimport AdminStyles from './admin/AdminStyles.js';\r\n\r\n\r\nconst AccountService = {\r\n get: (request) => {\r\n return axios.get(\"api/user\", {}, { withCredentials: true });\r\n },\r\n update: (request) => {\r\n return axios.put(\"api/user\", request, { withCredentials: true });\r\n },\r\n};\r\nconst Account = (props) => {\r\n const auth = useAuth();\r\n const classes = AdminStyles();\r\n const [errors, setErrors] = useState({});\r\n const [error, setError] = useState(null);\r\n const [formInput, setFormInput] = useReducer((state, newState) => ({ ...state, ...newState }), auth.user);\r\n \r\n const handleEditConfirm = (e) => {\r\n if (e) e.preventDefault();\r\n return AccountService.update(formInput).then((response) => {\r\n setFormInput({ [\"id\"]: response.data.id });\r\n let formInp = { ...formInput };\r\n formInp.id = response.data.id; \r\n setError(\"\");\r\n setErrors({});\r\n auth.signin().then(response => { props.onClose(); }); \r\n \r\n }).catch((error) => {\r\n if ('response' in error && 'data' in error.response) {\r\n setError(error.response.data.title);\r\n setErrors(error.response.data.errors);\r\n }\r\n });\r\n };\r\n const handleInput = (e) => { setFormInput({ [e.target.name]: e.target.value }); };\r\n const handleInputCheckbox = (e) => { setFormInput({ [e.target.name]: e.target.checked }); };\r\n return (\r\n <>\r\n \r\n \r\n )\r\n\r\n\r\n};\r\n\r\nexport default Account;\r\nexport { AccountService };\r\n","import useAuth from './auth/useAuth.js';\r\nimport CustomButton from './CustomButton.js';\r\n\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport { Link, useLocation } from 'react-router-dom';\r\nimport React, { useState, useEffect } from 'react';\r\nimport { Button, AppBar, Toolbar, Box, Container } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\nimport Account, { AccountService } from './Account';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nconst useStyles = makeStyles((theme) => ({\r\n navbar: {\r\n background: theme.palette.primary.main,\r\n padding: 0,\r\n paddingTop: theme.spacing(2),\r\n paddingBottom: theme.spacing(2)\r\n },\r\n logo: {\r\n maxHeight: '60px',\r\n margin: theme.spacing(1)\r\n },\r\n fg: {\r\n flexGrow: \"1\"\r\n },\r\n button: {\r\n boxShadow: \"none\",\r\n color: \"#ffffff\",\r\n fontSize: \"1.2rem\"\r\n }\r\n}));\r\nconst NavMenu = () => {\r\n const classes = useStyles();\r\n const auth = useAuth();\r\n const login = () => { auth.signin(); };\r\n const logout = () => { auth.signout(); };\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [open, setOpen] = useState(false);\r\n const [firstTime, setFirstTime] = useState(false);\r\n let location = useLocation();\r\n const [origin, setOrigin] = useState('/');\r\n const [build, setBuild] = useState(process.env.REACT_APP_BUILD_VERSION);\r\n useEffect(() => {\r\n if (location.pathname != \"/ip\")\r\n // remember where I was before redirected to login\r\n setOrigin(location.pathname);\r\n\r\n }, [location]);\r\n const handleMenu = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n }\r\n const handleClose = () => {\r\n\r\n setAnchorEl(null);\r\n\r\n };\r\n const handleAccount = () => {\r\n console.log(open);\r\n setOpen(true);\r\n handleClose();\r\n };\r\n const handleAccountClose = (event, reason) => {\r\n \r\n // only allow close if it's not first time\r\n if (!firstTime) {\r\n setOpen(false);\r\n }\r\n };\r\n useEffect(() => {\r\n if (auth && auth.user) {\r\n if (!auth.user.profileVerified) {\r\n setOpen(true);\r\n setFirstTime(true);\r\n }\r\n else {\r\n setOpen(false);\r\n setFirstTime(false);\r\n }\r\n }\r\n \r\n }, [auth.user])\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {auth && auth.user ?\r\n \r\n :\r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n {auth && auth.user ? : null}\r\n\r\n );\r\n}\r\nexport default NavMenu;","import useAuth from './auth/useAuth.js';\r\nimport CustomButton from './CustomButton.js';\r\nimport Moment from 'react-moment';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport { Typography, Button, Grid, Chip, Card, CardActions, CardMedia, CardContent, CircularProgress, Backdrop } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { alpha } from '@material-ui/core/styles/colorManipulator';\r\nimport { Helmet } from \"react-helmet\";\r\nimport { UserJourneyServices, ModuleCompletionServices, RefreshRequestServices } from './Services.js';\r\nimport { CheckRounded } from '@material-ui/icons';\r\nimport RotateLeftRoundedIcon from '@material-ui/icons/RotateLeftRounded';\r\nimport WatchLaterRoundedIcon from '@material-ui/icons/WatchLaterRounded';\r\nimport HourglassFullRoundedIcon from '@material-ui/icons/HourglassFullRounded';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\n\r\nconst tileStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n border: \"1px solid \" + theme.palette.grey.main,\r\n position: 'relative',\r\n borderRadius: '0',\r\n height: \"100%\"\r\n },\r\n details: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flex: '1'\r\n },\r\n title: {\r\n fontFamily: theme.fontFamily1\r\n },\r\n grid: {\r\n marginTop: theme.spacing(2)\r\n },\r\n cover: {\r\n width: \"40%\",\r\n flexShrink: 0\r\n },\r\n chip: {\r\n position: 'absolute',\r\n bottom: theme.spacing(1),\r\n left: theme.spacing(1),\r\n borderRadius: \"0\",\r\n background: \"#FFF\",\r\n color: theme.palette.primary.dark,\r\n textTransform: \"uppercase\",\r\n fontWeight: \"bold\",\r\n maxWidth: 100,\r\n fontSize: \"0.9rem\",\r\n height: \"auto\",\r\n \"& .MuiChip-label\": {\r\n whiteSpace: \"normal\",\r\n textOverflow: \"unset\"\r\n }\r\n\r\n },\r\n completedChip: {\r\n borderRadius: \"0\",\r\n background: \"#FFF\",\r\n color: theme.palette.primary.dark,\r\n textTransform: \"uppercase\",\r\n fontWeight: \"bold\",\r\n fontSize: \"0.9rem\",\r\n height: \"auto\",\r\n \"& .MuiChip-label\": {\r\n [theme.breakpoints.down('md')]: {\r\n padding: 0\r\n },\r\n whiteSpace: \"normal\",\r\n textOverflow: \"unset\"\r\n },\r\n \"& .MuiChip-avatar\": {\r\n color: theme.palette.primary.dark,\r\n background: 'transparent',\r\n [theme.breakpoints.down('md')]: {\r\n display: 'none'\r\n }, \r\n },\r\n },\r\n chipRefresh: {\r\n flexShrink:\"0\",\r\n borderRadius: \"0\",\r\n background: \"#FFF\",\r\n color: theme.palette.primary.dark,\r\n textTransform: \"uppercase\",\r\n fontWeight: \"bold\",\r\n fontSize: \"0.9rem\",\r\n height: \"auto\",\r\n \"& .MuiChip-label\": {\r\n [theme.breakpoints.down('md')]: {\r\n padding: 0\r\n },\r\n whiteSpace: \"normal\",\r\n textOverflow: \"unset\",\r\n },\r\n \"& .MuiChip-avatar\": {\r\n color: theme.palette.primary.dark,\r\n background: 'transparent',\r\n [theme.breakpoints.down('md')]: {\r\n display: 'none'\r\n },\r\n },\r\n \"& .MuiChip-avatarSmall\": {\r\n\r\n }\r\n },\r\n chipDuration: {\r\n position: 'absolute',\r\n top: theme.spacing(1),\r\n left: theme.spacing(0),\r\n borderRadius: \"0\",\r\n background: \"#FFF\",\r\n color: theme.palette.primary.dark,\r\n textTransform: \"uppercase\",\r\n fontWeight: \"bold\",\r\n maxWidth: 150,\r\n fontSize: \"0.8rem\",\r\n height: \"auto\",\r\n \"& .MuiChip-label\": {\r\n whiteSpace: \"normal\",\r\n textOverflow: \"unset\"\r\n },\r\n \"& .MuiChip-avatar\": {\r\n color: theme.palette.primary.dark,\r\n background: 'transparent', \r\n },\r\n },\r\n content: {\r\n flex: '1 0 auto',\r\n paddingTop: 0\r\n },\r\n actions: {\r\n paddingBottom: theme.spacing(2),\r\n paddingLeft: 0,\r\n justifyContent: \"flex-end\",\r\n\r\n\r\n },\r\n desc: {\r\n fontSize: \"0.9rem\",\r\n lineHeight: \"1.3rem\"\r\n },\r\n startButton: {\r\n\r\n },\r\n backdrop: {\r\n zIndex: theme.zIndex.drawer + 1,\r\n color: '#ffffffaa'\r\n },\r\n}));\r\nconst ModuleTile = ({ title, image, description, url, alt, allStaff, completion, refreshCycle, refreshRequest, onSelfReset, estimate }) => {\r\n let auth = useAuth();\r\n const classes = tileStyles();\r\n const [startButtonText, setStartButtonText] = useState(\"Start module\");\r\n const [actualUrl, setActualUrl] = useState(url);\r\n const [refreshRequired, setRefreshRequired] = useState(false);\r\n const [refreshDue, setRefreshDue] = useState(null);\r\n const [lastJourney, setLastJourney] = useState(null);\r\n\r\n const login = () => { auth.signin(); };\r\n\r\n useEffect(() => { \r\n if (completion == null) {\r\n if (lastJourney == null) {\r\n // first time, never done this module before\r\n // start button\r\n setActualUrl(url);\r\n setStartButtonText(\"Start module\");\r\n \r\n } else {\r\n // has started but not yet completed\r\n //continue button\r\n setActualUrl(url + \"/\" + (lastJourney.branchURL != null ? lastJourney.branchURL : \"\"));\r\n setStartButtonText(\"Continue module\");\r\n\r\n }\r\n }\r\n else {\r\n if (lastJourney != null) {\r\n //console.log(refreshRequired);\r\n if (refreshRequired) {\r\n //console.log(url + \" refresh due: \" + refreshDue);\r\n //console.log(url + \" lastvisited: \" + moment.utc(lastJourney.visitedDateTime).toDate());\r\n // need to be in moment format as refreshDue is calculated in moment\r\n if (moment.utc(lastJourney.visitedDateTime).toDate() > refreshDue) {\r\n // need refresh and has started but not yet completed the refresh\r\n // continue\r\n setActualUrl(url + \"/\" + (lastJourney.branchURL != null ? lastJourney.branchURL : \"\") );\r\n setStartButtonText(\"Continue module\");\r\n } else {\r\n // need refresh but hasn't started \r\n // start\r\n setActualUrl(url);\r\n setStartButtonText(\"Start module\");\r\n }\r\n }\r\n else {\r\n if (lastJourney.visitedDateTime > completion) {\r\n // completed, don't need refresh, but has gone back in after completing, so need to remember where the user was last\r\n // review\r\n setActualUrl(url + \"/\" + (lastJourney.branchURL != null ? lastJourney.branchURL : \"\"));\r\n setStartButtonText(\"Review module\");\r\n } else {\r\n // completed, don't need refresh, and hasn't gone back in since, show restart button in case users want to restart at their own will\r\n // review\r\n setActualUrl(url);\r\n setStartButtonText(\"Review module\");\r\n }\r\n }\r\n }\r\n }\r\n \r\n \r\n }, [refreshRequired, refreshDue, lastJourney, completion]);\r\n useEffect(() => {\r\n if (refreshCycle != null) {\r\n if (completion != null) {\r\n var daylapse = moment.utc(new Date()).diff(moment.utc(completion), 'days');\r\n //console.log(\"daylapse:\" + daylapse);\r\n //console.log(\"utc time: \" + moment().utc().format());\r\n if (daylapse < refreshCycle) {\r\n setRefreshRequired(false);\r\n } else {\r\n setRefreshDue(moment.utc(completion).add(refreshCycle, 'd').toDate());\r\n //console.log(url + \" refresh due date set by cycle\");\r\n setRefreshRequired(true);\r\n\r\n }\r\n } else {\r\n // this is the first time user doing this module\r\n setRefreshRequired(false);\r\n }\r\n } else {\r\n setRefreshRequired(false);\r\n }\r\n //check for one-off refresh request\r\n if (refreshRequest != null) {\r\n if (completion != null) {\r\n //console.log(url + \" refresh request: \" + refreshRequest);\r\n //console.log(url + \" completion: \" + completion);\r\n if (refreshRequest > completion) {\r\n setRefreshRequired(true);\r\n setRefreshDue(moment.utc(refreshRequest).toDate());\r\n //console.log(url + \" refresh due date set by request\");\r\n \r\n }\r\n }\r\n }\r\n }, [refreshCycle, completion, refreshRequest]);\r\n\r\n //user has visited a page in the module, grab the last journey\r\n useEffect(() => {\r\n UserJourneyServices.get(url).then(response => {\r\n if (response.data) {\r\n setLastJourney(response.data);\r\n }\r\n });\r\n\r\n //var previous = localStorage.getItem(\"eo_progress_\" + url);\r\n //var prevDate = localStorage.getItem(\"eo_progress_date_\" + url);\r\n //if (previous && prevDate) {\r\n // var progressDate = new Date(parseInt(prevDate));\r\n // var diffDays = Math.round(Math.abs(((new Date()) - progressDate) / (24 * 60 * 60 * 1000)));\r\n // if (diffDays < 30) {\r\n // setActualUrl(url + \"/\" + previous);\r\n // setCont(true);\r\n // }\r\n //}\r\n }, [url]);\r\n return (\r\n \r\n {image ? : null}\r\n
\r\n \r\n );\r\n};\r\n\r\n\r\nconst Home = () => {\r\n const classes = tileStyles();\r\n // flag to prevent homepage to flash before redirect\r\n const [okToLoad, setOKToLoad] = useState(false);\r\n const [completions, setCompletions] = useState([]);\r\n const [refreshRequest, setRefreshRequest] = useState([null, null, null, null]);\r\n const [completionTimes, setCompletionTimes] = useState([null, null, null, null]);\r\n const [loading, setLoading] = useState(false);//don't let user click when calling api\r\n\r\n let auth = useAuth();\r\n useEffect(() => { \r\n // send those who came here from path that's not '/' to where they were\r\n if (sessionStorage.getItem(\"redirectPath\") && sessionStorage.getItem(\"redirectPath\") != \"/\") { \r\n var goto = sessionStorage.getItem(\"redirectPath\");\r\n sessionStorage.removeItem(\"redirectPath\");\r\n window.location = process.env.PUBLIC_URL + goto;\r\n \r\n } else { setOKToLoad(true); }\r\n setLoading(true);\r\n ModuleCompletionServices.getLast().then(response => {\r\n setCompletions(response.data);\r\n var arr = [null, null, null, null];\r\n response.data.forEach((i) => {\r\n arr[i.moduleID - 1] = i.completionDateTime;\r\n });\r\n setCompletionTimes(arr);\r\n setLoading(false);\r\n });\r\n setLoading(true);\r\n loadRefresRequests();\r\n\r\n }, []);\r\n const loadRefresRequests = () => {\r\n\r\n RefreshRequestServices.getLast().then(response => {\r\n var arr = [null, null, null, null];\r\n response.data.forEach((i) => {\r\n arr[i.moduleID - 1] = i.refreshRequestDate;\r\n });\r\n setRefreshRequest(arr);\r\n setLoading(false);\r\n });\r\n }\r\n const selfReset = (moduleID) => {\r\n setLoading(true);\r\n RefreshRequestServices.create({ moduleID: moduleID, userID: auth.user.id}).then((response) => {\r\n loadRefresRequests(); \r\n });\r\n }\r\n return (\r\n \r\n {okToLoad ?\r\n
\r\n\r\n \r\n Equal Opportunity Online\r\n \r\n Equal Opportunity Online\r\n Diversity and Inclusion for All\r\n Welcome! Thanks for taking the time to engage with this important program.\r\n Our hope is that in completing these modules you will discover the rich\r\n benefits that flow to us as we pursue our objectives of being a diverse\r\n and inclusive workplace.\r\n This starts with you. You belong here. Diversity and inclusion\r\n acknowledges the unique combination of attributes that make up who\r\n you are and the value that your lived experiences bring to our\r\n University. Thanks for being you!\r\n This is also about us. It's about the things we do and say,\r\n and the policies and procedures that we implement to send the right messages\r\n every day to our colleagues that \"you belong here too!\"\r\n By completing this program, you will:\r\n
\r\n understand the importance and value of a diverse and inclusive workplace;\r\n know your Equal Employment Opportunity (EEO) rights and responsibilities;\r\n identify different forms of discrimination including practical prevention strategies;\r\n understand the importance of positive workplace relationships; and\r\n understand the critical role that managers and leaders play through intentional inclusion.\r\n
\r\n\r\n Program Overview\r\n The program is divided into 4 modules.\r\n
\r\n All staff members need to complete Modules 1 to 3.\r\n Module 4 is for Managers and Team Leaders (although staff without supervisory responsibility are welcome to complete it).\r\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 Home;\r\n","import useAuth from './auth/useAuth.js';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Button, Typography } from '@material-ui/core';\r\nimport { useParams, useLocation } from 'react-router-dom';\r\nconst Notice = () => {\r\n let auth = useAuth();\r\n let location = useLocation();\r\n const [origin, setOrigin] = useState('/');\r\n const [processing, setProcessing] = useState(false);\r\n useEffect(() => {\r\n // remember where I was before redirected to login\r\n var querystr = new URLSearchParams(location.search).get(\"origin\");\r\n if (querystr != null) {\r\n setOrigin(querystr);\r\n }\r\n\r\n }, [location]);\r\n useEffect(() => {\r\n sessionStorage.setItem(\"redirectPath\", origin);\r\n }, [origin]);\r\n const login = () => {\r\n console.log(\"login\");\r\n setProcessing(true);\r\n auth.signin();\r\n //auth.signin().then(response => {\r\n // console.log(\"then\");\r\n // window.location = process.env.PUBLIC_URL + origin;\r\n // setProcessing(false);\r\n //}).catch(error => {\r\n // console.log(error);\r\n // setProcessing(false)\r\n //});\r\n };\r\n return (\r\n \r\n IP Notice and Disclaimer\r\n EO Online has been designed for educational purposes only and should not, under any circumstances, be regarded as or substituted for legal advice.\r\n\r\n Intellectual Property and Use of EO Online\r\n \r\n Use of EO Online is restricted to participating universities as a resource for staff training and referral within their university. \r\n \r\n Use by students is permitted for purposes such as pre-work-placement training, to aid grievance resolution or to prevent discrimination and harassment. However, EO Online may not be delivered as examinable course content.\r\n \r\n Please contact us if you are in doubt about permitted usage of EO Online.\r\n \r\n \r\n The information you provide as part of this registration is collected and held by the University of Wollongong for the purpose of:\r\n \r\n
\r\n Processing your registration to use EO Online\r\n identifying you to enable your continued use of EO Online and\r\n providing completion data to your University. \r\n
\r\n \r\n Completion of EO Online may be a mandatory requirement at your University. If you do not provide all the requested information you will not be able to register with, or use EO Online.\r\n \r\n The information you supply will be downloadable by authorised officers from your University. It will be used by your University to identify you and to record that you have completed EO Online and when you completed it.\r\n \r\n \r\n You have both a right of access to the personal information we hold about you and to ask us to correct it if it is inaccurate or out of date.\r\n \r\n \r\n The University of Wollongong's Privacy Policy explains our commitment to the protection of your personal information and can be found at http://www.uow.edu.au/about/privacy.\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default Notice;","import React, { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport Box from '@material-ui/core/Box';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport useScrollTrigger from '@material-ui/core/useScrollTrigger';\r\nimport Fab from '@material-ui/core/Fab';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n main: {\r\n position: \"fixed\",\r\n right: theme.spacing(1),\r\n bottom: theme.spacing(1),\r\n zIndex: 99,\r\n \"@media print\": {\r\n display: \"none !important\"\r\n }\r\n },\r\n button: {\r\n border: \"1px solid\",\r\n padding: theme.spacing(0.5)\r\n },\r\n icon: {\r\n fontSize: \"3em\"\r\n }\r\n}));\r\n\r\nconst ScrollToTop = function () {\r\n const classes = useStyles();\r\n const location = useLocation();\r\n\r\n const trigger = useScrollTrigger({ threshold: 1, disableHysteresis: true });\r\n\r\n const scroll = () => {\r\n window.scrollTo(0, 0);\r\n };\r\n\r\n useEffect(() => {\r\n if (location.state && location.state.noScroll == true) {\r\n \r\n } else {\r\n scroll();\r\n }\r\n }, [location.pathname]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ScrollToTop;","import { red, green } from '@material-ui/core/colors';\r\nimport { createTheme } from '@material-ui/core/styles';\r\n\r\nconst fontFamily1 = 'Noto Serif, serif';\r\nconst fontFamily2 = 'Noto Sans, sans-serif';\r\nconst spacing = (factor) => 10 * factor;//default 8\r\nconst fontSpacing = (factor) => 1.25*factor + \"rem\";//lets us adjust the font spacing factor\r\n\r\nvar palette = {\r\n primary: {\r\n main: '#275daa',\r\n dark: '#0d2038'\r\n },\r\n secondary: {\r\n main: '#214545'\r\n },\r\n tertiary: {\r\n main: '#412FB3'\r\n },\r\n grey: {\r\n dark: '#666666',\r\n main: '#999999',\r\n light: '#ededed'\r\n },\r\n danger: {\r\n main: \"#9a0036\",\r\n },\r\n error: {\r\n main: red.A400,\r\n light: '#ffe5e5'\r\n },\r\n success: {\r\n main: green['500'],\r\n light: \"#d4edda\"\r\n },\r\n background: {\r\n default: '#fafafd',\r\n },\r\n text: {\r\n primary: \"#000\",\r\n secondary: \"#595959\"\r\n },\r\n orange: {\r\n main: \"#f0954e\"\r\n }\r\n};\r\n\r\nvar typography = {\r\n fontSize: 16,\r\n fontFamily: fontFamily2,\r\n body1: {\r\n marginTop: \"0rem\",\r\n marginBottom: fontSpacing(1),\r\n fontSize: \"1rem\"\r\n },\r\n body2: {\r\n fontSize: \"1rem\",\r\n marginTop: fontSpacing(0.4)\r\n },\r\n listItemText: {\r\n marginTop: fontSpacing(0.5),\r\n },\r\n h1: {\r\n fontFamily: fontFamily2,\r\n fontWeight: \"bold\",\r\n marginTop: \"0rem\",\r\n marginBottom: fontSpacing(1.2),\r\n fontSize: \"2.5rem\",\r\n fontWeight: \"700\",\r\n color: palette.primary.dark\r\n },\r\n h2: {\r\n fontFamily: fontFamily2,\r\n marginTop: fontSpacing(2.2),\r\n marginBottom: fontSpacing(1.2),\r\n fontSize: \"1.7rem\",\r\n fontWeight: \"700\",\r\n color: palette.primary.dark\r\n },\r\n subtitle1: {\r\n fontFamily: fontFamily2,\r\n marginTop: fontSpacing(0.2),\r\n marginBottom: fontSpacing(2.2),\r\n fontSize: \"1.3rem\"\r\n },\r\n h3: {\r\n fontFamily: fontFamily2,\r\n fontWeight: \"bold\",\r\n marginTop: fontSpacing(1),\r\n marginBottom: fontSpacing(1.2),\r\n fontSize: \"1.2rem\",\r\n fontWeight: \"700\"\r\n },\r\n h4: {\r\n fontFamily: fontFamily2,\r\n fontWeight: \"bold\",\r\n marginTop: fontSpacing(0.2),\r\n marginBottom: fontSpacing(1.2),\r\n fontSize: \"1.1rem\"\r\n }\r\n};\r\n\r\n\r\n// A custom theme for this app\r\nconst theme = createTheme({\r\n breakpoints: {\r\n values: {\r\n xs: 0,\r\n sm: 600,\r\n md: 960,\r\n lg: 1180,\r\n xl: 1920,\r\n },\r\n },\r\n typography: typography,\r\n palette: palette,\r\n spacing: spacing,\r\n fontSpacing: fontSpacing\r\n});\r\n\r\ntheme.fontFamily1 = fontFamily1;\r\ntheme.fontFamily2 = fontFamily2;\r\n\r\nexport default theme;","import { ProvideAuth } from './components/auth/useAuth.js';\r\nimport useAdminSettings, { ProvideAdminSettings } from './components/auth/useAdminSettings.js';\r\nimport PrivateRoute from './components/auth/PrivateRoute.js';\r\nimport NavMenu from './components/NavMenu.js';\r\nimport Home from './components/Home.js';\r\nimport Notice from './components/Notice.js';\r\nimport ScrollToTop from './components/ScrollToTop.js';\r\nimport theme from './components/theme';\r\nimport { SnackbarProvider } from 'notistack';\r\nimport { Route, Link, Switch } from 'react-router-dom';\r\nimport React, { lazy, useEffect, Suspense } from 'react';\r\nimport { CssBaseline, Typography, Button, CircularProgress, AppBar, Toolbar, Box, Container, Grid } from '@material-ui/core';\r\nimport { makeStyles, ThemeProvider, StylesProvider } from '@material-ui/core/styles';\r\nimport '@fontsource/noto-serif';\r\nimport '@fontsource/noto-sans';\r\n\r\nimport './custom.css';\r\n\r\nconst Admin = lazy(() => import('./components/admin/Admin.js'));\r\nconst Module1 = lazy(() => import('./components/modules/module1/module1.js'));\r\nconst Module2 = lazy(() => import('./components/modules/module2/module2.js'));\r\nconst Module3 = lazy(() => import('./components/modules/module3/module3.js'));\r\nconst Module4 = lazy(() => import('./components/modules/module4/module4.js'));\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n main: {\r\n paddingTop: theme.spacing(4),\r\n paddingBottom: theme.spacing(2)\r\n }\r\n}));\r\nconst App = () => {\r\n const classes = useStyles();\r\n \r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n }>\r\n }>\r\n }>\r\n }>\r\n }>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default App;\r\n","import { configureStore } from '@reduxjs/toolkit';\r\nimport { combineReducers } from \"redux\";\r\nimport { persistReducer, FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER, } from 'redux-persist';\r\nimport localForage from 'localforage';\r\nimport quizStateReducer from './QuizSlice';\r\n\r\n\r\nconst store = configureStore({\r\n reducer: persistReducer(\r\n {\r\n key: 'root',\r\n version: 0,\r\n storage: localForage\r\n },\r\n combineReducers({\r\n quizState: quizStateReducer\r\n })\r\n ),\r\n middleware: (getDefaultMiddleware) => getDefaultMiddleware({\r\n serializableCheck: {\r\n ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER]\r\n }\r\n })\r\n});\r\n\r\nexport default store;","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register(onUpdate) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, onUpdate);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl, onUpdate);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, onUpdate) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n registration.waiting.postMessage({ type: 'SKIP_WAITING' });\r\n if (onUpdate) onUpdate();\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, onUpdate) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, onUpdate);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister () {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\r\nimport store from './components/store/store'\r\nimport registerServiceWorker from './registerServiceWorker';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport { SnackbarProvider } from 'notistack';\r\n\r\nimport { Provider } from 'react-redux';\r\nimport { PersistGate } from 'redux-persist/integration/react';\r\nimport { persistStore } from 'redux-persist';\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\nclass NewVersionAlert extends Component {\r\n static displayName = App.name;\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n open: true\r\n };\r\n }\r\n render() {\r\n return (\r\n this.setState({ open: false })}\r\n message=\"A new version of the app is available, please refresh your browser.\"\r\n action={\r\n \r\n this.setState({ open: false })}>\r\n \r\n \r\n \r\n }\r\n />\r\n );\r\n }\r\n}\r\nconst onUpdate = () => {\r\n // show alert\r\n console.log(\"onUpdate\");\r\n const d = document.createElement(\"div\")\r\n d.id = \"newversion-alert\";\r\n rootElement.appendChild(d);\r\n ReactDOM.render(, document.getElementById(\"newversion-alert\"));\r\n}\r\n\r\nlet persistor = persistStore(store);\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n rootElement);\r\n\r\nregisterServiceWorker(onUpdate);\r\n","import React, { useState, useContext, createContext, useEffect } from \"react\";\r\nimport axios from 'axios';\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { ModuleRefreshSettingServices, InstitutionServices } from '../Services.js';\r\n\r\nconst authContext = createContext();\r\n\r\nfunction ProvideAuth({ children }) {\r\n const auth = useProvideAuth();\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nconst aafAuth = {\r\n isAuthenticated: false,\r\n signin() {\r\n return axios.get('api/auth', {}, { withCredentials: true })\r\n .then(response => {\r\n aafAuth.isAuthenticated = true;\r\n return response.data;\r\n })\r\n .catch(error => {\r\n aafAuth.isAuthenticated = false;\r\n throw error.response;\r\n });\r\n },\r\n signout() {\r\n return axios.get('api/auth/logout', {}, { withCredentials: true })\r\n .then(response => {\r\n aafAuth.isAuthenticated = false;\r\n return response;\r\n });\r\n }\r\n};\r\n\r\nfunction useAuth() {\r\n return useContext(authContext);\r\n}\r\n\r\nfunction useProvideAuth() {\r\n const [user, setUser] = useState(null);\r\n const [loginURL, setLoginURL] = useState(null);\r\n const [refreshCycles, setRefreshCycles] = useState([null, null, null, null]);\r\n const [allowSelfReset, setAllowSelfReset] = useState(null);\r\n const location = useLocation();\r\n //store in local storage so user doesn't have to wait for login request before seeing logged in stuff\r\n const updateUser = (u) => {\r\n if (u)\r\n localStorage.setItem(\"eo_user\", JSON.stringify(u));\r\n else\r\n localStorage.removeItem(\"eo_user\");\r\n setUser(u);\r\n \r\n };\r\n\r\n //signin, if fails (401) then redirect user to aaf login url\r\n const signin = () => {\r\n return aafAuth.signin().then(response => {\r\n \r\n updateUser(response.user); \r\n return response;\r\n })\r\n .catch(response => { \r\n if (loginURL) { \r\n window.location = loginURL;\r\n }\r\n updateUser(null);\r\n throw response;\r\n });\r\n };\r\n\r\n //signout, get login url if it has not already been fetched so user can login again\r\n const signout = () => {\r\n return aafAuth.signout().then(response => {\r\n updateUser(null);\r\n if (!loginURL)\r\n getLoginURL();\r\n return response;\r\n });\r\n };\r\n\r\n //useful when preventing user signing in before login url has been fetched\r\n //(e.g.don't show login button unless user can safely click it)\r\n const canLogin = () => {\r\n return loginURL != null;\r\n };\r\n\r\n const getLoginURL = () => {\r\n axios.get('api/util/loginURL', {}, { withCredentials: true })\r\n .then(response => {\r\n setLoginURL(response.data);\r\n }).catch(response => {\r\n\r\n });\r\n };\r\n\r\n //on initialisation, load the previous user and then attempt to get the user's server authentication state.\r\n //if user is not logged in, then get the login url\r\n useEffect(() => {\r\n //if user has logged in, assume they are still logged in until the useffect has finished\r\n var stored = localStorage.getItem(\"eo_user\");\r\n try {\r\n stored = stored ? JSON.parse(stored) : null;\r\n }\r\n catch {\r\n stored = null;\r\n }\r\n updateUser(stored);\r\n\r\n\r\n //on first load, check if signed in. if not, then fetch login url and wait for user to request login\r\n signin().then(response => {\r\n //signin has taken care of setting user \r\n\r\n \r\n }).catch(() => {\r\n getLoginURL();\r\n });\r\n ModuleRefreshSettingServices.getCycles().then(response => { \r\n var arr = [null, null, null, null];\r\n response.data.forEach((i) => { \r\n arr[i.moduleID - 1] = i.refreshSetting == 0 ? null : i.refreshSetting;\r\n });\r\n setRefreshCycles(arr);\r\n // console.log(arr);\r\n });\r\n InstitutionServices.getAllowSelfReset().then(response => {\r\n setAllowSelfReset(response.data);\r\n });\r\n\r\n }, []);\r\n \r\n\r\n return {\r\n user,\r\n canLogin,\r\n signin,\r\n signout, \r\n refreshCycles,\r\n allowSelfReset\r\n };\r\n}\r\n\r\nexport default useAuth;\r\nexport { ProvideAuth };","import React from \"react\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport clsx from \"clsx\";\r\nimport { alpha } from \"@material-ui/core/styles/colorManipulator\";\r\n\r\n//this exists because you can only select primary or secondary as button colours in material v4\r\n//it also removes the shadows and rounded corners on all buttons without needs global css\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n customButton: {\r\n borderRadius: theme.spacing(0.3),\r\n textTransform: \"none\",\r\n boxShadow: \"none\",\r\n paddingTop: theme.spacing(0.5),\r\n paddingBottom: theme.spacing(0.5),\r\n fontSize: \"1rem\",\r\n marginRight: theme.spacing(0.5)\r\n },\r\n textTertiary: {\r\n color: theme.palette.tertiary.main,\r\n \"&:hover\": {\r\n backgroundColor: alpha(\r\n theme.palette.tertiary.main,\r\n theme.palette.action.hoverOpacity\r\n ),\r\n // Reset on touch devices, it doesn't add specificity\r\n \"@media (hover: none)\": {\r\n backgroundColor: \"transparent\"\r\n }\r\n }\r\n },\r\n outlinedTertiary: {\r\n color: theme.palette.tertiary.main,\r\n border: `1px solid ${alpha(theme.palette.tertiary.main, 0.5)}`,\r\n \"&:hover\": {\r\n border: `1px solid ${theme.palette.tertiary.main}`,\r\n backgroundColor: alpha(\r\n theme.palette.tertiary.main,\r\n theme.palette.action.hoverOpacity\r\n ),\r\n // Reset on touch devices, it doesn't add specificity\r\n \"@media (hover: none)\": {\r\n backgroundColor: \"transparent\"\r\n }\r\n }\r\n },\r\n containedTertiary: {\r\n color: theme.palette.tertiary.contrastText,\r\n backgroundColor: theme.palette.tertiary.main,\r\n \"&:hover\": {\r\n backgroundColor: theme.palette.tertiary.dark,\r\n // Reset on touch devices, it doesn't add specificity\r\n \"@media (hover: none)\": {\r\n backgroundColor: theme.palette.tertiary.main\r\n }\r\n }\r\n }\r\n}));\r\n\r\nconst CustomButton = React.forwardRef(function({ variant = \"text\", color, className, ...other }, ref){\r\n const classes = useStyles();\r\n return (\r\n \r\n );\r\n});\r\nexport default CustomButton;","import axios from 'axios';\r\n\r\nconst UserJourneyServices = {\r\n get: (rooturl) => {\r\n return axios.get(\"api/userjourney/my/\" + rooturl, {}, { withCredentials: true });\r\n },\r\n post: (path, url) => {\r\n const request = { \"rootURL\": path, \"branchURL\": url };\r\n return axios.post(\"api/userjourney\", request, { withCredentials: true });\r\n }\r\n};\r\n\r\nconst ModuleCompletionServices = {\r\n getLast: () => {\r\n return axios.get(\"api/modulecompletion/my/last/all\", {}, { withCredentials: true });\r\n },\r\n getCert: (moduleid, filename) => {\r\n return axios.get(\"api/modulecompletion/my/cert/module/\" + moduleid + \"/\" + filename, { responseType: 'blob' })\r\n\r\n }\r\n \r\n};\r\nconst ModuleRefreshSettingServices = {\r\n getCycles: () => {\r\n return axios.get(\"api/modulerefreshsetting/cycles\", {}, { withCredentials: true });\r\n },\r\n\r\n};\r\nconst RefreshRequestServices = {\r\n getLast: () => {\r\n return axios.get(\"api/refreshrequest/my/last/all\" , {}, { withCredentials: true });\r\n },\r\n create: (request) => {\r\n return axios.post(\"api/refreshrequest\", request, { withCredentials: true });\r\n }\r\n\r\n};\r\nconst QuizAttemptServices = {\r\n post: (request) => {\r\n return axios.post(\"api/quizattempt\", request, { withCredentials: true });\r\n }\r\n};\r\nconst InstitutionServices = {\r\n getAllowSelfReset: () => {\r\n return axios.get(\"api/institution/selfreset\", {}, { withCredentials: true });\r\n },\r\n\r\n};\r\nconst FeedbackServices = {\r\n post: (request) => {\r\n return axios.post(\"api/feedback\", request, { withCredentials: true });\r\n }\r\n};\r\n\r\nexport { QuizAttemptServices };\r\nexport { UserJourneyServices };\r\nexport { ModuleCompletionServices };\r\nexport { ModuleRefreshSettingServices };\r\nexport { RefreshRequestServices };\r\nexport { InstitutionServices };\r\nexport { FeedbackServices };"],"sourceRoot":""}
![](\"https://rapid.aaf.edu.au/aaf_service_110x26.png\")