// 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 * as Client from '../../utils/client.jsx'; import * as AsyncClient from '../../utils/async_client.jsx'; import Constants from '../../utils/constants.jsx'; export default 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.setupInitialState = this.setupInitialState.bind(this); this.state = this.setupInitialState(); } submitPassword(e) { e.preventDefault(); var user = this.props.user; var currentPassword = this.state.currentPassword; var newPassword = this.state.newPassword; var confirmPassword = this.state.confirmPassword; if (currentPassword === '') { this.setState({passwordError: 'Please enter your current password', serverError: ''}); return; } if (newPassword.length < 5) { this.setState({passwordError: 'New passwords must be at least 5 characters', serverError: ''}); return; } if (newPassword !== confirmPassword) { this.setState({passwordError: 'The new passwords you entered do not match', serverError: ''}); return; } var data = {}; data.user_id = user.id; data.current_password = currentPassword; data.new_password = newPassword; Client.updatePassword(data, function success() { this.props.updateSection(''); AsyncClient.getMe(); this.setState(this.setupInitialState()); }.bind(this), function fail(err) { var state = this.setupInitialState(); if (err.message) { state.serverError = err.message; } else { state.serverError = err; } state.passwordError = ''; this.setState(state); }.bind(this) ); } updateCurrentPassword(e) { this.setState({currentPassword: e.target.value}); } updateNewPassword(e) { this.setState({newPassword: e.target.value}); } updateConfirmPassword(e) { this.setState({confirmPassword: e.target.value}); } setupInitialState() { return {currentPassword: '', newPassword: '', confirmPassword: ''}; } render() { var serverError; if (this.state.serverError) { serverError = this.state.serverError; } var passwordError; if (this.state.passwordError) { passwordError = this.state.passwordError; } var updateSectionStatus; var passwordSection; if (this.props.activeSection === 'password') { var inputs = []; var submit = null; if (this.props.user.auth_service === '') { inputs.push(
); inputs.push(
); inputs.push(
); submit = this.submitPassword; } else { inputs.push(
); } updateSectionStatus = function resetSection(e) { this.props.updateSection(''); this.setState({currentPassword: '', newPassword: '', confirmPassword: '', serverError: null, passwordError: null}); e.preventDefault(); }.bind(this); passwordSection = ( ); } else { var describe; if (this.props.user.auth_service === '') { var d = new Date(this.props.user.last_password_update); var hour = '12'; if (d.getHours() % 12) { hour = String(d.getHours() % 12); } var min = String(d.getMinutes()); if (d.getMinutes() < 10) { min = '0' + d.getMinutes(); } var timeOfDay = ' am'; if (d.getHours() >= 12) { timeOfDay = ' pm'; } describe = 'Last updated ' + Constants.MONTHS[d.getMonth()] + ' ' + d.getDate() + ', ' + d.getFullYear() + ' at ' + hour + ':' + min + timeOfDay; } else { describe = 'Log in done through GitLab'; } updateSectionStatus = function updateSection() { this.props.updateSection('password'); }.bind(this); passwordSection = ( ); } return (

{'Security Settings'}

Security Settings

{passwordSection}


View Access History {'View and Logout of Active Sessions'}
); } } SecurityTab.defaultProps = { user: {}, activeSection: '' }; SecurityTab.propTypes = { 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 };