\n \n
\n \n \n );\n }\n}\n\nHeader.propTypes = {\n removeToken: PropType.func.isRequired,\n token: PropType.object.isRequired,\n};\n\nexport default withRouter(Header);\n","import React from \"react\";\nimport { Toaster } from \"react-hot-toast\";\n\nexport default function ToastComponent() {\n return (\n \n
\n \n \n Open main menu\n \n {!this.state.menuOpen ? (\n
\n \n
\n \n \n
\n \n
\n \n {/* Page links in here... */}\n \n Home\n \n \n Course Resources\n \n { this.props.token.claims.includes(\"vm_lab_user\") ? \n \n VM Lab\n \n : <>\n }\n
\n \n
\n \n \n
\n \n
\n \n \n \n \n
\n )}\n \n \n \n
\n {this.state.dropdownOpen && (\n \n {icon && (\n
\n \n );\n}\n\nAlert.defaultProps = {\n color: \"red\",\n title: null,\n icon: null,\n className: \"\"\n};\n\nAlert.propTypes = {\n color: PropTypes.string.isRequired,\n};\n\nexport default Alert;\n","import React from \"react\";\n\nfunction Panel({ noMargin, header, children, footer, className, ...props }) {\n return (\n \n
\n )}\n \n {title &&
\n {title}
}\n {children}\n \n {header}\n
\n )}\n {children}\n {footer && (\n \n {footer}\n
\n )}\n \n );\n}\n\nPanel.defaultProps = {\n noMargin: false,\n className: \"\",\n};\n\nexport default Panel;\n","function findLogoImage(logo) {\n const overrideMapping = {\n \"Graylog.svg\": \"graylog.png\",\n \"FELogo.png\": \"fireeye-logomark.png\",\n \"PTNG.jpg\": \"staging.png\",\n \"BooksLaptop.jpg\": \"course-resources.png\",\n \"curriculums.jpg\": \"curriculum.png\",\n \"courseManagement.jpg\": \"course_management.png\",\n \"replay.png\": 'replay.png',\n \"xpand.png\": 'X.png',\n };\n\n return overrideMapping[logo] || logo;\n}\n\nexport default findLogoImage;\n","import React from \"react\";\nimport Panel from \"../../Panel/Panel\";\nimport findLogoImage from \"../../../util/findLogoImage\";\nimport { Link } from \"react-router-dom\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faExternalLinkAlt } from \"@fortawesome/free-solid-svg-icons\";\n\nconst renderTile = (tile, isInternal) => (\n \n {!isInternal && (\n
\n \n);\n\nfunction Tile({ tile }) {\n /**\n * Determine whether the tile is internal to the site\n * or needs to be externally linked\n */\n const isInternal = tile.link.charAt(0) === \"/\";\n\n if (isInternal) {\n return {renderTile(tile, isInternal)};\n }\n\n return (\n \n {renderTile(tile, isInternal)}\n \n );\n}\n\nexport default Tile;\n","import {\n faCircleNotch,\n faTimesCircle,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport axios from \"axios\";\nimport React, { useState, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { withRouter } from \"react-router-dom\";\nimport Alert from \"../../components/Alert/Alert\";\nimport Container from \"../../components/Layout/Container\";\nimport Tile from \"../../components/Pages/Home/Tile\";\nimport qs from \"qs\";\n\nfunction renderTiles(tiles, searchString) {\n let renderedTiles = tiles.map((tile, index) => {\n if (tile.name.toLowerCase().includes(searchString.toLowerCase())) {\n return \n
\n )}\n \n
\n \n
\n \n
\n \n {tile.name}\n
\n{tile.subtitle}
\n\n
\n );\n }\n\n return renderedTiles;\n}\n\nfunction Home({ token, ...props }) {\n const [loading, setLoading] = useState(true);\n const [tiles, setTiles] = useState(null);\n const [searchString, setSearchString] = useState(\"\");\n const [permissionsIssue, setPermissionsIssue] = useState(false);\n\n // Get the query string params (if the user has been redirected)\n const queryString = qs.parse(props.location.search, {\n ignoreQueryPrefix: true,\n });\n\n // Check if there's any message in the queryString\n if (queryString.hasOwnProperty(\"message\") && queryString.message !== \"registered\" && !permissionsIssue) {\n setPermissionsIssue(true);\n }\n\n const getTiles = () => {\n axios\n .get(`${process.env.REACT_APP_API}/landing.json`)\n .then(({ data }) => {\n setLoading(false);\n setTiles(data);\n })\n .catch((error) => console.error(error));\n };\n\n /**\n * Get the tiles as soon as the component mounts\n */\n useEffect(() => {\n getTiles();\n }, []);\n\n return (\n \n No tiles found for \"{searchString}\", please try again.\n
\n\n
\n\n {permissionsIssue && (\n \n
\n \n Welcome, {token.profile.firstname}\n
\n\n setSearchString(e.target.value)}\n value={searchString}\n />\n
\n \n \n
\n
\n ) : (\n \n
\n \n {tiles && renderTiles(tiles, searchString)}\n
\n )}\n \n
\n {showErrorPanel ||\n (somethingWentWrong && (\n \n setUsername(e.target.value)}\n value={username}\n />\n
\n \n setPassword(e.target.value)}\n value={password}\n />\n
\n \n \n \n
\n ))}\n {invalidCredentials && (\n \n Something went wrong, please re-authenticate and\n try again.\n
\n \n \n \n
\n )}\n \n Invalid credentials, please try again.\n
\n \n \n
\n\n \n setHasForgotPassword(true)}\n >\n Forgot password?\n
\n \n \n );\n}\n\nexport default LoginForm;\n","function extractCnFromDn(dn) {\n const regex = /^cn=(.*?),ou=(.*?),dc=(.*?)$/;\n const array = regex.exec(dn);\n return array[1] || null;\n}\n\nexport default extractCnFromDn;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport axios from \"axios\";\nimport toast from \"react-hot-toast\";\nimport {\n faCircleNotch,\n faExclamationTriangle,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport extractCnFromDn from \"../../../util/extractCnFromDn\";\nimport Alert from \"../../Alert/Alert\";\nimport Button from \"../../Button/Button\";\nimport Panel from \"../../Panel/Panel\";\n\nfunction verifyGeneratedCode(\n e,\n code,\n setToken,\n setSomethingWentWrong,\n setLoggedIn\n) {\n e.preventDefault();\n\n axios\n .post(`${process.env.REACT_APP_API}/user/otpverify.json`, {\n code: code,\n })\n .then(({ data }) => {\n if (data.status.includes(\"OTP Verified\")) {\n let parsedGroups = data.info.groups.map((group) =>\n extractCnFromDn(group)\n );\n setToken({\n profile: data.info.user,\n claims: parsedGroups,\n });\n } else {\n setSomethingWentWrong(true);\n setLoggedIn(false);\n toast.error((t) => (\n \n Oops, something went wrong.\n \n Please log in again.\n \n ));\n }\n })\n .catch((error) => {\n console.error(error);\n setSomethingWentWrong(true);\n setLoggedIn(false);\n });\n}\n\nexport default function TwoFactorSetup({ setLoggedIn, setToken }) {\n const [showQrCode, setShowQrCode] = useState(false);\n const [qrCodeObject, setQrCodeObject] = useState(null);\n const [verifyCode, setVerifyCode] = useState(\"\");\n const [somethingWentWrong, setSomethingWentWrong] = useState(false);\n\n const codeInputRef = useRef();\n\n useEffect(() => {\n if (codeInputRef.current) {\n codeInputRef.current.focus();\n }\n });\n\n const getQrCodeObject = () => {\n axios\n .get(`${process.env.REACT_APP_API}/user/showOTPQRcode.json`)\n .then(({ data }) => setQrCodeObject(data))\n .catch((error) => console.error(error));\n };\n\n return (\n
\n \n \n
\n );\n}\n","import React, { useState, useEffect, useRef } from \"react\";\nimport axios from \"axios\";\nimport Button from \"../../Button/Button\";\nimport Panel from \"../../Panel/Panel\";\nimport Alert from \"../../Alert/Alert\";\nimport extractCnFromDn from \"../../../util/extractCnFromDn\";\nimport { faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\n\nfunction verifyGeneratedCode(\n e,\n code,\n setToken,\n setSomethingWentWrong,\n setLoggedIn,\n needsToRedirect\n) {\n e.preventDefault();\n\n axios\n .post(`${process.env.REACT_APP_API}/user/otpverify.json`, {\n code: code,\n })\n .then(({ data }) => {\n if (data.status.includes(\"OTP Verified\")) {\n /**\n * If the user needs to be redirected, redirect them here\n */\n if (needsToRedirect !== null) {\n console.log(\"Attempting to redirect user...\");\n window.location = needsToRedirect;\n }\n\n let parsedGroups = data.info.groups.map((group) =>\n extractCnFromDn(group)\n );\n setToken({\n profile: data.info.user,\n claims: parsedGroups,\n });\n } else {\n setSomethingWentWrong(true);\n setLoggedIn(false);\n }\n })\n .catch((error) => {\n setSomethingWentWrong(true);\n setLoggedIn(false);\n });\n}\n\nexport default function VerifyOtp({\n setLoggedIn,\n setToken,\n needsToRedirect,\n setSomethingWentWrong,\n}) {\n const [verifyCode, setVerifyCode] = useState(\"\");\n\n const codeInputRef = useRef();\n\n useEffect(() => {\n codeInputRef.current.focus();\n });\n\n return (\n \n For extra security you must setup MFA\n
\n (Multi-factor Authentication)\n
\n
\n )}\n {!showQrCode && (\n \n Please scan the QR Code below into your\n authenticator application (Google Authenticator\n recommended).\n
\n\n {qrCodeObject ? (\n
\n {somethingWentWrong && (\n \n
\n ) : (\n \n
\n \n
\n \n {qrCodeObject.code}\n \n \n
\n )}\n \n \n Please try scanning the QR Code above again\n and re-entering your verification code.\n \n
\n )}\n \n Once scanned, please verify by entering the six\n digit code generated and click \"Verify\" to complete\n this process.\n
\n \n\n {\n setShowQrCode(true);\n getQrCodeObject();\n }}\n block\n size=\"md\"\n color=\"gray\"\n >\n Generate QR Code\n \n
\n )}\n \n \n \n
\n );\n}\n","import React, { useState } from \"react\";\nimport Button from \"../../Button/Button\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faEnvelope } from \"@fortawesome/free-solid-svg-icons\";\nimport toast from \"react-hot-toast\";\nimport axios from \"axios\";\n\nfunction ForgotPassword({ setHasForgotPassword }) {\n const [emailAddress, setEmailAddress] = useState(\"\");\n\n const verifyEmailAddress = () => {\n if (emailAddress === \"\" || !emailAddress.includes(\"@\")) {\n toast.error(\"Please enter a valid email address\");\n return false;\n }\n\n return true;\n };\n\n const submitForm = () => {\n let resetPromise = axios\n .post(\n `${process.env.REACT_APP_API}/users/set_forgot_token.json?email=${emailAddress}`\n )\n .then(({ data }) => setHasForgotPassword(false));\n\n toast.promise(resetPromise, {\n loading: \"Sending reset email...\",\n success: \"Reset email sent\",\n error: \"Failed to send reset email\",\n });\n };\n\n return (\n \n Please verify your login by entering the six digit code\n generated by your authenticator application and clicking\n \"Verify\" below.\n
\n \n\n
\n \n setEmailAddress(e.target.value)}\n value={emailAddress}\n />\n
\n \n
\n \n );\n}\n\nexport default ForgotPassword;\n","import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport qs from \"qs\";\nimport logo from \"../../images/Trellix_LOGO_Color_Graphite.png\";\nimport LoginForm from \"../../components/Pages/Login/LoginForm\";\nimport Alert from \"../../components/Alert/Alert\";\nimport TwoFactorSetup from \"../../components/Pages/Login/TwoFactorSetup\";\nimport VerifyOtp from \"../../components/Pages/Login/VerifyOtp\";\nimport ToastComponent from \"../../components/Toast/ToastComponent\";\nimport {\n faCheckCircle,\n faExclamationCircle,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport ForgotPassword from \"../../components/Pages/Login/ForgotPassword\";\n\nfunction Login({ setToken }) {\n const [loggedIn, setLoggedIn] = useState(false);\n const [hasTwoFactor, setHasTwoFactor] = useState(false);\n const [isComingFromRegistration, setIsComingFromRegistration] =\n useState(false);\n const [isComingFromInvalidToken, setIsComingFromInvalidToken] =\n useState(false);\n const [needsToRedirect, setNeedsToRedirect] = useState(null);\n const [somethingWentWrong, setSomethingWentWrong] = useState(false);\n const [hasForgotPassword, setHasForgotPassword] = useState(false);\n\n // Get the query string params (if the user has been redirected)\n const queryString = qs.parse(window.location.search, {\n ignoreQueryPrefix: true,\n });\n\n // Check if the query string contains the 'registered' string and show an alert\n // message to tell the user their registration was successful.\n if (\n \"message\" in queryString &&\n queryString.message === \"registered\" &&\n !isComingFromRegistration\n ) {\n setIsComingFromRegistration(true);\n }\n\n // Check if the query string contains the 'already_registered' string and show an alert\n // message to tell the user they have already registered.\n if (\n \"message\" in queryString &&\n queryString.message === \"already_registered\" &&\n !isComingFromInvalidToken\n ) {\n setIsComingFromInvalidToken(true);\n }\n\n // Check if the query string contains the 'registered' string and show an alert\n // message to tell the user their registration was successful.\n if (\"uri\" in queryString && needsToRedirect === null) {\n setNeedsToRedirect(queryString.uri);\n }\n\n return (\n \n
\n \n \n
\n \n setHasForgotPassword(false)}\n color=\"red\"\n >\n
\n Cancel
\n \n \n
\n );\n}\n\nLogin.propTypes = {\n setToken: PropTypes.func.isRequired,\n};\n\nexport default Login;\n","import React from \"react\";\n\nfunction AlternateLoader() {\n return (\n \n
\n \n Training Labs 2.0\n
\n {hasForgotPassword ? (\n\n {isComingFromRegistration && (\n \n \n Thank you for registering. To complete the\n registration process, please sign in below\n and enable Multi-Factor Authentication (MFA)\n for your account.\n \n \n )}\n\n {isComingFromInvalidToken && (\n \n \n You may have already registered. Please log in\n using the credentials you provided during\n the registration process.\n \n \n )}\n
\n ) : hasTwoFactor ? (\n \n onChange(e.target.value)}\n value={value}\n step={step}\n autoComplete={autoComplete}\n disabled={disabled}\n />\n {hasError && (\n
\n );\n}\n\nInput.propTypes = {\n ariaLabel: PropType.string,\n name: PropType.string.isRequired,\n id: PropType.string.isRequired,\n type: PropType.string.isRequired,\n required: PropType.bool.isRequired,\n placeholder: PropType.string.isRequired,\n onChange: PropType.func.isRequired,\n value: PropType.string.isRequired,\n disabled: PropType.bool,\n autoComplete: PropType.string,\n hasError: PropType.bool,\n};\n\nInput.defaultProps = {\n ariaLabel: \"no-aria-label\",\n type: \"text\",\n disabled: false,\n required: false,\n autoComplete: \"on\",\n hasError: false,\n step: undefined,\n disabled: false,\n};\n\nexport default Input;\n","import React from \"react\";\nimport toast from \"react-hot-toast\";\n\nfunction RegisterValidator(params) {\n let errors = [];\n let validated = true;\n\n /**\n * Username checks\n */\n if (!params.username) {\n errors.push(\n
\n )}\n \n
\n ));\n }\n\n return validated;\n}\n\nexport default RegisterValidator;\n","import React, { useState } from \"react\";\nimport { Redirect } from \"react-router\";\nimport axios from \"axios\";\nimport Button from \"../../Button/Button\";\nimport Input from \"../../Form/Input\";\nimport Panel from \"../../Panel/Panel\";\nimport Alert from \"../../Alert/Alert\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport RegisterValidator from \"../../Form/Validators/RegisterValidator\";\nimport { faUserPlus } from \"@fortawesome/free-solid-svg-icons\";\n\nfunction RegistrationForm({ email, token }) {\n const [username, setUsername] = useState(\"\");\n const [firstName, setFirstName] = useState(\"\");\n const [surname, setSurname] = useState(\"\");\n const [company, setCompany] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [confirmPassword, setConfirmPassword] = useState(\"\");\n const [isUserIdTaken, setIsUserIdTaken] = useState(false);\n\n const formatFormParams = () => {\n return {\n username,\n firstName,\n surname,\n company,\n password,\n confirmPassword,\n };\n };\n\n const submitForm = (params) => {\n axios\n .post(`${process.env.REACT_APP_API}/user/enrol.json`, {\n token,\n username,\n firstName,\n surname,\n company,\n password,\n password2: params.confirmPassword,\n })\n .then(({ data }) => {\n if (\n \"status\" in data &&\n data.status === \"Registration Completed\"\n ) {\n window.location.replace(\"/?message=registered\");\n }\n\n if (\n \"status\" in data &&\n data.status === \"UserID already taken\"\n ) {\n setIsUserIdTaken(true);\n }\n });\n };\n\n return (\n Please address the following errors:
\n \n
\n - {errors}
\n \n \n
\n );\n}\n\nexport default RegistrationForm;\n","import { faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport axios from \"axios\";\nimport React, { useState, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport toast from \"react-hot-toast\";\nimport AlternateLoader from \"../../components/Loader/AlternateLoader\";\nimport RegistrationForm from \"../../components/Pages/Register/RegistrationForm\";\nimport ToastComponent from \"../../components/Toast/ToastComponent\";\nimport logo from \"../../images/Trellix_LOGO_Color_Graphite.png\";\n\nconst getTokenFromUrl = () => {\n const url = window.location.pathname;\n const lastIndexOf = url.lastIndexOf(\"/\");\n return url.substring(lastIndexOf + 1);\n};\n\nfunction Register(props) {\n const token = getTokenFromUrl();\n const [isLoading, setIsLoading] = useState(true);\n const [isInvalidToken, setIsInvalidToken] = useState(false);\n const [email, setEmail] = useState(null);\n\n const getEmailFromToken = () => {\n axios\n .get(`${process.env.REACT_APP_API}/register/${token}.json`)\n .then(({ data }) => {\n /**\n * If a status is returned, the token is invalid, else\n * set the email field to display\n */\n if (\"status\" in data) {\n setIsInvalidToken(true);\n window.location.replace(\"/?message=already_registered\");\n } else {\n setEmail(data.email);\n }\n\n setIsLoading(false);\n })\n .catch((error) => {\n toast.error(\"Unable to validate token\");\n });\n };\n\n useEffect(getEmailFromToken, [token]);\n\n return (\n \n
\n\n \n
\n Welcome, {email}
\n\n Please enter your details below to register. Please\n note that the information provided here will be used\n to generate future training completion certificates.\n
\n\n \n That username is already taken. Please try\n another.\n \n )}\n
\n \n Username\n
\n\n
\n \n First Name\n
\n\n
\n \n Surname\n
\n\n
\n \n Company\n
\n\n
\n \n Password\n
\n\n Minimum of eight characters. Must contain one of\n each of the following: Uppercase letter, lowercase\n letter, number & special character.\n
\n\n
\n \n Confirm Password\n
\n\n \n RegisterValidator(formatFormParams()) &&\n submitForm(formatFormParams())\n }\n >\n
\n \n \n
\n \n \n
\n );\n}\n\nexport default Register;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Link as ReactRouterDomLink } from \"react-router-dom\";\n\nexport default function Link(props) {\n return (\n \n
\n \n Registration | Training Labs 2.0\n
\n {isLoading ? (\n\n
\n ) : isInvalidToken ? (\n \n Verifying token, please wait...\n
\n \n
\n ) : (\n \n Invalid token! Redirecting to login...\n
\n \n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport { AgGridReact } from \"ag-grid-react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faBars } from \"@fortawesome/free-solid-svg-icons\";\n\nfunction Table({ insidePanel, gridOptions, rowData, ...props }) {\n const [api, setApi] = useState(null);\n\n const onGridReady = (params) => {\n setApi(params.api);\n\n if (props.captureApi !== null) {\n props.captureApi(params.api);\n }\n\n if (props.sizeColumnsToFit) {\n params.api.sizeColumnsToFit();\n }\n\n window.addEventListener('resize', function () {\n setTimeout(function () {\n params.api.sizeColumnsToFit();\n })\n })\n\n };\n\n useEffect(() => {\n if (api) {\n api.resetRowHeights();\n }\n }, [rowData, api]);\n\n return (\n \n Oops, something went wrong!\n
\n \n Click here to return home.\n
\n \n \n
\n \n Filter the table by clicking the{\" \"}\n
\n {headerContent && (\n \n {children}\n
\n \n {headerContent}\n
\n )}\n \n \n
\n \n \n );\n}\n\nModal.defaultProps = {\n isOpen: false,\n size: \"md\",\n headerContent: null,\n footerContent: null,\n closeWording: \"Close\",\n closeButtonColor: \"red\",\n capMaxSize: true,\n};\n\nexport default Modal;\n","import React, { useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport Button from \"../../Button/Button\";\nimport { faSync } from \"@fortawesome/free-solid-svg-icons\";\nimport axios from \"axios\";\nimport toast from \"react-hot-toast\";\nimport Tippy from \"@tippyjs/react\";\nimport Modal from \"../../Modal/Modal\";\n\nfunction NormalUsersActions(props) {\n const [confirmModalOpen, setConfirmModalOpen] = useState(false);\n\n /**\n * Render the confirm button inside the modal footer\n */\n const getConfirmButton = () => (\n \n );\n\n const resetOtp = () => {\n let resetPromise = axios\n .get(\n `${process.env.REACT_APP_API}/user/resetOTP.json?uid=${props.data.uid}`\n )\n .then(() => props.getUsers())\n .then(() => setConfirmModalOpen(false));\n\n toast.promise(resetPromise, {\n loading: \"Resetting...\",\n success: \"Reset OTP\",\n error: \"Failed resetting OTP\",\n });\n };\n\n return (\n \n setIsOpen(false)}\n >\n {closeWording}\n \n
\n {footerContent}
\n \n \n \n \n This action will remove the OTP tokens stored for this user and\n force them to enrol again. Are you sure you want to continue?\n \n
\n );\n}\n\nexport default NormalUsersActions;\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport Table from \"../../Table/Table\";\nimport Username from \"../../CellRenderers/Users/Username\";\nimport NormalUsersActions from \"../../CellRenderers/Users/NormalUsersActions\";\n\nfunction NormalUsers(props) {\n const [users, setUsers] = useState(null);\n\n const getUsers = () => {\n axios\n .get(`${process.env.REACT_APP_API}/users.json`)\n .then(({ data }) => {\n setUsers(data.users);\n })\n .catch((error) => console.error(error));\n };\n\n useEffect(() => {\n getUsers();\n }, []);\n\n const gridOptions = {\n getRowNodeId(data) {\n return data.uid;\n },\n paginationPageSize: 50,\n columnDefs: [\n {\n headerName: \"Name\",\n field: \"name\",\n cellRendererFramework: Username,\n },\n {\n headerName: \"UID\",\n field: \"uid\",\n },\n {\n headerName: \"Company\",\n field: \"company\",\n },\n {\n headerName: \"Email\",\n field: \"email\",\n },\n {\n headerName: \"Actions\",\n field: \"otpenabled\",\n cellRendererFramework: NormalUsersActions,\n cellRendererParams: {\n token: props.token,\n getUsers: getUsers,\n },\n },\n ],\n };\n\n return \n setConfirmModalOpen(true)}\n disabled={!props.data.otpenabled}\n >\n
\n \n \n \n \n This action will remove the OTP tokens stored for this user and\n force them to enrol again. Are you sure you want to continue?\n \n
\n );\n }\n\n return ;\n}\n\nexport default StaffUsersActions;\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport Table from \"../../Table/Table\";\nimport Username from \"../../CellRenderers/Users/Username\";\nimport StaffUsersActions from \"../../CellRenderers/Users/StaffUsersActions\";\n\nfunction StaffUsers(props) {\n const [users, setUsers] = useState(null);\n\n const getUsers = () => {\n axios\n .get(`${process.env.REACT_APP_API}/users.json?type=staff`)\n .then(({ data }) => {\n setUsers(data.users);\n })\n .catch((error) => console.error(error));\n };\n\n useEffect(() => {\n getUsers();\n }, []);\n\n const gridOptions = {\n getRowNodeId(data) {\n return data.uid;\n },\n paginationPageSize: 30,\n columnDefs: [\n {\n headerName: \"Name\",\n field: \"name\",\n cellRendererFramework: Username,\n },\n {\n headerName: \"UID\",\n field: \"uid\",\n },\n {\n headerName: \"Company\",\n field: \"company\",\n },\n {\n headerName: \"Email\",\n field: \"email\",\n },\n {\n headerName: \"Actions\",\n field: \"otpenabled\",\n cellRendererFramework: StaffUsersActions,\n cellRendererParams: {\n token: props.token,\n getUsers: getUsers,\n },\n },\n ],\n };\n\n return \n \n
\n \n {props.data.id ?\n
\n );\n}\n\nexport default AwaitingActions;\n","import { faClipboard } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport React from \"react\";\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\nimport toast from \"react-hot-toast\";\n\nfunction RegisterLink(props) {\n return (\n \n \n Are you sure you want to remove {props.data.email}?\n \n
\n : <>\n }\n \n \n \n \n \n
\n \n \n setConfirmModalOpen(!confirmModalOpen)\n }\n >\n
\n \n \n
\n \n {props.crumbs.map((crumb, index, array) => {\n if (array.length - 1 === index) {\n return (\n
\n \n {crumb.name}\n
\n );\n }\n\n return (\n \n \n {crumb.name === \"Home\" ? (\n
\n );\n })}\n \n
\n \n \n Users \n \n\n \n \n setSelectedUsers(\"staff\")}\n >\n Staff\n
\n \n setSelectedUsers(\"normal\")}\n >\n Users\n
\n \n \n \n
\n }\n \n\n \n {selectedUsers === \"normal\" ? (\n
\n \n \n \n );\n}\n\nexport default Users;\n","import React from \"react\";\nimport PropType from \"prop-types\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\n\nfunction StackedLabel({ icon, label, value }) {\n return (\n \n
\n );\n}\n\nStackedLabel.propTypes = {\n label: PropType.string.isRequired,\n};\n\nexport default StackedLabel;\n","import React from \"react\";\nimport Button from \"../../Button/Button\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faDownload } from \"@fortawesome/free-solid-svg-icons\";\nimport Tippy from \"@tippyjs/react\";\nimport moment from \"moment\";\n\nfunction StudentCertificateDownload(props) {\n if ( props.tokens && props.token.claims.includes(\"user-admin\") && moment(props.data.startDate).add(props.data.duration, 'days').isBefore(moment())) {\n return (\n \n {icon && (\n
\n {value}
\n \n \n \n \n
\n \n {value}\n
\n \n
\n ));\n }\n\n return validated;\n };\n\n const submitForm = () => {\n setIsCreating(true);\n var this_user_id = \"\"\n if (user_id && token.claims.includes(\"user-admin\")) { this_user_id = user_id }\n\n let createPromise = axios\n .post(`${process.env.REACT_APP_API}/vms.json`, {\n description: name,\n vm_template_id: selectedImage,\n user_id: this_user_id,\n })\n .then(() => refreshVms())\n .then(() => setIsCreating(false))\n .then(() => setIsCreateVmModalOpen(false));\n\n toast.promise(createPromise, {\n loading: \"Creating VM...\",\n success: \"Created VM\",\n error: \"Failed to create VM\",\n });\n };\n\n return (\n Please address the following errors:
\n \n
\n - {errors}
\n {isCreating && (\n
\n {token.claims.includes(\"vm-admin\") ?\n \n
\n )}\n This may take a minute or two...
\n VM Type*
\n\n {templates.vm_types.map((type, index) => (\n setSelectedType(type.vmtype)}\n className={`text-center px-3 py-2 cursor-pointer border ${selectedType === type.vmtype\n ? \"bg-teal-100 border-teal-300\"\n : \"border-gray-300\"\n }`}\n >\n {type.vmtype}\n
\n ))}\n \n setShowDevVMS(e.target.checked)}\n />\n
\n : <>\n }\n Show Dev VMS
\nImage*
\n\n { [...templates.vm_templates, ...templates.vm_devs].filter(\n (item) => (item.vm_type === selectedType &&\n item.devvm === showDevVMS &&\n item.enabled === true )\n ).length ? (\n [...templates.vm_templates, ...templates.vm_devs]\n .filter((item) => (item.vm_type === selectedType &&\n item.devvm === showDevVMS &&\n item.enabled === true)\n ).map((image, index) => (\n \n \n setSelectedImage(image.id)\n }\n className={`flex flex-col space-y-4 items-center justify-center h-28 text-center px-3 py-2 cursor-pointer border ${selectedImage === image.id\n ? \"bg-teal-100 border-teal-300\"\n : \"border-gray-300\"\n }`}\n >\n
\n \n ))\n ) : (\n \n
\n \n {image.name}\n
\n \n No {selectedType} templates found.\n
\n )}\n \n Name*
\n\n Name is required.\n
\n )}\n \n ) : (\n\n
\n )}\n \n );\n}\n\nexport default CreateVmModal;\n","import Badge from \"../../Badge/Badge\";\n\nfunction StatusIndicator(props) {\n return (\n Loading VM Templates...
\n \n deleteVm()}\n >\n {isDeleting ? (\n
\n
\n This action cannot be undone.\n \n stopVm()}\n >\n {isStopping ? (\n
\n );\n}\n\nexport default StudentActions;\n","import { faSave } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport axios from \"axios\";\nimport React, { useState } from \"react\";\nimport toast from \"react-hot-toast\";\nimport Button from \"../../Button/Button\";\nimport Input from \"../../Form/Input\";\nimport Modal from \"../../Modal/Modal\";\nimport Tippy from \"@tippyjs/react\";\n\n\nfunction TemplateName(props) {\n const [infoModalOpen, setInfoModalOpen] = useState(false);\n const [editName, setEditName] = useState(props.data.description);\n\n const updateName = () => {\n let updatePromise = axios\n .put(`${process.env.REACT_APP_API}/vms/${props.data.id}.json`, {\n description: editName,\n })\n .then(() => setInfoModalOpen(false))\n .then(() => props.refreshVms())\n .catch((error) => console.error(error));\n\n toast.promise(updatePromise, {\n loading: \"Updating VM...\",\n success: \"Updated VM\",\n error: \"Failed updating VM\",\n });\n };\n\n return (\n \n {props.data.status == \"running\" ? (\n \n \n )}\n \n
\n \n \n \n
\n ) : (\n \n {props.data.console && (\n \n \n \n \n )}\n {props.data.web && props.data.ipaddress && (\n \n \n \n \n )}\n
\n \n \n setConfirmStopModalOpen(true)\n }\n >\n
\n \n startVm()}\n >\n
\n \n setConfirmDeletionModalOpen(true)}\n >\n
\n \n \n
\n This action cannot be undone.\n \n
Are you sure you want to stop this VM?
\n\n This is a hard stop, therefore, any running applications may\n lose data.\n
\nThis action cannot be undone.
\n \n\n
\n \n \n \n\n }\n
\n \n {props.showModal ? (\n setInfoModalOpen(true)}\n >\n \n \n
\n ) : \n {props.value}\n
\n \n {props.value}\n
\n \n
\n \n \n );\n}\n\nTemplateName.defaultProps = {\n showModal: false,\n};\n\nexport default TemplateName;\n","import { faMinus, faPlay } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport moment from \"moment\";\n\nfunction LastBoot(props) {\n return (\n \n
\n\n \n \n
\n VM Name
\n \n {props.data.description}\n
\n \n
\n Type
\n {props.data.vm_type} {props.data.vm_type === \"FireEye\" ?\n <>({props.data.fe_model}) :\n <>}\n
\n \n
\n Template Name
\n {props.data.vm_template_name}
\n \n
\n\n Template ID
\n {props.data.vm_template_id}
\n \n
\n Status
\n {props.data.status}
\n \n
\n Last Boot
\n {props.data.lastboot}
\n \n
\n IP Address
\n {props.data.ipaddress}
\n \n
\n MAC Address
\n {props.data.macaddress}
\n \n
\n Node
\n {props.data.node}
\n \n
\n VMID
\n {props.data.vmid}
\n \n
\n Username
\n {props.data.username}
\n \n
\n {props.data.licenses && (\n props.data.licenses.map((license, index) => \n Password
\n {props.data.password}
\n \n
\n )\n )}\n {license.license_type}
\n {license.license_key}
\n \n
\n );\n}\n\nexport default LastBoot;\n","import { faMinus, faPlay } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport moment from \"moment\";\n\nfunction VmTypeDetails(props) {\n return (\n \n {props.data.vm_type} {props.data.vm_type == \"Trellix\" ? <> ({props.data.fe_model}) : <>}\n \n
\n );\n}\n\nexport default VmTypeDetails;\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport moment, { duration } from \"moment\";\nimport Tippy from \"@tippyjs/react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faClock,\n faCogs,\n faPlus,\n faServer,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport Container from \"../../Layout/Container\";\nimport Panel from \"../../Panel/Panel\";\nimport Button from \"../../Button/Button\";\nimport Table from \"../../Table/Table\";\nimport CreateVmModal from \"../../Pages/Vms/CreateVmModal\";\nimport StatusIndicator from \"../../CellRenderers/Vms/StatusIndicator\";\nimport StudentActions from \"../../CellRenderers/Vms/StudentActions\";\nimport TemplateName from \"../../CellRenderers/Vms/TemplateName\";\nimport LastBoot from \"../../CellRenderers/Vms/LastBoot\";\nimport VmTypeDetails from \"../../CellRenderers/Vms/VmTypeDetails\";\n\nfunction LabVMTable(props) {\n const [lastUpdated, setLastUpdated] = useState(moment());\n const [isCreateVmModalOpen, setIsCreateVmModelOpen] = useState(false);\n const [vmsList, setVmsList] = useState(null);\n const getVmsList = () => {\n var this_user = \"\";\n if (props.token.claims.includes(\"user-admin\") || props.token.claims.includes(\"guest-instructor\")) {\n if (props.userid) {\n this_user = `?userid=${props.userid}`;\n }\n }\n axios\n .get(`${process.env.REACT_APP_API}/vms.json${this_user}`)\n .then(({ data }) => setVmsList(data))\n .then(() => setLastUpdated(moment()))\n .catch((error) => console.error(error));\n };\n\n useEffect(() => {\n getVmsList();\n }, []);\n\n useEffect(() => {\n const checkTimeSinceLastUpdate = () => {\n let now = moment();\n let duration = moment.duration(now.diff(lastUpdated));\n\n return parseInt(duration.asSeconds());\n };\n\n let refreshInterval = setInterval(() => {\n /**\n * Check the time since the vms were last updated\n */\n if (checkTimeSinceLastUpdate() >= 30) {\n getVmsList();\n }\n }, 1000);\n\n return () => {\n clearInterval(refreshInterval);\n };\n }, [lastUpdated]);\n\n const gridOptions = {\n getRowNodeId(data) {\n return data.id;\n },\n paginationPageSize: 15,\n columnDefs: [\n {\n headerName: \"Name\",\n field: \"description\",\n cellRendererFramework: TemplateName,\n cellRendererParams: {\n showModal: true,\n refreshVms: getVmsList,\n },\n },\n {\n headerName: \"Type\",\n field: \"vm_type\",\n sort: \"asc\",\n width: 250,\n cellRendererFramework: VmTypeDetails,\n },\n {\n headerName: \"Status\",\n field: \"status\",\n cellRendererFramework: StatusIndicator,\n },\n {\n headerName: \"Last Boot\",\n field: \"lastboot\",\n cellRendererFramework: LastBoot,\n },\n {\n headerName: \"IP Address\",\n field: \"ipaddress\",\n },\n {\n headerName: \"Actions\",\n field: \"full_status\",\n cellRendererFramework: StudentActions,\n cellRendererParams: {\n refreshVms: getVmsList,\n },\n },\n ],\n };\n\n return (\n <>\n \n
\n\n \n \n
\n
\n \n
\n \n setIsCreateVmModelOpen(true)}\n >\n
\n \n \n
\n \n
\n \n \n
\n \n \n {timeformat}\n \n }\n />\n
\n\n \n \n \n Change Password\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n )}\n
\n );\n}\n\nexport default GoToCourseResource;\n","import axios from \"axios\";\nimport moment from \"moment\";\nimport React, { useEffect, useState } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport toast from \"react-hot-toast\";\nimport Container from \"../../components/Layout/Container\";\nimport Panel from \"../../components/Panel/Panel\";\nimport Button from \"../../components/Button/Button\";\nimport Table from \"../../components/Table/Table\";\nimport AlternateLoader from \"../../components/Loader/AlternateLoader\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faBook,\n faCalendarAlt,\n faChalkboardTeacher,\n faDownload,\n faFlask,\n faQuestionCircle,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport GoToCourseResource from \"../../components/CellRenderers/CourseResources/GoToCourseResource\";\nimport CourseStatus from \"../../components/CellRenderers/CourseResources/CourseStatus\";\nimport CourseLink from \"../../components/Pages/Users/CourseLink\";\n\nfunction CourseResources(props) {\n const [courseResources, setCourseResources] = useState(null);\n\n const getCourseResources = () => {\n let getPromise = axios\n .get(`${process.env.REACT_APP_API}/student/course_resources.json`)\n .then(({ data }) => setCourseResources(data));\n\n toast.promise(getPromise, {\n success: \"Retrieved course resources\",\n error: \"Failed retrieving course resources\",\n loading: \"Loading...\",\n });\n };\n\n useEffect(() => {\n getCourseResources();\n }, []);\n\n const gridOptions = {\n getRowNodeId(data) {\n return data.course_id;\n },\n paginationPageSize: 15,\n columnDefs: [\n {\n headerName: \"Course Name\",\n field: \"curriculum_title\",\n cellRendererFramework: CourseLink\n },\n {\n headerName: \"Start Date\",\n field: \"startDate\",\n width: 150,\n suppressSizeToFit: true,\n sort: \"desc\",\n },\n {\n headerName: \"Duration\",\n field: \"duration\",\n width: 70,\n },\n {\n headerName: \"Status\",\n field: \"\",\n width: 150,\n suppressSizeToFit: true,\n cellRendererFramework: CourseStatus,\n },\n {\n headerName: \"Actions\",\n field: \"course_id\",\n cellRendererFramework: GoToCourseResource,\n cellRendererParams: {\n token: props.token,\n },\n },\n ],\n };\n\n return (\n \n \n Students \n \n \n \n \n\n {courseResources ? (\n courseResources.students.length > 0 ? (\n \n \n ) : (\n \n
\n );\n}\n\nexport default CourseResources;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faCircleNotch } from \"@fortawesome/free-solid-svg-icons\";\n\nfunction Toggle({ isEnabled, onClick, isLoading, size, disabled }) {\n const getSizing = (size) => {\n switch (size) {\n case \"md\":\n return {\n toggleWidth: \"w-10\",\n toggleHeight: \"w-6\",\n dotSize: \"w-4 h-4\",\n translateSize: \"translate-x-4\",\n };\n case \"sm\":\n // code block\n return {\n toggleWidth: \"w-6\",\n toggleHeight: \"w-4\",\n dotSize: \"w-2 h-2\",\n translateSize: \"translate-x-2\",\n };\n default:\n return {\n toggleWidth: \"w-10\",\n toggleHeight: \"w-6\",\n dotSize: \"w-4 h-4\",\n translateSize: \"translate-x-4\",\n };\n }\n };\n\n const sizes = getSizing(size);\n\n return (\n \n Student Course Resources\n
\n\n This material is provided for the individual, internal\n use of the student attending authorized Trellix\n training, and may not be used for any other purpose or\n disseminated to third parties. This material constitutes\n confidential information of Trellix, and is subject to\n non-disclosure obligations.\n
\n\n © Trellix, Inc. 2019 - {moment().format(\"YYYY\")}\n
\n\n Assigned Courses\n
\n\n\n You have not been enrolled in any courses.\n
\n )\n ) : (\n \n \n
\n \n {isLoading && (\n \n
\n )}\n \n );\n}\n\nToggle.defaultProps = {\n isEnabled: false,\n onClick: null,\n isLoading: false,\n size: \"md\",\n disabled: false,\n};\n\nexport default Toggle;\n","import { useState } from \"react\";\nimport axios from \"axios\";\nimport toast from \"react-hot-toast\";\nimport Toggle from \"../../Toggle/Toggle\";\n\nfunction CurriculumCustom(props) {\n const [isLoading, setIsLoading] = useState(false);\n\n const toggle = (id) => {\n setIsLoading(true);\n const togglePromise = axios\n .get(\n `${process.env.REACT_APP_API}/curriculumsCustomToggle.json?curriculum_id=${id}`\n )\n .then(({ data }) => {\n props.reload();\n setIsLoading(false);\n })\n .catch((error) => {\n console.error(error);\n setIsLoading(false);\n });\n\n toast.promise(togglePromise, {\n loading: \"Toggling...\",\n success: \"Successfully toggled curriculum!\",\n error: \"Failed toggling curriculum\",\n });\n };\n\n return (\n \n {props.value}\n
\n \n \n Curriculums \n \n \n \n
\n \n \n
\n\n \n
\n { console.log(\"token:\", token)}\n {!token.claims.includes(\"guest-instructor\") && (\n \n Curriculums\n
\n\n \n
\n )}\n \n \n setShowCustom(\n \"curriculums.json?type=custom\"\n )\n }\n >\n Custom\n
\n \n \n setShowCustom(\n \"curriculums.json?type=public\"\n )\n }\n >\n Public\n
\n \n \n setShowCustom(\"curriculums.json\")\n }\n >\n All\n
\n \n {!token.claims.includes(\"guest-instructor\") && (\n setHideDisabled(!hideDisabled)}\n >\n Hide Disabled\n
\n )}\n \n \n\n \n 
\n {props.text && (\n
\n );\n}\n\nLoader.defaultProps = {\n text: \"Loading\",\n};\n\nexport default Loader;\n","import { faEye, faLock } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport Tippy from \"@tippyjs/react\";\nimport React from \"react\";\n\nfunction RenderResources({ title, resources, curriculumName }) {\n let resourcesArray = resources\n .filter((item) => item.material_type === title)\n .filter((item) => item.name !== `${curriculumName}.zip`)\n .map((item, index) => (\n\n \n
\n )}\n {props.text}
\n \n \n
\n \n
\n ));\n\n return (\n \n \n \n
\n \n \n \n {item.name}\n \n \n
\n \n
\n );\n}\n\nexport default RenderResources;\n","import { PropertyKeys } from \"ag-grid-community\";\nimport React, { useState, useEffect } from \"react\";\nimport Table from \"../../../components/Table/Table\";\nimport Link from \"../../Link/Link\";\n\nfunction GuestInstructors(props) {\n\n console.log(\"props\",props)\n const gridOptions = {\n getRowNodeId(data) {\n return data.id;\n },\n paginationPageSize: 15,\n columnDefs: [\n {\n headerName: \"User ID\",\n field: \"uid\",\n cellRendererFramework: function(params) {\n return (\n {params.value}\n )\n }\n },\n {\n headerName: \"Name\",\n field: \"name\",\n },\n ],\n};\n\n return (\n {title}
\n\n {resourcesArray.length ? (\n resourcesArray\n ) : (\n
\n There are no resources for this course.
\n )}\n \n \n {curriculum.title\n } | Curriculums \n \n \n
\n\n {!curriculum.enabled ? <>\n \n \n {curriculum.enabled ? \"Enabled\" : \"Disabled\"}\n
\n \n \n Delete\n
\n \n : \"\"}\n\n \n {curriculum.title}\n
\n\n\n Duration: {curriculum.duration} days\n
\n \n\n\n \n \n \n \n \n\n \n \n\n \n \n\n \n \n\n \n \n {!props.token.claims.includes(\"guest-instructor\") && (\n \n
\n \n );\n}\n\nexport default withRouter(CurriculumView);\n","import React from \"react\";\nimport Select from \"react-select\";\nimport {\n gray400,\n teal100,\n teal300,\n teal500,\n teal700,\n} from \"../../styles/vars.module.css\";\n\nconst customStyles = {\n option: (provided, state) => {\n return {\n ...provided,\n color: state.isFocused ? \"white\" : state.isSelected ? \"white\" : \"\",\n backgroundColor: state.isFocused\n ? teal300\n : state.isSelected\n ? teal500\n : \"\",\n \"&:hover\": {\n backgroundColor: teal100,\n color: teal700,\n },\n };\n },\n singleValue: (provided, state) => {\n const opacity = state.isDisabled ? 0.5 : 1;\n const transition = \"opacity 300ms\";\n\n return { ...provided, opacity, transition };\n },\n placeholder: (defaultStyles) => {\n return {\n ...defaultStyles,\n color: gray400,\n }\n }\n};\n\nfunction Selectbox(props) {\n return ;\n}\n\nSelectbox.defaultProps = {};\n\nexport default Selectbox;\n","import { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport { Helmet } from \"react-helmet\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport Container from \"../../components/Layout/Container\";\nimport Panel from \"../../components/Panel/Panel\";\nimport Input from \"../../components/Form/Input\";\nimport MDEditor from \"@uiw/react-md-editor\";\nimport Selectbox from \"../../components/Form/Selectbox\";\nimport RenderResources from \"../../components/Pages/Curriculum/RenderResources\";\nimport Button from \"../../components/Button/Button\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faPlus } from \"@fortawesome/free-solid-svg-icons\";\nimport { Redirect } from \"react-router\";\nimport toast from \"react-hot-toast\";\nimport Toggle from \"../../components/Toggle/Toggle\";\n\nconst validateForm = (params) => {\n /**\n * Check the title isn't null or empty\n */\n if (params.curriculumTitle === null || params.curriculumTitle === \"\") {\n return false;\n }\n\n /**\n * Check the description isn't null or empty\n */\n if (\n params.curriculumDescription === null ||\n params.curriculumDescription === \"\"\n ) {\n return false;\n }\n\n if (params.selectedResource === null || params.selectedResource === \"\") {\n return false;\n }\n\n if (params.duration === 0 || params.selectedResource === \"\") {\n return false;\n }\n\n return true;\n};\n\nconst submitForm = (params, setRedirect) => {\n let createPromise = axios\n .post(`${process.env.REACT_APP_API}/curriculums.json`, {\n title: params.title,\n duration: params.duration,\n description: params.description,\n notes: params.notes,\n curriculum_name: params.selectedResource.value,\n custom: params.isCustom\n })\n .then(({ data }) => {\n setRedirect(true);\n })\n .catch((error) => console.error(error));\n\n toast.promise(createPromise, {\n loading: \"Submitting...\",\n success: \"Successfully edited curriculum!\",\n error: \"Failed editing curriculum\",\n });\n};\n\nfunction CurriculumNew(props) {\n const [title, setTitle] = useState(\"\");\n const [duration, setDuration] = useState(1);\n const [isCustom, setIsCustom] = useState(false);\n const [description, setDescription] = useState(\"\");\n const [notes, setNotes] = useState(\"\");\n\n const [resources, setResources] = useState(null);\n const [resource, setResource] = useState(null);\n const [selectedResource, setSelectedResource] = useState(null);\n\n const [redirect, setRedirect] = useState(false);\n\n /**\n * Get the curriculums as soon as the component mounts\n */\n useEffect(() => {\n const getResources = () => {\n axios\n .get(`${process.env.REACT_APP_API}/resource/names.json`)\n .then(({ data }) => {\n let parsedResources = data.resources.map((resource) => {\n return {\n value: resource.curriculum_name,\n label: resource.curriculum_name,\n };\n });\n setResources(parsedResources);\n })\n .catch((error) => console.error(error));\n };\n /**\n * Run the above functions when the page loads\n */\n getResources();\n }, [props.match.params.id]);\n\n /**\n * Listen for changes in the resources object\n */\n useEffect(() => {\n const getResource = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/resource/resource_for.json?curriculum_name=${selectedResource.value}`\n )\n .then(({ data }) => {\n setResource(data.resources);\n })\n .catch((error) => console.error(error));\n };\n\n if (selectedResource) {\n getResource();\n }\n }, [selectedResource]);\n\n if (redirect) {\n return Description
\nStudent Roles
\n\n
\n \n Assigned Materials\n
\n {curriculum.curriculum_name ? (\n\n
\n ) : (\n \"No resources assigned to this curriculum.\"\n )}\n \n Assigned resource name:{\" \"}\n \n {curriculum.curriculum_name}\n \n
\n\n
\n \n Instructor Notes\n
\n {curriculum.notes ? (\n\n
\n ) : (\n No instructor notes to show.
\n )}\n \n Guest Instructors\n
\n {curriculum.guest_instructors ? (\n\n
\n )\n : (\n No Guest Instructors assigned to this curriculum
\n )}\n Associated Courses
\n {curriculum.courses.length > 0 ? (\n\n
\n )}\n \n \n deleteCurriculum(e, props.match.params.id)}\n >\n
\n \n \n New | Curriculums \n \n \n \n \n\n \n \n\n \n \n\n \n \n\n \n
\n );\n}\n\nexport default CurriculumNew;\n","import React, { useEffect, useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faMinusCircle, faPlusCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport Button from \"../../Button/Button\";\nimport Tippy from \"@tippyjs/react\";\nimport axios from \"axios\";\nimport toast from \"react-hot-toast\";\n\nfunction StudentRoles({ studentGroups, studentRoles, curriculum_id }) {\n const [availableGroups, setAvailableGroups] = useState({\n member: [],\n nonMember: [],\n all: [],\n });\n\n useEffect(() => {\n formatAvailableGroups();\n }, [studentGroups]);\n\n const formatAvailableGroups = () => {\n let groups = {\n member: [],\n nonMember: [],\n all: [],\n };\n /**\n * Format the student groups\n */\n studentGroups.forEach((element) => {\n if (studentRoles.filter(role => role.role == element.group).length > 0) {\n groups.member.push(element.group);\n } else {\n groups.nonMember.push(element.group);\n }\n\n groups.all.push(element);\n });\n\n setAvailableGroups(groups);\n };\n\n const addToGroup = (group) => {\n let addToGroupPromise = axios\n .get(\n `${process.env.REACT_APP_API}/curriculum/${curriculum_id}/role/add.json?role=${group}`\n )\n .then(({ data }) => {\n let tmpgrp = {\n member: [],\n nonMember: [],\n all: [],\n }\n tmpgrp.nonMember = availableGroups.nonMember.filter(m => m !== group)\n tmpgrp.all = availableGroups.all\n tmpgrp.member = availableGroups.member\n tmpgrp.member.push(group)\n setAvailableGroups(tmpgrp)\n });\n\n toast.promise(addToGroupPromise, {\n success: `Added to ${group} to Curriculum`,\n error: `Failed to ${group} to Curriculum`,\n loading: \"Adding...\",\n });\n };\n\n const removeFromGroup = (group) => {\n let removeFromGroupPromise = axios\n .get(\n `${process.env.REACT_APP_API}/curriculum/${curriculum_id}/role/del.json?role=${group}`\n )\n .then(({ data }) => {\n let tmpgrp = {\n member: [],\n nonMember: [],\n all: [],\n }\n tmpgrp.member = availableGroups.member.filter(m => m !== group)\n tmpgrp.all = availableGroups.all\n tmpgrp.nonMember = availableGroups.nonMember\n tmpgrp.nonMember.push(group)\n setAvailableGroups(tmpgrp)\n }\n );\n\n toast.promise(removeFromGroupPromise, {\n success: `Removed user from ${group}`,\n error: `Failed to remove user from ${group}`,\n loading: \"Removing...\",\n });\n };\n\n return (\n \n Create Curriculum\n
\n\n\n
\n \n
\n \n Title\n
\n\n setDuration(e.target.value)}\n />\n
\n\n \n Duration\n
\n\n setIsCustom(!isCustom)}\n />\n
\n \n Custom\n
\n\n Description\n
\n\n\n Assign Resources\n
\n\n\n
\n )}\n \n Instructor Notes\n
\n\n
\n \n setRedirect(true)}\n >\n Cancel\n \n
\n \n \n validateForm({\n title,\n duration,\n description,\n selectedResource,\n notes,\n }) &&\n submitForm(\n {\n title,\n duration,\n description,\n selectedResource,\n notes,\n isCustom\n },\n setRedirect\n )\n }\n >\n
\n \n
\n );\n}\n\nexport default StudentRoles;\n","import MDEditor from \"@uiw/react-md-editor\";\nimport axios from \"axios\";\nimport { useEffect, useState } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport Container from \"../../components/Layout/Container\";\nimport Loader from \"../../components/Loader/Loader\";\nimport Panel from \"../../components/Panel/Panel\";\nimport Input from \"../../components/Form/Input\";\nimport Selectbox from \"../../components/Form/Selectbox\";\nimport Button from \"../../components/Button/Button\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faSave } from \"@fortawesome/free-solid-svg-icons\";\nimport { Redirect } from \"react-router\";\nimport toast from \"react-hot-toast\";\nimport RenderResources from \"../../components/Pages/Curriculum/RenderResources\";\nimport Toggle from \"../../components/Toggle/Toggle\";\nimport StudentRoles from \"../../components/Pages/Curriculum/StudentRoles\";\n\nconst validateForm = (params) => {\n /**\n * Check the title isn't null or empty\n */\n if (params.curriculumTitle === null || params.curriculumTitle === \"\") {\n return false;\n }\n\n /**\n * Check the description isn't null or empty\n */\n if (\n params.curriculumDescription === null ||\n params.curriculumDescription === \"\"\n ) {\n return false;\n }\n\n if (params.selectedResource === null || params.selectedResource === \"\") {\n return false;\n }\n\n return true;\n};\n\nconst submitForm = (id, params, setRedirect) => {\n let editPromise = axios\n .put(`${process.env.REACT_APP_API}/curriculums/${id}.json`, {\n title: params.curriculumTitle,\n duration: params.curriculumDuration,\n description: params.curriculumDescription,\n notes: params.curriculumNotes,\n curriculum_name: params.selectedResource.value,\n })\n .then(({ data }) => {\n setRedirect(true);\n })\n .catch((error) => console.error(error));\n\n toast.promise(editPromise, {\n loading: \"Submitting...\",\n success: \"Successfully edited curriculum!\",\n error: \"Failed editing curriculum\",\n });\n};\n\nfunction CurriculumEdit(props) {\n const [curriculum, setCurriculum] = useState(null);\n const [curriculumTitle, setCurriculumTitle] = useState(null);\n const [curriculumDuration, setCurriculumDuration] = useState(null);\n const [curriculumIsCustom, setCurriciulumIsCustom] = useState(false);\n const [curriculumDescription, setCurriculumDescription] = useState(null);\n const [curriculumNotes, setCurriculumNotes] = useState(null);\n\n const [resources, setResources] = useState(null);\n const [resource, setResource] = useState(null);\n const [selectedResource, setSelectedResource] = useState(null);\n\n const [redirect, setRedirect] = useState(false);\n\n /**\n * Get the curriculums as soon as the component mounts\n */\n useEffect(() => {\n const getCurriculum = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/curriculums/${props.match.params.id}.json`\n )\n .then(({ data }) => {\n setCurriculum(data);\n setCurriculumTitle(data.title);\n setCurriculumDuration(data.duration);\n setCurriciulumIsCustom(data.custom);\n setCurriculumDescription(data.description);\n setCurriculumNotes(data.notes);\n\n if (data.curriculum_name) {\n setSelectedResource({\n value: data.curriculum_name,\n label: data.curriculum_name,\n });\n }\n })\n .catch((error) => console.error(error));\n };\n\n const getResources = () => {\n axios\n .get(`${process.env.REACT_APP_API}/resource/names.json`)\n .then(({ data }) => {\n let parsedResources = data.resources.map((resource) => {\n return {\n value: resource.curriculum_name,\n label: resource.curriculum_name,\n };\n });\n setResources(parsedResources);\n })\n .catch((error) => console.error(error));\n };\n /**\n * Run the above functions when the page loads\n */\n getCurriculum();\n getResources();\n }, [props.match.params.id]);\n\n /**\n * Listen for changes in the resources object\n */\n useEffect(() => {\n const getResource = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/resource/resource_for.json?curriculum_name=${selectedResource.value}`\n )\n .then(({ data }) => {\n setResource(data.resources);\n })\n .catch((error) => console.error(error));\n };\n\n if (selectedResource) {\n getResource();\n }\n }, [selectedResource]);\n\n if (redirect) {\n return \n {availableGroups?.nonMember.length > 0 ? (\n
\n - \n {availableGroups?.nonMember?.map((group, index) => (\n
- \n \n\n{group}\n\n\n
\n \n\n\n \n ))}\n
\n
\n )}\n \n No available roles.\n
\n\n {availableGroups?.member.length > 0 ? (\n
\n - \n {availableGroups?.member?.map((group, index) => (\n
- \n \n\n{group}\n\n\n
\n \n\n\n \n ))}\n
\n
\n )}\n \n Curriculum has no Roles assigned\n
\n\n \n Edit | {curriculum.title} | Curriculums \n \n \n \n \n\n \n \n \n \n\n \n \n\n \n \n\n \n
\n );\n}\n\nexport default CurriculumEdit;\n","import Tippy from \"@tippyjs/react\";\nimport React from \"react\";\n\nfunction ResourceLink(props) {\n console.log(props.data);\n return (\n \n Curriculum Information\n
\n\n
\n \n
\n \n Title\n
\n {curriculumTitle && (\n\n \n setCurriculumDuration(e.target.value)\n }\n />\n )}\n
\n \n Duration\n
\n {curriculumDuration && (\n\n setCurriciulumIsCustom(!curriculumIsCustom)}\n />\n
\n \n Custom\n
\n\n Description\n
\n\n Student Roles\n
\n\n Assign Resources\n
\n\n
\n )}\n \n Instructor Notes\n
\n\n
\n \n setRedirect(true)}\n >\n Cancel\n \n
\n \n \n validateForm({\n curriculumTitle,\n curriculumDuration,\n curriculumDescription,\n selectedResource,\n curriculumNotes,\n }) &&\n submitForm(\n props.match.params.id,\n {\n curriculumTitle,\n curriculumDuration,\n curriculumDescription,\n selectedResource,\n curriculumNotes,\n },\n setRedirect\n )\n }\n >\n
\n \n setIsExpanded(!isExpanded)}\n >\n
\n {isExpanded && (\n \n
\n \n
\n \n
\n
\n )}\n \n );\n}\n\nexport default ExpandablePanel;\n","const groupByKey = (list, key, { omitKey = false }) =>\n list.reduce(\n (hash, { [key]: value, ...rest }) => ({\n ...hash,\n [value]: (hash[value] || []).concat(\n omitKey ? { ...rest } : { [key]: value, ...rest }\n ),\n }),\n {}\n );\n\nexport default groupByKey;\n","import axios from \"axios\";\nimport { useEffect, useState } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport Container from \"../../components/Layout/Container\";\nimport Loader from \"../../components/Loader/Loader\";\nimport ExpandablePanel from \"../../components/Pages/Resources/ExpandablePanel\";\nimport Panel from \"../../components/Panel/Panel\";\nimport groupByKey from \"../../util/groupByKey\";\n\nconst renderResourceList = (resources, getResources, searchString) => {\n let list = Object.keys(resources).map((resource, index) => {\n if (resource.toLowerCase().includes(searchString.toLowerCase())) {\n return (\n \n
\n );\n }\n\n return list;\n};\n\nfunction Resources() {\n const [resources, setResources] = useState(null);\n const [searchString, setSearchString] = useState(\"\");\n\n const getResources = () => {\n axios\n .get(`${process.env.REACT_APP_API}/resources.json`)\n .then(({ data }) => {\n let formattedResources = groupByKey(\n data.resources,\n \"curriculum_name\",\n { omitKey: true }\n );\n\n setResources(formattedResources);\n })\n .catch((error) => console.error(error));\n };\n\n useEffect(() => {\n getResources();\n }, []);\n\n if (!resources) {\n return \n No resources found for \"{searchString}\", please try again.\n
\n\n \n Resources \n \n \n \n \n \n
\n );\n}\n\nexport default Resources;\n","import React, { useState } from \"react\";\nimport Button from \"../../Button/Button\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faEdit } from \"@fortawesome/free-solid-svg-icons\";\nimport { faCalendarCheck } from \"@fortawesome/free-solid-svg-icons\";\n\n\nfunction GoToCourse(props) {\n\n return (\n <>\n \n
\n {renderResourceList(resources, getResources, searchString)}\n \n
\n Resources
\n\n \n setSearchString(e.target.value)\n }\n value={searchString}\n />\n
\n \n \n Courses \n \n \n \n
\n \n
\n\n \n
\n \n Courses
\n\n \n setCourseUrl(\"courses.json?archive=true\")\n }\n >\n Include Archived\n
\n \n setCourseUrl(\"courses.json\")}\n >\n Current / Future\n
\n \n \n
\n \n\n \n \n this.setState(\n { amIsEnabled: !this.state.amIsEnabled },\n () => this.toggleAction(\"am\")\n )\n }\n />\n
\n \n \n this.setState(\n { pmIsEnabled: !this.state.pmIsEnabled },\n () => this.toggleAction(\"pm\")\n )\n }\n />\n
\n \n );\n }\n}\n\nexport default CourseRosterToggle;\n","function getDatesBetween(startDate, endDate, inclusive = true) {\n let now = startDate.clone(),\n dates = [];\n\n while (inclusive ? now.isSameOrBefore(endDate) : now.isBefore(endDate)) {\n dates.push(now.format(\"YYYY-MM-DD\"));\n now.add(1, \"d\");\n }\n\n return dates;\n}\n\nexport default getDatesBetween;\n","import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faFileExport } from \"@fortawesome/free-solid-svg-icons\";\n\nimport Button from \"../Button/Button\";\nimport { CSVLink } from \"react-csv\";\n\n\nfunction RosterExport({ roster, dateArray, title }) {\n\n const csvArray = (roster) => {\n if (roster) {\n return roster.map((student) => {\n let st = {\n student_id: student.student_id,\n user_id: student.user_id,\n email: student.email,\n name: student.student_name,\n company: student.company_name,\n }\n student.roster.map((r) => {\n st[`${r.date} AM`] = r.am ? r.am : false;\n st[`${r.date} PM`] = r.pm ? r.pm : false;\n })\n return st;\n });\n } else {\n return [];\n }\n };\n\n return (\n \n )\n\n}\n\nexport default RosterExport;","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport { Helmet } from \"react-helmet\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport ReactDatePicker, { registerLocale } from \"react-datepicker\";\nimport enGb from \"date-fns/locale/en-GB\";\nimport moment from \"moment\";\nimport toast from \"react-hot-toast\";\nimport Panel from \"../../components/Panel/Panel\";\nimport Table from \"../../components/Table/Table\";\nimport Container from \"../../components/Layout/Container\";\nimport CourseRosterToggle from \"../../components/CellRenderers/Courses/CourseRosterToggle\";\nimport getDatesBetween from \"../../util/getDatesBetween\";\nimport { get } from \"lscache\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faGraduationCap } from \"@fortawesome/free-solid-svg-icons\";\nimport Button from \"../../components/Button/Button\";\nimport RosterExport from \"../../components/RosterExport/RosterExport\";\n\nregisterLocale(\"en-gb\", enGb);\n\nfunction CoursesRoster(props) {\n const [courseInformation, setCourseInformation] = useState(null);\n const [course, setCourse] = useState(null);\n const [tableApi, setTableApi] = useState(null);\n\n const startDate = course ? moment(course.course.startDate) : moment('10/10/2010');\n const duration = course ? course.curriculum.duration : 3;\n const endDate = course ? moment(course.course.startDate).add(duration, \"d\") : moment('10/10/2010').add(duration, \"d\");\n\n const dateArray = getDatesBetween(startDate, endDate, false);\n\n\n const getCourse = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/courses/${props.match.params.id}.json`\n )\n .then(({ data }) => {\n setCourseInformation(data);\n setCourse(data);\n })\n .catch((error) => console.error(error));\n };\n\n useEffect(getCourse, [props.match.params.id]);\n\n const formatStudentList = () => {\n if (course) {\n return course.students.map((student) => {\n return {\n id: student.id,\n student_id: student.user_id,\n user_id: student.uid,\n course_id: course.course.id,\n student_name: student.name,\n company_name: student.company,\n email: student.email,\n roster: course.roster.filter((r) => r.user_id === student.user_id).map((r) => {\n return {\n id: r.id,\n date: r.date,\n am: r.am,\n pm: r.pm,\n }\n }),\n };\n });\n } else {\n return [];\n }\n };\n\n const [formattedStudentList, setFormattedStudentList] = useState(formatStudentList());\n\n useEffect(() => {\n console.log(\"attempting to redraw rows...\");\n setFormattedStudentList(formatStudentList());\n setTimeout(() => {\n tableApi?.redrawRows();\n }, 100);\n }, [course]);\n\n const formatColumns = () => {\n\n let columnDefs = [\n {\n headerName: \"Student\",\n field: \"student_name\",\n sort: \"asc\",\n },\n {\n headerName: \"Company\",\n field: \"company_name\",\n }\n ];\n\n dateArray.forEach((value) => {\n columnDefs.push({\n headerName: value,\n headerComponentParams: {\n template:\n '' +\n ' ' +\n '
\",\n },\n field: \"am\",\n cellRendererFramework: CourseRosterToggle,\n cellRendererParams: {\n date: value,\n getCourse: getCourse,\n },\n });\n });\n\n return columnDefs;\n };\n\n /**\n * Set up the gridOptions for the table\n */\n const gridOptions = {\n getRowNodeId(data) {\n return data.id;\n },\n paginationPageSize: 50,\n columnDefs: formatColumns(),\n };\n\n const gridWaiting = {\n getRowNodeId(data) {\n return data.id;\n },\n paginationPageSize: 25,\n columnDefs: [\n {\n headerName: \"Email\",\n field: \"email\"\n }\n ]\n\n }\n\n return (\n ' +\n ' ' +\n ' ' +\n ' ' +\n ' ' +\n \" \" +\n '
\" +\n \"' +\n ' ' +\n \"
\" +\n ' ' +\n \"
\" +\n \" \" +\n ' ' +\n \" AM
\" +\n \" PM
\" +\n \" \n \n Course Roster \n \n\n
\n );\n}\n\nexport default CoursesRoster;\n","import React from \"react\";\nimport PropType from \"prop-types\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faExclamationTriangle } from \"@fortawesome/free-solid-svg-icons\";\n\nfunction Textarea({\n ariaLabel,\n name,\n id,\n required,\n placeholder,\n onChange,\n value,\n rows,\n hasError,\n description,\n}) {\n return (\n \n
\n : <>}\n\n \n \n
\n
\n \n
\n \n {courseInformation.course.customer_name}\n
\nCourse Roster
\n\n\n \n \n \n \n \n \n
\n \n
\n \n
\n \n Registered users and attendance\n
\n\n
\n \n
\n\n \n Users who did not complete registration\n
\n\n onChange(e.target.value)}\n value={value}\n rows={rows}\n >\n\n {hasError && (\n
\n );\n}\n\nTextarea.propTypes = {\n ariaLabel: PropType.string,\n name: PropType.string.isRequired,\n id: PropType.string.isRequired,\n required: PropType.bool.isRequired,\n placeholder: PropType.string.isRequired,\n onChange: PropType.func.isRequired,\n value: PropType.string.isRequired,\n disabled: PropType.bool,\n hasError: PropType.bool,\n description: PropType.string,\n};\n\nTextarea.defaultProps = {\n ariaLabel: \"no-aria-label\",\n rows: 3,\n disabled: false,\n required: false,\n hasError: false,\n description: null,\n};\n\nexport default Textarea;\n","import React from \"react\";\n\nfunction NumberInput({ min, max, step, value, onChange, disabled }) {\n return (\n \n
\n )}\n {description && {description}
}\n \n
\n ));\n }\n\n return validated;\n}\n\nexport default CreateCourseValidator;\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport { Helmet } from \"react-helmet\";\nimport Container from \"../../components/Layout/Container\";\nimport Panel from \"../../components/Panel/Panel\";\nimport Selectbox from \"../../components/Form/Selectbox\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport Input from \"../../components/Form/Input\";\nimport Textarea from \"../../components/Form/Textarea\";\nimport Badge from \"../../components/Badge/Badge\";\nimport NumberInput from \"../../components/Form/NumberInput\";\nimport Button from \"../../components/Button/Button\";\nimport { faPlus } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Redirect } from \"react-router\";\nimport moment from \"moment-timezone\";\nimport CreateCourseValidator from \"../../components/Form/Validators/CreateCourseValidator\";\nimport ReactDatePicker, { registerLocale } from \"react-datepicker\";\nimport toast from \"react-hot-toast\";\nimport qs from \"qs\";\nimport enGb from \"date-fns/locale/en-GB\";\nregisterLocale(\"en-gb\", enGb);\n\nconst formatOptions = (array, valueKey, labelKey, customSort = false) => {\n if (customSort) {\n return array\n .sort(function (x, y) {\n return x.custom - y.custom || x.title.localeCompare(y.title);\n })\n .map((item) => {\n return {\n value: item[valueKey],\n label: (\n Please address the following errors:
\n \n
\n - {errors}
\n
\n ),\n };\n });\n }\n\n return array.map((item) => {\n return {\n value: item[valueKey],\n label: item[labelKey],\n };\n });\n};\n\nconst submitForm = (params, setRedirectCourseId) => {\n /**\n * Format the instructors into a single object\n */\n let instructors = [];\n // Loop the primary instructors array\n params.instructor.forEach((item) => {\n instructors.push({\n user_id: item.value,\n primary: true,\n });\n });\n\n // Loop the secondary instructors array\n if (params.secondaryInstructor) {\n params.secondaryInstructor.forEach((item) => {\n instructors.push({\n user_id: item.value,\n primary: false,\n });\n });\n }\n\n /**\n * Create a formatted parameter object from the data\n * submitted from the form\n */\n let paramObject = {\n course: {\n curriculum_id: params.curriculum,\n startDate: moment(params.startDate).format(\"YYYY-MM-DD\"),\n shippingAddress: params.shippingAddress,\n trainingAddress: params.trainingAddress,\n maxNumStudents: params.maximumStudents,\n customer_name: params.customerName,\n course_type_id: params.courseType,\n delivery_method_id: params.deliveryMethod,\n timeZone: params.timezone,\n region: params.region,\n course_instructors_attributes: instructors,\n },\n };\n\n let createCourse = axios\n .post(`${process.env.REACT_APP_API}/courses.json`, paramObject)\n .then(({ data }) => {\n setRedirectCourseId(data.course.id);\n })\n .catch((error) => console.error(error));\n\n toast.promise(createCourse, {\n loading: \"Submitting...\",\n success: \"Successfully created course!\",\n error: \"Failed creating course\",\n });\n};\n\nfunction CourseNew(props) {\n const [redirect, setRedirect] = useState(false);\n const [redirectCourseId, setRedirectCourseId] = useState(null);\n const [courseInfo, setCourseInfo] = useState(null);\n const [selectedCurriculum, setSelectedCurriculum] = useState(null);\n const [selectedCourseType, setSelectedCourseType] = useState(null);\n const [selectedRegion, setSelectedRegion] = useState(null);\n const [selectedTimezone, setSelectedTimezone] = useState(null);\n const [selectedDeliveryMethod, setSelectedDeliveryMethod] = useState(null);\n const [selectedInstructor, setSelectedInstructor] = useState(null);\n const [selectedSecondaryInstructor, setSelectedSecondaryInstructor] =\n useState(null);\n const [maximumStudents, setMaximumStudents] = useState(1);\n const [startDate, setStartDate] = useState(new Date());\n const [customerName, setCustomerName] = useState(\"\");\n const [shippingAddress, setShippingAddress] = useState(\"\");\n const [trainingAddress, setTrainingAddress] = useState(\"\");\n\n // Get the query string params (if the user has been redirected)\n const queryString = qs.parse(props.location.search, {\n ignoreQueryPrefix: true,\n });\n\n const formatFormParams = () => {\n return {\n curriculum: selectedCurriculum?.value,\n courseType: selectedCourseType?.value,\n region: selectedRegion?.value,\n timezone: selectedTimezone?.value,\n deliveryMethod: selectedDeliveryMethod?.value,\n instructor: selectedInstructor,\n secondaryInstructor: selectedSecondaryInstructor,\n maximumStudents,\n startDate,\n customerName,\n shippingAddress,\n trainingAddress,\n };\n };\n\n const getCourseInfo = () => {\n axios\n .get(`${process.env.REACT_APP_API}/courses/new.json`)\n .then(({ data }) => {\n /**\n * Set the course info\n */\n setCourseInfo(data);\n\n // Check if there's any curriculum in the queryString\n if (queryString.hasOwnProperty(\"curriculum\")) {\n /**\n * Find the associated curriculum\n */\n const preSelectedCurriculum = data.curriculums.find(\n (curriculum) => curriculum.id == queryString.curriculum\n );\n\n /**\n * If we find a associated curriculum, set the values here\n */\n setSelectedCurriculum({\n value: preSelectedCurriculum.id,\n label: preSelectedCurriculum.title,\n });\n }\n })\n .catch((error) => console.error(error));\n };\n\n /**\n * Get the curriculums as soon as the component mounts\n */\n useEffect(() => {\n getCourseInfo();\n }, []);\n\n useEffect(() => {\n setRedirect(true);\n }, [redirectCourseId]);\n\n if (redirect && redirectCourseId) {\n return {item[labelKey]}
\n \n {item.custom && (\n
\n \n \n New | Courses \n \n\n \n \n {courseInfo ? (\n \n\n \n {courseInfo ? (\n \n\n \n
\n );\n}\n\nexport default CourseNew;\n","import React, { useState } from \"react\";\nimport ReactDatePicker from \"react-datepicker\";\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport toast from \"react-hot-toast\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faChevronCircleDown,\n faChevronCircleRight,\n} from \"@fortawesome/free-solid-svg-icons\";\n\nfunction TimingRow({ id, dayNumber, startTime, endTime }) {\n const [isExpanded, setIsExpanded] = useState(false);\n const [internalStartTime, setInternalStartTime] = useState(\n moment(startTime, \"HH:mm\").toDate()\n );\n const [internalEndTime, setInternalEndTime] = useState(\n moment(endTime, \"HH:mm\").toDate()\n );\n\n const updateStartTime = (id, time, dayNumber) => {\n let momentStart = moment(time);\n let momentEnd = moment(internalEndTime);\n\n if (momentStart.isBefore(momentEnd)) {\n let startTimeRequest = axios\n .put(`${process.env.REACT_APP_API}/timings/${id}.json`, {\n startTime: moment(time).format(\"HH:mm\"),\n })\n .then(({ data }) => setInternalStartTime(time));\n\n toast.promise(startTimeRequest, {\n success: `Updated start time for day ${dayNumber}`,\n error: \"Failed to update start time\",\n loading: \"Updating...\",\n });\n } else {\n toast.error(\"Start time cannot be after end time\");\n }\n };\n\n const updateEndTime = (id, time, dayNumber) => {\n let momentStart = moment(internalStartTime);\n let momentEnd = moment(time);\n\n if (momentEnd.isAfter(momentStart)) {\n let startTimeRequest = axios\n .put(`${process.env.REACT_APP_API}/timings/${id}.json`, {\n endTime: moment(time).format(\"HH:mm\"),\n })\n .then(({ data }) => setInternalEndTime(time));\n\n toast.promise(startTimeRequest, {\n success: `Updated end time for day ${dayNumber}`,\n error: \"Failed to update end time\",\n loading: \"Updating...\",\n });\n } else {\n toast.error(\"End time cannot be before start time\");\n }\n };\n\n return (\n Create Course
\n\n
\n ) : (\n \n
\n \n
\n \n Course Information\n
\n\n Select the required information for this\n course.\n
\n\n
\n \n
\n\n \n Curriculum\n
\n\n
\n\n \n Course Type\n
\n\n
\n\n \n Region\n
\n\n {return {value: tz, label: tz}})}\n />\n
\n\n \n Timezone\n
\n\n
\n\n \n Delivery Method\n
\n\n
\n\n \n Primary Instructor(s)\n
\n\n
\n\n \n Secondary Instructor(s)\n
\n\n
\n\n \n Maximum number of students\n
\n\n \n setStartDate(date)\n }\n minDate={new Date()}\n dateFormat={\"yyyy-MM-dd\"}\n locale={\"en-gb\"}\n />\n
\n \n Start Date\n
\nLoading...
\n )}\n \n
\n ) : (\n \n
\n \n
\n \n Customer Information\n
\n\n Enter the required information for the\n customer undertaking this course.\n
\n\n
\n \n
\n\n \n Customer Name\n
\n\n
\n\n \n Shipping Address\n
\n\n
\n \n Training Address\n
\nLoading...
\n )}\n \n
\n \n \n
\n \n \n CreateCourseValidator(formatFormParams()) &&\n submitForm(\n formatFormParams(),\n setRedirectCourseId\n )\n }\n >\n
\n \n setIsExpanded(!isExpanded)}\n >\n
\n {isExpanded && (\n \n
\n \n Day: {dayNumber}\n
\n \n Start:{\" \"}\n {moment(internalStartTime).format(\"HH:mm\")}\n
\n \n End:{\" \"}\n {moment(internalEndTime).format(\"HH:mm\")}\n
\n \n
\n \n
\n )}\n \n );\n}\n\nexport default TimingRow;\n","import React from \"react\";\nimport axios from \"axios\";\nimport { useState, useRef } from \"react\";\nimport toast from \"react-hot-toast\";\nimport { useEffect } from \"react/cjs/react.development\";\nimport Toggle from \"../../Toggle/Toggle\";\n\nclass RosterToggle extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n isEnabled: this.props.value,\n };\n }\n\n toggleAction() {\n let togglePromise = axios.put(\n `${process.env.REACT_APP_API}/rosters/${this.props.data.roster_id}.json`,\n {\n [this.props.field]: this.state.isEnabled,\n }\n );\n\n toast.promise(togglePromise, {\n loading: \"Toggling...\",\n success: `Toggled ${this.props.field.toUpperCase()} value`,\n error: `Failed to toggle ${this.props.field.toUpperCase()} value`,\n });\n }\n\n render() {\n return (\n \n Start{\" \"}\n {\n updateStartTime(id, date, dayNumber);\n }}\n />\n
\n \n End{\" \"}\n {\n updateEndTime(id, date, dayNumber);\n }}\n />\n
\n \n
\n \n
\n \n setEntryDate(date)}\n minDate={new Date(course.course.startDate)}\n maxDate={maxDate}\n filterDate={isWeekday}\n excludeDates={excludeDates}\n dateFormat={\"yyyy-MM-dd\"}\n locale={\"en-gb\"}\n />\n
\n \n Entry Date\n
\n\n setPmAttended(!pmAttended)}\n >\n
\n \n AM / PM\n
\n\n setAmAttended(!amAttended)}\n >\n
\n \n submitEntry()}\n disabled={excludeDatesMoment.includes(\n moment(entryDate).format(\"YYYY-MM-DD\")\n )}\n >\n Submit\n \n
\n \n\n \n Enter\n
\n\n \n Are you sure you want to remove \"{props.data.email}\" from the\n course?\n \n\n \n This action will remove the OTP tokens stored for this user and\n force them to enrol again. Are you sure you want to continue?\n \n\n
\n );\n}\n\nexport default EnroledActions;\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport ReactDatePicker, { registerLocale } from \"react-datepicker\";\nimport enGb from \"date-fns/locale/en-GB\";\nimport moment from \"moment\";\nimport toast from \"react-hot-toast\";\nimport Modal from \"../../Modal/Modal\";\nimport Table from \"../../Table/Table\";\nimport CourseRosterToggle from \"../../CellRenderers/Courses/CourseRosterToggle\";\nimport getDatesBetween from \"../../../util/getDatesBetween\";\nregisterLocale(\"en-gb\", enGb);\n\nfunction CourseRosterModal({\n courseRosterModalOpen,\n setCourseRosterModalOpen,\n course,\n getCourse,\n}) {\n const [tableApi, setTableApi] = useState(null);\n\n const formatStudentList = () => {\n return course.students.map((student) => {\n return {\n id: student.id,\n student_id: student.user_id,\n course_id: course.course.id,\n student_name: student.name,\n company_name: student.company,\n roster: course.roster,\n };\n });\n };\n\n const [formattedStudentList, setFormattedStudentList] = useState(\n formatStudentList()\n );\n\n useEffect(() => {\n console.log(\"attempting to redraw rows...\");\n setFormattedStudentList(formatStudentList());\n setTimeout(() => {\n tableApi?.redrawRows();\n }, 100);\n }, [course]);\n\n const formatColumns = () => {\n const startDate = moment(course.course.startDate);\n const duration = course.curriculum.duration;\n const endDate = moment(course.course.startDate).add(duration, \"d\");\n\n const dateArray = getDatesBetween(startDate, endDate, false);\n\n let columnDefs = [\n {\n headerName: \"Student\",\n field: \"student_name\",\n sort: \"asc\",\n },\n { \n headerName: \"Company\",\n field: \"company_name\",\n }\n ];\n\n dateArray.forEach((value) => {\n columnDefs.push({\n headerName: value,\n headerComponentParams: {\n template:\n '\n \n \n \n \n \n\n \n \n
\n \n \n setConfirmModalOpen(!confirmModalOpen)\n }\n >\n
\n \n setResetConfirmModalOpen(true)}\n >\n
\n \n setRosterModalOpen(true)}\n >\n
\n ' +\n ' ' +\n '
\",\n },\n field: \"am\",\n cellRendererFramework: CourseRosterToggle,\n cellRendererParams: {\n date: value,\n getCourse: getCourse,\n },\n });\n });\n\n return columnDefs;\n };\n\n /**\n * Set up the gridOptions for the table\n */\n const gridOptions = {\n getRowNodeId(data) {\n return data.id;\n },\n paginationPageSize: 25,\n columnDefs: formatColumns(),\n };\n\n return (\n ' +\n ' ' +\n ' ' +\n ' ' +\n ' ' +\n \" \" +\n '
\" +\n \"' +\n ' ' +\n \"
\" +\n ' ' +\n \"
\" +\n \" \" +\n ' ' +\n \" AM
\" +\n \" PM
\" +\n \" \n setInfoModalOpen(true)}\n >\n {props.data.vms.length}\n
\n \n
\n
\n \n \n );\n}\n\nVmListSummary.defaultProps = {\n showModal: false,\n};\n\nexport default VmListSummary;\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport axios from \"axios\";\nimport { Helmet } from \"react-helmet\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport Alert from \"../../components/Alert/Alert\";\nimport Container from \"../../components/Layout/Container\";\nimport Loader from \"../../components/Loader/Loader\";\nimport { Link } from 'react-router-dom';\nimport Panel from \"../../components/Panel/Panel\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faCalendarWeek,\n faClipboard,\n faGraduationCap,\n faHandPaper,\n faPlusSquare,\n faStop,\n faUserTie,\n faDownload,\n faEdit,\n faSync,\n faClipboardList,\n faCalendarCheck,\n faWindowMaximize,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport ReactMarkdown from \"react-markdown\";\nimport Tippy from \"@tippyjs/react\";\nimport TimingRow from \"../../components/Pages/Course/TimingRow\";\nimport Textarea from \"../../components/Form/Textarea\";\nimport Button from \"../../components/Button/Button\";\nimport Table from \"../../components/Table/Table\";\nimport RenderResources from \"../../components/Pages/Curriculum/RenderResources\";\nimport toast from \"react-hot-toast\";\nimport AwaitingActions from \"../../components/CellRenderers/Courses/AwaitingActions\";\nimport EnroledActions from \"../../components/CellRenderers/Courses/EnroledActions\";\nimport RegisterLink from \"../../components/CellRenderers/Courses/RegisterLink\";\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\nimport Modal from \"../../components/Modal/Modal\";\nimport CourseRosterModal from \"../../components/Pages/Course/CourseRosterModal\";\nimport Username from \"../../components/CellRenderers/Users/Username\";\nimport MDEditor from \"@uiw/react-md-editor\";\nimport Toggle from \"../../components/Toggle/Toggle\";\nimport VmListSummary from \"../../components/CellRenderers/Vms/VmListSummary\";\n\nfunction CourseView(props) {\n const [courseInformation, setCourseInformation] = useState(null);\n const [enrolStudentsText, setEnrolStudentsText] = useState(\"\");\n const [enroledStudents, setEnroledStudents] = useState(null);\n const [confirmModalOpen, setConfirmModalOpen] = useState(false);\n const [courseRosterModalOpen, setCourseRosterModalOpen] = useState(false);\n const [descShowMore, setDescShowMore] = useState(false);\n\n const getCourse = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/courses/${props.match.params.id}.json`\n )\n .then(({ data }) => {\n setCourseInformation(data);\n })\n .catch((error) => console.error(error));\n };\n\n const renderDownloadAllButton = (resources, curriculum_name) => {\n let resourceLink = resources.find(\n (item) => item.name === `${curriculum_name}.zip`\n );\n\n if (resourceLink) {\n return (\n \n Unable to find any email addresses in the provided text.\n
\n );\n }\n\n return deduplicated.map((email, index) => (\n \n {email}\n
\n ));\n };\n\n return (\n \n \n Courses \n \n\n
\n );\n}\n\nexport default withRouter(CourseView);\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport { Helmet } from \"react-helmet\";\nimport Container from \"../../components/Layout/Container\";\nimport Panel from \"../../components/Panel/Panel\";\nimport Selectbox from \"../../components/Form/Selectbox\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport Input from \"../../components/Form/Input\";\nimport Textarea from \"../../components/Form/Textarea\";\nimport Badge from \"../../components/Badge/Badge\";\nimport NumberInput from \"../../components/Form/NumberInput\";\nimport Button from \"../../components/Button/Button\";\nimport { faEdit } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Redirect } from \"react-router\";\nimport moment from \"moment\";\nimport CreateCourseValidator from \"../../components/Form/Validators/CreateCourseValidator\";\nimport ReactDatePicker, { registerLocale } from \"react-datepicker\";\nimport enGb from \"date-fns/locale/en-GB\";\nimport toast from \"react-hot-toast\";\nimport { withRouter } from \"react-router-dom\";\nimport qs from \"qs\";\nregisterLocale(\"en-gb\", enGb);\n\nconst formatOptions = (array, valueKey, labelKey, customSort = false) => {\n if (customSort) {\n return array\n .sort(function (x, y) {\n console.log(x);\n return x.custom - y.custom || x.title.localeCompare(y.title);\n })\n .map((item) => {\n return {\n value: item[valueKey],\n label: (\n \n
\n ) : (\n \n \n
\n
\n \n
\n \n {courseInformation.course.customer_name}\n
\n\n \n \n \n\n {courseInformation.curriculum.notes && (\n \n \n )}\n\n \n \n\n \n \n\n \n \n \n This action will overwrite all enroled users\n \"Company\" field to match the \"Customer Name\"\n ({courseInformation.course.customer_name})\n of this course.\n
\n
\n Are you sure you want to continue?\n \n \n \n
\n\n \n
\n \n
\n setDescShowMore(!descShowMore)}>{descShowMore ? \"show less <<\" : \"show more >>\"}
\n\n\n
\n \n
\n\n \n Instructor(s)\n
\n\n {courseInformation.course_instructors.map(\n (instructor, index) => (\n
\n \n {instructor.name}{\" \"}\n {instructor.primary && (\n \n \n )}\n
\n )\n )}\n \n
\n \n
\n\n \n
\n\n \n Course Type\n
\n\n {\n courseInformation.course\n .course_type_name\n }\n
\n \n
\n\n \n Start Date & Duration\n
\n\n {`${courseInformation.course.startDate} for ${courseInformation.curriculum.duration} days`}\n
\n \n
\n\n \n Timezone\n
\n\n {\n courseInformation.course\n .timeZone\n }\n
\n \n
\n \n Delivery\n
\n\n {\n courseInformation.course\n .delivery_method_name\n }\n
\n \n
\n \n Schedule\n
\n\n {courseInformation.timings.map(\n (day, index) => (\n
\n \n \n \n
\n \n
\n \n \n \n
\n Download ICS\n \n \n
\n \n
\n \n \n
\n Edit\n \n \n toast.success(\n \"Copied Survey URL to Clipboard\"\n )\n }\n >\n \n
\n \n
\n \n \n \n
\n Copy Survey Link\n \n \n \n
\n\n \n
\n \n \n \n
\n View As Student\n \n Instructor Notes\n
\n\n
\n \n {renderDownloadAllButton(\n courseInformation.resources,\n courseInformation.curriculum\n .curriculum_name\n )}\n
\n \n
\n \n
\n \n \n toast.success(\"Copied\")\n }\n >\n
\n \n Shipping Address\n
\n {courseInformation.course\n .shippingAddress ? (\n\n
\n \n ) : (\n \n
\n {\n courseInformation\n .course\n .shippingAddress\n }\n No address provided.
\n )}\n \n
\n \n \n toast.success(\"Copied\")\n }\n >\n
\n \n Training Address / Remote\n Connection Details\n
\n {courseInformation.course\n .trainingAddress ? (\n\n
\n \n ) : (\n \n
\n {\n courseInformation\n .course\n .trainingAddress\n }\n No address provided.
\n )}\n \n Students\n
\n\n Please enter a list of email addresses for\n students you want to enrol in this course.\n You can paste any block of text, we will\n automatically parse out any emails found.\n
\n\n {courseInformation.students.length +\n courseInformation.waiting_registration\n .length >=\n courseInformation.course.maxNumStudents || props.token.claims.includes(\"guest-instructor\") ? (\n\n \n {props.token.claims.includes(\"guest-instructor\") ?\n \n
\n ) : (\n As a Guest Instructor you can not add students to this course.
\n :\n \n Maximum number of students reached\n (Enroled + Awaiting Registration).\n Please edit the course to allow more\n students to be enroled.\n
\n }\n \n
\n )}\n\n {enroledStudents && (\n \n {renderEmailPills(\n enrolStudentsText\n )}\n
\n )}\n \n enrolStudents()}\n >\n
\n \n {enroledStudents.map(\n (student, index) => (\n
\n \n )}\n\n \n {student}\n
\n )\n )}\n \n Students awaiting registration\n
\n\n
\n\n \n
\n \n Enroled Students (\n {courseInformation.students.length}{\" \"}\n /{\" \"}\n {\n courseInformation.course\n .maxNumStudents\n }{\" \"}\n students){\" \"}\n {courseInformation\n .waiting_registration.length >\n 0 &&\n `[${courseInformation.waiting_registration.length} awaiting registration]`}\n
\n\n \n \n \n setCourseRosterModalOpen(\n true\n )\n }\n >\n \n \n \n \n \n setConfirmModalOpen(\n !confirmModalOpen\n )\n }\n >\n \n \n
\n \n
\n Are you sure you want to continue?\n \n
\n
\n ),\n };\n });\n }\n\n return array.map((item) => {\n return {\n value: item[valueKey],\n label: item[labelKey],\n };\n });\n};\n\nconst submitForm = (params, setRedirect, props, originalCourseInfo) => {\n let originalInstructors = originalCourseInfo.course_instructors;\n /**\n * Format the instructors into a single object\n */\n let instructors = [];\n // Loop the primary instructors array\n params.instructor.forEach((item) => {\n let tempInstructor = originalInstructors.find(\n (i) => i.user_id === item.value\n );\n\n if (tempInstructor) {\n instructors.push({\n id: tempInstructor.id,\n user_id: item.value,\n primary: true,\n });\n } else {\n instructors.push({\n user_id: item.value,\n primary: true,\n });\n }\n });\n\n // Loop the secondary instructors array\n if (params.secondaryInstructor) {\n params.secondaryInstructor.forEach((item) => {\n let tempInstructor = originalInstructors.find(\n (i) => i.user_id === item.value\n );\n if (tempInstructor) {\n instructors.push({\n id: tempInstructor.id,\n user_id: item.value,\n primary: false,\n });\n } else {\n instructors.push({\n user_id: item.value,\n primary: false,\n });\n }\n });\n }\n\n /**\n * Check if any instructors were removed\n */\n let newIds = instructors.map((item) => {\n return item.user_id;\n });\n let oldIds = originalCourseInfo.course_instructors.map((item) => {\n return {\n user_id: item.user_id,\n id: item.id,\n };\n });\n let removedIds = oldIds.filter((x) => !newIds.includes(x.user_id));\n\n if (removedIds.length) {\n removedIds.forEach((item) => {\n instructors.push({\n id: item.id,\n _destroy: true,\n });\n });\n }\n\n /**\n * Create a formatted parameter object from the data\n * submitted from the form\n */\n let paramObject = {\n course: {\n curriculum_id: params.curriculum,\n startDate: moment(params.startDate).format(\"YYYY-MM-DD\"),\n shippingAddress: params.shippingAddress,\n trainingAddress: params.trainingAddress,\n maxNumStudents: params.maximumStudents,\n customer_name: params.customerName,\n course_type_id: params.courseType,\n delivery_method_id: params.deliveryMethod,\n timeZone: params.timezone,\n region: params.region,\n course_instructors_attributes: instructors,\n },\n };\n\n let createCourse = axios\n .put(\n `${process.env.REACT_APP_API}/courses/${props.match.params.id}.json`,\n paramObject\n )\n .then(({ data }) => {\n setRedirect(true);\n })\n .catch((error) => console.error(error));\n\n toast.promise(createCourse, {\n loading: \"Submitting...\",\n success: \"Successfully edited course!\",\n error: \"Failed editing course\",\n });\n};\n\nfunction CourseEdit(props) {\n const [redirect, setRedirect] = useState(false);\n const [courseInfo, setCourseInfo] = useState(null);\n const [individualCourseInfo, setIndividualCourseInfo] = useState(null);\n const [selectedCurriculum, setSelectedCurriculum] = useState(null);\n const [selectedCourseType, setSelectedCourseType] = useState(null);\n const [selectedRegion, setSelectedRegion] = useState(null);\n const [selectedTimezone, setSelectedTimezone] = useState(null);\n const [selectedDeliveryMethod, setSelectedDeliveryMethod] = useState(null);\n const [selectedInstructor, setSelectedInstructor] = useState(null);\n const [selectedSecondaryInstructor, setSelectedSecondaryInstructor] =\n useState(null);\n const [maximumStudents, setMaximumStudents] = useState(1);\n const [startDate, setStartDate] = useState(new Date());\n const [customerName, setCustomerName] = useState(\"\");\n const [shippingAddress, setShippingAddress] = useState(\"\");\n const [trainingAddress, setTrainingAddress] = useState(\"\");\n\n const formatFormParams = () => {\n console.log(maximumStudents);\n return {\n curriculum: selectedCurriculum?.value,\n courseType: selectedCourseType?.value,\n region: selectedRegion?.value,\n timezone: selectedTimezone?.value,\n deliveryMethod: selectedDeliveryMethod?.value,\n instructor: selectedInstructor,\n secondaryInstructor: selectedSecondaryInstructor,\n maximumStudents,\n startDate,\n customerName,\n shippingAddress,\n trainingAddress,\n };\n };\n\n const getCourseInfo = () => {\n axios\n .get(`${process.env.REACT_APP_API}/courses/new.json`)\n .then(({ data }) => {\n setCourseInfo(data);\n })\n .catch((error) => console.error(error));\n };\n\n const getIndividualCourseInfo = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/courses/${props.match.params.id}.json`\n )\n .then(({ data }) => {\n /**\n * Start setting the default values for everything (apart from instructor)\n * at this point, instructor needs some extra work.\n * */\n setIndividualCourseInfo(data);\n setSelectedCurriculum({\n value: data.curriculum.id,\n label: data.curriculum.title,\n });\n setSelectedCourseType({\n value: data.course.course_type_id,\n label: data.course.course_type_name,\n });\n setSelectedRegion({\n value: data.course.region,\n label: data.course.region,\n });\n setSelectedTimezone({\n value: data.course.timeZone,\n label: data.course.timeZone,\n });\n setSelectedDeliveryMethod({\n value: data.course.delivery_method_id,\n label: data.course.delivery_method_name,\n });\n setMaximumStudents(data.course.maxNumStudents);\n setStartDate(moment(data.course.startDate).toDate());\n setCustomerName(data.course.customer_name);\n setShippingAddress(data.course.shippingAddress);\n setTrainingAddress(data.course.trainingAddress);\n\n /**\n * Parse out the primary and secondary instructors and\n * place their values in a formatted array\n */\n let allInstructors = data.course_instructors;\n /**\n * Get the primarys\n */\n let parsedPrimaries = allInstructors\n .filter((instructor) => instructor.primary === true)\n .map((primary) => {\n return {\n label: primary.name,\n value: primary.user_id,\n };\n });\n\n setSelectedInstructor(parsedPrimaries);\n\n let parsedSecondaries = allInstructors\n .filter((instructor) => instructor.primary === false)\n .map((secondary) => {\n return {\n label: secondary.name,\n value: secondary.user_id,\n };\n });\n\n setSelectedSecondaryInstructor(parsedSecondaries);\n })\n .catch((error) => console.error(error));\n };\n\n /**\n * Get the curriculums as soon as the component mounts\n */\n useEffect(() => {\n getCourseInfo();\n getIndividualCourseInfo();\n }, []);\n\n useEffect(() => {\n console.log(maximumStudents);\n }, [maximumStudents]);\n\n // Get the query string params (if the user has been redirected)\n const queryString = qs.parse(props.location.search, {\n ignoreQueryPrefix: true,\n });\n\n if (redirect) {\n return (\n {item[labelKey]}
\n \n {item.custom && (\n
\n \n \n Edit | Courses \n \n\n \n \n {courseInfo && individualCourseInfo ? (\n \n\n \n {courseInfo && individualCourseInfo ? (\n \n\n \n
\n );\n}\n\nexport default withRouter(CourseEdit);\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport { Helmet } from \"react-helmet\";\nimport ReactMarkdown from \"react-markdown\";\nimport axios from \"axios\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport Container from \"../../components/Layout/Container\";\nimport Panel from \"../../components/Panel/Panel\";\nimport Button from \"../../components/Button/Button\";\nimport moment from \"moment\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faArrowRight,\n faBook,\n faClipboardList,\n faFlask,\n faVideo,\n faQuestion,\n faQuestionCircle,\n faClipboard,\n faCalendarWeek,\n faUserTie,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport { CopyToClipboard } from \"react-copy-to-clipboard\";\nimport toast from \"react-hot-toast\";\nimport Tippy from \"@tippyjs/react\";\n\nfunction CourseResourceView(props) {\n const [courseInformation, setCourseInformation] = useState(null);\n\n const getCourse = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/student/course/${props.match.params.id}.json`\n )\n .then(({ data }) => {\n setCourseInformation(data);\n })\n .catch((error) => console.error(error));\n };\n\n useEffect(getCourse, [props.match.params.id]);\n\n if (!courseInformation) {\n return Edit Course
\n\n
\n ) : (\n \n
\n \n
\n \n Course Information\n
\n\n Select the required information for this\n course.\n
\n\n
\n \n
\n\n \n Curriculum\n
\n\n
\n\n \n Course Type\n
\n\n
\n\n \n Region\n
\n\n {return {value: tz, label: tz}})}\n />\n
\n\n \n Timezone\n
\n\n
\n\n \n Delivery Method\n
\n\n
\n\n \n Primary Instructor(s)\n
\n\n
\n\n \n Secondary Instructor(s)\n
\n\n
\n\n \n Maximum number of students\n
\n\n \n setStartDate(date)\n }\n minDate={new Date() }\n dateFormat={\"yyyy-MM-dd\"}\n locale={\"en-gb\"}\n />\n
\n \n Start Date\n
\nLoading...
\n )}\n \n
\n ) : (\n \n
\n \n
\n \n Customer Information\n
\n\n Enter the required information for the\n customer undertaking this course.\n
\n\n
\n \n
\n\n \n Customer Name\n
\n\n
\n\n \n Shipping Address\n
\n\n
\n \n Training Address\n
\nLoading...
\n )}\n \n
\n \n setRedirect(true)}\n >\n Cancel\n \n
\n \n \n CreateCourseValidator(formatFormParams()) &&\n submitForm(\n formatFormParams(),\n setRedirect,\n props,\n individualCourseInfo\n )\n }\n >\n
\n Loading...
;\n }\n\n return (\n \n \n View \n \n
\n \n\n \n
\n \n
\n \n {courseInformation.course.curriculum_title}\n
\n\n {courseInformation.course.customer_name}\n
\n\n \n
\n \n \n
\n )}\n\n\n \n \n
\n )}\n {courseInformation.videos.length > 0 && (\n \n \n \n {\n courseInformation.course\n .curriculum_description\n }\n \n { moment(\n courseInformation.course.startDate\n ).isSameOrBefore(moment()) && (\n \n
\n \n Description\n
\n\n \n \n \n
\n )}\n \n \n
\n )}\n\n {courseInformation.labmaterials.length > 0 && (\n \n Resources\n
\n {courseInformation.guides.length > 0 && (\n\n \n
\n
\n \n
\n \n {courseInformation.guides.map(\n (guide, index) => (\n \n
\n )\n )}\n \n {index + 1}.\n
\n \n \n \n {guide.name}\n \n \n
\n \n \n
\n
\n \n
\n \n {courseInformation.labmaterials.map(\n (guide, index) => (\n \n
\n )\n )}\n \n {index + 1}.\n
\n \n \n \n {guide.name}\n \n \n
\n \n \n
\n
\n \n
\n \n {courseInformation.videos.map(\n (video, index) => (\n \n
\n )\n )}\n \n {index + 1}.\n
\n \n \n \n {video.name}\n \n \n
\n \n Training Address\n
\n {courseInformation.course.trainingAddress ? (\n\n
\n \n ) : (\n \n
\n {courseInformation.course.trainingAddress}\n No address provided.
\n )}\n \n
\n\n \n
\n \n Schedule\n
\n\n \n \n \n
\n \n This course is due to start on{\" \"}\n {courseInformation.course.startDate} (\n {moment(courseInformation.course.startDate).format(\n \"dddd\"\n )}\n ). Please see below for this courses daily schedule.\n
\n\n {courseInformation.timings.map((day, index) => (\n \n
\n ))}\n \n \n Day {day.dayNumber}\n
\n\n
\n \n Start
\n {day.startTime}\n
\n \n {day.startTime}\n
\n
\n \n End
{day.endTime}\n
\n {day.endTime}\n
\n \n Change Password | Users \n \n \n \n \n \n
\n );\n}\n\nexport default ChangePassword;\n","import React, { useEffect, useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faMinusCircle, faPlusCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport Button from \"../../Button/Button\";\nimport Tippy from \"@tippyjs/react\";\nimport axios from \"axios\";\nimport toast from \"react-hot-toast\";\n\nfunction LdapGroupMembership({\n staffGroups,\n studentGroups,\n user,\n refreshUser,\n}) {\n const [availableGroups, setAvailableGroups] = useState({\n member: [],\n nonMember: [],\n all: [],\n });\n\n useEffect(() => {\n formatAvailableGroups();\n }, [staffGroups, studentGroups]);\n\n const formatAvailableGroups = () => {\n let groups = {\n member: [],\n nonMember: [],\n all: [],\n };\n /**\n * Check if the staff groups variable is\n * not falsey\n */\n if (staffGroups) {\n staffGroups.forEach((element) => {\n if (element.member) {\n groups.member.push(element.group);\n } else {\n groups.nonMember.push(element.group);\n }\n\n groups.all.push(element);\n });\n }\n\n /**\n * Format the student groups\n */\n studentGroups.forEach((element) => {\n if (element.member) {\n groups.member.push(element.group);\n } else {\n groups.nonMember.push(element.group);\n }\n\n groups.all.push(element);\n });\n\n setAvailableGroups(groups);\n };\n\n const addToGroup = (group) => {\n let dn = availableGroups.all.find((item) => item.group === group)?.dn;\n let addToGroupPromise = axios\n .get(\n `${process.env.REACT_APP_API}/users/joingroup.json?userid=${user.username}&groupdn=${dn}`\n )\n .then(({ data }) => refreshUser());\n\n toast.promise(addToGroupPromise, {\n success: `Added user to ${group}`,\n error: `Failed to add user to ${group}`,\n loading: \"Adding...\",\n });\n };\n\n const removeFromGroup = (group) => {\n let dn = availableGroups.all.find((item) => item.group === group)?.dn;\n let removeFromGroupPromise = axios\n .get(\n `${process.env.REACT_APP_API}/users/leavegroup.json?userid=${user.username}&groupdn=${dn}`\n )\n .then(({ data }) => refreshUser());\n\n toast.promise(removeFromGroupPromise, {\n success: `Removed user from ${group}`,\n error: `Failed to remove user from ${group}`,\n loading: \"Removing...\",\n });\n };\n\n return (\n Change Password
\n\n Use the form below to change your password. Please note\n that passwords are required to meet the following\n criteria; a minimum of eight characters and at least one\n of the following: Uppercase letter, lowercase letter,\n number & special character.\n
\n\n
\n \n \n Current Password\n \n
\n\n \n \n New Password\n \n
\n\n \n \n Confirm New Password\n \n
\n {passwordsDontMatch && (\n \n
\n )}\n\n {passwordDoesntMeetRequirements && (\n \n
\n )}\n\n {notAllFieldsPopulated && (\n \n
\n )}\n \n validateInput() && changePassword()}\n >\n
\n \n
\n );\n}\n\nexport default LdapGroupMembership;\n","import React, { useEffect, useState } from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faMinusCircle, faPlusCircle } from \"@fortawesome/free-solid-svg-icons\";\nimport Button from \"../../Button/Button\";\nimport Tippy from \"@tippyjs/react\";\nimport axios from \"axios\";\nimport toast from \"react-hot-toast\";\n\nfunction GuestInstructorCurriculums({\n allCurriculums,\n user,\n refreshUser,\n}) {\n const [availableCurriculums, setAvailableCurriculums] = useState({\n member: [],\n nonMember: [],\n });\n\n useEffect(() => {\n formatAvailableCurriculums();\n }, [allCurriculums]);\n\n const formatAvailableCurriculums = () => {\n let curriculums = {\n member: [],\n nonMember: [],\n };\n allCurriculums && allCurriculums.forEach((element) => {\n if (element.member) {\n curriculums.member.push(element)\n } else {\n curriculums.nonMember.push(element)\n }\n })\n setAvailableCurriculums(curriculums);\n };\n\n const addCurriculumToUser = (cid) => {\n let cur = allCurriculums.find((item) => item.id === cid);\n let addCurriculumPromise = axios\n .get(\n `${process.env.REACT_APP_API}/curriculum/addGuestInstructor.json?userid=${user.username}&cid=${cur.id}`\n )\n .then(({ data }) => refreshUser());\n\n toast.promise(addCurriculumPromise, {\n success: `Added user to ${cur.title}`,\n error: `Failed to add user to ${cur.title}`,\n loading: \"Adding...\",\n });\n };\n\n const removeCurriculumFromUser = (cid) => {\n let cur = allCurriculums.find((item) => item.id === cid);\n let removeCurriculumPromise = axios\n .get(\n `${process.env.REACT_APP_API}/curriculum/removeGuestInstructor.json?userid=${user.username}&cid=${cur.id}`\n )\n .then(({ data }) => refreshUser());\n\n toast.promise(removeCurriculumPromise, {\n success: `Removed user from ${cur.name}`,\n error: `Failed to remove user from ${cur.name}`,\n loading: \"Removing...\",\n });\n };\n\n return (\n \n {availableGroups?.nonMember.length > 0 ? (\n
\n - \n {availableGroups?.nonMember?.map((group, index) => (\n
- \n \n\n{group}\n\n\n
\n \n\n\n \n ))}\n
\n
\n )}\n \n No available groups for user to be added too.\n
\n\n {availableGroups?.member.length > 0 ? (\n
\n - \n {availableGroups?.member?.map((group, index) => (\n
- \n \n\n{group}\n\n\n
\n \n\n\n \n ))}\n
\n
\n )}\n \n User is not a member of any groups.\n
\n\n
\n );\n}\n\nexport default GuestInstructorCurriculums;\n","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { Helmet } from \"react-helmet\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faChalkboard,\n faChalkboardTeacher,\n faCircle,\n faSave,\n faSync,\n faUserAlt,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport Container from \"../../components/Layout/Container\";\nimport Panel from \"../../components/Panel/Panel\";\nimport StackedLabel from \"../../components/Label/StackedLabel\";\nimport Input from \"../../components/Form/Input\";\nimport Button from \"../../components/Button/Button\";\nimport axios from \"axios\";\nimport toast from \"react-hot-toast\";\nimport Breadcrumbs from \"../../components/Breadcrumbs\";\nimport AlternateLoader from \"../../components/Loader/AlternateLoader\";\nimport CoursesTaken from \"../../components/Pages/Users/CoursesTaken\";\nimport CoursesTaught from \"../../components/Pages/Users/CoursesTaught\";\nimport Tippy from \"@tippyjs/react\";\nimport Modal from \"../../components/Modal/Modal\";\nimport LdapGroupMembership from \"../../components/Pages/Users/LdapGroupMembership\";\nimport LabVMTable from \"../../components/Pages/Vms/LabVMTable\";\nimport GuestInstructorCurriculums from \"../../components/Pages/Users/GuestInstructorCurriculums\";\n\nfunction validateForm(formData) {\n /**\n * Validate each form field seperately\n */\n if (!formData.firstName) {\n formData.setFirstNameHasError(true);\n return false;\n }\n\n if (!formData.surname) {\n formData.setSurnameHasError(true);\n return false;\n }\n\n if (!formData.company) {\n formData.setCompanyHasError(true);\n return false;\n }\n\n /**\n * If everything passes, set all errors to false\n * (In case they have been true and fixed)\n */\n formData.setFirstNameHasError(false);\n formData.setSurnameHasError(false);\n formData.setCompanyHasError(false);\n\n return true;\n}\n\nfunction submitForm(formData, props) {\n let postData = {\n user_id: formData.username,\n firstName: formData.firstName,\n surname: formData.surname,\n company: formData.company,\n };\n\n let updatePromise = axios\n .post(`${process.env.REACT_APP_API}/user/update.json`, postData)\n .then(({ data }) => {\n if (props.token !== undefined) {\n // Parse out the data returned from the updated\n // user and update the token stored in the cache\n let newToken = {\n profile: {\n company: data.info.company,\n firstname: data.info.firstname,\n surname: data.info.surname,\n email: props.token.profile.email,\n username: props.token.profile.username,\n },\n claims: props.token.claims,\n };\n\n // Set the token with the new data\n props.setToken(newToken);\n }\n });\n\n toast.promise(updatePromise, {\n loading: \"Updating user...\",\n success: \"Updated user\",\n error: \"Failed updating user\",\n });\n}\n\nfunction AdminUserProfileEdit(props) {\n /**\n * Extract the parameters from the URL\n * /user/edit/:username\n */\n let params = useParams();\n const [isTokenSet, setIsTokenSet] = useState(\n props.token !== undefined && !props.isEdit\n );\n let { username } = isTokenSet ? props.token.profile : params;\n\n const [user, setUser] = useState(null);\n const [coursesTaken, setCoursesTaken] = useState(null);\n const [isInstructor, setIsInstructor] = useState(false);\n const [coursesTaught, setCoursesTaught] = useState(null);\n\n const [firstName, setFirstName] = useState(\"\");\n const [firstNameHasError, setFirstNameHasError] = useState(false);\n\n const [surname, setSurname] = useState(\"\");\n const [surnameHasError, setSurnameHasError] = useState(false);\n\n const [company, setCompany] = useState(\"\");\n const [companyHasError, setCompanyHasError] = useState(false);\n\n const [confirmModalOpen, setConfirmModalOpen] = useState(false);\n\n const [curriculums, setCurriculums] = useState([]);\n\n const getUserInfo = () => {\n axios\n .get(\n `${process.env.REACT_APP_API}/user/profile.json?userid=${username}`\n )\n .then(({ data }) => {\n setUser(data.user);\n setFirstName(data.user.firstname);\n setSurname(data.user.surname);\n setCompany(data.user.company === null ? \"\" : data.user.company);\n setCoursesTaken(data.courses);\n setIsInstructor(data.user.instructor);\n setCoursesTaught(data.coursesTaught);\n setCurriculums(data.curriculums);\n });\n };\n\n /**\n * Render the confirm button inside the modal footer\n */\n const getConfirmButton = () => (\n \n );\n\n const resetOtp = () => {\n let resetPromise = axios\n .get(\n `${process.env.REACT_APP_API}/user/resetOTP.json?uid=${user.username}`\n )\n .then(() => getUserInfo())\n .then(() => setConfirmModalOpen(false));\n\n toast.promise(resetPromise, {\n loading: \"Resetting...\",\n success: \"Reset OTP\",\n error: \"Failed resetting OTP\",\n });\n };\n\n /**\n * Make staff Button\n */\n function MakeStaffButton () {\n return (\n \n )\n }\n\n const makestaff = () => {\n let makestaffPromise = axios\n .get(\n `${process.env.REACT_APP_API}/user/makestaff/${user.username}.json`\n )\n .then(() => getUserInfo())\n\n toast.promise(makestaffPromise, {\n loading: \"Making user staff...\",\n success: \"User is now Staff\",\n error: \"Failed to Make Staff\",\n });\n };\n\n\n\n useEffect(getUserInfo, []);\n\n let formData = {\n username,\n firstName,\n setFirstNameHasError,\n surname,\n setSurnameHasError,\n company,\n setCompanyHasError,\n };\n\n if (!user) {\n return \n {availableCurriculums?.nonMember.length > 0 ? (\n
\n - \n {availableCurriculums?.nonMember?.map((cur) => (\n
- \n \n\n{cur.title}\n\n\n
\n \n\n\n \n ))}\n
\n
\n )}\n \n No available curriculums for user to be assigned.\n
\n\n {availableCurriculums?.member.length > 0 ? (\n
\n - \n {availableCurriculums?.member?.map((cur) => (\n
- \n \n\n{cur.title}\n\n\n
\n \n\n\n \n ))}\n
\n
\n )}\n \n User has not been assigned any Curriculums.\n
\n\n {!isTokenSet && (\n \n \n Edit Profile: {`${firstName} ${surname}`} \n \n \n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n }\n />\n \n
\n \n \n
\n \n \n setConfirmModalOpen(\n true\n )\n }\n >\n
\n \n \n {/* First name input */}\n \n First name\n \n
\n \n First name is required!\n
\n )}\n \n {/* Surname input */}\n \n Surname\n \n
\n\n \n Surname is required!\n
\n )}\n \n {/* Company input */}\n \n Company\n \n
\n\n \n Company is required!\n
\n )}\n \n \n {user.timeformat}\n \n }\n />\n
\n \n
\n \n
\n\n \n \n validateForm(formData) &&\n submitForm(formData, props)\n }\n >\n
\n \n\n {(props.token.claims.includes(\"user-admin\") ||\n props.token.claims.includes(\"admins\")) && (\n <>\n \n
\n \n
\n \n
\n \n
\n \n
\n ));\n }\n\n return validated;\n };\n\n const submitForm = () => {\n axios\n .post(`${process.env.REACT_APP_API}/users/update_password.json`, {\n token: token,\n password: password,\n password2: confirmPassword,\n })\n .then(({ data }) => {\n if (data.status === \"Password updated\") {\n setUpdatedPassword(true);\n toast.success(\"Updated password\");\n setTimeout(() => {\n window.location = \"/login\";\n }, 3000);\n } else {\n toast.error(data.status);\n setSomethingWentWrong(true);\n }\n });\n };\n\n if (somethingWentWrong) {\n return (\n Please address the following errors:
\n \n
\n - {errors}
\n
\n );\n }\n\n if (updatedPassword) {\n return (\n \n
\n \n Reset Password | Training Labs 2.0\n
\n\n
\n \n Something went wrong, please refresh and try again.\n
\n\n
\n );\n }\n\n return (\n \n
\n \n Reset Password | Training Labs 2.0\n
\n\n
\n \n Password successfully reset. Redirecting...\n
\n\n
\n );\n}\n\nexport default PasswordReset;\n","import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faGlobe } from \"@fortawesome/free-solid-svg-icons\";\nimport Button from \"../../Button/Button\";\nimport Tippy from \"@tippyjs/react\";\n\nfunction PhysicalActions(props) {\n return (\n \n {\n e.preventDefault();\n validatePasswords() && submitForm();\n }}\n >\n
\n \n Reset Password | Training Labs 2.0\n
\n\n
\n \n setPassword(e.target.value)}\n value={password}\n />\n
\n \n \n setConfirmPassword(e.target.value)\n }\n value={confirmPassword}\n />\n
\n \n \n
\n \n \n
\n\n \n
\n\n \n \n VM Lab \n \n \n \n
\n );\n}\n\nexport default Vms;\n","import axios from \"axios\";\nimport React, { useEffect, useState } from \"react\";\nimport toast from \"react-hot-toast\";\nimport Toggle from \"../../Toggle/Toggle\";\n\nfunction ConsoleToggle(props) {\n const [enabled, setEnabled] = useState(props.value);\n\n const toggleAction = (value) => {\n let updatePromise = axios\n .put(\n `${process.env.REACT_APP_API}/vm_templates/${props.data.id}.json`,\n {\n console: value,\n }\n )\n .then(() => setEnabled(value));\n\n toast.promise(updatePromise, {\n loading: \"Updating console value...\",\n success: \"Updated console value\",\n error: \"Failed updating console value\",\n });\n };\n\n return (\n \n \n Admin | VM Lab \n \n \n \n\n \n \n
\n \n \n\n \n \n
\n \n \n\n\n
\n );\n}\n\nexport default VmAdmin;\n","import React from \"react\";\nimport toast from \"react-hot-toast\";\n\nfunction EditTemplateValidator(params) {\n let errors = [];\n let validated = true;\n\n /**\n * Check each and every element that is required\n */\n if (!params.name) {\n errors.push(\n refreshTemplates()}\n >\n
\n \n \n
\n
\n\n \n
\n \n \n
\n
\n\n \n
\n \n
\n ));\n }\n\n return validated;\n}\n\nexport default EditTemplateValidator;\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport moment, { duration } from \"moment\";\nimport Tippy from \"@tippyjs/react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faClock,\n faCogs,\n faPlus,\n faServer,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport Container from \"../../Layout/Container\";\nimport Panel from \"../../Panel/Panel\";\nimport Button from \"../../Button/Button\";\nimport Table from \"../../Table/Table\";\nimport StatusIndicator from \"../../CellRenderers/Vms/StatusIndicator\";\nimport StudentActions from \"../../CellRenderers/Vms/StudentActions\";\nimport TemplateName from \"../../CellRenderers/Vms/TemplateName\";\nimport LastBoot from \"../../CellRenderers/Vms/LastBoot\";\nimport VmTypeDetails from \"../../CellRenderers/Vms/VmTypeDetails\";\nimport Username from \"../../CellRenderers/Users/Username\";\n\nfunction VMClonesTable(props) {\n const [lastUpdated, setLastUpdated] = useState(moment());\n const [isCreateVmModalOpen, setIsCreateVmModelOpen] = useState(false);\n const gridOptions = {\n getRowNodeId(data) {\n return data.id;\n },\n paginationPageSize: 15,\n columnDefs: [\n {\n headerName: \"Name\",\n field: \"description\",\n cellRendererFramework: TemplateName,\n cellRendererParams: {\n showModal: true,\n },\n },\n {\n headerName: \"User ID\",\n field: \"uid\",\n sort: \"asc\",\n width: 250,\n cellRendererFramework: Username,\n },\n {\n headerName: \"Status\",\n field: \"status\",\n cellRendererFramework: StatusIndicator,\n },\n {\n headerName: \"Last Boot\",\n field: \"lastboot\",\n cellRendererFramework: LastBoot,\n },\n {\n headerName: \"IP Address\",\n field: \"ipaddress\",\n },\n {\n headerName: \"Actions\",\n field: \"status\",\n cellRendererFramework: StudentActions,\n },\n ],\n };\n\n return (\n <>\n Please address the following errors:
\n \n
\n - {errors}
\n
\n\n \n \n
\n
\n \n
\n \n \n Edit Template | Admin | VM Lab \n \n {template ? (\n \n \n deleteVm()}\n >\n {isDeleting ? (\n
\n
\n This will only succeed if there are no clones for this Template
\n This action cannot be undone.\n \n\n
\n\n );\n}\n\nexport default withRouter(VmAdminEdit);\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport moment, { duration } from \"moment\";\nimport Tippy from \"@tippyjs/react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n faClock,\n faCogs,\n faPlus,\n faServer,\n} from \"@fortawesome/free-solid-svg-icons\";\nimport Panel from \"../../Panel/Panel\";\nimport Table from \"../../Table/Table\";\nimport StatusIndicator from \"../../CellRenderers/Vms/StatusIndicator\";\nimport StudentActions from \"../../CellRenderers/Vms/StudentActions\";\nimport TemplateName from \"../../CellRenderers/Vms/TemplateName\";\nimport LastBoot from \"../../CellRenderers/Vms/LastBoot\";\nimport VmTypeDetails from \"../../CellRenderers/Vms/VmTypeDetails\";\nimport Username from \"../../CellRenderers/Users/Username\";\n\nfunction AllVMTable(props) {\n const [lastUpdated, setLastUpdated] = useState(moment());\n const [vmsList, setVmsList] = useState(null);\n const getVmsList = () => {\n axios\n .get(`${process.env.REACT_APP_API}/allvms.json`)\n .then(({ data }) => setVmsList(data))\n .then(() => setLastUpdated(moment()))\n .catch((error) => console.error(error));\n };\n\n useEffect(() => {\n getVmsList();\n }, []);\n\n useEffect(() => {\n const checkTimeSinceLastUpdate = () => {\n let now = moment();\n let duration = moment.duration(now.diff(lastUpdated));\n\n return parseInt(duration.asSeconds());\n };\n\n let refreshInterval = setInterval(() => {\n /**\n * Check the time since the vms were last updated\n */\n if (checkTimeSinceLastUpdate() >= 30) {\n getVmsList();\n }\n }, 1000);\n\n return () => {\n clearInterval(refreshInterval);\n };\n }, [lastUpdated]);\n\n const gridOptions = {\n getRowNodeId(data) {\n return data.id;\n },\n paginationPageSize: 50,\n columnDefs: [\n {\n headerName: \"User\",\n field: \"uid\",\n cellRendererFramework: Username,\n }, {\n headerName: \"E-Mail\",\n field: \"email\",\n }, {\n headerName: \"Company\",\n field: \"company\",\n }, {\n headerName: \"Name\",\n field: \"description\",\n cellRendererFramework: TemplateName,\n cellRendererParams: {\n showModal: true,\n refreshVms: getVmsList,\n },\n },\n , {\n headerName: \"VIMID\",\n field: \"vmid\",\n },\n {\n headerName: \"Type\",\n field: \"vm_type\",\n sort: \"asc\",\n width: 250,\n cellRendererFramework: VmTypeDetails,\n },\n {\n headerName: \"Status\",\n field: \"status\",\n cellRendererFramework: StatusIndicator,\n },\n {\n headerName: \"Last Boot\",\n field: \"lastboot\",\n cellRendererFramework: LastBoot,\n },\n {\n headerName: \"IP Address\",\n field: \"ipaddress\",\n },\n {\n headerName: \"Actions\",\n field: \"full_status\",\n cellRendererFramework: StudentActions,\n cellRendererParams: {\n refreshVms: getVmsList,\n },\n },\n ],\n };\n\n return (\n \n \n \n \n
\n \n \n
\n ) : (\n \n
\n \n
\n \n {/* First name input */}\n \n Name\n \n
\n \n
\n \n Web Port\n
\n\n
\n \n VMID\n
\n\n {/* First name input */}\n \n Node\n \n
\n \n \n Description\n \n
\n \n {/* First name input */}\n \n Username\n \n
\n \n {/* First name input */}\n \n Password\n \n
\n\n \n \n \n setConsoleEnabled(!consoleEnabled)\n }\n />\n
\n \n \n setWebUi(!webUi)}\n />\n
\n \n \n setEnabled(!enabled)}\n />\n
\n \n \n setRetired(!retired)}\n />\n
\n \n \n
\n \n setIcon(\"trellix\")}\n >\n null}\n />\n \n setIcon(\"windows\")}\n >\n null}\n />\n \n setIcon(\"kali\")}\n >\n null}\n />\n \n setIcon(\"ubuntu\")}\n >\n null}\n />\n \n
\n \n \n
\n {selectedVmType &&\n selectedVmType.label === \"Trellix\" ? (\n \n \n
\n ) : (\n <>\n )}\n \n \n Cancel\n \n\n {(clones && clones.length === 0) && ( (!dev && retired) || dev) ? <>\n setConfirmDeletionModalOpen(true)}\n disabled={clones && clones.length > 0}\n >\n moveVmToProduction()}\n >\n \n EditTemplateValidator(\n formatFormParams()\n ) && submitForm(formatFormParams())\n }\n >\n
\n \n
\n )}\n \n
\n Loading...
\n \n
\n This will only succeed if there are no clones for this Template
\n This action cannot be undone.\n \n\n
\n
\n\n \n \n
\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n \n All VMs \n \n \n \n
\n );\n}\n\nexport default ListAllVms;\n","import React from \"react\";\nimport axios from \"axios\";\nimport { BrowserRouter as Router, Route, Switch } from \"react-router-dom\";\nimport { Helmet } from \"react-helmet\";\nimport useToken from \"./components/App/useToken\";\nimport Header from \"./components/Layout/Header\";\nimport ToastComponent from \"./components/Toast/ToastComponent\";\nimport ProtectedRoute from \"./components/Utils/ProtectedRoute\";\nimport Home from \"./pages/Home/Home\";\nimport Login from \"./pages/Login/Login\";\nimport Register from \"./pages/Register/Register\";\nimport NotFound from \"./pages/Errors/NotFound\";\nimport Users from \"./pages/User/Users\";\nimport UserProfile from \"./pages/User/UserProfile\";\nimport UserProfileEdit from \"./pages/User/UserProfileEdit\";\nimport CourseResources from \"./pages/Student/CourseResources\";\nimport Curriculums from \"./pages/Curriculums/Curriculums\";\nimport CurriculumView from \"./pages/Curriculums/CurriculumView\";\nimport CurriculumNew from \"./pages/Curriculums/CurriculumNew\";\nimport CurriculumEdit from \"./pages/Curriculums/CurriculumEdit\";\nimport Resources from \"./pages/Resources/Resources\";\nimport Courses from \"./pages/Courses/Courses\";\nimport CoursesRoster from \"./pages/Courses/CoursesRoster\";\nimport CourseNew from \"./pages/Courses/CourseNew\";\nimport CourseView from \"./pages/Courses/CourseView\";\nimport CourseEdit from \"./pages/Courses/CourseEdit\";\n\nimport \"./styles/tailwindcss.scss\";\nimport CourseResourceView from \"./pages/Student/CourseResourceView\";\nimport ChangePassword from \"./pages/User/ChangePassword\";\nimport AdminUserProfileEdit from \"./pages/User/AdminUserProfileEdit\";\nimport PasswordReset from \"./components/Pages/Login/PasswordReset\";\nimport Vms from \"./pages/Vms/Vms\";\nimport VmAdmin from \"./pages/Vms/VmAdmin\";\nimport VmAdminEdit from \"./pages/Vms/VmAdminEdit\";\nimport ListAllVms from \"./pages/Vms/ListAllVms\";\n\nfunction App() {\n /**\n * Set defaults for axios to pass the _portal_session\n * cookie through to the API with every request\n */\n axios.defaults.withCredentials = true;\n\n /**\n *\n */\n const { token, setToken, removeToken } = useToken();\n\n /**\n * Catch any error returned from axios calls and return\n * the user to the login screen.\n * TODO: Return an \"Oops\" screen if a 500 error, vs. returning\n * them to login where the request may fail again after logging in\n */\n /* if (process.env.NODE_ENV !== \"development\") {\n axios.interceptors.response.use(\n function (response) {\n return response;\n },\n function (error) {\n setToken(false);\n return Promise.reject(error);\n }\n );\n }\n\n */\n\n /**\n * Display the Register page if the URL contains /register/\n * TODO: Check if this is used anywhere else and make more robust\n */\n if (window.location.pathname.includes(\"/register/\")) {\n return \n \n {/* Navigation header */}\n \n
\n );\n}\n\nexport default App;\n","import { useState } from \"react\";\nimport lscache from \"lscache\";\n\nexport default function useToken() {\n const getToken = () => {\n const userToken = lscache.get(\"token\");\n return userToken;\n };\n\n const [token, setToken] = useState(getToken());\n\n const saveToken = (userToken) => {\n lscache.set(\"token\", userToken, 60 * 4);\n setToken(userToken);\n };\n\n const removeToken = () => {\n lscache.flush();\n };\n\n return {\n removeToken,\n setToken: saveToken,\n token,\n };\n}\n","const reportWebVitals = onPerfEntry => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry);\n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\n\nReactDOM.render(\n \n {/* Routing */}\n \n {/* Public pages */}\n (\n (\n (\n \n
\n