// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved. // See License.txt for license information. import SettingItemMin from '../setting_item_min.jsx'; import SettingItemMax from '../setting_item_max.jsx'; import AccessHistoryModal from '../access_history_modal.jsx'; import ActivityLogModal from '../activity_log_modal.jsx'; import ToggleModalButton from '../toggle_modal_button.jsx'; import TeamStore from '../../stores/team_store.jsx'; import * as Client from '../../utils/client.jsx'; import * as AsyncClient from '../../utils/async_client.jsx'; import Constants from '../../utils/constants.jsx'; import {intlShape, injectIntl, defineMessages, FormattedMessage} from 'mm-intl'; const holders = defineMessages({ currentPasswordError: { id: 'user.settings.security.currentPasswordError', defaultMessage: 'Please enter your current password' }, passwordLengthError: { id: 'user.settings.security.passwordLengthError', defaultMessage: 'New passwords must be at least {chars} characters' }, passwordMatchError: { id: 'user.settings.security.passwordMatchError', defaultMessage: 'The new passwords you entered do not match' }, password: { id: 'user.settings.security.password', defaultMessage: 'Password' }, lastUpdated: { id: 'user.settings.security.lastUpdated', defaultMessage: 'Last updated {date} at {time}' }, method: { id: 'user.settings.security.method', defaultMessage: 'Sign-in Method' }, close: { id: 'user.settings.security.close', defaultMessage: 'Close' } }); class SecurityTab extends React.Component { constructor(props) { super(props); this.submitPassword = this.submitPassword.bind(this); this.updateCurrentPassword = this.updateCurrentPassword.bind(this); this.updateNewPassword = this.updateNewPassword.bind(this); this.updateConfirmPassword = this.updateConfirmPassword.bind(this); this.getDefaultState = this.getDefaultState.bind(this); this.createPasswordSection = this.createPasswordSection.bind(this); this.createSignInSection = this.createSignInSection.bind(this); this.state = this.getDefaultState(); } getDefaultState() { return { currentPassword: '', newPassword: '', confirmPassword: '', authService: this.props.user.auth_service }; } submitPassword(e) { e.preventDefault(); var user = this.props.user; var currentPassword = this.state.currentPassword; var newPassword = this.state.newPassword; var confirmPassword = this.state.confirmPassword; const {formatMessage} = this.props.intl; if (currentPassword === '') { this.setState({passwordError: formatMessage(holders.currentPasswordError), serverError: ''}); return; } if (newPassword.length < Constants.MIN_PASSWORD_LENGTH) { this.setState({passwordError: formatMessage(holders.passwordLengthError, {chars: Constants.MIN_PASSWORD_LENGTH}), serverError: ''}); return; } if (newPassword !== confirmPassword) { var defaultState = Object.assign(this.getDefaultState(), {passwordError: formatMessage(holders.passwordMatchError), serverError: ''}); this.setState(defaultState); return; } var data = {}; data.user_id = user.id; data.current_password = currentPassword; data.new_password = newPassword; Client.updatePassword(data, () => { this.props.updateSection(''); AsyncClient.getMe(); this.setState(this.getDefaultState()); }, (err) => { var state = this.getDefaultState(); if (err.message) { state.serverError = err.message; } else { state.serverError = err; } state.passwordError = ''; this.setState(state); } ); } updateCurrentPassword(e) { this.setState({currentPassword: e.target.value}); } updateNewPassword(e) { this.setState({newPassword: e.target.value}); } updateConfirmPassword(e) { this.setState({confirmPassword: e.target.value}); } createPasswordSection() { let updateSectionStatus; const {formatMessage} = this.props.intl; if (this.props.activeSection === 'password' && this.props.user.auth_service === '') { const inputs = []; inputs.push(
); inputs.push(
); inputs.push(
); updateSectionStatus = function resetSection(e) { this.props.updateSection(''); this.setState({currentPassword: '', newPassword: '', confirmPassword: '', serverError: null, passwordError: null}); e.preventDefault(); }.bind(this); return ( ); } var describe; var d = new Date(this.props.user.last_password_update); var timeOfDay = ' am'; if (d.getHours() >= 12) { timeOfDay = ' pm'; } const locale = global.window.mm_locale; describe = formatMessage(holders.lastUpdated, { date: d.toLocaleDateString(locale, {month: 'short', day: '2-digit', year: 'numeric'}), time: d.toLocaleTimeString(locale, {hours12: true, hour: '2-digit', minute: '2-digit'}) + timeOfDay }); updateSectionStatus = function updateSection() { this.props.updateSection('password'); }.bind(this); return ( ); } createSignInSection() { let updateSectionStatus; const user = this.props.user; if (this.props.activeSection === 'signin') { const inputs = []; const teamName = TeamStore.getCurrent().name; let emailOption; if (global.window.mm_config.EnableSignUpWithEmail === 'true' && user.auth_service !== '') { emailOption = (

); } let gitlabOption; if (global.window.mm_config.EnableSignUpWithGitLab === 'true' && user.auth_service === '') { gitlabOption = (

); } let googleOption; if (global.window.mm_config.EnableSignUpWithGoogle === 'true' && user.auth_service === '') { googleOption = (

); } inputs.push(
{emailOption} {gitlabOption}
{googleOption}
); updateSectionStatus = function updateSection(e) { this.props.updateSection(''); this.setState({serverError: null}); e.preventDefault(); }.bind(this); const extraInfo = ( ); return ( ); } updateSectionStatus = function updateSection() { this.props.updateSection('signin'); }.bind(this); let describe = ( ); if (this.props.user.auth_service === Constants.GITLAB_SERVICE) { describe = ( ); } return ( ); } render() { const passwordSection = this.createPasswordSection(); let signInSection; let numMethods = 0; numMethods = global.window.mm_config.EnableSignUpWithGitLab === 'true' ? numMethods + 1 : numMethods; numMethods = global.window.mm_config.EnableSignUpWithGoogle === 'true' ? numMethods + 1 : numMethods; if (global.window.mm_config.EnableSignUpWithEmail && numMethods > 0) { signInSection = this.createSignInSection(); } return (

{passwordSection}
{signInSection}


); } } SecurityTab.defaultProps = { user: {}, activeSection: '' }; SecurityTab.propTypes = { intl: intlShape.isRequired, user: React.PropTypes.object, activeSection: React.PropTypes.string, updateSection: React.PropTypes.func, updateTab: React.PropTypes.func, closeModal: React.PropTypes.func.isRequired, collapseModal: React.PropTypes.func.isRequired, setEnforceFocus: React.PropTypes.func.isRequired }; export default injectIntl(SecurityTab);