added google sign-in functionality to the client, with minor model modifications
Этот коммит содержится в:
@@ -92,14 +92,21 @@ module.exports = React.createClass({
|
||||
|
||||
var auth_services = JSON.parse(this.props.authServices);
|
||||
|
||||
var login_message;
|
||||
if (auth_services.indexOf("gitlab") >= 0) {
|
||||
login_message = (
|
||||
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>
|
||||
</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>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="signup-team__container">
|
||||
|
||||
@@ -5,6 +5,7 @@ var utils = require('../utils/utils.jsx');
|
||||
var client = require('../utils/client.jsx');
|
||||
var UserStore = require('../stores/user_store.jsx');
|
||||
var BrowserStore = require('../stores/browser_store.jsx');
|
||||
var Constants = require('../utils/constants.jsx');
|
||||
|
||||
module.exports = React.createClass({
|
||||
handleSubmit: function(e) {
|
||||
@@ -151,19 +152,34 @@ module.exports = React.createClass({
|
||||
// add options to log in using another service
|
||||
var authServices = JSON.parse(this.props.authServices);
|
||||
|
||||
var signupMessage = null;
|
||||
if (authServices.indexOf('gitlab') >= 0) {
|
||||
signupMessage = (
|
||||
<div>
|
||||
var signupMessage = [];
|
||||
if (authServices.indexOf(Constants.GITLAB_SERVICE) >= 0) {
|
||||
signupMessage.push(
|
||||
<a className='btn btn-custom-login gitlab' href={'/' + this.props.teamName + '/signup/gitlab' + window.location.search}>
|
||||
<span className='icon' />
|
||||
<span>with GitLab</span>
|
||||
</a>
|
||||
);
|
||||
}
|
||||
|
||||
if (authServices.indexOf(Constants.GOOGLE_SERVICE) >= 0) {
|
||||
signupMessage.push(
|
||||
<a className='btn btn-custom-login gitlab' href={'/' + this.props.teamName + '/signup/google' + window.location.search}>
|
||||
<span className='icon' />
|
||||
<span>with Google</span>
|
||||
</a>
|
||||
);
|
||||
}
|
||||
|
||||
if (signupMessage.length > 0) {
|
||||
signupMessage = (
|
||||
<div>
|
||||
{signupMessage}
|
||||
<div className='or__container'>
|
||||
<span>or</span>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
var termsDisclaimer = null;
|
||||
|
||||
@@ -33,7 +33,10 @@ module.exports = React.createClass({
|
||||
client.createUser(user, "", "",
|
||||
function(data) {
|
||||
client.track('signup', 'signup_user_oauth_02');
|
||||
window.location.href = '/' + this.props.teamName + '/login/'+user.auth_service;
|
||||
UserStore.setCurrentUser(data);
|
||||
UserStore.setLastEmail(data.email);
|
||||
|
||||
window.location.href = '/' + this.props.teamName + '/login/' + user.auth_service + '?login_hint=' + user.email;
|
||||
}.bind(this),
|
||||
function(err) {
|
||||
this.state.server_error = err.message;
|
||||
|
||||
@@ -54,16 +54,17 @@ global.window.setup_channel_page = function(team_name, team_type, team_id, chann
|
||||
id: team_id
|
||||
});
|
||||
|
||||
React.render(
|
||||
<ErrorBar/>,
|
||||
document.getElementById('error_bar')
|
||||
);
|
||||
|
||||
// ChannelLoader must be rendered first
|
||||
React.render(
|
||||
<ChannelLoader/>,
|
||||
document.getElementById('channel_loader')
|
||||
);
|
||||
|
||||
React.render(
|
||||
<ErrorBar/>,
|
||||
document.getElementById('error_bar')
|
||||
);
|
||||
|
||||
React.render(
|
||||
<Navbar teamDisplayName={team_name} />,
|
||||
document.getElementById('navbar')
|
||||
|
||||
@@ -4,6 +4,7 @@
|
||||
var AppDispatcher = require('../dispatcher/app_dispatcher.jsx');
|
||||
var EventEmitter = require('events').EventEmitter;
|
||||
var assign = require('object-assign');
|
||||
var client = require('../utils/client.jsx');
|
||||
|
||||
var Constants = require('../utils/constants.jsx');
|
||||
var ActionTypes = Constants.ActionTypes;
|
||||
@@ -72,7 +73,7 @@ var UserStore = assign({}, EventEmitter.prototype, {
|
||||
BrowserStore.setGlobalItem('current_user_id', id);
|
||||
}
|
||||
},
|
||||
getCurrentId: function() {
|
||||
getCurrentId: function(skipFetch) {
|
||||
var currentId = this.gCurrentId;
|
||||
|
||||
if (currentId == null) {
|
||||
@@ -80,6 +81,17 @@ var UserStore = assign({}, EventEmitter.prototype, {
|
||||
this.gCurrentId = currentId;
|
||||
}
|
||||
|
||||
// this is a special case to force fetch the
|
||||
// current user if it's missing
|
||||
// it's synchronous to block rendering
|
||||
if (currentId == null && !skipFetch) {
|
||||
var me = client.getMeSynchronous();
|
||||
if (me != null) {
|
||||
this.setCurrentUser(me);
|
||||
currentId = me.id;
|
||||
}
|
||||
}
|
||||
|
||||
return currentId;
|
||||
},
|
||||
getCurrentUser: function() {
|
||||
|
||||
@@ -390,15 +390,15 @@ module.exports.getPosts = function(force, id, maxPosts) {
|
||||
}
|
||||
}
|
||||
|
||||
function getMe() {
|
||||
if (isCallInProgress('getMe')) {
|
||||
function getMeSynchronous() {
|
||||
if (isCallInProgress('getMeSynchronous')) {
|
||||
return;
|
||||
}
|
||||
|
||||
callTracker.getMe = utils.getTimestamp();
|
||||
client.getMe(
|
||||
callTracker.getMeSynchronous = utils.getTimestamp();
|
||||
client.getMeSynchronous(
|
||||
function(data, textStatus, xhr) {
|
||||
callTracker.getMe = 0;
|
||||
callTracker.getMeSynchronous = 0;
|
||||
|
||||
if (xhr.status === 304 || !data) return;
|
||||
|
||||
@@ -409,11 +409,11 @@ function getMe() {
|
||||
},
|
||||
function(err) {
|
||||
callTracker.getMe = 0;
|
||||
dispatchError(err, 'getMe');
|
||||
dispatchError(err, 'getMeSynchronous');
|
||||
}
|
||||
);
|
||||
}
|
||||
module.exports.getMe = getMe;
|
||||
module.exports.getMeSynchronous = getMeSynchronous;
|
||||
|
||||
module.exports.getStatuses = function() {
|
||||
if (isCallInProgress('getStatuses')) return;
|
||||
|
||||
@@ -279,24 +279,33 @@ module.exports.getAudits = function(userId, success, error) {
|
||||
});
|
||||
};
|
||||
|
||||
module.exports.getMe = function(success, error) {
|
||||
module.exports.getMeSynchronous = function(success, error) {
|
||||
var currentUser = null;
|
||||
|
||||
$.ajax({
|
||||
async: false,
|
||||
url: "/api/v1/users/me",
|
||||
dataType: 'json',
|
||||
contentType: 'application/json',
|
||||
type: 'GET',
|
||||
success: success,
|
||||
success: function gotUser(data, textStatus, xhr) {
|
||||
currentUser = data;
|
||||
if (success) {
|
||||
success(data, textStatus, xhr);
|
||||
}
|
||||
},
|
||||
error: function(xhr, status, err) {
|
||||
var ieChecker = window.navigator.userAgent; // This and the condition below is used to check specifically for browsers IE10 & 11 to suppress a 200 'OK' error from appearing on login
|
||||
if (xhr.status != 200 || !(ieChecker.indexOf("Trident/7.0") > 0 || ieChecker.indexOf("Trident/6.0") > 0)) {
|
||||
if (error) {
|
||||
e = handleError("getMe", xhr, status, err);
|
||||
e = handleError('getMeSynchronous', xhr, status, err);
|
||||
error(e);
|
||||
};
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
return currentUser;
|
||||
};
|
||||
|
||||
module.exports.inviteMembers = function(data, success, error) {
|
||||
|
||||
@@ -58,6 +58,8 @@ module.exports = {
|
||||
THUMBNAIL_HEIGHT: 100,
|
||||
DEFAULT_CHANNEL: 'town-square',
|
||||
OFFTOPIC_CHANNEL: 'off-topic',
|
||||
GITLAB_SERVICE: 'gitlab',
|
||||
GOOGLE_SERVICE: 'google',
|
||||
POST_CHUNK_SIZE: 60,
|
||||
MAX_POST_CHUNKS: 3,
|
||||
RESERVED_TEAM_NAMES: [
|
||||
|
||||
48
web/web.go
48
web/web.go
@@ -496,7 +496,7 @@ func signupWithOAuth(c *api.Context, w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
redirectUri := c.GetSiteURL() + "/signup/" + service + "/complete"
|
||||
|
||||
api.GetAuthorizationCode(c, w, r, teamName, service, redirectUri)
|
||||
api.GetAuthorizationCode(c, w, r, teamName, service, redirectUri, "")
|
||||
}
|
||||
|
||||
func signupCompleteOAuth(c *api.Context, w http.ResponseWriter, r *http.Request) {
|
||||
@@ -505,26 +505,10 @@ func signupCompleteOAuth(c *api.Context, w http.ResponseWriter, r *http.Request)
|
||||
|
||||
code := r.URL.Query().Get("code")
|
||||
state := r.URL.Query().Get("state")
|
||||
teamName := r.FormValue("team")
|
||||
|
||||
uri := c.GetSiteURL() + "/signup/" + service + "/complete?team=" + teamName
|
||||
uri := c.GetSiteURL() + "/signup/" + service + "/complete"
|
||||
|
||||
if len(teamName) == 0 {
|
||||
c.Err = model.NewAppError("signupCompleteOAuth", "Invalid team name", "team_name="+teamName)
|
||||
c.Err.StatusCode = http.StatusBadRequest
|
||||
return
|
||||
}
|
||||
|
||||
// Make sure team exists
|
||||
var team *model.Team
|
||||
if result := <-api.Srv.Store.Team().GetByName(teamName); result.Err != nil {
|
||||
c.Err = result.Err
|
||||
return
|
||||
} else {
|
||||
team = result.Data.(*model.Team)
|
||||
}
|
||||
|
||||
if body, err := api.AuthorizeOAuthUser(service, code, state, uri); err != nil {
|
||||
if body, team, err := api.AuthorizeOAuthUser(service, code, state, uri); err != nil {
|
||||
c.Err = err
|
||||
return
|
||||
} else {
|
||||
@@ -566,6 +550,7 @@ func loginWithOAuth(c *api.Context, w http.ResponseWriter, r *http.Request) {
|
||||
params := mux.Vars(r)
|
||||
service := params["service"]
|
||||
teamName := params["team"]
|
||||
loginHint := r.URL.Query().Get("login_hint")
|
||||
|
||||
if len(teamName) == 0 {
|
||||
c.Err = model.NewAppError("loginWithOAuth", "Invalid team name", "team_name="+teamName)
|
||||
@@ -581,7 +566,7 @@ func loginWithOAuth(c *api.Context, w http.ResponseWriter, r *http.Request) {
|
||||
|
||||
redirectUri := c.GetSiteURL() + "/login/" + service + "/complete"
|
||||
|
||||
api.GetAuthorizationCode(c, w, r, teamName, service, redirectUri)
|
||||
api.GetAuthorizationCode(c, w, r, teamName, service, redirectUri, loginHint)
|
||||
}
|
||||
|
||||
func loginCompleteOAuth(c *api.Context, w http.ResponseWriter, r *http.Request) {
|
||||
@@ -590,26 +575,10 @@ func loginCompleteOAuth(c *api.Context, w http.ResponseWriter, r *http.Request)
|
||||
|
||||
code := r.URL.Query().Get("code")
|
||||
state := r.URL.Query().Get("state")
|
||||
teamName := r.FormValue("team")
|
||||
|
||||
uri := c.GetSiteURL() + "/login/" + service + "/complete?team=" + teamName
|
||||
uri := c.GetSiteURL() + "/login/" + service + "/complete"
|
||||
|
||||
if len(teamName) == 0 {
|
||||
c.Err = model.NewAppError("loginCompleteOAuth", "Invalid team name", "team_name="+teamName)
|
||||
c.Err.StatusCode = http.StatusBadRequest
|
||||
return
|
||||
}
|
||||
|
||||
// Make sure team exists
|
||||
var team *model.Team
|
||||
if result := <-api.Srv.Store.Team().GetByName(teamName); result.Err != nil {
|
||||
c.Err = result.Err
|
||||
return
|
||||
} else {
|
||||
team = result.Data.(*model.Team)
|
||||
}
|
||||
|
||||
if body, err := api.AuthorizeOAuthUser(service, code, state, uri); err != nil {
|
||||
if body, team, err := api.AuthorizeOAuthUser(service, code, state, uri); err != nil {
|
||||
c.Err = err
|
||||
return
|
||||
} else {
|
||||
@@ -617,6 +586,9 @@ func loginCompleteOAuth(c *api.Context, w http.ResponseWriter, r *http.Request)
|
||||
if service == model.USER_AUTH_SERVICE_GITLAB {
|
||||
glu := model.GitLabUserFromJson(body)
|
||||
authData = glu.GetAuthData()
|
||||
} else if service == model.USER_AUTH_SERVICE_GOOGLE {
|
||||
gu := model.GoogleUserFromJson(body)
|
||||
authData = gu.GetAuthData()
|
||||
}
|
||||
|
||||
if len(authData) == 0 {
|
||||
|
||||
Ссылка в новой задаче
Block a user