IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

Additional cosmetic reformatting to meet new es6 requirements

Browse Source
This commit is contained in:
Reed Garmsen
2015-08-19 12:22:37 -07:00
parent d0e3d9aef8
commit c7185ffb68
1 changed files with 52 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
web/react/components/login.jsx
View File

@@ -7,14 +7,13 @@ var UserStore = require('../stores/user_store.jsx');
var BrowserStore = require('../stores/browser_store.jsx');
var Constants = require('../utils/constants.jsx');
module.exports = React.createClass({
displayName: 'Login',
propTypes: {
teamName: React.PropTypes.string,
teamDisplayName: React.PropTypes.string,
authServices: React.PropTypes.object
},
handleSubmit: function(e) {
export default class Login extends React.Component {
constructor(props) {
super(props);
this.handleSubmit = this.handleSubmit.bind(this);
this.state = {};
}
handleSubmit(e) {
e.preventDefault();
var state = {};
@@ -70,11 +69,8 @@ module.exports = React.createClass({
this.setState(state);
}.bind(this)
);
},
getInitialState: function() {
return { };
},
render: function() {
}
render() {
var serverError;
if (this.state.serverError) {
serverError = <label className='control-label'>{this.state.serverError}</label>;
@@ -130,13 +126,33 @@ module.exports = React.createClass({
{serverError}
</div>
<div className={'form-group' + errorClass}>
<input autoFocus={focusEmail} type='email' className='form-control' name='email' defaultValue={priorEmail} ref='email' placeholder='Email' />
<input
autoFocus={focusEmail}
type='email'
className='form-control'
name='email'
defaultValue={priorEmail}
ref='email'
placeholder='Email'
/>
</div>
<div className={'form-group' + errorClass}>
<input autoFocus={focusPassword} type='password' className='form-control' name='password' ref='password' placeholder='Password' />
<input
autoFocus={focusPassword}
type='password'
className='form-control'
name='password'
ref='password'
placeholder='Password'
/>
</div>
<div className='form-group'>
<button type='submit' className='btn btn-primary'>Sign in</button>
<button
type='submit'
className='btn btn-primary'
>
Sign in
</button>
</div>
{loginMessage}
<div className='form-group margin--extra form-group--small'>
@@ -146,10 +162,28 @@ module.exports = React.createClass({
<a href={'/' + teamName + '/reset_password'}>I forgot my password</a>
</div>
<div className='margin--extra'>
<span>{'Want to create your own ' + strings.Team + '?'} <a href='/' className='signup-team-login'>Sign up now</a></span>
<span>{'Want to create your own ' + strings.Team + '? '}
<a
href='/'
className='signup-team-login'
>
Sign up now
</a>
</span>
</div>
</form>
</div>
);
}
});
}
Login.defaultProps = {
teamName: '',
teamDisplayName: '',
authServices: ''
};
Login.propTypes = {
teamName: React.PropTypes.string,
teamDisplayName: React.PropTypes.string,
authServices: React.PropTypes.string
};