\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 useAuth from \"../auth/useAuth.js\";\r\nimport Hijack from \"../support/Hijack.js\";\r\n\r\nimport React, { useState, useEffect, useRef } from 'react';\r\nimport { Link as RouterLink} from \"react-router-dom\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\nimport Tooltip from '@material-ui/core/Tooltip';\r\nimport Chip from '@material-ui/core/Chip';\r\nimport Edit from '@material-ui/icons/Edit';\r\nimport PlayCircleOutlineIcon from '@material-ui/icons/PlayCircleOutline';\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\n\r\nconst previewStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n position: 'relative',\r\n flexDirection: 'row',\r\n padding: 15,\r\n marginBottom: 15,\r\n borderColor: 'var(--darkerGrey)',\r\n height: \"100%\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n display: 'block'\r\n }\r\n },\r\n title: {\r\n fontSize: \"1.1em !important\"\r\n },\r\n content: {\r\n flex: '1 1 auto',\r\n paddingLeft: 15,\r\n display: 'flex',\r\n width: '100%',\r\n flexDirection: 'column'\r\n },\r\n edit: {\r\n\r\n },\r\n image: {\r\n flex: '0 0 200px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n textAlign: 'center'\r\n }\r\n },\r\n chip: {\r\n background: 'transparent',\r\n textTransform: 'uppercase',\r\n fontWeight: 'bold',\r\n fontSize: '1rem',\r\n color: '#999',\r\n fontFamily: 'var(--secondaryText)',\r\n whiteSpace: \"wrap\",\r\n \"& .MuiChip-label\": {\r\n whiteSpace: \"wrap\",\r\n textAlign: \"right\"\r\n }\r\n },\r\n chipWarn: {\r\n background: 'rgb(237, 108, 2)'\r\n },\r\n videoLink: {\r\n color: 'var(--red)',\r\n cursor: 'pointer',\r\n display: \"flex\",\r\n alignItems: \"flex-end\",\r\n \"&:hover\": {\r\n color: \"var(--black)\"\r\n }\r\n },\r\n description: {\r\n flexGrow: 1,\r\n \"& p\": {\r\n marginBlockStart: \"0.5em\",\r\n marginBlockEnd: \"0.5em\"\r\n },\r\n \"& img\": {\r\n maxWidth: \"100%\",\r\n height: \"auto\"\r\n }\r\n },\r\n showcase: {\r\n //\"& h3\": {\r\n // fontFamily: \"var(--primaryText)\"\r\n //},\r\n \"& $description\": {\r\n display: 'flex',\r\n alignItems: 'flex-end'\r\n },\r\n \"& $image\": {\r\n flexBasis: '120px'\r\n },\r\n \"& $image img\": {\r\n maxWidth: '120px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n maxWidth: '200px'\r\n }\r\n },\r\n \"& $edit\": {\r\n position: 'absolute',\r\n left: '0',\r\n bottom: '0',\r\n backgroundColor: 'rgba(255,255,255,0.6)'\r\n },\r\n }\r\n \r\n}));\r\nconst PagePreview = (props) => {\r\n const { area, page, tags, selectedOptions, uneditable, collection } = props;\r\n const classes = previewStyles();\r\n const auth = useAuth();\r\n const [canContribute, setCanContribute] = useState(false);\r\n const [canApprove, setCanApprove] = useState(false);\r\n const [needsApproval, setNeedsApproval] = useState(false);\r\n const [previewTags, setPreviewTags] = useState([]);\r\n const [videoOpen, setVideoOpen] = useState(false);\r\n const contentRef = useRef(null);\r\n const videoRef = useRef(null);\r\n\r\n const getPreviewTags = () => {\r\n var out = [];\r\n if (!selectedOptions) {\r\n for (var i = 0; i < tags.length; i++) {\r\n if (tags[i].showInPreview) {\r\n for (var j = 0; j < tags[i].options.length; j++) {\r\n if (page.options && page.options.indexOf(tags[i].options[j].id) != -1) {\r\n out.push(tags[i].options[j].name);\r\n }\r\n }\r\n }\r\n }\r\n } else {\r\n out = selectedOptions;\r\n }\r\n setPreviewTags(out);\r\n };\r\n useEffect(getPreviewTags, [page, tags]);\r\n\r\n useEffect(() => {\r\n if (page) {\r\n if (page.area == \"article\" || page.area == \"showcase\" || page.area == \"collection\" || page.area == \"page\" || page.area == \"unlisted\") {\r\n setCanContribute(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(page.area + \".contributor\") !== -1);\r\n setCanApprove(auth.user.id && auth.user?.roles && auth.user.roles.indexOf(page.area + \".approver\") !== -1);\r\n } else if (page.area != \"search\" && auth.user.id && auth.user?.roles && auth.user.roles.indexOf(\"admin\") !== -1) {\r\n setCanContribute(true);\r\n setCanApprove(true);\r\n }\r\n }\r\n }, [auth, page]);\r\n\r\n return (\r\n 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 React, { createContext, useState, useContext, useEffect } from 'react';\r\n\r\n// Create the context\r\nconst DarkModeContext = createContext();\r\n\r\n// Combined provider and logic to inject dark mode\r\nexport const DarkModeProvider = ({ children }) => {\r\n const [isDarkMode, setIsDarkMode] = useState(false);\r\n\r\n useEffect(() => {\r\n // Read the user's theme preference from localStorage on initial load\r\n const storedTheme = localStorage.getItem('theme');\r\n \r\n const isDark = storedTheme === 'dark';\r\n\r\n // Set the state based on the stored preference\r\n setIsDarkMode(isDark);\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n // Apply or remove the dark-mode class based on isDarkMode state\r\n if (isDarkMode) {\r\n console.log(\"adding dark mode\");\r\n document.body.classList.add('dark-mode');\r\n localStorage.setItem('theme', 'dark'); // Store the theme preference\r\n } else {\r\n console.log(\"removing dark mode\");\r\n document.body.classList.remove('dark-mode');\r\n localStorage.setItem('theme', 'light'); // Store the theme preference\r\n }\r\n }, [isDarkMode]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n (02) 4221 4004)
\r\n 8:30 AM to 5:00 PM Monday to Friday (AEDT)
\r\n \r\n 8:30 AM to 5:00 PM Monday to Friday (AEDT)
CRICOS 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 console.log(req)\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 return area.features.indexOf(\"publicList\") !== -1 ||\r\n (auth.user.id && auth.user?.roles && area.roles.some(r => auth.user.roles.indexOf(r) !== -1));\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}{injected}
\r\n );\r\n};\r\n\r\nconst defaultProtocols = ['mailto', 'tel'];\r\nconst defaultHostnames = [];\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 = defaultProtocols;\r\n const hostnames = defaultHostnames;\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\n\r\nconst Hijack = ({ children, history }) => {\r\n const injected = useMemo(() => ApplyInjections(children.ref.current, (search) => {\r\n history.push(\"/search?sort=score&filter=\" + search);\r\n }), [children, history]);\r\n\r\n const shouldRouterHandle = (url, event) => {\r\n var destination = getRoute(url);\r\n if (destination !== false) {\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)) || destination.startsWith(window.location.pathname.substr(1))) {\r\n history.push(destination);\r\n window.location.reload();\r\n } else {\r\n history.push(destination);\r\n }\r\n }\r\n event.preventDefault();\r\n }\r\n };\r\n\r\n const onClick = (event) => {\r\n const { ctrlKey, shiftKey, metaKey } = event;\r\n if (ctrlKey || shiftKey || metaKey) {\r\n return;\r\n }\r\n\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 && shouldRouterHandle(href, event);\r\n break;\r\n }\r\n }\r\n };\r\n\r\n return {children}{injected}
;\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