summaryrefslogtreecommitdiffstats
path: root/web
diff options
context:
space:
mode:
Diffstat (limited to 'web')
-rw-r--r--web/react/components/login.jsx102
1 files changed, 54 insertions, 48 deletions
diff --git a/web/react/components/login.jsx b/web/react/components/login.jsx
index 5f396ac49..c395bb500 100644
--- a/web/react/components/login.jsx
+++ b/web/react/components/login.jsx
@@ -4,64 +4,62 @@
var utils = require('../utils/utils.jsx');
var client = require('../utils/client.jsx');
var UserStore = require('../stores/user_store.jsx');
-var TeamStore = require('../stores/team_store.jsx');
var BrowserStore = require('../stores/browser_store.jsx');
var Constants = require('../utils/constants.jsx');
module.exports = React.createClass({
handleSubmit: function(e) {
e.preventDefault();
- var state = { }
+ var state = {};
- var name = this.props.teamName
+ var name = this.props.teamName;
if (!name) {
- state.server_error = "Bad team name"
+ state.serverError = 'Bad team name';
this.setState(state);
return;
}
var email = this.refs.email.getDOMNode().value.trim();
if (!email) {
- state.server_error = "An email is required"
+ state.serverError = 'An email is required';
this.setState(state);
return;
}
var password = this.refs.password.getDOMNode().value.trim();
if (!password) {
- state.server_error = "A password is required"
+ state.serverError = 'A password is required';
this.setState(state);
return;
}
if (!BrowserStore.isLocalStorageSupported()) {
- state.server_error = "This service requires local storage to be enabled. Please enable it or exit private browsing.";
+ state.serverError = 'This service requires local storage to be enabled. Please enable it or exit private browsing.';
this.setState(state);
return;
}
- state.server_error = "";
+ state.serverError = '';
this.setState(state);
client.loginByEmail(name, email, password,
- function(data) {
+ function loggedIn(data) {
UserStore.setCurrentUser(data);
UserStore.setLastEmail(email);
- var redirect = utils.getUrlParameter("redirect");
+ var redirect = utils.getUrlParameter('redirect');
if (redirect) {
window.location.pathname = decodeURI(redirect);
} else {
window.location.pathname = '/' + name + '/channels/town-square';
}
-
- }.bind(this),
- function(err) {
- if (err.message == "Login failed because email address has not been verified") {
+ },
+ function loginFailed(err) {
+ if (err.message === 'Login failed because email address has not been verified') {
window.location.href = '/verify_email?name=' + encodeURIComponent(name) + '&email=' + encodeURIComponent(email);
return;
}
- state.server_error = err.message;
+ state.serverError = err.message;
this.valid = false;
this.setState(state);
}.bind(this)
@@ -71,10 +69,13 @@ module.exports = React.createClass({
return { };
},
render: function() {
- var server_error = this.state.server_error ? <label className="control-label">{this.state.server_error}</label> : null;
- var priorEmail = UserStore.getLastEmail() !== "undefined" ? UserStore.getLastEmail() : ""
+ var serverError;
+ if (this.state.serverError) {
+ serverError = <label className='control-label'>{this.state.serverError}</label>;
+ }
+ var priorEmail = UserStore.getLastEmail();
- var emailParam = utils.getUrlParameter("email");
+ var emailParam = utils.getUrlParameter('email');
if (emailParam) {
priorEmail = decodeURIComponent(emailParam);
}
@@ -84,57 +85,62 @@ module.exports = React.createClass({
var focusEmail = false;
var focusPassword = false;
- if (priorEmail != "") {
+ if (priorEmail !== '') {
focusPassword = true;
} else {
focusEmail = true;
}
- var auth_services = JSON.parse(this.props.authServices);
+ var authServices = JSON.parse(this.props.authServices);
- var login_message = [];
- if (auth_services.indexOf(Constants.GITLAB_SERVICE) >= 0) {
- login_message.push(
- <div className="form-group form-group--small">
- <span><a href={"/"+teamName+"/login/gitlab"}>{"Log in with GitLab"}</a></span>
+ var loginMessage = [];
+ if (authServices.indexOf(Constants.GITLAB_SERVICE) >= 0) {
+ loginMessage.push(
+ <div className='form-group form-group--small'>
+ <span><a href={'/' + teamName + '/login/gitlab'}>{'Log in with GitLab'}</a></span>
</div>
);
}
- if (auth_services.indexOf(Constants.GOOGLE_SERVICE) >= 0) {
- login_message.push(
- <div className="form-group form-group--small">
- <span><a href={"/"+teamName+"/login/google"}>{"Log in with Google"}</a></span>
+ if (authServices.indexOf(Constants.GOOGLE_SERVICE) >= 0) {
+ loginMessage.push(
+ <div className='form-group form-group--small'>
+ <span><a href={'/' + teamName + '/login/google'}>{'Log in with Google'}</a></span>
</div>
);
}
+ var errorClass = '';
+ if (serverError) {
+ errorClass = ' has-error';
+ }
+
return (
- <div className="signup-team__container">
- <h5 className="margin--less">Sign in to:</h5>
- <h2 className="signup-team__name">{ teamDisplayName }</h2>
- <h2 className="signup-team__subdomain">on { config.SiteName }</h2>
+ <div className='signup-team__container'>
+ <h5 className='margin--less'>Sign in to:</h5>
+ <h2 className='signup-team__name'>{teamDisplayName}</h2>
+ <h2 className='signup-team__subdomain'>on {config.SiteName}</h2>
<form onSubmit={this.handleSubmit}>
- <div className={server_error ? 'form-group has-error' : 'form-group'}>
- { server_error }
+ <div className={'form-group' + errorClass}>
+ {serverError}
</div>
- <div className={server_error ? 'form-group has-error' : 'form-group'}>
- <input autoFocus={focusEmail} type="email" className="form-control" name="email" defaultValue={priorEmail} ref="email" placeholder="Email" />
+ <div className={'form-group' + errorClass}>
+ <input autoFocus={focusEmail} type='email' className='form-control' name='email' defaultValue={priorEmail} ref='email' placeholder='Email' />
</div>
- <div className={server_error ? 'form-group has-error' : 'form-group'}>
- <input autoFocus={focusPassword} type="password" className="form-control" name="password" ref="password" placeholder="Password" />
+ <div className={'form-group' + errorClass}>
+ <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>
+ <div className='form-group'>
+ <button type='submit' className='btn btn-primary'>Sign in</button>
</div>
- { login_message }
- <div className="form-group margin--extra form-group--small">
- <span><a href="/find_team">{"Find other " + strings.TeamPlural}</a></span>
+ {loginMessage}
+ <div className='form-group margin--extra form-group--small'>
+ <span><a href='/find_team'>{'Find other ' + strings.TeamPlural}</a></span>
</div>
- <div className="form-group">
- <a href={"/" + teamName + "/reset_password"}>I forgot my password</a>
+ <div className='form-group'>
+ <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>
+ <div className='margin--extra'>
+ <span>{'Want to create your own ' + strings.Team + '?'} <a href='/' className='signup-team-login'>Sign up now</a></span>
</div>
</form>
</div>