diff options
author | Christopher Speller <crspeller@gmail.com> | 2016-09-01 17:05:20 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2016-09-01 17:05:20 -0400 |
commit | 5d7f2399620281dde1f4f85e1812aac9f18c96f9 (patch) | |
tree | beba814a678dff6c0fb1da9a728e49af144d9d24 /webapp/components/admin_console/ldap_test_button.jsx | |
parent | 949e57076aa41584b4104abc2bed98c5f9d91165 (diff) | |
download | chat-5d7f2399620281dde1f4f85e1812aac9f18c96f9.tar.gz chat-5d7f2399620281dde1f4f85e1812aac9f18c96f9.tar.bz2 chat-5d7f2399620281dde1f4f85e1812aac9f18c96f9.zip |
Adding LDAP test connection button. Reordering LDAP settings. (#3912)
Diffstat (limited to 'webapp/components/admin_console/ldap_test_button.jsx')
-rw-r--r-- | webapp/components/admin_console/ldap_test_button.jsx | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/webapp/components/admin_console/ldap_test_button.jsx b/webapp/components/admin_console/ldap_test_button.jsx new file mode 100644 index 000000000..fbe348158 --- /dev/null +++ b/webapp/components/admin_console/ldap_test_button.jsx @@ -0,0 +1,139 @@ +// Copyright (c) 2016 Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import React from 'react'; + +import Client from 'client/web_client.jsx'; +import * as Utils from 'utils/utils.jsx'; + +import {FormattedMessage, FormattedHTMLMessage} from 'react-intl'; + +export default class LdapTestButton extends React.Component { + static get propTypes() { + return { + disabled: React.PropTypes.bool, + submitFunction: React.PropTypes.func, + saveNeeded: React.PropTypes.bool + }; + } + constructor(props) { + super(props); + + this.handleLdapTest = this.handleLdapTest.bind(this); + + this.state = { + buisy: false, + fail: null, + success: false + }; + } + + handleLdapTest(e) { + e.preventDefault(); + + this.setState({ + buisy: true, + fail: null, + success: false + }); + + const doRequest = () => { //eslint-disable-line func-style + Client.ldapTest( + () => { + this.setState({ + buisy: false, + success: true + }); + }, + (err) => { + this.setState({ + buisy: false, + fail: err.message + }); + } + ); + }; + + // If we need to run the save function then run it with our request function as callback + if (this.props.saveNeeded) { + this.props.submitFunction(doRequest); + } else { + doRequest(); + } + } + + render() { + let message = null; + if (this.state.fail) { + message = ( + <div className='alert alert-warning'> + <i className='fa fa-warning'/> + <FormattedMessage + id='admin.ldap.testFailure' + defaultMessage='LDAP Test Failure: {error}' + values={{ + error: this.state.fail + }} + /> + </div> + ); + } else if (this.state.success) { + message = ( + <div className='alert alert-success'> + <i className='fa fa-success'/> + <FormattedMessage + id='admin.ldap.testSuccess' + defaultMessage='LDAP Test Successful' + values={{ + error: this.state.fail + }} + /> + </div> + ); + } + + let helpText = ( + <FormattedHTMLMessage + id='admin.ldap.testHelpText' + defaultMessage='Tests if the Mattermost server can connect to the LDAP server specified. See log file for more detailed error messages.' + /> + ); + + let contents = null; + if (this.state.loading) { + contents = ( + <span> + <span className='fa fa-refresh icon--rotate'/> + {Utils.localizeMessage('admin.reload.loading', ' Loading...')} + </span> + ); + } else { + contents = ( + <FormattedMessage + id='admin.ldap.ldap_test_button' + defaultMessage='LDAP Test' + /> + ); + } + + return ( + <div className='form-group reload-config'> + <div className='col-sm-offset-4 col-sm-8'> + <div> + <button + className='btn btn-default' + onClick={this.handleLdapTest} + disabled={this.props.disabled} + > + {contents} + </button> + {message} + </div> + <div className='help-text'> + {helpText} + </div> + </div> + </div> + ); + } +} |