\r\n {content}\r\n {error && (\r\n \r\n {error}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default InputField;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport svg from '../../assets/images/spinner.svg';\r\n\r\n// Styles\r\nimport spinnerStyles from '../../assets/jss/components/common/spinnerStyles';\r\nconst useStyle = makeStyles(spinnerStyles);\r\n\r\nconst Spinner = () => {\r\n const classes = useStyle();\r\n\r\n return (\r\n \r\n 
\r\n
\r\n );\r\n};\r\n\r\nexport default Spinner;\r\n","export default theme => ({\r\n root: {\r\n position: 'relative',\r\n width: '100%',\r\n height: '500px',\r\n zIndex: 100\r\n },\r\n image: {\r\n position: 'absolute',\r\n top: '50%',\r\n left: '50%',\r\n transform: 'translate(-50%, -50%)',\r\n display: 'block'\r\n }\r\n});\r\n","import React, { useState, useEffect, useRef, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { isEqual } from 'lodash';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { createNotifier, closeNotifier } from '../../actions/snackbarActions';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport OutlinedInput from '@material-ui/core/OutlinedInput';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\n// Custom hooks\r\nimport { useHttpGet } from '../../hooks/http';\r\nimport { isEmpty } from '../../helpers';\r\n\r\n// Styles\r\nimport selectFieldStyles from '../../assets/jss/components/inputs/inputStyles';\r\nconst useStyle = makeStyles(selectFieldStyles);\r\n\r\nconst SelectField = ({\r\n name,\r\n label = '',\r\n initialValue = '',\r\n handleChange,\r\n customHandle = null,\r\n dependency = null,\r\n participations = null,\r\n error = null,\r\n allowedValues = null,\r\n createNotifier,\r\n closeNotifier,\r\n lang,\r\n}) => {\r\n const classes = useStyle();\r\n const inputRef = useRef(null);\r\n const isMounted = useRef(false);\r\n\r\n const [localDependency, setLocalDependency] = useState(dependency);\r\n useEffect(() => {\r\n isMounted.current = true;\r\n if (!isEqual(dependency, localDependency) && isMounted.current) {\r\n setLocalDependency(dependency);\r\n handleChange({ target: { name: name, value: '' } });\r\n }\r\n\r\n return () => {\r\n isMounted.current = false;\r\n };\r\n }, [dependency, localDependency, handleChange, name]);\r\n\r\n let params = localDependency !== null ? { ...localDependency } : {};\r\n if (!isEmpty(participations)) {\r\n params = { ...params, participations };\r\n }\r\n\r\n const [, fetchedData] = useHttpGet(\r\n `/api/directories/${customHandle != null ? customHandle : name}`,\r\n [localDependency],\r\n params,\r\n {\r\n createNotifier,\r\n closeNotifier,\r\n }\r\n );\r\n\r\n const [labelWidth, setLabelWidth] = useState(0);\r\n\r\n useEffect(() => {\r\n isMounted.current = true;\r\n\r\n if (isMounted.current) setLabelWidth(inputRef.current.offsetWidth);\r\n\r\n return () => {\r\n isMounted.current = false;\r\n };\r\n }, []);\r\n\r\n let values = fetchedData;\r\n if (allowedValues !== null && fetchedData)\r\n values = values.filter((x) => allowedValues.includes(x.id));\r\n\r\n return (\r\n \r\n \r\n {t('NOT_FOUND.TITLE')}\r\n \r\n \r\n \r\n {t('NOT_FOUND.GO_TO_MAIN')}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NotFound;\r\n","import React from 'react';\r\nimport { withSnackbar } from 'notistack';\r\nimport { connect } from 'react-redux';\r\nimport { removeNotifier } from '../../actions/snackbarActions';\r\n\r\nclass Notifier extends React.Component {\r\n displayed = [];\r\n\r\n storeDisplayed = (key) => {\r\n this.displayed.push(key);\r\n };\r\n\r\n shouldComponentUpdate({ notifications: newSnacks = [] }) {\r\n if (!newSnacks.length) {\r\n this.displayed = [];\r\n return false;\r\n }\r\n\r\n const {\r\n notifications: currentSnacks,\r\n closeSnackbar,\r\n removeNotifier,\r\n } = this.props;\r\n\r\n let notExists = false;\r\n for (let i = 0; i < newSnacks.length; i++) {\r\n const newSnack = newSnacks[i];\r\n\r\n if (newSnack.dismissed) {\r\n closeSnackbar(newSnack.key);\r\n removeNotifier(newSnack.key);\r\n }\r\n\r\n if (notExists) continue;\r\n\r\n notExists =\r\n notExists ||\r\n !currentSnacks.filter(({ key }) => newSnack.key === key).length;\r\n }\r\n\r\n return notExists;\r\n }\r\n\r\n componentDidUpdate() {\r\n const { notifications = [] } = this.props;\r\n\r\n notifications.forEach(({ key, message, options = {} }) => {\r\n if (this.displayed.includes(key)) return;\r\n\r\n this.props.enqueueSnackbar(message, {\r\n ...options,\r\n onClose: (event, reason, key) => {\r\n if (options.onClose) {\r\n options.onClose(event, reason, key);\r\n }\r\n\r\n removeNotifier(key);\r\n },\r\n });\r\n\r\n this.storeDisplayed(key);\r\n });\r\n }\r\n\r\n render() {\r\n return null;\r\n }\r\n}\r\n\r\nconst mapStateToProps = (state) => ({\r\n notifications: state.snackbars.notifications,\r\n});\r\n\r\nexport default withSnackbar(\r\n connect(mapStateToProps, { removeNotifier })(Notifier)\r\n);\r\n","import { SET_CURRENT_USER, GET_ERRORS, CLEAR_ERRORS } from './types';\r\nimport { createNotifier } from './snackbarActions';\r\nimport axios from 'axios';\r\nimport jwt_decode from 'jwt-decode';\r\nimport { setAuthTokenToHeader } from '../helpers';\r\n\r\nexport const registerUser = (userData, history) => async (dispatch) => {\r\n try {\r\n await axios.post(`/api/authentication/register`, userData);\r\n\r\n history.push('/confirmCode');\r\n } catch (ex) {\r\n if (ex.response.data.errors) {\r\n dispatch({\r\n type: GET_ERRORS,\r\n payload: ex.response.data.errors,\r\n });\r\n } else {\r\n createNotifier({\r\n message: 'Произошла ошибка',\r\n options: {\r\n variant: 'error',\r\n key: new Date().getTime() + Math.random(),\r\n },\r\n });\r\n }\r\n }\r\n};\r\n\r\nexport const confirmCode = (codeData, history, url = '/personalInfo') => async (\r\n dispatch\r\n) => {\r\n try {\r\n await axios.post(`/api/authentication/confirmCode`, codeData);\r\n\r\n history.push(url);\r\n } catch (ex) {\r\n if (ex.response.data.errors) {\r\n dispatch({\r\n type: GET_ERRORS,\r\n payload: ex.response.data.errors,\r\n });\r\n } else {\r\n createNotifier({\r\n message: 'Произошла ошибка',\r\n options: {\r\n variant: 'error',\r\n key: new Date().getTime() + Math.random(),\r\n },\r\n });\r\n }\r\n }\r\n};\r\n\r\nexport const setPersonalInfo = (userData, history) => async (dispatch) => {\r\n try {\r\n await axios.post(`/api/authentication/personalInfo`, userData);\r\n\r\n history.push('/setPassword');\r\n } catch (ex) {\r\n if (ex.response.data.errors) {\r\n dispatch({\r\n type: GET_ERRORS,\r\n payload: ex.response.data.errors,\r\n });\r\n } else {\r\n createNotifier({\r\n message: 'Произошла ошибка',\r\n options: {\r\n variant: 'error',\r\n key: new Date().getTime() + Math.random(),\r\n },\r\n });\r\n }\r\n }\r\n};\r\n\r\nexport const setPassword = (userData, history) => async (dispatch) => {\r\n try {\r\n await axios.post(`/api/authentication/setPassword`, userData);\r\n\r\n history.push('/login');\r\n } catch (ex) {\r\n if (ex.response.data.errors) {\r\n dispatch({\r\n type: GET_ERRORS,\r\n payload: ex.response.data.errors,\r\n });\r\n } else {\r\n createNotifier({\r\n message: 'Произошла ошибка',\r\n options: {\r\n variant: 'error',\r\n key: new Date().getTime() + Math.random(),\r\n },\r\n });\r\n }\r\n }\r\n};\r\n\r\nexport const loginUser = (userData) => async (dispatch) => {\r\n dispatch(clearErrors());\r\n\r\n try {\r\n const result = await axios.post(`/api/authentication/login`, userData);\r\n\r\n const { token } = result.data;\r\n // Set token to localeStorage\r\n localStorage.setItem('jwtToken', token);\r\n // Set token to Auth header\r\n setAuthTokenToHeader(token);\r\n // Decode user data from token\r\n const decoded = jwt_decode(token);\r\n // Set current user\r\n dispatch(setCurrentUser(decoded));\r\n } catch (ex) {\r\n if (ex.response.data.errors) {\r\n dispatch({\r\n type: GET_ERRORS,\r\n payload: ex.response.data.errors,\r\n });\r\n } else {\r\n createNotifier({\r\n message: 'Произошла ошибка',\r\n options: {\r\n variant: 'error',\r\n key: new Date().getTime() + Math.random(),\r\n },\r\n });\r\n }\r\n }\r\n};\r\n\r\nexport const setCurrentUser = (decoded) => ({\r\n type: SET_CURRENT_USER,\r\n payload: decoded,\r\n});\r\n\r\nexport const logoutUser = () => (dispatch) => {\r\n // Remove token from localeStorage\r\n localStorage.removeItem('jwtToken');\r\n // Remove Auth token from header\r\n setAuthTokenToHeader(false);\r\n // Clear current user\r\n dispatch(setCurrentUser({}));\r\n};\r\n\r\nexport const clearErrors = () => ({\r\n type: CLEAR_ERRORS,\r\n});\r\n","/**\r\n * Helper function hexToRgb\r\n *\r\n * examples:\r\n * input: #9c27b0 => output = 156, 39, 176\r\n * input: 9c27b0 => output = 156, 39, 176\r\n * input: #999 => output = 153, 153, 153\r\n * input: 999 => output = 153, 153, 153\r\n */\r\n\r\nexport const hexToRgb = input => {\r\n input = input + '';\r\n input = input.replace('#', '');\r\n let hexRegex = /[0-9A-Fa-f]/g;\r\n if (!hexRegex.test(input) || (input.length !== 3 && input.length !== 6)) {\r\n throw new Error('input is not a valid hex color.');\r\n }\r\n\r\n if (input.length === 3) {\r\n let first = input[0];\r\n let second = input[1];\r\n let third = input[2];\r\n input = first + first + second + second + third + third;\r\n }\r\n\r\n input = input.toUpperCase(input);\r\n let first = input[0] + input[1];\r\n let second = input[2] + input[3];\r\n let third = input[4] + input[5];\r\n\r\n return `${parseInt(first, 16)}, ${parseInt(second, 16)}, ${parseInt(\r\n third,\r\n 16\r\n )}`;\r\n};\r\n\r\n/**\r\n * Variables - Styles that are used on more than one component\r\n */\r\n\r\nexport const transition = {\r\n transition: 'all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)'\r\n};\r\n\r\nexport const defaultFont = {\r\n fontFamily: '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif',\r\n fontWeight: 300,\r\n lineHeight: '1.5rem'\r\n};\r\n\r\nexport const drawerWidth = 260;\r\n\r\nexport const primaryColors = ['#3f596a'];\r\nexport const blackColor = '#000';\r\nexport const whiteColor = '#fff';\r\n\r\nexport const boxShadow = {\r\n boxShadow:\r\n '0 10px 30px -12px rgba(' +\r\n hexToRgb(blackColor) +\r\n ', 0.42), 0 4px 25px 0px rgba(' +\r\n hexToRgb(blackColor) +\r\n ', 0.12), 0 8px 10px -5px rgba(' +\r\n hexToRgb(blackColor) +\r\n ', 0.2)'\r\n};\r\n\r\nexport const link = {\r\n link: {\r\n color: whiteColor,\r\n '&:hover': {\r\n textDecoration: 'none'\r\n }\r\n }\r\n};\r\n","import React from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Menu from '@material-ui/core/Menu';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Link from '@material-ui/core/Link';\r\n\r\n// Styles\r\nimport appBarMenuStyles from '../../assets/jss/components/menus/appBarMenuStyles';\r\nconst useStyle = makeStyles(appBarMenuStyles);\r\n\r\nconst AppBarMenu = ({ id, anchorEl, handleClose, items }) => {\r\n const classes = useStyle();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default connect(null, { changeLang })(LangMenu);\r\n","import { CHANGE_LANG } from './types';\r\n\r\nexport const changeLang = lang => dispatch => {\r\n dispatch({\r\n type: CHANGE_LANG,\r\n payload: lang\r\n });\r\n};\r\n","import React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport { logoutUser } from '../../actions/authActions';\r\nimport clsx from 'clsx';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport ToolBar from '@material-ui/core/Toolbar';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport MenuIcon from '@material-ui/icons/Menu';\r\nimport AccountCircleIcon from '@material-ui/icons/AccountCircle';\r\n\r\n// Custom components\r\nimport AppBarMenu from '../menus/AppBarMenu';\r\nimport LangMenu from '../menus/LangMenu';\r\n\r\n// Styles\r\nimport topNavBarStyles from '../../assets/jss/components/navbars/topNavBarStyles';\r\nconst useStyle = makeStyles(topNavBarStyles);\r\n\r\nconst TopNavBar = (props) => {\r\n const classes = useStyle();\r\n const [profileAnchorEl, setProfileAnchorEl] = useState(null);\r\n const { auth, drawerOpen, handleSideBarOpen } = props;\r\n\r\n const handleProfileMenuOpen = (e) => {\r\n setProfileAnchorEl(e.currentTarget);\r\n };\r\n\r\n const handleProfileMenuClose = () => {\r\n setProfileAnchorEl(null);\r\n };\r\n\r\n const handleLogoutClick = () => {\r\n props.logoutUser();\r\n setProfileAnchorEl(null);\r\n };\r\n\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n
\r\n - \r\n {menuItems.map((item) => (\r\n
\r\n Dashboard \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Dashboard;\r\n","import React, { Component } from 'react';\r\nimport qs from 'qs';\r\nimport { connect } from 'react-redux';\r\nimport { loginUser } from '../../actions/authActions';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport { withTranslation } from 'react-i18next';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Link from '@material-ui/core/Link';\r\n\r\n// Custom Components\r\nimport InputField from '../inputs/InputField';\r\nimport SelectField from '../inputs/SelectField';\r\n\r\n// Styles\r\nconst styles = theme => ({\r\n form: {\r\n width: 400,\r\n textAlign: 'center',\r\n padding: '30px 15px',\r\n margin: '15px auto',\r\n borderRadius: 5,\r\n boxShadow: '0 5px 15px rgba(0, 0, 0, .5)'\r\n },\r\n title: {\r\n marginBottom: 25\r\n },\r\n button: {\r\n margin: '15px 0 15px'\r\n },\r\n link: {\r\n marginTop: 10\r\n }\r\n});\r\n\r\nclass Login extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n Login: '',\r\n Password: '',\r\n RoleId: '',\r\n errors: {}\r\n };\r\n\r\n this.onInputChange = this.onInputChange.bind(this);\r\n this.onFormSubmit = this.onFormSubmit.bind(this);\r\n }\r\n\r\n componentDidMount() {\r\n const { back = null } = qs.parse(this.props.location.search.substring(1));\r\n\r\n if (this.props.auth.isAuthorized)\r\n window.location.href = back != null ? back : '/';\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n const { history, t, auth, errors } = this.props;\r\n const { back = null } = qs.parse(this.props.location.search.substring(1));\r\n\r\n if (auth.isAuthorized)\r\n history.push(back != null ? new URL(back).pathname : '/');\r\n\r\n if (errors !== prevProps.errors) {\r\n let newErrors = errors;\r\n\r\n if (\r\n Array.isArray(this.props.errors) &&\r\n this.props.errors[0].field !== null\r\n ) {\r\n newErrors = errors.reduce(\r\n (accum, error) => ({\r\n ...accum,\r\n [error.field]: t(`LOGIN.${error.field.toUpperCase()}_${error.code}`)\r\n }),\r\n {}\r\n );\r\n }\r\n\r\n this.setState({ errors: newErrors });\r\n }\r\n }\r\n\r\n onInputChange(e) {\r\n this.setState({ [e.target.name]: e.target.value });\r\n }\r\n\r\n onFormSubmit(e) {\r\n e.preventDefault();\r\n const userData = {\r\n Login: this.state.Login,\r\n Password: this.state.Password,\r\n RoleId: this.state.RoleId\r\n };\r\n\r\n this.props.loginUser(userData);\r\n }\r\n\r\n render() {\r\n const { classes, t } = this.props;\r\n const { Login, Password, RoleId, errors } = this.state;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n auth: state.auth,\r\n errors: state.errors\r\n});\r\n\r\nexport default connect(mapStateToProps, { loginUser })(\r\n withStyles(styles)(withTranslation()(Login))\r\n);\r\n","import 'date-fns';\r\nimport React, { Fragment } from 'react';\r\nimport ruLocale from 'date-fns/locale/ru';\r\nimport DateFnsUtils from '@date-io/date-fns';\r\nimport {\r\n KeyboardDatePicker,\r\n KeyboardTimePicker,\r\n MuiPickersUtilsProvider,\r\n} from '@material-ui/pickers';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\n// Styles\r\nimport inputFieldStyles from '../../assets/jss/components/inputs/inputStyles';\r\nconst useStyle = makeStyles(inputFieldStyles);\r\n\r\nconst DateField = ({\r\n name,\r\n label = '',\r\n initialValue = null,\r\n handleChange,\r\n type = 'date',\r\n error = null,\r\n}) => {\r\n const classes = useStyle();\r\n\r\n const content =\r\n type === 'date' ? (\r\n \r\n \r\n {error}\r\n \r\n )}\r\n
\r\n );\r\n }}\r\n \r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n lang: state.locale.lang,\r\n});\r\n\r\nexport default connect(mapStateToProps, { createNotifier, closeNotifier })(\r\n AutoComplete\r\n);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { isEqual } from 'lodash';\r\nimport {\r\n createNotifier,\r\n closeNotifier,\r\n} from '../../../actions/snackbarActions';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport Autocomplete from '@material-ui/lab/Autocomplete';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\n// Helpers\r\nimport { httpGet, isEmpty } from '../../../helpers';\r\n\r\n// Styles\r\nimport autoCompleteStyles from '../../../assets/jss/components/inputs/autoCompleteStyles';\r\nconst useStyles = makeStyles(autoCompleteStyles);\r\n\r\nconst AutoCompleteMultiple = ({\r\n name,\r\n label,\r\n initialValue = [],\r\n placeholder,\r\n error = null,\r\n handleChange,\r\n customHandle = null,\r\n dependency = null,\r\n participations = null,\r\n}) => {\r\n const classes = useStyles();\r\n\r\n const [open, setOpen] = React.useState(false);\r\n const [options, setOptions] = React.useState([]);\r\n const loading = open && options.length === 0;\r\n\r\n const [localDependency, setLocalDependency] = useState(dependency);\r\n useEffect(() => {\r\n if (!isEqual(dependency, localDependency)) {\r\n setLocalDependency(dependency);\r\n handleChange({ target: { name: name, value: [] } });\r\n }\r\n }, [dependency, localDependency, handleChange, name]);\r\n\r\n useEffect(() => {\r\n let active = true;\r\n\r\n let params = localDependency !== null ? { ...localDependency } : {};\r\n if (!isEmpty(participations)) {\r\n params = { ...params, participations };\r\n }\r\n\r\n (async () => {\r\n const result = await httpGet(\r\n `/api/directories/${customHandle !== null ? customHandle : name}`,\r\n params,\r\n {\r\n createNotifier,\r\n closeNotifier,\r\n }\r\n );\r\n\r\n if (active) {\r\n setOptions(\r\n result.map((item) => ({\r\n value: item.id,\r\n label: item.name.nameRu,\r\n }))\r\n );\r\n }\r\n })();\r\n\r\n return () => {\r\n active = false;\r\n };\r\n }, [localDependency, customHandle, name, participations]);\r\n\r\n return (\r\n \r\n {\r\n handleInputValueChange(e);\r\n onChange(e);\r\n },\r\n }}\r\n {...inputProps}\r\n />\r\n\r\n
\r\n {error && (\r\n \r\n {isOpen ? (\r\n \r\n {renderSuggesions(inputValue, suggestions).map(\r\n (suggesion, index) => (\r\n -1\r\n ? 500\r\n : 400,\r\n }}\r\n {...getItemProps({\r\n key: index,\r\n index,\r\n item: suggesion,\r\n })}\r\n >\r\n {suggesion.label}\r\n \r\n )\r\n )}\r\n \r\n ) : null}\r\n
\r\n \r\n \r\n handleChange({\r\n target: {\r\n name: name,\r\n value: selected.map((s) => s.value),\r\n },\r\n })\r\n }\r\n onOpen={() => setOpen(true)}\r\n onClose={() => setOpen(false)}\r\n getOptionLabel={(option) => option.label}\r\n options={options}\r\n loading={loading}\r\n value={options.filter((o) => initialValue.includes(o.value))}\r\n renderInput={(params) => (\r\n \r\n {loading ? (\r\n \r\n {error}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default connect(null, {\r\n createNotifier,\r\n closeNotifier,\r\n})(AutoCompleteMultiple);\r\n","import React from 'react';\r\nimport { isEmpty } from 'lodash';\r\n\r\n// Custom components\r\nimport InputField from '../components/inputs/InputField';\r\nimport DateField from '../components/inputs/DateField';\r\nimport SelectField from '../components/inputs/SelectField';\r\nimport SelectFieldMultiple from '../components/inputs/SelectFieldMultiple';\r\nimport AutoCompleteSingle from '../components/inputs/AutoComplete/AutoCompleteSingle';\r\nimport AutoCompleteMultiple from '../components/inputs/AutoComplete/AutoCompleteMultiple';\r\n\r\nexport const getInitialValuesOfFilters = (filters) =>\r\n filters.reduce((acc, filter) => {\r\n if (filter.type === 'date' || filter.type === 'datetime') {\r\n acc[filter.code] =\r\n filter.initialValue !== null ? new Date(filter.initialValue) : null;\r\n } else {\r\n if (filter.multiple) {\r\n acc[filter.code] =\r\n filter.initialValue !== null ? filter.initialValue : [];\r\n } else {\r\n acc[filter.code] =\r\n filter.initialValue !== null ? filter.initialValue : '';\r\n }\r\n }\r\n\r\n return acc;\r\n }, {});\r\n\r\nexport const getInitialValueOfFilter = (filter) => {\r\n if (filter.type === 'date' || filter.type === 'datetime') {\r\n return filter.initialValue !== null ? new Date(filter.initialValue) : null;\r\n } else {\r\n if (filter.multiple) {\r\n return filter.initialValue !== null ? filter.initialValue : [];\r\n } else {\r\n return filter.initialValue !== null ? filter.initialValue : '';\r\n }\r\n }\r\n};\r\n\r\nexport const createFilters = (\r\n lang,\r\n data = [],\r\n filterValues,\r\n handleChange,\r\n setErrors = () => {},\r\n errors = null\r\n) => {\r\n if (data !== null && data !== false) {\r\n return data.map((filter) => {\r\n if (filter.enabled) {\r\n if (!isEmpty(filter.dependOn) && isEmpty(filterValues[filter.dependOn]))\r\n return null;\r\n\r\n switch (filter.type) {\r\n case 'string':\r\n case 'number':\r\n case 'email':\r\n case 'password':\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PaginationActions;\r\n","export default theme => ({\r\n root: {\r\n flexShrink: 0,\r\n marginLeft: theme.spacing(1) * 2.5\r\n }\r\n});\r\n","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TablePagination from '@material-ui/core/TablePagination';\r\n\r\n// Custom components\r\nimport PaginationActions from './PaginationActions';\r\n\r\n// Styles\r\nimport paginationStyles from '../../assets/jss/components/pagination/paginationStyles';\r\nconst useStyle = makeStyles(paginationStyles);\r\n\r\nconst Pagination = props => {\r\n const classes = useStyle();\r\n\r\n const {\r\n page,\r\n pageLimit,\r\n count,\r\n handlePageChange,\r\n handlePageLimitChange\r\n } = props;\r\n\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n {fetchedData &&\r\n fetchedData.hasOwnProperty('properties') &&\r\n fetchedData.properties.map((p, idx) => (\r\n
\r\n )}\r\n \r\n \r\n {p.name['name' + lang]}\r\n \r\n \r\n {p.value['name' + lang] && p.value['name' + lang].length > 0\r\n ? p.value['name' + lang]\r\n : '-'}\r\n \r\n
\r\n ))}\r\n \r\n \r\n {error && (\r\n \r\n {error}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default FileField;\r\n","import React from 'react';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\n\r\nconst CheckboxField = ({ name, label = '', initialValue, handleChange }) => {\r\n return (\r\n \r\n \r\n Документ { index !== -1 ? index + 1 : \"\"}\r\n \r\n
\r\n );\r\n };\r\n if(Array.isArray(content)){\r\n content = content.map(linkFunc);\r\n }\r\n else \r\n return linkFunc(content);\r\n \r\n } \r\n else if (Array.isArray(content)) {\r\n if (content.length > 0 && content[0].hasOwnProperty('name' + lang)) {\r\n var newContent = '';\r\n for (let i = 0; i < content.length; i++) {\r\n newContent += content[i]['name' + lang] + ', ';\r\n }\r\n\r\n content = newContent.substring(0, newContent.length - 2);\r\n } else content = content.join(', ');\r\n }\r\n\r\n return content;\r\n};\r\n\r\nconst getFieldValue = (field, value) => {\r\n if (field.typeInWebCode === 'date' || field.typeInWebCode === 'datetime') {\r\n return !isEmpty(value) ? new Date(value) : null;\r\n }\r\n\r\n if (field.isMultiple) {\r\n return !isEmpty(value) ? value : [];\r\n } else {\r\n return !isEmpty(value) ? value : '';\r\n }\r\n};\r\n\r\nconst TableBlock = ({\r\n lang,\r\n auth,\r\n handle,\r\n viewId,\r\n tableData,\r\n fields,\r\n hasPassport,\r\n filterValues,\r\n formFields,\r\n formFieldGroups,\r\n handlePageChange,\r\n handlePageLimitChange,\r\n onEditEnd,\r\n createNotifier,\r\n closeNotifier,\r\n}) => {\r\n const classes = useStyles();\r\n const { t } = useTranslation();\r\n const data = makeTableData(tableData, fields, lang) || [];\r\n\r\n const [passportOpen, setPassportOpen] = useState(false);\r\n const [selectedId, setSelectedId] = useState(null);\r\n const [formOpen, setFormOpen] = useState(false);\r\n const [validaionSchema, setValidaionSchema] = useState({});\r\n const [formContent, setFormContent] = useState('');\r\n\r\n useEffect(() => {\r\n if (formFields.length !== 0) {\r\n const schema = generateYupSchemaShape(formFields);\r\n\r\n setValidaionSchema(schema);\r\n }\r\n }, [formFields]);\r\n\r\n const hanldeRowDoubleClick = (id) => {\r\n if (!isEmpty(id)) {\r\n setSelectedId(id);\r\n setPassportOpen(true);\r\n }\r\n };\r\n\r\n const handleEditFormOpen = async (id) => {\r\n var result = await httpGet(\r\n `/api/${handle}/formData/${id}`,\r\n {},\r\n { createNotifier, closeNotifier, translator: t }\r\n );\r\n\r\n setFormContent(generateFormContent(result, id));\r\n setFormOpen(true);\r\n };\r\n\r\n const handleAddFileFormOpen = async (id) => {\r\n const fields = [\r\n {\r\n customHandle: null,\r\n dependOn: null,\r\n hidden: false,\r\n isMultiple: false,\r\n label: \"Номер сертификата\",\r\n mask: null,\r\n name: \"CertificateNumber\",\r\n participations: null,\r\n type: \"text\"\r\n },\r\n {\r\n customHandle: null,\r\n dependOn: null,\r\n hidden: false,\r\n isMultiple: false,\r\n label: \"Срок выдачи\",\r\n mask: null,\r\n name: \"CertificateDate\",\r\n participations: null,\r\n type: \"text\"\r\n },\r\n {\r\n customHandle: null,\r\n dependOn: null,\r\n hidden: false,\r\n isMultiple: false,\r\n label: \"Сертификат\",\r\n mask: null,\r\n name: \"CertificateFile\",\r\n participations: null,\r\n type: \"file\"\r\n }];\r\n setFormContent(\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n {hasPassport && selectedId !== null && (\r\n setFormOpen(false)}\r\n />\r\n
\r\n \r\n {Object.keys(filters.others).length > 2 && (\r\n s.isDefault !== true)}\r\n handleChange={this.onFilterInputChange}\r\n filterValues={filters.others}\r\n handleSearchClick={this.onSearchButtonClick}\r\n handleExportClick={this.onExportButtonClick}\r\n handle={handle}\r\n />\r\n )}\r\n {isLoading ? (\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => ({\r\n lang: state.locale.lang,\r\n auth: state.auth\r\n});\r\n\r\nexport default connect(mapStateToProps, { createNotifier, closeNotifier })(\r\n FilterTable\r\n);\r\n","import React from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nconst Profile = () => {\r\n return (\r\n \r\n \r\n {text}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Title;\r\n","export default (theme) => ({\r\n root: {\r\n paddingBottom: theme.spacing(2),\r\n },\r\n text: {\r\n paddingBottom: theme.spacing(2),\r\n fontSize: 22,\r\n },\r\n});\r\n","import React from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { createNotifier, closeNotifier } from '../../actions/snackbarActions';\r\nimport { useTranslation } from 'react-i18next';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\n// Validation\r\nimport ahdDataCollectionSchema from '../../validation/ahd/ahdDataCollectionSchema';\r\n\r\nimport { httpPost } from '../../helpers';\r\n\r\n// Custom components\r\nimport Title from '../title/Title';\r\nimport UniversalForm from '../forms/UniversalForm';\r\n\r\nconst AHDDataCollection = props => {\r\n const { t } = useTranslation();\r\n const { createNotifier, closeNotifier } = props;\r\n\r\n const fields = [\r\n {\r\n name: 'excelFile',\r\n type: 'file',\r\n hidden: false,\r\n label: t('AHD.LABELS.FILE'),\r\n value: '',\r\n accept:\r\n 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel'\r\n }\r\n ];\r\n\r\n const handleFormSubmit = async values => {\r\n const formData = new FormData();\r\n for (const key in values) {\r\n formData.append(key, values[key]);\r\n }\r\n\r\n await httpPost(`/api/dataCollection/import`, formData, {\r\n createNotifier,\r\n closeNotifier,\r\n translator: t\r\n });\r\n };\r\n\r\n return (\r\n \r\n {data &&\r\n data.hasOwnProperty('properties') &&\r\n data.properties.map((p, idx) => (\r\n \r\n {data.countInGroup > 0\r\n ? data.countInGroup &&\r\n idx % data.countInGroup === 0 && \r\n ))}\r\n
\r\n )}\r\n \r\n \r\n {p.name['name' + lang]}\r\n \r\n \r\n {p.value['name' + lang] &&\r\n p.value['name' + lang].length > 0\r\n ? p.value['name' + lang]\r\n : '-'}\r\n \r\n
\r\n - \r\n {application.files.map((fileUrl, idx) => {\r\n const url = new URL(fileUrl);\r\n return (\r\n
\r\n \r\n
\r\n
\r\n \r\n {filtersLoading ? (\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n lang: state.locale.lang,\r\n});\r\n\r\nexport default connect(mapStateToProps, { createNotifier, closeNotifier })(\r\n ReferencesLogs\r\n);\r\n","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport HorizontalTabs from '../../tabs/HorizontalTabs';\r\nimport ReferencesLogs from './ReferencesLogs';\r\n\r\nconst Logs = () => {\r\n const { t } = useTranslation();\r\n\r\n const tabs = [\r\n {\r\n tab: {\r\n label: t('REFERENCES_LOGS.TABS.STUDENTS_REFERENCES'),\r\n },\r\n tabpanel: \r\n {loading || isEmpty(settings) ? (\r\n \r\n {\r\n setRolesFilter({ roleId: '', category: '' });\r\n setMainFilterSettings({});\r\n setReceivers({});\r\n }}\r\n />\r\n {!isEmpty(mainFilterSettings) && (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n lang: state.locale.lang,\r\n});\r\n\r\nexport default connect(mapStateToProps, { createNotifier, closeNotifier })(\r\n PushNotification\r\n);\r\n","import React, { useState } from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { connect } from 'react-redux';\r\nimport {\r\n createNotifier,\r\n closeNotifier,\r\n} from '../../../actions/snackbarActions';\r\nimport { httpPost } from '../../../helpers';\r\nimport PushForm from './form/PushForm';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport SelectField from '../../inputs/SelectField';\r\n\r\nconst PushNotification = ({ createNotifier, closeNotifier, lang }) => {\r\n const { t } = useTranslation();\r\n const [sending, setSending] = useState(false);\r\n const [topic, setTopic] = useState('');\r\n\r\n const handlePushFormSubmit = async (data) => {\r\n const formData = new FormData();\r\n formData.append('topic', topic);\r\n for (var key in data) {\r\n formData.append(key, data[key]);\r\n }\r\n\r\n setSending(true);\r\n try {\r\n const response = await httpPost(\r\n '/api/pushnotification/',\r\n formData,\r\n {\r\n createNotifier,\r\n closeNotifier,\r\n translator: t,\r\n },\r\n { headers: { 'Content-Type': 'multipart/form-data' } }\r\n );\r\n\r\n if (response) {\r\n return true;\r\n }\r\n } finally {\r\n setSending(false);\r\n }\r\n\r\n return false;\r\n };\r\n\r\n return (\r\n \r\n \r\n setTopic(e.target.value)}\r\n />\r\n \r\n {topic !== '' && (\r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n lang: state.locale.lang,\r\n});\r\n\r\nexport default connect(mapStateToProps, { createNotifier, closeNotifier })(\r\n PushNotification\r\n);\r\n","import React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport HorizontalTabs from '../../tabs/HorizontalTabs';\r\nimport PushNotificationByFilter from './PushNotificationByFilter';\r\nimport PushNotificationByTopic from './PushNotificationByTopic';\r\n\r\nconst PushNotification = () => {\r\n const { t } = useTranslation();\r\n\r\n const tabs = [\r\n {\r\n tab: {\r\n label: t('PUSH_NOTIFICATION.TABS.BY_FILTER'),\r\n },\r\n tabpanel: \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nconst mapStateToProps = (state) => ({\r\n auth: state.auth,\r\n});\r\n\r\nexport default connect(mapStateToProps, null)(App);\r\n","import { drawerWidth } from '../base';\r\n\r\nexport default (theme) => ({\r\n root: {\r\n display: 'flex',\r\n width: '100%',\r\n overflow: 'auto',\r\n },\r\n content: {\r\n flexGrow: 1,\r\n padding: theme.spacing(3),\r\n marginTop: 80,\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n position: 'relative',\r\n minHeight: '100vh',\r\n '& > div': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n});\r\n","import i18n from 'i18next';\r\nimport LanguageDetector from 'i18next-browser-languagedetector';\r\nimport { initReactI18next } from 'react-i18next';\r\n// import XHR from 'i18next-xhr-backend';\r\n\r\n// Resources\r\nimport commonKk from '../locales/kk/common.json';\r\nimport commonRu from '../locales/ru/common.json';\r\nimport commonEn from '../locales/en/common.json';\r\n\r\nconst resources = {\r\n kk: {\r\n common: commonKk\r\n },\r\n ru: {\r\n common: commonRu\r\n },\r\n en: {\r\n common: commonEn\r\n }\r\n};\r\n\r\ni18n\r\n .use(LanguageDetector)\r\n .use(initReactI18next)\r\n .init({\r\n fallbackLng: 'ru',\r\n ns: ['common'],\r\n defaultNS: 'common',\r\n fallbackNS: 'common',\r\n nonExplicitWhitelist: true,\r\n lng: 'ru', // 'kk' | 'en' | 'ru'\r\n debug: process.env.NODE_ENV === 'development',\r\n interpolation: {\r\n escapeValue: false // not needed for react as it escapes by default\r\n },\r\n resources\r\n });\r\n\r\nexport default i18n;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport default function register() {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Lets check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl);\r\n } else {\r\n // Is not local host. Just register service worker\r\n registerValidSW(swUrl);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the old content will have been purged and\r\n // the fresh content will have been added to the cache.\r\n // It's the perfect time to display a \"New content is\r\n // available; please refresh.\" message in your web app.\r\n console.log('New content is available; please refresh.');\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n if (\r\n response.status === 404 ||\r\n response.headers.get('content-type').indexOf('javascript') === -1\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { Provider } from 'react-redux';\r\nimport store from './settings/store';\r\nimport { ThemeProvider } from '@material-ui/core/styles';\r\nimport theme from './settings/theme';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport { SnackbarProvider } from 'notistack';\r\nimport App from './components/App.jsx';\r\nimport './settings/i18n';\r\nimport jwt_decode from 'jwt-decode';\r\nimport { setAuthTokenToHeader } from './helpers';\r\nimport { setCurrentUser, logoutUser } from './actions/authActions';\r\nimport { unregister } from './registerServiceWorker';\r\n\r\nunregister();\r\n\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\r\nconst rootElement = document.getElementById('root');\r\n\r\n// Auth logic\r\nif (localStorage.jwtToken) {\r\n // Set auth token to request header\r\n setAuthTokenToHeader(localStorage.jwtToken);\r\n // Decode token\r\n const decoded = jwt_decode(localStorage.jwtToken);\r\n // Set user and isAuthorized\r\n store.dispatch(setCurrentUser(decoded));\r\n\r\n const currentTime = Date.now() / 1000;\r\n if (decoded.exp < currentTime) {\r\n // Logout user\r\n store.dispatch(logoutUser());\r\n\r\n window.location.href = `/login?back=${window.location.href}`;\r\n }\r\n}\r\n\r\nReactDOM.render(\r\n