\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default VideoJS;\r\n","import React from 'react';\r\nimport { VideoJsPlayerOptions } from 'video.js';\r\n\r\nimport CloseIcon from '@mui/icons-material/Close';\r\nimport { IconButton } from '@mui/material';\r\nimport CircularProgress from '@mui/material/CircularProgress';\r\nimport Dialog from '@mui/material/Dialog';\r\nimport { makeStyles } from '@mui/styles';\r\nimport { Box } from '@mui/system';\r\n\r\nimport VideoJS from '../utils/VideoJS';\r\n\r\ninterface IVideoPreviewProps {\r\n title: string;\r\n show: boolean;\r\n fileSource?: string;\r\n onClose: Function;\r\n}\r\n\r\nconst useStyles = makeStyles({\r\n container: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n padding: 50,\r\n },\r\n frameContainer: {\r\n width: 1024,\r\n border: 'none',\r\n },\r\n});\r\n\r\nexport default function (props: IVideoPreviewProps) {\r\n const classes = useStyles();\r\n\r\n const videoJsOptions: VideoJsPlayerOptions = {\r\n autoplay: true,\r\n controls: true,\r\n responsive: true,\r\n fluid: true,\r\n sources: [\r\n {\r\n type: 'application/x-mpegUrl',\r\n src: props.fileSource || '',\r\n },\r\n ],\r\n };\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {file.title}\r\n
\r\n {/* Show hithighlighting if enabled */}\r\n {hitHighlightingEnabled && (\r\n \r\n {children} \r\n
\r\n );\r\n};\r\n","import { useAtom } from 'jotai';\r\nimport React, { useState } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { Email, Lock } from '@mui/icons-material';\r\nimport {\r\n Button,\r\n Card,\r\n CardContent,\r\n InputAdornment,\r\n Stack,\r\n TextField,\r\n Typography,\r\n} from '@mui/material';\r\nimport CircularProgress from '@mui/material/CircularProgress';\r\nimport Snackbar from '@mui/material/Snackbar';\r\nimport { makeStyles } from '@mui/styles';\r\nimport { MdiService } from '../utils/MdiService';\r\n\r\nimport { authTokenAtom } from '../utils/AtomConfig';\r\n\r\nconst LOGO_PATH = './full-logo.svg';\r\n\r\nconst useStyles = makeStyles({\r\n sop: {\r\n height: '100vh',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n backgroundColor: '#e8ecf1',\r\n },\r\n logo: {\r\n width: 300\r\n },\r\n textContainer: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n },\r\n});\r\n\r\nexport function Login() {\r\n const classes = useStyles();\r\n const history = useHistory();\r\n const mdiService = MdiService.Instance;\r\n const [email, setEmail] = useState\r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Welcome Back\r\n \r\n \r\n Enter your credentials to access your account\r\n \r\n
\r\n \r\n setEmail(e.target.value)}\r\n label='Email'\r\n placeholder='Enter Your Email'\r\n variant='outlined'\r\n size='small'\r\n fullWidth\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n setPassword(e.target.value)}\r\n onKeyUp={(event) => {\r\n if (event.key === 'Enter') {\r\n submit()\r\n }\r\n }}\r\n type='password'\r\n label='Password'\r\n placeholder='Enter your password'\r\n size='small'\r\n fullWidth\r\n variant='outlined'\r\n style={{ marginTop: 20 }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n submit()}\r\n fullWidth\r\n style={{ marginTop: 20 }}\r\n variant='contained'\r\n >\r\n {isFetch ? (\r\n
\r\n \r\n Change Password\r\n \r\n .\r\n \r\n Forgot Password\r\n \r\n .\r\n \r\n Register\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Change Your Password\r\n \r\n \r\n Enter your credentials to change your password\r\n \r\n
\r\n \r\n setEmail(e.target.value)}\r\n label='Email'\r\n placeholder='Enter Your Email'\r\n variant='outlined'\r\n size='small'\r\n fullWidth\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n setOldPassword(e.target.value)}\r\n type='password'\r\n label='Old Password'\r\n placeholder='Enter your old password'\r\n size='small'\r\n fullWidth\r\n variant='outlined'\r\n style={{ marginTop: 20 }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n setPassword(e.target.value)}\r\n type='password'\r\n label='New Password'\r\n placeholder='Enter your new password'\r\n size='small'\r\n fullWidth\r\n variant='outlined'\r\n style={{ marginTop: 20 }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n setConfirmPassword(e.target.value)}\r\n type='password'\r\n label='Confirm New Password'\r\n placeholder='Enter your new password'\r\n size='small'\r\n fullWidth\r\n variant='outlined'\r\n style={{ marginTop: 20 }}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n \r\n ),\r\n }}\r\n />\r\n submit()}\r\n fullWidth\r\n style={{ marginTop: 20 }}\r\n variant='contained'\r\n >\r\n {isFetch ?
\r\n \r\n \r\n Back to Login Page\r\n \r\n
\r\n