\r\n
\r\n
(this.lastCommentOfPageRef = el)} />\r\n\r\n {comments.map((item, i) => (\r\n
\r\n ))}\r\n {isLoadingMore ?
: ''}\r\n\r\n {topic.isOpen ? (\r\n
\r\n ) : (\r\n
\r\n
\r\n {'Тема закрыта для обсуждения'}\r\n
\r\n )}\r\n
\r\n {!mobileShowTextEditor && (\r\n
\r\n \r\n {'Написать сообщение'}\r\n \r\n
\r\n )}\r\n
(this.commentCreateRef = el)} />\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport Cropper from 'cropperjs';\r\n\r\n//полифилл для toBlob\r\nrequire('blueimp-canvas-to-blob'); \r\n\r\nexport const initCropper = (element, ratio) => {\r\n\tlet options = {\r\n\t\tmoveble: false,\r\n\t\trotatable: true,\r\n\t\tscalable: true,\r\n\t\tzoomable: false,\r\n\t\ttoggleDragModeOnDblclick: false,\r\n\t\tminCropBoxWidth: 16,\r\n\t\tminCropBoxHeight: 16,\r\n\t\tminContainerWidth: 16,\r\n\t\tminContainerHeight: 16,\r\n\t\tminCanvasWidth: 16,\r\n\t\tminCanvasHeight: 16,\r\n\t\tviewMode: 1,\r\n\t\tbackground: false\r\n\t}\r\n\r\n\tif (ratio) {\r\n\t\toptions.aspectRatio = ratio;\r\n\t}\r\n\r\n\tlet cropper = new Cropper(element, options);\r\n\r\n\treturn cropper;\r\n}\r\n","import React, { Fragment } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { initCropper } from '../../utils/imageCropper';\r\n\r\nexport default class CropPhoto extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n fileSource: props.fileSource\r\n };\r\n\r\n this.cropper = null;\r\n this.cropperContainer = React.createRef();\r\n\r\n this.root = document.createElement('div');\r\n document.body.appendChild(this.root);\r\n }\r\n\r\n componentDidMount() {\r\n this.initializeCropper();\r\n }\r\n\r\n componentWillUnmount() {\r\n document.body.removeChild(this.root);\r\n this.destroyCropper();\r\n }\r\n\r\n initializeCropper() {\r\n this.cropper = initCropper(this.refs.cropperContainer, this.props.ratio || null);\r\n }\r\n\r\n destroyCropper = () => {\r\n // destroy и присваивание undef объекту this.cropper делается, дабы в IE/FF/edge не утекала память. в хроме всё ок и без этого.\r\n this.cropper.destroy();\r\n this.cropper = undefined;\r\n };\r\n\r\n sendPhoto = () => {\r\n this.cropper.getCroppedCanvas().toBlob((blob) => {\r\n this.props.sendPhoto(blob);\r\n this.props.close();\r\n });\r\n };\r\n\r\n render() {\r\n return ReactDOM.createPortal(\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
\r\n
\r\n
\r\n
,\r\n\r\n this.root\r\n );\r\n }\r\n}\r\n\r\nCropPhoto.propTypes = {\r\n fileSource: PropTypes.string.isRequired,\r\n sendPhoto: PropTypes.func.isRequired,\r\n close: PropTypes.func.isRequired,\r\n ratio: PropTypes.number\r\n};\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport getUserInitials from '../../utils/getUserInitials';\r\nimport CropImageModal from '../../components/Modals/CropImageModal';\r\nimport { saveTempImage, getFullImageUrl } from '../../utils/api/services/image';\r\n\r\nexport class ProfileAvatar extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n popup: null,\r\n };\r\n }\r\n\r\n static propTypes = {\r\n user: PropTypes.object.isRequired,\r\n canEdit: PropTypes.bool,\r\n };\r\n\r\n static defaultProps = {\r\n canEdit: false,\r\n };\r\n\r\n handlePictureChange = (e) => {\r\n const file = e.target.files[0];\r\n e.target.value = ''; // сброс значения необходим для возможности повторно загрузить один и тот же файл\r\n if (!file || file.size === 0) {\r\n return;\r\n }\r\n\r\n const fr = new FileReader();\r\n fr.onload = () => {\r\n this.setState({\r\n popup: {\r\n file: fr.result,\r\n },\r\n });\r\n };\r\n\r\n fr.readAsDataURL(file);\r\n };\r\n\r\n closeCropPopup = () => {\r\n this.setState({ popup: null });\r\n };\r\n\r\n sendPhoto = (file) => {\r\n const self = this;\r\n saveTempImage(file)\r\n .then((result) => {\r\n self.props.setNewPicture(result.filename);\r\n })\r\n .catch((obj) => {\r\n alert('Не удалось загрузить изображение.');\r\n });\r\n };\r\n\r\n render() {\r\n const { firstName, lastName, picture } = this.props.user;\r\n const { newPicture } = this.props;\r\n const fullName = `${firstName} ${lastName}`;\r\n\r\n let pictureUrl = '';\r\n if (newPicture) {\r\n pictureUrl = newPicture;\r\n } else if (picture) {\r\n pictureUrl = getFullImageUrl(picture);\r\n }\r\n\r\n return (\r\n
\r\n {pictureUrl ? (\r\n
\r\n ) : (\r\n
\r\n {getUserInitials(fullName)}\r\n
\r\n )}\r\n {this.props.canEdit && (\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport class UserStatistic extends Component {\r\n static propTypes = {\r\n statistic: PropTypes.object.isRequired,\r\n };\r\n\r\n render() {\r\n const {\r\n visitsCount,\r\n commentsCount,\r\n downloadedTrainingMaterialsCount,\r\n forumTopicCount,\r\n leftLikesCount,\r\n practiceCasesCount,\r\n setLikesCount\r\n } = this.props.statistic;\r\n return (\r\n
\r\n
Статистика: \r\n\r\n
\r\n
Всего посещений:
\r\n
{visitsCount}
\r\n
\r\n
\r\n
\r\n Скачано материалов «Обучение»:\r\n
\r\n
{downloadedTrainingMaterialsCount}
\r\n
\r\n
\r\n
\r\n Выложено материалов «Практика»:\r\n
\r\n
{practiceCasesCount}
\r\n
\r\n
\r\n
\r\n Поставлено лайков/осталось:\r\n
\r\n
{`${setLikesCount}/${leftLikesCount}`}
\r\n
\r\n
\r\n
Сообщений в форуме:
\r\n
{commentsCount}
\r\n
\r\n
\r\n
Тем в форуме:
\r\n
{forumTopicCount}
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport constants from '../../utils/constants';\r\n\r\nexport class InputWithPlaceholder extends Component {\r\n static propTypes = {\r\n defaultValue: PropTypes.string,\r\n value: PropTypes.string,\r\n name: PropTypes.string,\r\n type: PropTypes.string,\r\n placeholder: PropTypes.string.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n type: 'text',\r\n name: '',\r\n defaultValue: '',\r\n value: '',\r\n };\r\n\r\n render() {\r\n const {\r\n placeholder, defaultValue, value, onChange, name, type,\r\n } = this.props;\r\n return (\r\n
\r\n
\r\n
{`${placeholder}:`}
\r\n {this.props.validationFunc\r\n && this.props.value\r\n && !this.props.validationFunc(this.props.value) && (\r\n
\r\n {constants.errorMessage[this.props.name]}\r\n \r\n )}\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { TextMask, InputAdapter } from \"react-text-mask-hoc\";\r\nimport constants from '../../utils/constants';\r\n\r\nexport class PhoneInputWithPlaceholder extends Component {\r\n static propTypes = {\r\n defaultValue: PropTypes.string,\r\n value: PropTypes.string,\r\n name: PropTypes.string,\r\n type: PropTypes.string,\r\n placeholder: PropTypes.string.isRequired,\r\n onChange: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n type: 'text',\r\n name: '',\r\n };\r\n\r\n render() {\r\n const {\r\n placeholder,\r\n defaultValue,\r\n value,\r\n onChange,\r\n name,\r\n type,\r\n } = this.props;\r\n return (\r\n
\r\n
\r\n
{`${placeholder}:`}
\r\n {this.props.validationFunc && this.props.value && !this.props.validationFunc(this.props.value) &&\r\n
{constants.errorMessage[this.props.name]} \r\n }\r\n
\r\n );\r\n }\r\n}\r\n","export default class enums {\r\n static updateUserStatusEnum = {\r\n none: 0,\r\n personalDataUpdated: 1,\r\n passwordChanged: 2,\r\n passwordDoesntChanged: 4,\r\n\t\tphoneConflict: 8,\r\n\t\temailConflict: 16,\r\n personalDataDoesntUpdated: 32\r\n }\r\n};","import {\r\n getDigitsOnly,\r\n} from \"./helpers\";\r\n\r\nexport function validFirstName(firstName) {\r\n var nameRegex = RegExp('^[а-яА-ЯёЁ\\-]+$');\r\n return (firstName && firstName.length > 0 && nameRegex.test(firstName));\r\n};\r\n\r\nexport function validLastName(lastName) {\r\n var nameRegex = RegExp('^[а-яА-ЯёЁ\\-]+$');\r\n return (lastName && lastName.length > 0 && nameRegex.test(lastName));\r\n};\r\n\r\nexport function validEmail(email) {\r\n var emailRegex = RegExp('^[a-zA-Z0-9_\\\\.-]+@([a-zA-Z0-9-]+\\\\.)+[a-zA-Z]{2,6}$');\r\n return (email && email.length > 0 && emailRegex.test(email));\r\n};\r\n\r\n\r\nexport function validPassword(pass) {\r\n return (!pass || pass.length >= 6);\r\n};\r\n\r\nexport function validNewPasswordsEquality(newPass, newPassAgain) {\r\n return !(\r\n (newPass || newPassAgain)\r\n &&\r\n (newPass !== newPassAgain)\r\n ); \r\n};\r\n\r\nexport function validPhone(phone) {\r\n let phoneNumber = getDigitsOnly(phone);\r\n\r\n if (phoneNumber.length != 11) {\r\n return false;\r\n }\r\n\r\n if (phoneNumber.length > 0 && phoneNumber.charAt(0) !== '7') {\r\n return false;\r\n }\r\n\r\n return true;\r\n}","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport BreadCrumbs from '../../components/BreadСrumbs/BreadСrumbs';\r\nimport { ProfileAvatar } from '../../components/User/ProfileAvatar';\r\nimport { UserStatistic } from '../../components/User/UserStatistic';\r\nimport { InputWithPlaceholder } from '../../components/Inputs/InputWithPlaceholder';\r\nimport { PhoneInputWithPlaceholder } from '../../components/Inputs/PhoneInputWithPlaceholder';\r\nimport Preloader from '../../components/Preloader/Preloader';\r\nimport { getStatisticByUserId } from '../../utils/api/services/statistic';\r\nimport { updateUser } from '../../utils/api/services/identity';\r\nimport MessageModal from '../../components/Modals/MessageModal';\r\nimport Enums from \"../../utils/enums\";\r\nimport constants from \"../../utils/constants\";\r\nimport paths from \"../../paths\";\r\n\r\nimport {\r\n parsePhoneNumber,\r\n validFirstName,\r\n validLastName,\r\n validEmail,\r\n validPhone,\r\n validPassword,\r\n validNewPasswordsEquality,\r\n} from \"../../utils/validation\";\r\n\r\nimport {\r\n getDigitsOnly,\r\n} from \"../../utils/helpers\";\r\n\r\n\r\nconst inputs = {\r\n firstDataBlock: [\r\n {\r\n name: 'firstName',\r\n placeholder: 'Имя',\r\n component: InputWithPlaceholder,\r\n validationFunc: validFirstName\r\n },\r\n {\r\n name: 'lastName',\r\n placeholder: 'Фамилия',\r\n component: InputWithPlaceholder,\r\n validationFunc: validLastName\r\n },\r\n {\r\n name: 'phone',\r\n type: 'tel',\r\n placeholder: 'Телефон',\r\n component: PhoneInputWithPlaceholder,\r\n validationFunc: validPhone\r\n },\r\n {\r\n name: 'email',\r\n type: 'email',\r\n placeholder: 'Email',\r\n component: InputWithPlaceholder,\r\n validationFunc: validEmail\r\n },\r\n ],\r\n secondDataBlock: [\r\n {\r\n name: 'position',\r\n placeholder: 'Должность',\r\n },\r\n {\r\n name: 'company',\r\n placeholder: 'Компания',\r\n },\r\n {\r\n name: 'city',\r\n placeholder: 'Город',\r\n },\r\n // {\r\n // name: 'opticalNetwork',\r\n // placeholder: 'Оптическая сеть',\r\n // },\r\n ],\r\n passwordBlock: [\r\n {\r\n name: 'oldPassword',\r\n type: 'password',\r\n placeholder: 'Старый пароль',\r\n },\r\n {\r\n name: 'newPassword',\r\n type: 'password',\r\n placeholder: 'Новый пароль',\r\n validationFunc: validPassword,\r\n },\r\n {\r\n name: 'newPasswordAgain',\r\n type: 'password',\r\n placeholder: 'Новый пароль еще раз',\r\n validationFunc: validPassword\r\n },\r\n ],\r\n};\r\n\r\nexport class MyProfile extends Component {\r\n constructor(props) {\r\n super(props);\r\n \r\n this.state = {\r\n user: this.props.user,\r\n newPicture: null,\r\n popup: null,\r\n password: {\r\n oldPassword: '',\r\n newPassword: '',\r\n newPasswordAgain: '',\r\n },\r\n statistic: {\r\n visitsCount: this.props.user.visitsCount,\r\n commentsCount: 0,\r\n downloadedTrainingMaterialsCount: 0,\r\n forumTopicCount: 0,\r\n leftLikesCount: 0,\r\n practiceCasesCount: 0,\r\n setLikesCount: 0,\r\n },\r\n isLoading: false,\r\n };\r\n }\r\n\r\n onUserDataChange = (e) => {\r\n const inputName = e.target.name;\r\n const inputValue = e.target.value;\r\n this.setState(prevState => ({\r\n user: {\r\n ...prevState.user,\r\n [inputName]: inputValue,\r\n },\r\n }));\r\n };\r\n\r\n onUserPasswordChange = (e) => {\r\n const inputName = e.target.name;\r\n const inputValue = e.target.value;\r\n this.setState(prevState => ({\r\n password: {\r\n ...prevState.password,\r\n [inputName]: inputValue,\r\n },\r\n }));\r\n };\r\n \r\n handleSubmitBtnClick = (e) => {\r\n this.setState({ isLoading: true });\r\n let model = {\r\n newPicture: this.state.newPicture,\r\n user: this.state.user,\r\n password: this.state.password\r\n };\r\n\r\n if (model.user.phone && model.user.phone.length) {\r\n model.user.phone = getDigitsOnly(model.user.phone);\r\n }\r\n\r\n updateUser(model).then(result => {\r\n let msg = '';\r\n if (result.code & Enums.updateUserStatusEnum.personalDataUpdated) {\r\n msg += 'Персональные данные успешно обновлены. ';\r\n }\r\n if (result.code & Enums.updateUserStatusEnum.personalDataDoesntUpdated) {\r\n msg += 'Не удалось обновить персональные данные. ';\r\n }\r\n if (result.code & Enums.updateUserStatusEnum.emailConflict) {\r\n msg += 'Не удалось обновить персональные данные - указанный email привязан к другому аккаунту. ';\r\n }\r\n if (result.code & Enums.updateUserStatusEnum.phoneConflict) {\r\n msg += 'Не удалось обновить персональные данные - указанный номер телефона привязан к другому аккаунту. ';\r\n }\r\n if (result.code & Enums.updateUserStatusEnum.passwordChanged) {\r\n msg += 'Пароль изменён. ';\r\n }\r\n if (result.code & Enums.updateUserStatusEnum.passwordDoesntChanged) {\r\n msg += 'Изменить пароль не удалось, проверьте корректность вводимого пароля. ';\r\n }\r\n\r\n this.setState({\r\n popup: {\r\n message: msg\r\n }\r\n });\r\n }).catch(() => {\r\n this.setState({\r\n popup: { message: `Не удалось обновить настройки профиля.` }\r\n })\r\n }).finally(() => this.setState({ isLoading: false }));\r\n }\r\n\r\n setNewPicture = (newPicture) => {\r\n this.setState({ newPicture });\r\n }\r\n\r\n componentWillMount = () => {\r\n getStatisticByUserId(this.props.user.id).then(result => {\r\n this.setState(prevState => ({\r\n statistic: {\r\n ...prevState.statistic,\r\n ...result \r\n }\r\n }));\r\n }).catch(e => console.log(e));\r\n };\r\n\r\n render() {\r\n const { user, password, statistic, newPicture, isLoading } = this.state;\r\n\r\n const isFirstNameValid = validFirstName(this.state.user.firstName);\r\n const isLastNameValid = validLastName(this.state.user.lastName);\r\n const isEmailValid = validEmail(this.state.user.email);\r\n const isPhoneValid = validPhone(this.state.user.phone);\r\n const isNewPasswordsEqualityValid = validNewPasswordsEquality(this.state.password.newPassword, this.state.password.newPasswordAgain);\r\n const isNewPasswordValid = validPassword(this.state.password.newPassword);\r\n const isNewPasswordAgainValid = validPassword(this.state.password.newPasswordAgain);\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 {inputs.firstDataBlock.map(item => (\r\n
\r\n\r\n
\r\n {inputs.secondDataBlock.map(item => (\r\n
\r\n\r\n
\r\n
Смена пароля: \r\n\r\n {inputs.passwordBlock.map(item => (\r\n \r\n {!isNewPasswordsEqualityValid &&\r\n
\r\n {constants.errorMessage.newPasswordsNotEquals}\r\n }\r\n\r\n
\r\n Сохранить изменения\r\n \r\n \r\n\r\n
\r\n
\r\n
\r\n {this.state.popup &&\r\n (
{\r\n this.setState({ popup: null });\r\n window.location.reload();\r\n }}\r\n />)}\r\n \r\n );\r\n }\r\n\r\n static propTypes = {\r\n user: PropTypes.object.isRequired,\r\n };\r\n}\r\n","import { apiRequest } from '../core';\r\n\r\nexport function updateUser(user) {\r\n const url = new URL(`${process.env.REACT_APP_BACKEND_HOST}/api/identity/user`);\r\n return apiRequest(url, {\r\n method: 'PUT',\r\n credentials: 'same-origin',\r\n body: JSON.stringify(user),\r\n headers: {\r\n 'Content-Type': 'application/json; charset=utf-8',\r\n },\r\n });\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport class PersonalInfoItem extends Component {\r\n static propTypes = {\r\n value: PropTypes.string,\r\n placeholder: PropTypes.string.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n placeholder: '',\r\n value: '',\r\n };\r\n\r\n render() {\r\n const { placeholder, value } = this.props;\r\n\r\n return (\r\n
\r\n
{`${placeholder}:`}
\r\n
{`${value}`}
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport BreadCrumbs from '../../components/BreadСrumbs/BreadСrumbs';\r\nimport { ProfileAvatar } from '../../components/User/ProfileAvatar';\r\nimport { UserStatistic } from '../../components/User/UserStatistic';\r\nimport { PersonalInfoItem } from '../../components/Inputs/PersonalInfoItem';\r\nimport { GetProfile } from '../../utils/api/services/profile';\r\nimport Preloader from '../../components/Preloader/Preloader';\r\nimport paths from '../../paths';\r\n\r\nconst inputs = [\r\n {\r\n name: 'firstName',\r\n placeholder: 'Имя',\r\n },\r\n {\r\n name: 'lastName',\r\n placeholder: 'Фамилия',\r\n },\r\n {\r\n name: 'phone',\r\n type: 'tel',\r\n placeholder: 'Телефон',\r\n },\r\n {\r\n name: 'email',\r\n type: 'email',\r\n placeholder: 'Email',\r\n },\r\n {\r\n name: 'position',\r\n placeholder: 'Должность',\r\n },\r\n {\r\n name: 'company',\r\n placeholder: 'Компания',\r\n },\r\n {\r\n name: 'city',\r\n placeholder: 'Город',\r\n },\r\n // {\r\n // name: 'opticalNetwork',\r\n // placeholder: 'Оптическая сеть',\r\n // }\r\n];\r\n\r\nexport class Profile extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n user: null,\r\n statistic: null,\r\n };\r\n }\r\n\r\n componentWillMount = () => {\r\n GetProfile(this.props.match.params.profileId).then(result => {\r\n this.setState({\r\n isLoading: false,\r\n user: result.user,\r\n statistic: { ...result.statistic, visitsCount: result.user.visitsCount }\r\n });\r\n }).catch(e => console.log(e));\r\n };\r\n\r\n render() {\r\n const { user, statistic, isLoading } = this.state;\r\n\r\n if (isLoading) {\r\n return
;\r\n }\r\n \r\n const fullName = `${user.firstName} ${user.lastName}`;\r\n return (\r\n
\r\n
\r\n
{fullName} \r\n
\r\n
\r\n
\r\n
\r\n
Личная информация: \r\n {inputs.filter(x => user[x.name]).map(item => (\r\n
\r\n ))}\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n );\r\n }\r\n\r\n static propTypes = {\r\n user: PropTypes.object.isRequired,\r\n };\r\n}\r\n","import { apiRequest } from '../core';\r\n\r\nexport function GetProfile(id) {\r\n const url = new URL(`${process.env.REACT_APP_BACKEND_HOST}/api/profile/${id}`);\r\n return apiRequest(url);\r\n}","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport formatDate from '../../utils/formatDate';\r\nimport paths from '../../paths';\r\n\r\nexport class NewsItem extends Component {\r\n static propTypes = {\r\n title: PropTypes.string.isRequired,\r\n alias: PropTypes.string.isRequired,\r\n date: PropTypes.string.isRequired,\r\n announce: PropTypes.string.isRequired,\r\n }\r\n\r\n render() {\r\n const {\r\n title, alias, date, announce,\r\n } = this.props;\r\n return (\r\n
\r\n \r\n
\r\n {title}\r\n \r\n
\r\n
{formatDate(date, 'forNews')} \r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { NewsItem } from './NewsItem';\r\nimport BreadCrumbs from '../../components/BreadСrumbs/BreadСrumbs';\r\nimport { getNewsFeed } from '../../utils/api/services/news';\r\nimport paths from '../../paths';\r\nimport Preloader from '../../components/Preloader/Preloader';\r\nimport ListFooter from '../../components/ListFooter/ListFooter';\r\nimport { setUrlParameters } from '../../utils/helpers'; \r\nimport { getPage } from '../../utils/urlHelper'; \r\n\r\nexport class NewsList extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.pageSize = 5;\r\n \r\n this.state = {\r\n isLoading: true,\r\n news: [],\r\n total: 0,\r\n };\r\n }\r\n\r\n componentWillMount = () => {\r\n this.fetchData();\r\n };\r\n\r\n fetchData = () => {\r\n const page = getPage();\r\n\r\n this.setState({ isLoading: true });\r\n getNewsFeed((page - 1) * this.pageSize, this.pageSize)\r\n .then((result) => {\r\n this.setState({\r\n news: result.data,\r\n total: result.total,\r\n });\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n };\r\n\r\n handlePageClick = (e) => {\r\n const newPage = e.selected + 1;\r\n let urlQuery = {};\r\n urlQuery[\"page\"] = newPage > 1 ? newPage : null;\r\n setUrlParameters(urlQuery, this.fetchData);\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.location.search !== this.props.location.search) {\r\n this.fetchData();\r\n }\r\n }\r\n\r\n handleLoadMore = () => {\r\n const page = getPage();\r\n const newPage = page + 1;\r\n let urlQuery = {};\r\n urlQuery[\"page\"] = newPage > 1 ? newPage : null;\r\n setUrlParameters(urlQuery);\r\n\r\n this.setState({ isLoading: true });\r\n getNewsFeed(page * this.pageSize, this.pageSize)\r\n .then((result) => {\r\n this.setState({\r\n news: [...this.state.news, ...result.data],\r\n total: result.total,\r\n });\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n isLoading, news, total, \r\n } = this.state;\r\n\r\n const page = getPage();\r\n\r\n if (isLoading && !news.length) {\r\n return
;\r\n }\r\n\r\n return (\r\n
\r\n
\r\n\r\n
Все новости \r\n\r\n {news.length ? (\r\n
\r\n ) : (\r\n
Новостей нет :(
\r\n )}\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst NewsListContent = ({\r\n news, pageSize, total, handlePageClick, currentPage, handleLoadMore\r\n}) => (\r\n
\r\n \r\n {news.length ? (\r\n news.map(item => (\r\n
\r\n ))\r\n ) : (\r\n
Новостей нет
\r\n )}\r\n
\r\n);\r\n","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport paths from '../../paths';\r\nimport { getFullGalleryImageUrl } from '../../utils/api/services/image';\r\n\r\nexport class GalleryCategoryItem extends Component {\r\n static propTypes = {\r\n name: PropTypes.string.isRequired,\r\n alias: PropTypes.string.isRequired,\r\n image: PropTypes.string.isRequired\r\n }\r\n\r\n render() {\r\n const {\r\n name, alias, image\r\n } = this.props;\r\n return (\r\n
\r\n
\r\n
\t\t\t\t\t\t\t\t\r\n\t\t\t\t
\r\n
\r\n
\r\n {name}\r\n\t\t\t\t\t\t\t\t
\r\n
\t\r\n \r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { GalleryCategoryItem } from './GalleryCategoryItem';\r\nimport BreadCrumbs from '../../components/BreadСrumbs/BreadСrumbs';\r\nimport { getGalleryFeed } from '../../utils/api/services/gallery';\r\nimport paths from '../../paths';\r\nimport Preloader from '../../components/Preloader/Preloader';\r\nimport ListFooter from '../../components/ListFooter/ListFooter';\r\nimport { setUrlParameters } from '../../utils/helpers';\r\nimport { getPage } from '../../utils/urlHelper'; \r\n\r\nexport class GalleryCategoryList extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n gallery: []\r\n };\r\n }\r\n\r\n componentWillMount = () => {\r\n this.fetchData();\r\n };\r\n\r\n fetchData = () => {\r\n this.setState({ isLoading: true });\r\n getGalleryFeed()\r\n .then((result) => {\r\n console.log(result);\r\n this.setState({\r\n gallery: result\r\n });\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.location.search !== this.props.location.search) {\r\n this.fetchData();\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n isLoading, gallery\r\n } = this.state;\r\n\r\n if (isLoading && !gallery.length) {\r\n return
;\r\n }\r\n\r\n return (\r\n
\r\n\r\n
\r\n\r\n
Галерея \r\n\r\n\r\n
\r\n {gallery.length ? (\r\n
\r\n ) : (\r\n
Галереи нет :(
\r\n )}\r\n\t\t\t\t\t \r\n\t\t\t\t
\r\n\t\t\t\t\r\n\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst GalleryListContent = ({\r\n gallery\r\n}) => (\r\n
\r\n {gallery.length ? (\r\n gallery.map(item => (\r\n Новостей нет
\r\n )}\r\n \r\n );\r\n","import { apiRequest } from \"../core\";\r\n\r\nexport function getGalleryFeed() {\r\n let url = new URL(process.env.REACT_APP_BACKEND_HOST + \"/api/gallery\");\r\n return apiRequest(url);\r\n}\r\n\r\nexport function getGalleryImages(alias) {\r\n let url = new URL(process.env.REACT_APP_BACKEND_HOST + `/api/gallery/${alias}`);\r\n return apiRequest(url);\r\n}","import React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport { getNewsByAlias } from '../../utils/api/services/news';\r\nimport paths from '../../paths';\r\nimport formatDate from '../../utils/formatDate';\r\nimport { getFileExtension } from '../../utils/helpers';\r\nimport BreadCrumbs from '../../components/BreadСrumbs/BreadСrumbs';\r\nimport Preloader from '../../components/Preloader/Preloader';\r\nimport AttachedContent from '../../components/AttachedContent/AttachedContent';\r\nimport { FileDownloadUrl, FilePdfUrl } from '../../utils/api/services/files';\r\n\r\nexport class NewsDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: true,\r\n };\r\n }\r\n\r\n getType = ({ extension }) => {\r\n switch (extension) {\r\n case 'pdf':\r\n return 'pdf';\r\n break;\r\n\r\n default:\r\n return 'file';\r\n break;\r\n }\r\n };\r\n\r\n componentWillMount() {\r\n getNewsByAlias(this.props.match.params.alias)\r\n .then((news) => {\r\n this.setState({ news, isLoading: false });\r\n })\r\n .catch(e => console.log(e));\r\n }\r\n\r\n render() {\r\n const { isLoading, news } = this.state;\r\n\r\n if (isLoading) {\r\n return
;\r\n }\r\n\r\n const url = FileDownloadUrl(news.documentFileId);\r\n const pdfUrl = FilePdfUrl(news.documentFileId);\r\n const type = ({ extension: getFileExtension(news.documentFileName) });\r\n console.log('type: ', type);\r\n\r\n return (\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
{news.title} \r\n
\r\n {news.text ? (\r\n
\r\n ) : (\r\n
\r\n )}\r\n {type.extension === 'pdf' && (\r\n
\r\n )}\r\n {type === 'file' && (\r\n
\r\n )}\r\n
\r\n {'Читать все новости'}\r\n \r\n
{formatDate(news.createdDate, 'forNews')} \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nfunction Document(props) {\r\n const { documentTitle, url, targetType} = props;\r\n return (\r\n
\r\n \r\n \r\n );\r\n}\r\n","import jquery from 'jquery';\r\nwindow.jQuery = jquery;\r\nwindow.$ = jquery;","import '../../utils/jquery-global'\r\nimport React, { Component } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport PropTypes, { func } from 'prop-types';\r\nimport paths from '../../paths';\r\nimport { getFullGalleryImageUrl } from '../../utils/api/services/image';\r\nimport { getGalleryImages } from '../../utils/api/services/gallery';\r\nimport BreadCrumbs from '../../components/BreadСrumbs/BreadСrumbs';\r\nimport Preloader from '../../components/Preloader/Preloader';\r\nimport '@fancyapps/fancybox';\r\n\r\n\r\nexport class GalleryCategoryDetails extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n\r\n this.state = {\r\n isLoading: true,\r\n gallery: null\r\n };\r\n }\r\n\r\n componentWillMount = () => {\r\n this.fetchData();\r\n };\r\n\r\n fetchData = () => {\r\n this.setState({ isLoading: true });\r\n getGalleryImages(this.props.match.params.alias)\r\n .then((result) => {\r\n console.log(result);\r\n this.setState({\r\n gallery: result\r\n });\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n };\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n if (prevProps.location.search !== this.props.location.search) {\r\n this.fetchData(); \r\n }\r\n\r\n window.$(document).ready(function () {\r\n window.$(\"[data-fancybox]\").fancybox({\r\n clickContent: false\r\n });\r\n })\r\n }\r\n\r\n render() {\r\n const {\r\n isLoading, gallery,\r\n } = this.state;\r\n\r\n\r\n if (isLoading && !gallery) {\r\n return
;\r\n }\r\n\r\n return (\r\n
\r\n
\r\n\r\n
{gallery.name} \r\n\r\n
\r\n {gallery.galleryImages.length ? (\r\n
\r\n ) : (\r\n
Нет изображений
\r\n )}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst ImagesContent = ({\r\n images\r\n}) => (\r\n
\r\n \r\n \r\n );\r\n","import React, { Component } from 'react';\r\nimport TrainingListItem from './TrainingListItem';\r\nimport PropTypes from 'prop-types';\r\n\r\nexport default class TrainingList extends Component {\r\n\r\n static propTypes = {\r\n materials: PropTypes.array.isRequired,\r\n searchQueryData: PropTypes.string.isRequired,\r\n };\r\n\r\n\r\n render() {\r\n const { materials, searchQueryData } = this.props;\r\n\r\n if (materials && searchQueryData && !materials.length) {\r\n return (\r\n
\r\n \r\n {`Результат поиска «${searchQueryData}»:`}\r\n
\r\n \r\n
\r\n
По вашему запросу ничего не найдено
\r\n
Попробуйте изменить ключевое слово
\r\n
\r\n
\r\n );\r\n }\r\n\r\n if (!materials) {\r\n return (
Обучающих материалов нет :(
);\r\n }\r\n\r\n if (searchQueryData) {\r\n return (\r\n
\r\n \r\n {`Результат поиска «${searchQueryData}»:`}\r\n
\r\n \r\n {materials.map(item => (
\r\n \r\n );\r\n }\r\n\r\n return (\r\n
\r\n \r\n {materials.map(item => (
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport TrainingList from './TrainingList';\r\nimport Search from '../../components/Search/Search';\r\nimport BreadCrumbs from '../../components/BreadСrumbs/BreadСrumbs';\r\nimport Preloader from '../../components/Preloader/Preloader';\r\nimport ListFooter from '../../components/ListFooter/ListFooter';\r\nimport { getTrainingMaterials } from '../../utils/api/services/materials';\r\nimport { setUrlParameters } from '../../utils/helpers';\r\nimport { getPage, getQuery } from '../../utils/urlHelper';\r\nimport paths from '../../paths';\r\n\r\nexport default class Training extends Component {\r\n static propTypes = {};\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.pageSize = 10;\r\n\r\n this.state = {\r\n searchQuery: getQuery() || '',\r\n matireals: [],\r\n isLoading: false,\r\n isLoadingMore: false,\r\n total: 0,\r\n };\r\n }\r\n\r\n componentWillMount() {\r\n this.fetchData();\r\n }\r\n\r\n componentDidUpdate(prevProps, prevState, snapshot) {\r\n this.props.location.search = getQuery();\r\n if (prevProps.location.search !== this.props.location.search) {\r\n this.setState(\r\n {\r\n searchQuery: '',\r\n },\r\n this.fetchData(),\r\n );\r\n }\r\n }\r\n\r\n fetchData = () => {\r\n const query = getQuery();\r\n const page = getPage();\r\n\r\n this.setState({ isLoading: true });\r\n getTrainingMaterials((page - 1) * this.pageSize, this.pageSize, query)\r\n .then((result) => {\r\n this.setState({\r\n materials: result.data,\r\n total: result.total,\r\n });\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoading: false,\r\n });\r\n });\r\n };\r\n\r\n handleSearchQueryChange = (e) => {\r\n const search = e.currentTarget.value;\r\n this.setState({ searchQuery: search });\r\n };\r\n\r\n handleSearchEnterPress = (e) => {\r\n if (e.keyCode === 13) {\r\n e.preventDefault();\r\n this.handleSearch();\r\n }\r\n };\r\n\r\n handleSearch = () => {\r\n const urlQuery = {};\r\n urlQuery.page = null;\r\n urlQuery.query = this.state.searchQuery;\r\n setUrlParameters(urlQuery, this.fetchData);\r\n };\r\n\r\n handlePageClick = (e) => {\r\n const newPage = Number(e.selected) + 1;\r\n const urlQuery = {};\r\n urlQuery.page = newPage > 1 ? newPage : null;\r\n setUrlParameters(urlQuery, this.fetchData);\r\n };\r\n\r\n handleLoadMore = () => {\r\n const page = getPage();\r\n const newPage = page + 1;\r\n const urlQuery = {};\r\n urlQuery.page = newPage > 1 ? newPage : null;\r\n setUrlParameters(urlQuery);\r\n\r\n this.setState({ isLoadingMore: true });\r\n getTrainingMaterials(page * this.pageSize, this.pageSize)\r\n .then((result) => {\r\n this.setState({\r\n materials: [...this.state.materials, ...result.data],\r\n total: result.total,\r\n });\r\n })\r\n .catch((e) => {\r\n console.log(e);\r\n })\r\n .finally(() => {\r\n this.setState({\r\n isLoadingMore: false,\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const {\r\n searchQuery, isLoading, isLoadingMore, materials, total,\r\n } = this.state;\r\n\r\n const query = getQuery();\r\n const page = getPage();\r\n\r\n return (\r\n
\r\n
\r\n
Обучение \r\n
\r\n {isLoading ? (\r\n
\r\n ) : (\r\n
\r\n \r\n )}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\n// matireals.map(category =>
)\r\n","export default class practiceConstants {\r\n static allCategory = {\r\n title: 'Все разделы',\r\n alias: null,\r\n description: '',\r\n };\r\n\r\n static sortTypes = [\r\n {\r\n id: 0,\r\n title: \"Дате загрузки\",\r\n alias: 'date'\r\n },\r\n {\r\n id: 1,\r\n title: \"Количеству голосов\",\r\n alias: 'likes'\r\n }\r\n ];\r\n};","import React, { Component } from 'react';\r\nimport Slider from 'react-slick';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport practiceConstants from './practiceConstants';\r\n\r\nexport default class CategoriesDesktop extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.sliderSettings = {\r\n autoplay: false,\r\n swipe: true,\r\n touchMove: true,\r\n infinite: true,\r\n arrows: false,\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n variableWidth: true,\r\n };\r\n }\r\n\r\n static propTypes = {\r\n onChangeCategory: PropTypes.func.isRequired,\r\n categories: PropTypes.array.isRequired,\r\n selectedCategory: PropTypes.object.isRequired,\r\n };\r\n \r\n setCategory = (category) => {\r\n this.props.onChangeCategory(category);\r\n };\r\n \r\n next() {\r\n this.slider.slickNext();\r\n }\r\n\r\n render() {\r\n const { categories } = this.props;\r\n return (\r\n
\r\n
\r\n
\r\n {practiceConstants.allCategory.title}\r\n \r\n\r\n
\r\n
(this.slider = slider)}\r\n className=\"navigating-sections-links\"\r\n >\r\n {categories.map(item => (\r\n \r\n \r\n {item.title}\r\n \r\n \r\n ))}\r\n \r\n this.next()} /> \r\n\r\n
\r\n \r\n
\r\n );\r\n }\r\n}","import React, { Component } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport onClickOutside from 'react-onclickoutside';\r\nimport classNames from 'classnames';\r\nimport Preloader from '../Preloader/Preloader';\r\n\r\nclass CustomDropdownPractice extends Component {\r\n static defaltProps = {\r\n label: 'Текущий раздел:',\r\n };\r\n\r\n static propTypes = {\r\n categories: PropTypes.array.isRequired,\r\n selectedCategory: PropTypes.object.isRequired,\r\n label: PropTypes.string,\r\n headerTitle: PropTypes.string,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n listOpened: false,\r\n };\r\n }\r\n\r\n selectItem = (item) => {\r\n this.setState(\r\n {\r\n listOpened: false,\r\n },\r\n () => this.props.onChange(item),\r\n );\r\n };\r\n\r\n handleKeyboardPick = (e, item) => {\r\n if (e.keyCode === 13 || e.keyCode === 32) {\r\n e.preventDefault();\r\n this.selectItem(item);\r\n }\r\n };\r\n\r\n toggleList = () => {\r\n this.setState(prevState => ({\r\n listOpened: !prevState.listOpened,\r\n }));\r\n };\r\n\r\n handleClickOutside(e) {\r\n this.setState({\r\n listOpened: false,\r\n });\r\n }\r\n\r\n render() {\r\n const { listOpened } = this.state;\r\n const {\r\n label, categories, selectedCategory,\r\n } = this.props;\r\n if (!categories || !selectedCategory) return
;\r\n return (\r\n
\r\n \r\n
\r\n
\r\n {label}\r\n
\r\n {selectedCategory.title}\r\n
\r\n
\r\n {categories.length ? (\r\n categories.map((item, idx) => (\r\n this.selectItem(item)}\r\n onKeyDown={e => this.handleKeyboardPick(e, item)}\r\n >\r\n {item.title}\r\n \r\n ))\r\n ) : (\r\n \r\n \r\n )}\r\n \r\n ![\"\"](\"/Content/images/bg/video-bg.gif\")
\r\n ![\"Жирный](\"/Content/images/btns/edtor1.svg\")
\r\n`;\r\nicons.italic = `![\"Курсив\"](\"/Content/images/btns/edtor2.svg\")
\r\n`;\r\nicons.underline = `![\"Подчеркивание\"](\"/Content/images/btns/edtor3.svg\")
\r\n`;\r\nicons.link = `![\"Добавить](\"/Content/images/btns/edtor5.svg\")
\r\n`;\r\nicons.clean = `![\"Удалить](\"/Content/images/btns/edtor9.svg\")
\r\n`;\r\n\r\nconst Clipboard = Quill.import('modules/clipboard');\r\n\r\nclass PlainTextClipboard extends Clipboard {\r\n\r\n convert(html = null) {\r\n if (typeof html === 'string') {\r\n this.container.innerHTML = html;\r\n }\r\n const text = this.container.innerText;\r\n this.container.innerHTML = '';\r\n return new Delta().insert(text);\r\n }\r\n\r\n onPaste(e) {\r\n if (e.defaultPrevented || !this.quill.isEnabled()) return;\r\n const range = this.quill.getSelection();\r\n let delta = new Delta().retain(range.index);\r\n\r\n if (e && e.clipboardData && e.clipboardData.types && e.clipboardData.getData) {\r\n const text = (e.originalEvent || e).clipboardData.getData('text');\r\n\r\n const cleanedText = this.convert(text);\r\n\r\n // Stop the data from actually being pasted\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n // Process cleaned text\r\n delta = delta.concat(cleanedText).delete(range.length);\r\n this.quill.updateContents(delta, Quill.sources.USER);\r\n // range.length contributes to delta.length()\r\n this.quill.setSelection(delta.length() - range.length, Quill.sources.SILENT);\r\n\r\n return false;\r\n }\r\n }\r\n}\r\n\r\nQuill.register('modules/clipboard', PlainTextClipboard);\r\n\r\n/*\r\n * Editor component with custom toolbar and content containers\r\n */\r\nexport default class TextEditor extends React.Component {\r\n static defaultProps = {\r\n allowAttachments: true,\r\n placeholder: '',\r\n editorHtml: ''\r\n };\r\n\r\n static propTypes = {\r\n editorHtml: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n allowAttachments: PropTypes.bool,\r\n setAttachments: PropTypes.func.isRequired\r\n };\r\n\r\n formats = ['bold', 'italic', 'underline', 'link', 'emoji', 'clean'];\r\n\r\n modules = {\r\n toolbar: {\r\n container: '#ql-custom-toolbar',\r\n handlers: {\r\n attachFile: () => this.fileUploaderRef.current.uploadFiles(),\r\n addPicture: () => this.fileUploaderRef.current.uploadImages(),\r\n addVideo: () => this.fileUploaderRef.current.uploadVideos(),\r\n emoji: () => {}\r\n }\r\n },\r\n clipboard: {\r\n matchVisual: true\r\n },\r\n 'emoji-toolbar': {\r\n buttonIcon:\r\n '![\"Добавить](\"/Content/images/btns/edtor8.svg\")
'\r\n }\r\n // 'emoji-textarea': false,\r\n // 'emoji-shortname': false,\r\n };\r\n\r\n constructor(props) {\r\n super(props);\r\n this.handleChange = this.handleChange.bind(this);\r\n this.fileUploaderRef = React.createRef();\r\n }\r\n\r\n handleChange(html) {\r\n this.props.onChange(html);\r\n }\r\n\r\n render() {\r\n const {\r\n editorHtml, placeholder, allowAttachments, setAttachments\r\n } = this.props;\r\n return (\r\n