\r\n {!embed && (area.features.indexOf(\"breadcrumbs\") !== -1 || (location.state && location.state.collection)) ?\r\n \r\n Home \r\n {(location.state && location.state.collection)\r\n ?\r\n {location.state.collection.title} \r\n :\r\n (area.url != \"collection\" ?\r\n (area.features.indexOf(\"simplebreadcrumbs\") === -1 ? {area.plural} : null)\r\n : Articles )\r\n }\r\n {data ? ({data.title} ) : null}\r\n \r\n : null}\r\n {data ? (\r\n
\r\n );\r\n};\r\n\r\nconst Category = (props) => {\r\n const { category, items, collection } = props;\r\n const [collapse, setCollapse] = useState(category.collapseOpen ?? false);\r\n const contentRef = useRef(null);\r\n const classes = pageStyles();\r\n\r\n const inner = () => {\r\n return \r\n {!embed ?\r\n \r\n \r\n \r\n \r\n \r\n }\r\n { overrideHead ?\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 {area.features.indexOf(\"print\") !== -1 ? \r\n : }\r\n Last changed: {data.modified} \r\n \r\n {area.features.indexOf(\"socialButtonsx\") !== -1 ? \r\n \r\n Share:\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n : null}\r\n {console.log(area.features)}\r\n \r\n : null}\r\n
\r\n ) : (loading ? \r\n \r\n {AppTitle((data && data.title) ? data.title : (loading ? \"Loading...\" : \"Page not found\"))} \r\n \r\n \r\n \r\n {area.url == \"unlisted\" ? () : null}\r\n \r\n \r\n \r\n {data.title}\r\n {controlButtons()} \r\n \r\n \r\n
\r\n : {renderContent()}
\r\n {data && !embed ?\r\n <>\r\n \r\n {category.name} \r\n \r\n \r\n \r\n {inner()}\r\n \r\n \r\n :\r\n inner()}\r\n
);\r\n};\r\n\r\nexport default Page;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Box from '@material-ui/core/Box';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport InputAdornment from '@material-ui/core/InputAdornment';\r\nimport IconButton from '@material-ui/core/IconButton';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n searchBar: {\r\n marginBottom: '1em',\r\n display: \"inline-block\",\r\n flex: 1\r\n },\r\n searchBarFull: {\r\n display: \"block\", \r\n\r\n },\r\n searchText: {\r\n '& input': {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n color: 'var(--darkBlue)',\r\n fontWeight: '300',\r\n fontWeight: '700',\r\n fontSize: '.9rem',\r\n },\r\n '& input::placeholder': {\r\n color: 'var(--darkBlue)',\r\n }\r\n },\r\n searchInputBox: {\r\n borderBottom: '2px solid var(--red)',\r\n marginTop: 0,\r\n '&::before': {\r\n borderBottom: '2px solid var(--red)'\r\n },\r\n '&::after': {\r\n borderBottom: '2px solid var(--red)'\r\n },\r\n '&::hover': {\r\n borderBottom: '2px solid var(--red)'\r\n }\r\n\r\n },\r\n searchButton: {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n color: \"var(--darkBlue)\",\r\n textTransform: \"uppercase\",\r\n fontWeight: 700,\r\n fontSize: \".9rem\",\r\n textDecoration: \"none\",\r\n display: \"block\",\r\n margin: '0 12px 0px 12px',\r\n cursor: 'pointer',\r\n '&:after': {\r\n content: '\">\"',\r\n marginLeft: '10px',\r\n marginRight: '5px',\r\n transition: \"margin-left .4s, margin-right .4s\"\r\n },\r\n '&:hover': {\r\n color: \"var(--red)\"\r\n },\r\n '&:hover:after': {\r\n textDecoration: 'none',\r\n marginLeft: '15px',\r\n marginRight: '0px',\r\n color: \"var(--red)\"\r\n }\r\n }\r\n}));\r\n\r\nconst SearchBar = (props) => {\r\n const location = useLocation();\r\n \r\n const classes = useStyles();\r\n const { filter, onSearch, onChange, tip, startAdornment, fullWidth, disabled } = props;\r\n const [tempFilter, setTempFilter] = useState((filter ?? (new URLSearchParams(location.search).get(\"filter\"))) || \"\");//can set initial search on URL args or props\r\n useEffect(() => {\r\n setTempFilter(filter);\r\n },[filter]);\r\n\r\n const applyFilter = (e) => {\r\n if (e) e.preventDefault();\r\n if (onSearch) onSearch(tempFilter);\r\n };\r\n\r\n const handleFilterChange = (e) => {\r\n setTempFilter(e.target.value);\r\n if(onChange) onChange(e.target.value);\r\n };\r\n\r\n const handleEnter = (e) => {\r\n if (e.which === 13 && !disabled) {\r\n applyFilter(e);\r\n }\r\n }\r\n\r\n return (\r\n Search
Page not found
Sorry we couldn't find the page you were looking for.
\r\nThe page you were looking for is no longer at this location. This is usually due to one of the following reasons:
\r\n- \r\n
- It's been moved or deleted. \r\n
- You may have been provided the wrong web page address. \r\n
- It was mis-typed in the URL address bar. \r\n
If you came to this message through a web bookmark/favourite, please delete it as it appears to be out of date.
\r\nTo find what you are looking for:
\r\n- \r\n
- Try the site search or click search at the top of the page. \r\n
- Alternatively, try the following links:
- \r\n
- Articles \r\n
- Collections \r\n
- Showcase \r\n
- Tools \r\n
\r\n
{message ? message : \"Please login using your UOW username and password.\"}
\r\nSomething went wrong: {errorMessage}
: }\r\n- \r\n {tag.options.map((option) => {\r\n const labelId = `checkbox-list-label-${option.id}`;\r\n return (\r\n
\r\n \r\n {AppTitle(\"\")} \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Home;","import useAuth from \"./auth/useAuth.js\";\r\nimport Login from './auth/Login.js';\r\nimport SearchBar from './support/SearchBar.js';\r\nimport useAnalytics from './support/Analytics.js';\r\nimport useSettings from './settings/useSettings.js';\r\n\r\nimport NavService from './navitems/NavService.js';\r\nimport { getRoute } from './support/Hijack.js';\r\n\r\nimport logo from '../media/logo.svg';\r\nimport logoHorizontal from '../media/logo-horizontal.svg';\r\n\r\nimport React, { useState, useEffect, useRef } from 'react';\r\nimport ListSubheader from '@material-ui/core/ListSubheader';\r\nimport Button from '@material-ui/core/Button';\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport SearchIcon from '@material-ui/icons/Search';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport PersonIcon from '@material-ui/icons/Person';\r\nimport Box from '@material-ui/core/Box';\r\nimport MenuIcon from '@material-ui/icons/Menu';\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 SwipeableDrawer from '@material-ui/core/SwipeableDrawer';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Clear from '@material-ui/icons/Clear';\r\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n toolbar: {\r\n borderBottom: 'none',\r\n padding: '10px 0 20px 0',\r\n display: 'none',\r\n alignItems: 'start',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'flex',\r\n },\r\n \"@media print\": {\r\n display: \"none !important\"\r\n }\r\n },\r\n toolbarMobile: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n padding: '5px 0 20px 0',\r\n margin: '0',\r\n alignItems: 'start',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n toolbarRow: {\r\n width: '100%',\r\n display: 'flex',\r\n\r\n },\r\n toolbarLink: {\r\n padding: '0',\r\n flexShrink: '0',\r\n\r\n\r\n },\r\n toolbarLinkMobile: {\r\n paddingTop: 0,\r\n marginTop:0,\r\n alignItems: 'start',\r\n\r\n },\r\n fg: {\r\n flexGrow: \"1\"\r\n },\r\n logo: {\r\n height: '95px'\r\n },\r\n removePadding: {\r\n padding: '0'\r\n },\r\n removeMargin: {\r\n margin: '0'\r\n },\r\n searchBar: { \r\n height: '30px'\r\n },\r\n selectedLink: {\r\n color: 'var(--red)'\r\n },\r\n searchText: {\r\n '& input': {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n color: 'var(--darkBlue)',\r\n fontWeight: '300',\r\n fontWeight: '700',\r\n fontSize: '.9rem',\r\n },\r\n '& input::placeholder': {\r\n color: 'var(--darkBlue)',\r\n }\r\n\r\n },\r\n iconLabel: {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n flexShrink: '0',\r\n color: \"var(--darkBlue)\",\r\n textTransform: \"uppercase\",\r\n fontWeight: 700,\r\n fontSize: \".9rem\",\r\n textDecoration: \"none\",\r\n padding: '0 12px 5px 12px',\r\n borderRadius: 0,\r\n [theme.breakpoints.up('md')]: {\r\n padding: '4px 12px 4px 0px',\r\n },\r\n '&:hover': {\r\n color: \"var(--red)\",\r\n backgroundColor: \"rgba(0, 0, 0, 0)\",\r\n textDecoration: \"none\"\r\n },\r\n \"&:focus-visible\": {\r\n borderBottom: \"2px solid #000\"\r\n }\r\n },\r\n menuUserName: {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n color: \"var(--red)\",\r\n textTransform: \"uppercase\",\r\n fontWeight: 700,\r\n fontSize: \".9rem\",\r\n textDecoration: \"none\",\r\n margin: '0 12px 5px 12px',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n },\r\n menuLabelHeading: {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n color: \"var(--red)\",\r\n textTransform: \"uppercase\",\r\n fontWeight: 700,\r\n fontSize: \".9rem\",\r\n textDecoration: \"none\",\r\n display: \"block\",\r\n margin: '0 12px 0px 12px',\r\n '& a': {\r\n color: \"var(--red)\",\r\n '&:hover': {\r\n textDecoration: 'none'\r\n }\r\n }\r\n\r\n },\r\n menuLabel: {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n color: \"var(--darkBlue)\",\r\n textTransform: \"uppercase\",\r\n fontWeight: 700,\r\n fontSize: \".9rem\",\r\n textDecoration: \"none\",\r\n display: \"block\",\r\n margin: '0 12px 0px 12px',\r\n '& a': {\r\n color: \"var(--darkBlue)\",\r\n '&:hover': {\r\n textDecoration: 'none'\r\n }\r\n },\r\n minHeight: \"auto\",\r\n paddingTop: \"6px\",\r\n paddingBottom: \"6px\"\r\n \r\n },\r\n menuSubLabel: {\r\n fontSize: \".8rem\",\r\n fontWeight: 400,\r\n marginLeft: \"20px\"\r\n },\r\n menuItem: {\r\n verticalAlign: \"middle\",\r\n '&::after': {\r\n content: '\"|\"',\r\n paddingLeft: \"8px\",\r\n color: \"var(--darkBlue)\",\r\n fontSize: \"1.1em\",\r\n display: \"inline-block\",\r\n marginTop: \"-2px\"\r\n }\r\n },\r\n menuItemWithMenu: {\r\n display: \"inline-flex\",\r\n alignItems: \"center\",\r\n padding: \"0 !important\",\r\n margin: \"0 !important\",\r\n boxSizing: \"border-box\",\r\n fontSize: \"0.9rem !important\",\r\n \"&:hover\": {\r\n background: \"none\"\r\n },\r\n \"&:focus-visible\": {\r\n borderBottom: \"2px solid #000\"\r\n }\r\n },\r\n menuDesc: {\r\n fontFamily: \"'Montserrat', Verdana, Geneva, sans-serif\",\r\n color: \"var(--darkGrey)\",\r\n fontSize: \".8rem\",\r\n textDecoration: \"none\",\r\n display: \"block\",\r\n margin: '0 12px 0px 12px',\r\n paddingLeft: '16px',\r\n paddingRight: '16px',\r\n minHeight: \"auto\"\r\n }, \r\n searchInputBox: { \r\n borderBottom: '2px solid var(--red)', \r\n marginTop: 0,\r\n '&::before': { \r\n borderBottom: '2px solid var(--red)'\r\n },\r\n '&::after': { \r\n borderBottom: '2px solid var(--red)'\r\n },\r\n '&::hover': { \r\n borderBottom: '2px solid var(--red)'\r\n }\r\n\r\n },\r\n sectionDesktop: {\r\n display: 'none',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'block',\r\n },\r\n },\r\n sectionMobile: {\r\n display: 'block',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n '& > .MuiPaper-root': {\r\n padding: '1em',\r\n maxWidth: '75%',\r\n width: 'auto',\r\n display: 'block'\r\n }\r\n },\r\n navPopup: {\r\n borderTop: 'none',\r\n borderColor: 'var(--lightGrey)',\r\n paddingBottom: '15px'\r\n },\r\n b1: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\"\r\n }\r\n}));\r\n\r\nexport default function NavMenu(props) {\r\n const settings = useSettings();\r\n const [showSearch, setShowSearch] = useState(false);\r\n const [anchorEl, setAnchorEl] = React.useState(null);\r\n const [whichMenu, setWhichMenu] = React.useState('');\r\n const [filter, setFilter] = React.useState('');\r\n const [login, setLogin] = useState(false);\r\n const [showLogin, setShowLogin] = useState(0);\r\n const menuRef = useRef(0);\r\n\r\n const [navItems, setNavItems] = useState(NavService.cachedList);\r\n\r\n const classes = useStyles();\r\n const auth = useAuth();\r\n let location = useLocation();\r\n let history = useHistory();\r\n const analytics = useAnalytics();\r\n const { sections, title } = props;\r\n const handleShowSearch = (e) => {\r\n setShowSearch(!showSearch);\r\n };\r\n const handleClick = (e, which) => {\r\n setAnchorEl(e.currentTarget);\r\n setWhichMenu(which);\r\n }; \r\n const handleClose = (e) => {\r\n setAnchorEl(null);\r\n setMobileOpen(false);\r\n };\r\n const handleLogout = () => {\r\n auth.signout(); \r\n setAnchorEl(null);\r\n };\r\n const handleLogin = () => {\r\n setLogin(true);\r\n setAnchorEl(null);\r\n };\r\n const handleSearch = (search) => {\r\n analytics.tag('event', 'search', { search_term: search });\r\n history.push(\"/search?sort=score&filter=\" + search);\r\n setShowSearch(false);\r\n };\r\n const onLogin = (success) => {\r\n if (success) {\r\n\r\n } else {\r\n\r\n }\r\n setLogin(false);\r\n };\r\n\r\n const [lastNavTime, setLastNavTime] = useState(0);\r\n useEffect(() => {\r\n var updated = settings.get(\"Nav last updated\");\r\n if (lastNavTime != updated) {\r\n setLastNavTime(updated);\r\n NavService.getList({}, updated).then((response) => {\r\n setNavItems(response);\r\n });\r\n }\r\n }, [settings]);\r\n\r\n useEffect(() => {\r\n var pm = document.querySelectorAll(\"#popup-menu\");\r\n for (var i = 0; i < pm.length; i++) {\r\n if (pm[i] != menuRef.current) {\r\n pm[i].parentNode.removeChild(pm[i]);\r\n }\r\n }\r\n }, []);\r\n\r\n const [mobileOpen, setMobileOpen] = React.useState(false);\r\n const toggleMobile = (open) => (event) => {\r\n setMobileOpen(open);\r\n };\r\n\r\n const renderMenuItem = (index, mobile = false) => {\r\n var el = null;\r\n var item = navItems[index];\r\n var route = item.url ? getRoute(item.url) : \"\";\r\n if (route !== false) {\r\n if (index !== navItems.length - 1 && navItems[index + 1].isChild && item.isChild == false) {\r\n if (!mobile) {\r\n //desktop heading\r\n el = ;\r\n } else {\r\n //mobile heading\r\n el = ;\r\n }\r\n } else {\r\n if (!item.isChild) {\r\n if (!mobile) {\r\n //desktop main\r\n el = {item.name};\r\n } else {\r\n //mobile main\r\n el = ;\r\n }\r\n } else {\r\n if (!mobile) {\r\n //desktop sub\r\n el = ;\r\n } else {\r\n //mobile sub\r\n el = ;\r\n }\r\n }\r\n }\r\n } else {\r\n if (!mobile) {\r\n //desktop external\r\n if (item.isChild) {\r\n el = ;\r\n } else {\r\n el = {item.name};\r\n }\r\n } else {\r\n //mobile external\r\n if (item.isChild) {\r\n el = ;\r\n } else {\r\n el = ;\r\n }\r\n\r\n }\r\n }\r\n\r\n return el;\r\n };\r\n const renderMenu = (mobile = false) => {\r\n let out = [];\r\n if(navItems)\r\n for (var i = 0; i < navItems.length; i++) {\r\n if (mobile || !navItems[i].isChild) {\r\n out.push(renderMenuItem(i, mobile));\r\n }\r\n }\r\n return out;\r\n };\r\n const renderMenuPopup = () => {\r\n let out = [];\r\n switch (whichMenu) {\r\n case \"account\":\r\n if (auth.user?.id) {\r\n out.push();\r\n if (auth.user.id && auth.user.roles && auth.user.roles.indexOf(\"admin\") > -1) {\r\n out.push(\r\n Request support\r\n
\r\n\r\n Contribute to the Hub\r\n
\r\n\r\n Provide feedback\r\n
\r\nCRICOS Provider No: 00102E | Privacy & cookie usage | Copyright & disclaimer\r\n
\r\n \r\n
\r\n { toggleMobile(false) }} onOpen={() => { toggleMobile(true) }}>\r\n \r\n Filter \r\n { toggleMobile(false) }} color=\"inherit\"> \r\n \r\n {renderPickers(true)}\r\n \r\n
\r\n );\r\n};\r\n\r\nconst pageListStyles = makeStyles((theme) => ({\r\n main: {\r\n flexGrow: 1\r\n },\r\n list: {\r\n \r\n },\r\n sort: { \r\n color: \"var(--darkBlue)\",\r\n textTransform: \"uppercase\",\r\n '& > .MuiInputBase-input': {\r\n fontWeight: 700,\r\n fontSize: \".9rem\",\r\n padding: '5px 24px 5px 5px'\r\n },\r\n textDecoration: \"none\",\r\n marginLeft: \"1em\", \r\n [theme.breakpoints.down('sm')]: {\r\n flex: '0 0 100%',\r\n marginLeft: 0,\r\n marginBottom: '10px'\r\n },\r\n\r\n fontFamily: \"var(--secondaryText)\",\r\n border: 'none',\r\n content: 'none',\r\n transition: 'none',\r\n transform: 'none',\r\n borderBottom: '2px solid var(--red)', \r\n //marginTop: 0,\r\n '&::before': {\r\n content: 'none',\r\n border: 'none',\r\n transition: 'none',\r\n transform: 'none'\r\n },\r\n '&::after': {\r\n content: 'none',\r\n border: 'none',\r\n transition: 'none',\r\n transform: 'none'\r\n },\r\n '&::hover': {\r\n content: 'none',\r\n border: 'none',\r\n transition: 'none',\r\n transform: 'none'\r\n },\r\n \r\n \r\n },\r\n sortItem: { \r\n fontFamily: \"var(--secondaryText)\",\r\n color: \"var(--darkBlue)\", \r\n textTransform: \"uppercase\",\r\n fontWeight: 700,\r\n fontSize: \".9rem\",\r\n },\r\n sectionDesktop: {\r\n display: 'none',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'block',\r\n },\r\n },\r\n sectionMobile: {\r\n display: 'unset',\r\n [theme.breakpoints.up('md')]: {\r\n display: 'none',\r\n },\r\n '& > .MuiPaper-root': {\r\n padding: '1em',\r\n maxWidth: '75%',\r\n width: 'auto'\r\n }\r\n },\r\n filterWrapper: {\r\n flexBasis: '0%',\r\n flexShrink: '0',\r\n [theme.breakpoints.up('md')]: {\r\n flexBasis: (!!window.MSInputMethodContext && !!document.documentMode)?'auto':'25%',\r\n }\r\n }\r\n}));\r\nconst PageList = (props) => {\r\n let location = useLocation();\r\n let history = useHistory();\r\n let match = useRouteMatch();\r\n let settings = useSettings();\r\n const analytics = useAnalytics();\r\n\r\n var query = new URLSearchParams(location.search);\r\n const classes = pageListStyles();\r\n const auth = useAuth();\r\n const { area } = props;\r\n const [canContribute, setCanContribute] = useState(false);\r\n const [canApprove, setCanApprove] = useState(false);\r\n const [canContributeCollection, setCanContributeCollection] = useState(false);\r\n const [canApproveCollection, setCanApproveCollection] = useState(false);\r\n const [tags, setTags] = useState(TagService.cachedList[area.url]);\r\n const [pages, setPages] = useState([]);\r\n const [filter, setFilter] = useState(props?.filter ?? query.get('filter') ?? '');//can set initial search on URL args or props\r\n const [sort, setSort] = useState(props?.sort ?? query.get('sort') ?? 'popularity');//can set initial search on URL args or props\r\n const [canLoadMore, setCanLoadMore] = useState(false);//for infinite loading\r\n const [initialised, setInitialised] = useState(false);//make sure tags are loaded before initial pages load to prevent double load\r\n const [pageSize, setPageSize] = useState(parseInt(settings.get(\"Pages fetch size\")) || 10);\r\n const [mobileOpen, setMobileOpen] = React.useState(false);\r\n const [queryLoaded, setQueryLoaded] = useState(query.get(\"loaded\"));\r\n const [loading, setLoading] = useState(true);\r\n\r\n const [override, setOverride] = useState(null);\r\n\r\n useEffect(() => {\r\n if (area.url == \"article\" || area.url == \"showcase\" || area.url == \"page\" || area.url == \"unlisted\") {\r\n setCanContribute(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(area.url + \".contributor\") !== -1);\r\n setCanApprove(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(area.url + \".approver\") !== -1);\r\n if (area.url == \"article\") {\r\n setCanContributeCollection(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(\"collection.contributor\") !== -1);\r\n setCanApproveCollection(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(\"collection.approver\") !== -1);\r\n }\r\n } else if (area.url != \"search\" && auth.user.id && auth.user?.roles && auth.user.roles.indexOf(\"admin\") !== -1) {\r\n setCanContribute(true);\r\n setCanApprove(true);\r\n } else {\r\n setCanContribute(false);\r\n setCanApprove(false);\r\n setCanContributeCollection(false);\r\n setCanApproveCollection(false);\r\n }\r\n }, [area,auth]);\r\n\r\n useEffect(() => {\r\n query = new URLSearchParams(location.search);\r\n var f = query.get('filter') ?? filter ?? '';\r\n if(f != filter){}\r\n setFilter(f);\r\n var changedTags = applyEnabled(tags);\r\n if (changedTags) {\r\n findOverride(changedTags);\r\n setTags(changedTags);\r\n }\r\n },[location]);\r\n\r\n var applyEnabled = function (tgs) {\r\n var oldSelectedTags = [], response = [...tgs];\r\n\r\n var changed = false;\r\n var queryTags = query.getAll('options');\r\n if (queryTags.length > 0) {\r\n oldSelectedTags = queryTags.map((t) => parseInt(t));\r\n }\r\n for (var i = 0; i < response.length; i++) {\r\n for (var j = 0; j < response[i].options.length; j++) {\r\n var newE = (oldSelectedTags.indexOf(response[i].options[j].id) !== -1);\r\n if (newE != response[i].options[j].enabled) {\r\n changed = true;\r\n }\r\n response[i].options[j].enabled = newE;\r\n }\r\n }\r\n if (changed)\r\n return response;\r\n else\r\n return null;\r\n };\r\n const [lastTagFetch, setLastTagFetch] = useState(0);\r\n var fetchTags = function () {\r\n var time = settings.get(\"Tags last updated\");\r\n if (lastTagFetch !== time) {\r\n setLastTagFetch(time);\r\n setPageSize(parseInt(settings.get(\"Pages fetch size\")) || 10);\r\n TagService.getList({ area: area.url }, time)\r\n .then((response) => {\r\n var changed = applyEnabled(response);\r\n setTags(changed ? changed : response);\r\n setInitialised(true);\r\n setLoading(true);\r\n findOverride(changed ? changed : response);\r\n })\r\n .catch(function (e) {\r\n setTags([]);\r\n });\r\n }\r\n };\r\n useEffect(fetchTags, [settings]);\r\n\r\n const findOverride = (tgs) => {\r\n if (!tgs) tgs = tags;\r\n //determine override tag if enabled\r\n var cat = null, tgs = [...tgs];\r\n for (var i = 0; i < tgs.length; i++) {\r\n if (tgs[i].isCategory) {\r\n for (var j = 0; j < tgs[i].options.length; j++) {\r\n if (tgs[i].options[j].enabled) {\r\n cat = tgs[i].options[j];\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n setOverride(cat);\r\n };\r\n\r\n const fetchPages = (showMore = false) => {\r\n\r\n if (!initialised) return false;\r\n\r\n var tagRequest = [];\r\n for (var i = 0; i < tags.length; i++) {\r\n for (var j = 0; j < tags[i].options.length; j++) {\r\n if (tags[i].options[j].enabled) {\r\n tagRequest.push(tags[i].options[j].id);\r\n }\r\n }\r\n }\r\n\r\n if (pageSize) {\r\n var newPages = (showMore ? [...pages] : []);\r\n var req = { filter: filter, page: Math.floor(newPages.length / pageSize), pageSize: pageSize, options: tagRequest, area: area.url, sort: sort };\r\n \r\n //initial query load\r\n if (queryLoaded && queryLoaded > pageSize) {\r\n req.page = 0;\r\n req.pageSize = queryLoaded;\r\n setQueryLoaded(0);\r\n }\r\n\r\n setLoading(true);\r\n PageService.getList(req)\r\n .then((response) => {\r\n if ('data' in response && 'data' in response.data) {\r\n var l = newPages.length;\r\n for (var i = 0; i < response.data.data.length; i++) {\r\n var found = false;\r\n for (var j = 0; j < l; j++) {\r\n if (newPages[j].id == response.data.data[i].id) {\r\n found = true;\r\n break;\r\n }\r\n }\r\n if (!found) {\r\n newPages.push(response.data.data[i]);\r\n }\r\n }\r\n\r\n setPages(newPages);\r\n console.log(\"fetched\", newPages.length, \"of\", response.data.total, \"pages\");\r\n setCanLoadMore(response.data.total != newPages.length);\r\n analytics.tag('event', 'view_search_results', {\r\n search_term: filter,\r\n items: newPages.map((p) => { return { item_id: p.id, item_name: p.title }; })\r\n });\r\n\r\n const params = new URLSearchParams();\r\n if (filter) params.append('filter', filter); else params.delete('filter');\r\n if (sort) params.append('sort', sort); else params.delete('sort');\r\n params.delete('options');\r\n if (tagRequest.length > 0) {\r\n for (var i = 0; i < tagRequest.length; i++)\r\n params.append('options', tagRequest[i]);\r\n }\r\n params.append('loaded', newPages.length);\r\n history.replace(match.path + \"?\" + params.toString());\r\n\r\n setLoading(false);\r\n }\r\n })\r\n .catch(function (e) {\r\n\r\n });\r\n }\r\n };\r\n useEffect(fetchPages, [filter, sort, tags, initialised]);\r\n\r\n const UpdateTags = () => {\r\n return function (tagId, optionId) {\r\n var oldTags = [...tags];\r\n var needUpdate = false;\r\n //for each in the tag db\r\n for (var t = 0; t < oldTags.length; t++) {\r\n if (oldTags[t].id == tagId) {\r\n var enabled = false;\r\n for (var o = 0; o < oldTags[t].options.length; o++) {\r\n if (oldTags[t].options[o].id == optionId) {\r\n oldTags[t].options[o].enabled = !oldTags[t].options[o].enabled;\r\n enabled = oldTags[t].options[o].enabled;\r\n needUpdate = true;\r\n break;\r\n }\r\n }\r\n\r\n //turn off other group members if needed\r\n if (oldTags[t].type == \"single\" && enabled) {\r\n for (var o = 0; o < oldTags[t].options.length; o++) {\r\n if (oldTags[t].options[o].id != optionId) {\r\n oldTags[t].options[o].enabled = false;\r\n }\r\n }\r\n }\r\n break;\r\n }\r\n }\r\n\r\n\r\n if (needUpdate) {\r\n setTags(oldTags);\r\n findOverride(oldTags);\r\n var selectedOptions = [];\r\n for (var t = 0; t < oldTags.length; t++) {\r\n for (var o = 0; o < oldTags[t].options.length; o++) {\r\n if (oldTags[t].options[o].enabled) {\r\n selectedOptions.push(oldTags[t].options[o].id);\r\n }\r\n }\r\n }\r\n //localStorage.setItem(\"lthub_selected_tags\", JSON.stringify(selectedOptions));\r\n }\r\n }\r\n };\r\n\r\n const applyFilter = (v) => {\r\n if ((sort != \"\" && v == \"\") || v != \"\") {\r\n setSort(\"score\");\r\n analytics.tag('event', 'search', { search_term: v });\r\n }\r\n setFilter(v);\r\n };\r\n const applySort = (e) => {\r\n setSort(e.target.value);\r\n };\r\n const handleShowMore = () => {\r\n setCanLoadMore(false);\r\n fetchPages(true);\r\n };\r\n\r\n const generateTitle = () => {\r\n if (override == null) {\r\n return area.plural;\r\n } else {\r\n return override.name;\r\n }\r\n };\r\n const generateIntro = () => {\r\n if (override == null) {\r\n switch (area.url) {\r\n case \"showcase\":\r\n case \"article\":\r\n case \"search\":\r\n return (\r\n Filter \r\n {renderPickers(false)}\r\n
\r\n Templates are a special page type which does not show up in search results,\r\n they are intended to be used as a starting point for other page types.\r\n For example, if you make a template page setting out the basic headings and structure\r\n for an Article and then assign it as the article template in the Site Settings area,\r\n any new Articles created will start with the content of the template.
);\r\n break;\r\n case \"page\":\r\n return (Loose pages are normal pages in the system but are not articles or showcase pages. Unlike Unlisted pages, they can be found using the sitewide search.
);\r\n break;\r\n case \"unlisted\":\r\n return (Unlisted pages are normal pages in the system but are not articles or showcase pages. Unlike Loose pages, they cannot be found using the sitewide search.
);\r\n break;\r\n case \"collection\":\r\n return (Collections are a curated, commentated list of other articles and resources in the hub.
);\r\n break;\r\n\r\n }\r\n } else {\r\n return ({override.description}
);\r\n }\r\n };\r\n\r\n const [pickedTags, setPickedTags] = React.useState(0);\r\n const calcPickedTags = () => {\r\n var count = 0;\r\n for (var i = 0; i < tags.length; i++) {\r\n if (tags[i].hidden == false) {\r\n for (var j = 0; j < tags[i].options.length; j++) {\r\n if (tags[i].options[j].enabled)\r\n count++;\r\n }\r\n }\r\n }\r\n setPickedTags(count);\r\n };\r\n useEffect(calcPickedTags, [tags]);\r\n\r\n const toggleMobile = (o) => {\r\n setMobileOpen(o);\r\n }\r\n\r\n return (\r\n\r\n \r\n \r\n \r\n \r\n { toggleMobile(true) }} color=\"inherit\">\r\n \r\n \r\n \r\n {generateTitle()}\r\n \r\n {(canContribute || canContributeCollection) ? \r\n {generateIntro()}\r\n \r\n \r\n \r\n {AppTitle(generateTitle())} \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n Results \r\n \r\n {pages.length > 0 ?\r\n pages.map((page) => {\r\n return (\r\n No {generateTitle()} matching your criteria were found. )\r\n }\r\n \r\n {canLoadMore ? () : null} \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PageList;\r\n","import Areas from '../support/Areas.js';\r\nimport PrivateRoute from \"../auth/PrivateRoute.js\";\r\nimport PageList from \"../pages/PageList.js\";\r\nimport Page from \"../pages/Page.js\";\r\nimport useAuth from \"../auth/useAuth.js\";\r\n\r\nimport React, { useState, useEffect, lazy, Suspense } from 'react';\r\nimport { Route, Switch, useRouteMatch } from \"react-router-dom\";\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\n\r\nconst EditPage = lazy(() => import('./EditPage.js'));\r\n\r\nconst Pages = () => {\r\n const auth = useAuth();\r\n const [isAdmin, setIsAdmin] = useState(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(\"admin\") !== -1);\r\n const [canView, setCanView] = useState(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(\"admin\") !== -1);\r\n const [search, setSearch] = useState(Areas.find(x => x.url === 'search'));\r\n\r\n useEffect(() => {\r\n setIsAdmin(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(\"admin\") !== -1);\r\n }, [auth]);\r\n\r\n const hasAccess = (area) => {\r\n if (auth.user.id && auth.user?.roles) {\r\n if (auth.user.roles.indexOf(area.url + \".contributor\") !== -1 || auth.user.roles.indexOf(area.url + \".approver\") !== -1) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n return (\r\n \r\n {canContribute ?\r\n \r\n \r\n \r\n : null}\r\n \r\n {canContributeCollection ?\r\n \r\n \r\n \r\n : null}\r\n
: null }\r\n \r\n {isEditing ?\r\n
\r\n );\r\n}\r\nconst GlossaryList = () => {\r\n const auth = useAuth();\r\n const [glossaryEntries, setGlossaryEntries] = useState([]);\r\n const [filter, setFilter] = useState(\"\");\r\n const [tempFilter, setTempFilter] = useState(\"\");\r\n const [sort, setSort] = useState(\"name\");\r\n const [dir, setDir] = useState(\"asc\");\r\n const [page, setPage] = useState(0);\r\n const pageSizes = [0];\r\n const settings = useSettings();\r\n\r\n \r\n const [pageSize, setPageSize] = useState(pageSizes[0]);\r\n \r\n const [total, setTotal] = useState(0);\r\n const [canContribute, setCanContribute] = useState(false);\r\n\r\n\r\n const [lastGlossaryTime, setLastGlossaryTime] = useState(0);\r\n const updateData = () => {\r\n var updated = settings.get(\"Glossary last updated\");\r\n if (lastGlossaryTime != updated) {\r\n setLastGlossaryTime(updated);\r\n GlossaryService.getList({ filter: filter, sort: sort, dir: dir, page: page, pageSize: pageSize }, updated)\r\n .then((response) => {\r\n setGlossaryEntries(response);\r\n // setTotal(response.data.total);\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n });\r\n }\r\n };\r\n useEffect(updateData, [page, pageSize, dir, sort, filter, settings]);\r\n\r\n useEffect(() => {\r\n if (auth.user.id) {\r\n if (auth.user?.roles.indexOf(\"admin\") > -1) {\r\n setCanContribute(true);\r\n }\r\n else {\r\n setCanContribute(false);\r\n }\r\n } else { setCanContribute(false); }\r\n }, [auth]);\r\n\r\n const handleAdd = (e) => {\r\n var currentArray = [];\r\n currentArray.push({\r\n id: 0,\r\n name: \"\",\r\n description: \"\",\r\n content: \"\"\r\n });\r\n glossaryEntries.map((g) => (currentArray.push(g))); \r\n \r\n setGlossaryEntries(currentArray);\r\n\r\n };\r\n const resetData = () => {\r\n updateData([page, pageSize, dir, sort, filter]);\r\n }\r\n const handleDelete = (entry) => {\r\n let tempEntries = [...glossaryEntries], ind = -1;\r\n for (var i = 0; i < tempEntries.length; i++) {\r\n if (tempEntries[i].id == entry.id) {\r\n ind = i;\r\n break;\r\n }\r\n }\r\n if (ind != -1) {\r\n tempEntries.splice(ind, 1);\r\n setGlossaryEntries(tempEntries);\r\n }\r\n };\r\n\r\n return (\r\n \r\n Content \r\n { updateField('content', content); }}\r\n />\r\n \r\n \r\n {error ? {error} : \"\"}\r\n }>Save\r\n
\r\n\r\n :\r\n {entry.id == 0 ? Create new entry : Editing {entry.name}}
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n {\"Are you sure you wish to delete \" + entry.name + \"?\"} \r\n \r\n \r\n WARNING: Deleting a glossary entry will not automatically remove links from content pages!\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n }\r\n \r\n {entry.name} \r\n {props.canContribute ?\r\n \r\n
\r\n {entry.description}
\r\nGlossary {canContribute ?
\r\n \r\n {glossaryEntries.map((g) => (\r\n \r\n
\r\n
\r\n ))\r\n }\r\n \r\n \r\n
\r\n // \r\n // No match for
\r\n //
\r\n );\r\n }\r\n}\r\n\r\nexport default App;\r\n","// 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-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport React, { Component, hydrate } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport App from './App';\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\n\r\nif (!('remove' in Element.prototype)) {\r\n Element.prototype.remove = function () {\r\n if (this.parentNode) {\r\n this.parentNode.removeChild(this);\r\n }\r\n };\r\n}\r\nif (!String.prototype.replaceAll) {\r\n String.prototype.replaceAll = function (str, newStr) {\r\n\r\n // If a regex pattern\r\n if (Object.prototype.toString.call(str).toLowerCase() === '[object regexp]') {\r\n return this.replace(str, newStr);\r\n }\r\n\r\n // If a string\r\n return this.replace(new RegExp(str, 'g'), newStr);\r\n\r\n };\r\n}\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\n\r\n//on Page type pages, the root element is predefined, delete it as we are populating with JS\r\nvar rootElement = document.getElementById('root');\r\nvar prerendered = document.getElementById('prerendered');\r\nif (prerendered) {\r\n prerendered.parentNode.removeChild(prerendered);\r\n}\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 \r\n // No match for {location.pathname}\r\n //
\r\n // setOpen(true)} color=\"primary\">\r\n {props?.isVideo ?
\r\n \r\n {props.children}
\r\n );\r\n};\r\n\r\nconst getRoute = function(url) {\r\n var getLocation = function (href) {\r\n // eslint-disable-next-line no-useless-escape\r\n const re = /^(https?\\:)?\\/\\/(([^:\\/?#]*)(?:\\:([0-9]+))?)([\\/]{0,1}[^?#]*)(\\?[^#]*|)(#.*|)$/\r\n const match = href.match(re)\r\n const location = match && {\r\n href: href,\r\n protocol: match[1],\r\n host: match[2],\r\n hostname: match[3],\r\n port: match[4],\r\n pathname: match[5],\r\n search: match[6],\r\n hash: match[7]\r\n }\r\n return match && location\r\n };\r\n\r\n // if it is an explicit non-http protocol, we want the browser to handle it natively\r\n // using history.push will do bad things\r\n const protocols = Hijack.defaultProps.protocols;\r\n const hostnames = Hijack.defaultProps.hostnames;\r\n const nonHttpProtocol = protocols.some(protocol => url.startsWith(`${protocol}:`))\r\n if (nonHttpProtocol) { return false; }\r\n\r\n let destination = url;\r\n\r\n var base = document.getElementsByTagName('base')[0].getAttribute('href');\r\n const isApi = destination.indexOf(\"/api/\") !== -1;\r\n if (isApi) return false;\r\n\r\n // if it's http or protocol-relative, we need to check further\r\n // we want to use react router if it's sending us to the same domain\r\n const re = new RegExp('^(https?:)?//')\r\n const isHTTP = re.test(url)\r\n if (isHTTP) {\r\n const { hostname, pathname, search, hash } = getLocation(url)\r\n const sameSite = (hostname === window.location.hostname && pathname.indexOf(base) === 0) || hostnames.indexOf(hostname) !== -1\r\n if (sameSite) {\r\n destination = pathname\r\n if (search) { destination += search }\r\n if (hash) { destination += hash }\r\n } else {\r\n // if it's an external http url, we let the browser handle it natively\r\n return false;\r\n }\r\n }\r\n\r\n if (base != \"/\" && destination.indexOf(base) === 0) {\r\n destination = destination.replace(base, \"/\");\r\n }\r\n\r\n return destination;\r\n}\r\n\r\nexport class Hijack extends Component {\r\n \r\n shouldRouterHandle(url, event) {\r\n var destination = getRoute(url);\r\n if (destination !== false) {\r\n // in all other cases (query string, hash fragment, relative URL)\r\n // we directly push the url and React Router will handle it correctly\r\n //console.log(\"using hijack to go to \" + destination + \" From \" + window.location.pathname.substr(1));\r\n if (destination[0] === \"#\") {\r\n window.location.hash = destination;\r\n var el = document.getElementById(destination.substring(1));\r\n if(el)\r\n el.scrollIntoView({ behavior: 'smooth' });\r\n } else {\r\n if (destination.startsWith(window.location.pathname.substr(0)) == true || destination.startsWith(window.location.pathname.substr(1)) == true) {\r\n //console.log('same page' + destination.startsWith(window.location.pathname.substr(0)));\r\n this.props.history.push(destination);\r\n window.location.reload();\r\n } else {\r\n this.props.history.push(destination);\r\n }\r\n }\r\n event.preventDefault();\r\n }\r\n }\r\n\r\n onClick = event => {\r\n // if the user is trying to right click or open the link in a new tab or window\r\n // we do not want to interfere\r\n const { ctrlKey, shiftKey, metaKey } = event\r\n if (ctrlKey || shiftKey || metaKey) {\r\n return\r\n }\r\n\r\n // when Hijack is clicked, we look at the target and each of the target's parents\r\n // if an tag was clicked, we process it further\r\n const self = event.currentTarget\r\n for (let el = event.target; el !== self; el = el.parentElement) {\r\n if (el.nodeName === 'A') {\r\n const target = el.getAttribute('target')\r\n if (target && target !== '_self' && target !== window.name) { return }\r\n const href = el.getAttribute('href')\r\n href && this.shouldRouterHandle(href, event)\r\n break\r\n }\r\n }\r\n }\r\n componentDidMount() { ApplyInjections(this.props.children.ref.current); }\r\n componentDidUpdate() { ApplyInjections(this.props.children.ref.current); }\r\n\r\n \r\n render() {\r\n return \r\n {this.props.children}\r\n
\r\n }\r\n}\r\n\r\nHijack.defaultProps = {\r\n protocols: ['mailto', 'tel'],\r\n hostnames: []\r\n}\r\n\r\nHijack.propTypes = {\r\n children: PropTypes.node.isRequired,\r\n history: PropTypes.object.isRequired,\r\n protocols: PropTypes.arrayOf(PropTypes.string).isRequired,\r\n hostnames: PropTypes.arrayOf(PropTypes.string).isRequired\r\n}\r\n\r\nexport default withRouter(Hijack);\r\nexport { NoRouterHijack, getRoute };\r\n","import axios from 'axios';\r\n\r\nconst GlossaryService = {\r\n cachedList: [],\r\n cachedTime: 0,\r\n getList: function (request, updateTime = null) {\r\n var self = this;\r\n\r\n //check local storage\r\n var time = parseInt(localStorage.getItem(\"lthub_cached_glossary_time\"));\r\n if (time && time > self.cachedTime) {\r\n self.cachedTime = time;\r\n var entries = localStorage.getItem(\"lthub_cached_glossary\");\r\n if (entries)\r\n self.cachedList = JSON.parse(entries);\r\n if (entries) {\r\n try {\r\n self.cachedList = JSON.parse(entries);\r\n } catch (e) {\r\n self.cachedList = null;\r\n }\r\n }\r\n }\r\n\r\n if (typeof updateTime == \"string\")\r\n updateTime = parseInt(updateTime);\r\n\r\n //if current version is old than timestamp from settings\r\n if (updateTime === null || updateTime > self.cachedTime || !self.cachedList || self.cachedList.length == 0) {\r\n return axios.get(\"api/glossaryentries/list\", { params: request }, { withCredentials: true })\r\n .then((response) => {\r\n self.cachedTime = updateTime;\r\n self.cachedList = response.data.data;\r\n localStorage.setItem(\"lthub_cached_glossary\", JSON.stringify(self.cachedList));\r\n localStorage.setItem(\"lthub_cached_glossary_time\", self.cachedTime + \"\");\r\n return self.cachedList;\r\n });\r\n } else {\r\n return new Promise((resolve, reject) => {\r\n resolve(self.cachedList);\r\n });\r\n }\r\n },\r\n updateGlossary: (request) => {\r\n return axios.put(\"api/glossaryentries\", request, { withCredentials: true });\r\n },\r\n deleteGlossary: (request) => {\r\n return axios.delete(\"api/glossaryentries/\" + request.id, {}, { withCredentials: true });\r\n }\r\n};\r\n\r\nexport default GlossaryService;","import Login from '../auth/Login.js';\r\nimport useAuth from '../auth/useAuth.js';\r\nimport React from \"react\";\r\nimport { Route } from \"react-router-dom\";\r\n\r\nfunction PrivateRoute({ children, roles, component: Component, ...rest }) {\r\n let auth = useAuth();\r\n\r\n const canView = () => {\r\n if (auth.user.id) {\r\n if (roles) {\r\n if (!auth.user.roles) {\r\n return false;\r\n }\r\n var allowed = false;\r\n for (var i = 0; i < roles.length; i++) {\r\n if (auth.user.roles.indexOf(roles[i]) !== -1) {\r\n allowed = true;\r\n break;\r\n }\r\n }\r\n return allowed;\r\n } else {\r\n return true;\r\n }\r\n }\r\n return false;\r\n };\r\n return (\r\n