diff options
Diffstat (limited to 'webapp/components/create_team/components/display_name.jsx')
-rw-r--r-- | webapp/components/create_team/components/display_name.jsx | 131 |
1 files changed, 0 insertions, 131 deletions
diff --git a/webapp/components/create_team/components/display_name.jsx b/webapp/components/create_team/components/display_name.jsx deleted file mode 100644 index 333c262d3..000000000 --- a/webapp/components/create_team/components/display_name.jsx +++ /dev/null @@ -1,131 +0,0 @@ -// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. -// See License.txt for license information. - -import {trackEvent} from 'actions/diagnostics_actions.jsx'; - -import Constants from 'utils/constants.jsx'; -import {cleanUpUrlable} from 'utils/url.jsx'; - -import logoImage from 'images/logo.png'; - -import PropTypes from 'prop-types'; - -import React from 'react'; -import ReactDOM from 'react-dom'; -import {FormattedMessage} from 'react-intl'; - -export default class TeamSignupDisplayNamePage extends React.Component { - constructor(props) { - super(props); - - this.submitNext = this.submitNext.bind(this); - - this.state = {}; - } - - componentDidMount() { - trackEvent('signup', 'signup_team_01_name'); - } - - submitNext(e) { - e.preventDefault(); - - var displayName = ReactDOM.findDOMNode(this.refs.name).value.trim(); - if (!displayName) { - this.setState({nameError: ( - <FormattedMessage - id='create_team.display_name.required' - defaultMessage='This field is required' - />) - }); - return; - } else if (displayName.length < Constants.MIN_TEAMNAME_LENGTH || displayName.length > Constants.MAX_TEAMNAME_LENGTH) { - this.setState({nameError: ( - <FormattedMessage - id='create_team.display_name.charLength' - defaultMessage='Name must be {min} or more characters up to a maximum of {max}. You can add a longer team description later.' - values={{ - min: Constants.MIN_TEAMNAME_LENGTH, - max: Constants.MAX_TEAMNAME_LENGTH - }} - />) - }); - return; - } - - this.props.state.wizard = 'team_url'; - this.props.state.team.display_name = displayName; - this.props.state.team.name = cleanUpUrlable(displayName); - this.props.updateParent(this.props.state); - } - - handleFocus(e) { - e.preventDefault(); - e.currentTarget.select(); - } - - render() { - var nameError = null; - var nameDivClass = 'form-group'; - if (this.state.nameError) { - nameError = <label className='control-label'>{this.state.nameError}</label>; - nameDivClass += ' has-error'; - } - - return ( - <div> - <form> - <img - className='signup-team-logo' - src={logoImage} - /> - <h2> - <FormattedMessage - id='create_team.display_name.teamName' - defaultMessage='Team Name' - /> - </h2> - <div className={nameDivClass}> - <div className='row'> - <div className='col-sm-9'> - <input - type='text' - ref='name' - className='form-control' - placeholder='' - maxLength='128' - defaultValue={this.props.state.team.display_name} - autoFocus={true} - onFocus={this.handleFocus} - spellCheck='false' - /> - </div> - </div> - {nameError} - </div> - <div> - <FormattedMessage - id='create_team.display_name.nameHelp' - defaultMessage='Name your team in any language. Your team name shows in menus and headings.' - /> - </div> - <button - type='submit' - className='btn btn-primary margin--extra' - onClick={this.submitNext} - > - <FormattedMessage - id='create_team.display_name.next' - defaultMessage='Next' - /><i className='fa fa-chevron-right'/> - </button> - </form> - </div> - ); - } -} - -TeamSignupDisplayNamePage.propTypes = { - state: PropTypes.object, - updateParent: PropTypes.func -}; |