2015-06-23 15:41:25 +00:00
|
|
|
|
/*
|
2016-01-07 04:06:39 +00:00
|
|
|
|
Copyright 2015, 2016 OpenMarket Ltd
|
2015-06-23 15:41:25 +00:00
|
|
|
|
|
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
|
|
|
you may not use this file except in compliance with the License.
|
|
|
|
|
You may obtain a copy of the License at
|
|
|
|
|
|
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
|
|
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
|
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
|
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
|
|
|
See the License for the specific language governing permissions and
|
|
|
|
|
limitations under the License.
|
|
|
|
|
*/
|
2015-11-30 18:11:04 +00:00
|
|
|
|
var React = require('react');
|
|
|
|
|
var Matrix = require("matrix-js-sdk");
|
|
|
|
|
var url = require('url');
|
2015-12-21 12:55:13 +00:00
|
|
|
|
var Favico = require('favico.js');
|
2015-06-23 15:41:25 +00:00
|
|
|
|
|
2015-07-02 12:18:03 +00:00
|
|
|
|
var MatrixClientPeg = require("../../MatrixClientPeg");
|
2015-11-30 15:04:24 +00:00
|
|
|
|
var Notifier = require("../../Notifier");
|
2015-11-30 18:11:04 +00:00
|
|
|
|
var ContextualMenu = require("../../ContextualMenu");
|
2015-07-08 17:18:03 +00:00
|
|
|
|
var RoomListSorter = require("../../RoomListSorter");
|
2015-10-26 13:54:54 +00:00
|
|
|
|
var UserActivity = require("../../UserActivity");
|
2015-09-18 17:39:16 +00:00
|
|
|
|
var Presence = require("../../Presence");
|
2015-06-19 11:53:48 +00:00
|
|
|
|
var dis = require("../../dispatcher");
|
2015-06-09 16:40:42 +00:00
|
|
|
|
|
2015-11-30 18:11:04 +00:00
|
|
|
|
var Login = require("./login/Login");
|
|
|
|
|
var Registration = require("./login/Registration");
|
|
|
|
|
var PostRegistration = require("./login/PostRegistration");
|
|
|
|
|
|
2015-12-13 13:49:28 +00:00
|
|
|
|
var Modal = require("../../Modal");
|
2016-01-08 03:22:38 +00:00
|
|
|
|
var Tinter = require("../../Tinter");
|
2015-09-15 12:34:36 +00:00
|
|
|
|
var sdk = require('../../index');
|
2015-09-18 17:39:16 +00:00
|
|
|
|
var MatrixTools = require('../../MatrixTools');
|
2015-10-27 09:58:55 +00:00
|
|
|
|
var linkifyMatrix = require("../../linkify-matrix");
|
2016-04-05 12:14:11 +00:00
|
|
|
|
var KeyCode = require('../../KeyCode');
|
2015-07-03 10:12:54 +00:00
|
|
|
|
|
2016-06-08 22:03:46 +00:00
|
|
|
|
var createRoom = require("../../createRoom");
|
|
|
|
|
|
2015-11-30 18:11:04 +00:00
|
|
|
|
module.exports = React.createClass({
|
|
|
|
|
displayName: 'MatrixChat',
|
|
|
|
|
|
|
|
|
|
propTypes: {
|
2016-06-08 17:45:46 +00:00
|
|
|
|
config: React.PropTypes.object,
|
2015-11-30 18:11:04 +00:00
|
|
|
|
ConferenceHandler: React.PropTypes.any,
|
|
|
|
|
onNewScreen: React.PropTypes.func,
|
2015-12-17 14:56:55 +00:00
|
|
|
|
registrationUrl: React.PropTypes.string,
|
2016-01-05 11:39:36 +00:00
|
|
|
|
enableGuest: React.PropTypes.bool,
|
2015-12-17 14:56:55 +00:00
|
|
|
|
startingQueryParams: React.PropTypes.object
|
2015-11-30 18:11:04 +00:00
|
|
|
|
},
|
2015-10-12 09:13:01 +00:00
|
|
|
|
|
2015-09-18 17:39:16 +00:00
|
|
|
|
PageTypes: {
|
|
|
|
|
RoomView: "room_view",
|
|
|
|
|
UserSettings: "user_settings",
|
|
|
|
|
CreateRoom: "create_room",
|
2015-11-20 14:32:00 +00:00
|
|
|
|
RoomDirectory: "room_directory",
|
2015-09-18 17:39:16 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
AuxPanel: {
|
|
|
|
|
RoomSettings: "room_settings",
|
|
|
|
|
},
|
|
|
|
|
|
2015-06-11 17:25:29 +00:00
|
|
|
|
getInitialState: function() {
|
2015-09-18 17:39:16 +00:00
|
|
|
|
var s = {
|
2015-07-03 10:12:54 +00:00
|
|
|
|
logged_in: !!(MatrixClientPeg.get() && MatrixClientPeg.get().credentials),
|
2015-10-11 12:49:44 +00:00
|
|
|
|
collapse_lhs: false,
|
2015-10-11 15:07:01 +00:00
|
|
|
|
collapse_rhs: false,
|
2015-09-18 17:39:16 +00:00
|
|
|
|
ready: false,
|
2016-01-17 03:59:31 +00:00
|
|
|
|
width: 10000,
|
2016-04-12 16:18:32 +00:00
|
|
|
|
sideOpacity: 1.0,
|
|
|
|
|
middleOpacity: 1.0,
|
2015-06-11 17:25:29 +00:00
|
|
|
|
};
|
2015-09-18 17:39:16 +00:00
|
|
|
|
if (s.logged_in) {
|
|
|
|
|
if (MatrixClientPeg.get().getRooms().length) {
|
|
|
|
|
s.page_type = this.PageTypes.RoomView;
|
|
|
|
|
} else {
|
2015-11-15 03:58:05 +00:00
|
|
|
|
// we don't need to default to the directoy here
|
|
|
|
|
// as we'll go there anyway after syncing
|
|
|
|
|
// s.page_type = this.PageTypes.RoomDirectory;
|
2015-09-18 17:39:16 +00:00
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return s;
|
2015-06-11 17:25:29 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-12-17 14:56:55 +00:00
|
|
|
|
getDefaultProps: function() {
|
|
|
|
|
return {
|
2016-06-08 17:45:46 +00:00
|
|
|
|
startingQueryParams: {},
|
|
|
|
|
config: {},
|
2015-12-17 14:56:55 +00:00
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
|
2016-03-06 19:33:36 +00:00
|
|
|
|
getCurrentHsUrl: function() {
|
2016-03-17 11:33:25 +00:00
|
|
|
|
if (this.state.register_hs_url) {
|
|
|
|
|
return this.state.register_hs_url;
|
|
|
|
|
} else if (MatrixClientPeg.get()) {
|
2016-03-06 19:33:36 +00:00
|
|
|
|
return MatrixClientPeg.get().getHomeserverUrl();
|
|
|
|
|
}
|
|
|
|
|
else if (window.localStorage && window.localStorage.getItem("mx_hs_url")) {
|
|
|
|
|
return window.localStorage.getItem("mx_hs_url");
|
|
|
|
|
}
|
2016-06-09 08:53:37 +00:00
|
|
|
|
else {
|
2016-06-09 09:54:56 +00:00
|
|
|
|
return this.props.config.default_hs_url || "https://matrix.org";
|
2016-03-06 19:33:36 +00:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2016-05-27 13:57:43 +00:00
|
|
|
|
getFallbackHsUrl: function() {
|
|
|
|
|
return this.props.config.fallback_hs_url;
|
|
|
|
|
},
|
|
|
|
|
|
2016-03-06 19:33:36 +00:00
|
|
|
|
getCurrentIsUrl: function() {
|
2016-03-17 11:33:25 +00:00
|
|
|
|
if (this.state.register_is_url) {
|
|
|
|
|
return this.state.register_is_url;
|
|
|
|
|
} else if (MatrixClientPeg.get()) {
|
2016-03-06 19:33:36 +00:00
|
|
|
|
return MatrixClientPeg.get().getIdentityServerUrl();
|
|
|
|
|
}
|
|
|
|
|
else if (window.localStorage && window.localStorage.getItem("mx_is_url")) {
|
|
|
|
|
return window.localStorage.getItem("mx_is_url");
|
|
|
|
|
}
|
2016-06-09 08:53:37 +00:00
|
|
|
|
else {
|
2016-06-09 09:56:14 +00:00
|
|
|
|
return this.props.config.default_is_url || "https://vector.im"
|
2016-03-06 19:33:36 +00:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2015-12-21 12:55:13 +00:00
|
|
|
|
componentWillMount: function() {
|
|
|
|
|
this.favicon = new Favico({animation: 'none'});
|
|
|
|
|
},
|
|
|
|
|
|
2015-06-12 13:59:33 +00:00
|
|
|
|
componentDidMount: function() {
|
2015-12-04 11:34:50 +00:00
|
|
|
|
this._autoRegisterAsGuest = false;
|
|
|
|
|
if (this.props.enableGuest) {
|
2016-03-12 19:49:54 +00:00
|
|
|
|
if (!this.getCurrentHsUrl()) {
|
|
|
|
|
console.error("Cannot enable guest access: can't determine HS URL to use");
|
2015-12-04 11:34:50 +00:00
|
|
|
|
}
|
2016-01-28 15:42:14 +00:00
|
|
|
|
else if (this.props.startingQueryParams.client_secret && this.props.startingQueryParams.sid) {
|
|
|
|
|
console.log("Not registering as guest; registration.");
|
|
|
|
|
this._autoRegisterAsGuest = false;
|
|
|
|
|
}
|
2016-03-07 17:11:01 +00:00
|
|
|
|
else if (this.props.startingQueryParams.guest_user_id &&
|
|
|
|
|
this.props.startingQueryParams.guest_access_token)
|
|
|
|
|
{
|
|
|
|
|
this._autoRegisterAsGuest = false;
|
|
|
|
|
this.onLoggedIn({
|
|
|
|
|
userId: this.props.startingQueryParams.guest_user_id,
|
|
|
|
|
accessToken: this.props.startingQueryParams.guest_access_token,
|
|
|
|
|
homeserverUrl: this.props.config.default_hs_url,
|
|
|
|
|
identityServerUrl: this.props.config.default_is_url,
|
|
|
|
|
guest: true
|
|
|
|
|
});
|
|
|
|
|
}
|
2015-12-04 11:34:50 +00:00
|
|
|
|
else {
|
|
|
|
|
this._autoRegisterAsGuest = true;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-06-12 16:34:17 +00:00
|
|
|
|
this.dispatcherRef = dis.register(this.onAction);
|
2015-06-12 13:59:33 +00:00
|
|
|
|
if (this.state.logged_in) {
|
2015-12-04 11:34:50 +00:00
|
|
|
|
// Don't auto-register as a guest. This applies if you refresh the page on a
|
|
|
|
|
// logged in client THEN hit the Sign Out button.
|
|
|
|
|
this._autoRegisterAsGuest = false;
|
2015-06-12 13:59:33 +00:00
|
|
|
|
this.startMatrixClient();
|
|
|
|
|
}
|
2015-06-18 14:03:57 +00:00
|
|
|
|
this.focusComposer = false;
|
2015-12-10 16:26:36 +00:00
|
|
|
|
// scrollStateMap is a map from room id to the scroll state returned by
|
|
|
|
|
// RoomView.getScrollState()
|
|
|
|
|
this.scrollStateMap = {};
|
2015-06-25 16:41:55 +00:00
|
|
|
|
document.addEventListener("keydown", this.onKeyDown);
|
2015-07-07 12:30:38 +00:00
|
|
|
|
window.addEventListener("focus", this.onFocus);
|
2015-12-04 11:34:50 +00:00
|
|
|
|
|
2015-07-15 18:25:36 +00:00
|
|
|
|
if (this.state.logged_in) {
|
|
|
|
|
this.notifyNewScreen('');
|
2015-12-04 11:34:50 +00:00
|
|
|
|
} else if (this._autoRegisterAsGuest) {
|
|
|
|
|
this._registerAsGuest();
|
2015-07-15 18:25:36 +00:00
|
|
|
|
} else {
|
|
|
|
|
this.notifyNewScreen('login');
|
|
|
|
|
}
|
2015-10-27 09:58:55 +00:00
|
|
|
|
|
|
|
|
|
// this can technically be done anywhere but doing this here keeps all
|
|
|
|
|
// the routing url path logic together.
|
2015-10-27 10:44:41 +00:00
|
|
|
|
if (this.onAliasClick) {
|
|
|
|
|
linkifyMatrix.onAliasClick = this.onAliasClick;
|
|
|
|
|
}
|
|
|
|
|
if (this.onUserClick) {
|
|
|
|
|
linkifyMatrix.onUserClick = this.onUserClick;
|
|
|
|
|
}
|
2015-11-30 18:11:04 +00:00
|
|
|
|
|
|
|
|
|
window.addEventListener('resize', this.handleResize);
|
|
|
|
|
this.handleResize();
|
2015-06-12 13:59:33 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-06-12 16:34:17 +00:00
|
|
|
|
componentWillUnmount: function() {
|
2016-04-12 17:38:10 +00:00
|
|
|
|
this._stopMatrixClient();
|
2015-06-12 16:34:17 +00:00
|
|
|
|
dis.unregister(this.dispatcherRef);
|
2015-06-25 16:41:55 +00:00
|
|
|
|
document.removeEventListener("keydown", this.onKeyDown);
|
2015-09-18 17:39:16 +00:00
|
|
|
|
window.removeEventListener("focus", this.onFocus);
|
2015-11-30 18:11:04 +00:00
|
|
|
|
window.removeEventListener('resize', this.handleResize);
|
2015-06-12 16:34:17 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-06-18 14:03:57 +00:00
|
|
|
|
componentDidUpdate: function() {
|
|
|
|
|
if (this.focusComposer) {
|
|
|
|
|
dis.dispatch({action: 'focus_composer'});
|
|
|
|
|
this.focusComposer = false;
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2016-03-15 23:01:59 +00:00
|
|
|
|
_registerAsGuest: function(showWarning) {
|
2015-12-04 11:34:50 +00:00
|
|
|
|
var self = this;
|
2016-03-06 19:33:36 +00:00
|
|
|
|
console.log("Doing guest login on %s", this.getCurrentHsUrl());
|
2016-03-12 19:49:54 +00:00
|
|
|
|
var hsUrl = this.getCurrentHsUrl();
|
|
|
|
|
var isUrl = this.getCurrentIsUrl();
|
|
|
|
|
|
|
|
|
|
MatrixClientPeg.replaceUsingUrls(hsUrl, isUrl);
|
2015-12-04 11:34:50 +00:00
|
|
|
|
MatrixClientPeg.get().registerGuest().done(function(creds) {
|
2015-12-04 15:28:35 +00:00
|
|
|
|
console.log("Registered as guest: %s", creds.user_id);
|
2016-01-11 15:12:55 +00:00
|
|
|
|
self._setAutoRegisterAsGuest(false);
|
2015-12-04 15:28:35 +00:00
|
|
|
|
self.onLoggedIn({
|
|
|
|
|
userId: creds.user_id,
|
|
|
|
|
accessToken: creds.access_token,
|
2016-03-12 19:49:54 +00:00
|
|
|
|
homeserverUrl: hsUrl,
|
|
|
|
|
identityServerUrl: isUrl,
|
2015-12-04 15:28:35 +00:00
|
|
|
|
guest: true
|
|
|
|
|
});
|
2015-12-04 11:34:50 +00:00
|
|
|
|
}, function(err) {
|
2016-03-15 23:01:59 +00:00
|
|
|
|
if (showWarning) {
|
|
|
|
|
var ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
|
|
|
|
|
Modal.createDialog(ErrorDialog, {
|
|
|
|
|
title: "Failed to login as guest",
|
|
|
|
|
description: err.data
|
|
|
|
|
});
|
|
|
|
|
}
|
2016-02-15 18:44:13 +00:00
|
|
|
|
console.error("Failed to register as guest: " + err + " " + err.data);
|
2015-12-04 11:34:50 +00:00
|
|
|
|
self._setAutoRegisterAsGuest(false);
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
_setAutoRegisterAsGuest: function(shouldAutoRegister) {
|
|
|
|
|
this._autoRegisterAsGuest = shouldAutoRegister;
|
|
|
|
|
this.forceUpdate();
|
|
|
|
|
},
|
|
|
|
|
|
2015-06-12 16:34:17 +00:00
|
|
|
|
onAction: function(payload) {
|
2015-06-25 16:41:55 +00:00
|
|
|
|
var roomIndexDelta = 1;
|
|
|
|
|
|
2015-10-05 14:31:08 +00:00
|
|
|
|
var self = this;
|
2015-06-12 16:34:17 +00:00
|
|
|
|
switch (payload.action) {
|
|
|
|
|
case 'logout':
|
2016-03-17 02:09:49 +00:00
|
|
|
|
var guestCreds;
|
|
|
|
|
if (MatrixClientPeg.get().isGuest()) {
|
|
|
|
|
guestCreds = { // stash our guest creds so we can backout if needed
|
|
|
|
|
userId: MatrixClientPeg.get().credentials.userId,
|
|
|
|
|
accessToken: MatrixClientPeg.get().getAccessToken(),
|
|
|
|
|
homeserverUrl: MatrixClientPeg.get().getHomeserverUrl(),
|
|
|
|
|
identityServerUrl: MatrixClientPeg.get().getIdentityServerUrl(),
|
|
|
|
|
guest: true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-07-16 15:12:54 +00:00
|
|
|
|
if (window.localStorage) {
|
2016-03-15 21:04:11 +00:00
|
|
|
|
var hsUrl = this.getCurrentHsUrl();
|
|
|
|
|
var isUrl = this.getCurrentIsUrl();
|
2015-07-16 15:12:54 +00:00
|
|
|
|
window.localStorage.clear();
|
2016-03-12 19:49:54 +00:00
|
|
|
|
// preserve our HS & IS URLs for convenience
|
2016-03-15 21:04:11 +00:00
|
|
|
|
// N.B. we cache them in hsUrl/isUrl and can't really inline them
|
|
|
|
|
// as getCurrentHsUrl() may call through to localStorage.
|
|
|
|
|
window.localStorage.setItem("mx_hs_url", hsUrl);
|
|
|
|
|
window.localStorage.setItem("mx_is_url", isUrl);
|
2015-07-16 15:12:54 +00:00
|
|
|
|
}
|
2016-04-12 17:38:10 +00:00
|
|
|
|
this._stopMatrixClient();
|
2015-10-05 14:31:08 +00:00
|
|
|
|
this.notifyNewScreen('login');
|
2015-10-09 12:48:17 +00:00
|
|
|
|
this.replaceState({
|
|
|
|
|
logged_in: false,
|
2016-03-17 02:09:49 +00:00
|
|
|
|
ready: false,
|
|
|
|
|
guestCreds: guestCreds,
|
2015-10-09 12:48:17 +00:00
|
|
|
|
});
|
2015-06-12 16:34:17 +00:00
|
|
|
|
break;
|
2015-07-13 18:14:02 +00:00
|
|
|
|
case 'start_registration':
|
2015-07-15 19:33:12 +00:00
|
|
|
|
var newState = payload.params || {};
|
|
|
|
|
newState.screen = 'register';
|
|
|
|
|
if (
|
|
|
|
|
payload.params &&
|
|
|
|
|
payload.params.client_secret &&
|
|
|
|
|
payload.params.session_id &&
|
|
|
|
|
payload.params.hs_url &&
|
|
|
|
|
payload.params.is_url &&
|
|
|
|
|
payload.params.sid
|
|
|
|
|
) {
|
|
|
|
|
newState.register_client_secret = payload.params.client_secret;
|
|
|
|
|
newState.register_session_id = payload.params.session_id;
|
|
|
|
|
newState.register_hs_url = payload.params.hs_url;
|
|
|
|
|
newState.register_is_url = payload.params.is_url;
|
|
|
|
|
newState.register_id_sid = payload.params.sid;
|
|
|
|
|
}
|
|
|
|
|
this.replaceState(newState);
|
2015-07-15 18:25:36 +00:00
|
|
|
|
this.notifyNewScreen('register');
|
2015-07-13 18:14:02 +00:00
|
|
|
|
break;
|
|
|
|
|
case 'start_login':
|
|
|
|
|
if (this.state.logged_in) return;
|
2015-07-15 18:25:36 +00:00
|
|
|
|
this.replaceState({
|
2016-03-17 02:09:49 +00:00
|
|
|
|
screen: 'login',
|
|
|
|
|
guestCreds: this.state.guestCreds,
|
2015-07-13 18:14:02 +00:00
|
|
|
|
});
|
2015-07-15 18:25:36 +00:00
|
|
|
|
this.notifyNewScreen('login');
|
2015-10-08 21:25:33 +00:00
|
|
|
|
break;
|
2015-11-20 11:57:04 +00:00
|
|
|
|
case 'start_post_registration':
|
|
|
|
|
this.setState({ // don't clobber logged_in status
|
|
|
|
|
screen: 'post_registration'
|
|
|
|
|
});
|
|
|
|
|
break;
|
2016-01-07 17:23:32 +00:00
|
|
|
|
case 'start_upgrade_registration':
|
|
|
|
|
this.replaceState({
|
|
|
|
|
screen: "register",
|
|
|
|
|
upgradeUsername: MatrixClientPeg.get().getUserIdLocalpart(),
|
2016-03-15 21:04:11 +00:00
|
|
|
|
guestAccessToken: MatrixClientPeg.get().getAccessToken(),
|
|
|
|
|
guestCreds: { // stash our guest creds so we can backout if needed
|
|
|
|
|
userId: MatrixClientPeg.get().credentials.userId,
|
|
|
|
|
accessToken: MatrixClientPeg.get().getAccessToken(),
|
|
|
|
|
homeserverUrl: MatrixClientPeg.get().getHomeserverUrl(),
|
|
|
|
|
identityServerUrl: MatrixClientPeg.get().getIdentityServerUrl(),
|
|
|
|
|
guest: true
|
|
|
|
|
}
|
2016-01-07 17:23:32 +00:00
|
|
|
|
});
|
|
|
|
|
this.notifyNewScreen('register');
|
|
|
|
|
break;
|
2016-01-12 17:20:16 +00:00
|
|
|
|
case 'start_password_recovery':
|
|
|
|
|
if (this.state.logged_in) return;
|
|
|
|
|
this.replaceState({
|
|
|
|
|
screen: 'forgot_password'
|
|
|
|
|
});
|
|
|
|
|
this.notifyNewScreen('forgot_password');
|
|
|
|
|
break;
|
2015-11-06 11:21:13 +00:00
|
|
|
|
case 'token_login':
|
2015-10-08 21:25:33 +00:00
|
|
|
|
if (this.state.logged_in) return;
|
|
|
|
|
|
|
|
|
|
var self = this;
|
2015-11-06 11:21:13 +00:00
|
|
|
|
MatrixClientPeg.replaceUsingUrls(
|
|
|
|
|
payload.params.homeserver,
|
|
|
|
|
payload.params.identityServer
|
|
|
|
|
);
|
2015-10-08 21:25:33 +00:00
|
|
|
|
|
2015-11-06 11:21:13 +00:00
|
|
|
|
var client = MatrixClientPeg.get();
|
|
|
|
|
client.loginWithToken(payload.params.loginToken).done(function(data) {
|
2015-10-08 21:25:33 +00:00
|
|
|
|
MatrixClientPeg.replaceUsingAccessToken(
|
2015-10-12 09:13:01 +00:00
|
|
|
|
client.getHomeserverUrl(), client.getIdentityServerUrl(),
|
2015-10-08 21:25:33 +00:00
|
|
|
|
data.user_id, data.access_token
|
|
|
|
|
);
|
|
|
|
|
self.setState({
|
|
|
|
|
screen: undefined,
|
|
|
|
|
logged_in: true
|
|
|
|
|
});
|
2015-11-06 11:42:13 +00:00
|
|
|
|
|
|
|
|
|
// We're left with the login token, hs and is url as query params
|
|
|
|
|
// in the url, a little nasty but let's redirect to clear them
|
|
|
|
|
var parsedUrl = url.parse(window.location.href);
|
|
|
|
|
parsedUrl.search = "";
|
|
|
|
|
window.location.href = url.format(parsedUrl);
|
|
|
|
|
|
2015-10-08 21:25:33 +00:00
|
|
|
|
}, function(error) {
|
|
|
|
|
self.notifyNewScreen('login');
|
|
|
|
|
self.setState({errorText: 'Login failed.'});
|
|
|
|
|
});
|
|
|
|
|
|
2015-12-13 13:49:28 +00:00
|
|
|
|
break;
|
|
|
|
|
case 'leave_room':
|
|
|
|
|
var ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
|
|
|
|
|
var QuestionDialog = sdk.getComponent("dialogs.QuestionDialog");
|
|
|
|
|
|
|
|
|
|
var roomId = payload.room_id;
|
|
|
|
|
Modal.createDialog(QuestionDialog, {
|
|
|
|
|
title: "Leave room",
|
|
|
|
|
description: "Are you sure you want to leave the room?",
|
|
|
|
|
onFinished: function(should_leave) {
|
|
|
|
|
if (should_leave) {
|
|
|
|
|
var d = MatrixClientPeg.get().leave(roomId);
|
2016-04-12 16:18:32 +00:00
|
|
|
|
|
2015-12-13 13:49:28 +00:00
|
|
|
|
// FIXME: controller shouldn't be loading a view :(
|
|
|
|
|
var Loader = sdk.getComponent("elements.Spinner");
|
|
|
|
|
var modal = Modal.createDialog(Loader);
|
|
|
|
|
|
|
|
|
|
d.then(function() {
|
|
|
|
|
modal.close();
|
|
|
|
|
dis.dispatch({action: 'view_next_room'});
|
|
|
|
|
}, function(err) {
|
|
|
|
|
modal.close();
|
|
|
|
|
Modal.createDialog(ErrorDialog, {
|
|
|
|
|
title: "Failed to leave room",
|
|
|
|
|
description: err.toString()
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
2015-07-13 18:14:02 +00:00
|
|
|
|
break;
|
2015-06-12 17:01:38 +00:00
|
|
|
|
case 'view_room':
|
2016-06-10 14:12:42 +00:00
|
|
|
|
// Takes both room ID and room alias: if switching to a room the client is already
|
|
|
|
|
// know to be in (eg. user clicks on a room in the recents panel), supply only the
|
|
|
|
|
// ID. If the user is clicking on a room in the context of the alias being presented
|
|
|
|
|
// to them, supply the room alias and optionally the room ID.
|
2016-03-01 18:23:57 +00:00
|
|
|
|
this._viewRoom(
|
2016-03-15 00:49:44 +00:00
|
|
|
|
payload.room_id, payload.room_alias, payload.show_settings, payload.event_id,
|
2016-03-17 18:38:25 +00:00
|
|
|
|
payload.third_party_invite, payload.oob_data
|
2016-03-01 18:23:57 +00:00
|
|
|
|
);
|
2015-06-12 17:01:38 +00:00
|
|
|
|
break;
|
2015-06-25 16:41:55 +00:00
|
|
|
|
case 'view_prev_room':
|
|
|
|
|
roomIndexDelta = -1;
|
|
|
|
|
case 'view_next_room':
|
2015-07-08 18:47:58 +00:00
|
|
|
|
var allRooms = RoomListSorter.mostRecentActivityFirst(
|
|
|
|
|
MatrixClientPeg.get().getRooms()
|
|
|
|
|
);
|
2015-06-25 16:41:55 +00:00
|
|
|
|
var roomIndex = -1;
|
|
|
|
|
for (var i = 0; i < allRooms.length; ++i) {
|
2016-06-14 10:37:04 +00:00
|
|
|
|
if (allRooms[i].roomId == this.state.currentRoomId) {
|
2015-06-25 16:41:55 +00:00
|
|
|
|
roomIndex = i;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
roomIndex = (roomIndex + roomIndexDelta) % allRooms.length;
|
2015-09-18 17:39:16 +00:00
|
|
|
|
if (roomIndex < 0) roomIndex = allRooms.length - 1;
|
2015-12-10 16:26:36 +00:00
|
|
|
|
this._viewRoom(allRooms[roomIndex].roomId);
|
2015-09-18 17:39:16 +00:00
|
|
|
|
break;
|
|
|
|
|
case 'view_indexed_room':
|
|
|
|
|
var allRooms = RoomListSorter.mostRecentActivityFirst(
|
|
|
|
|
MatrixClientPeg.get().getRooms()
|
|
|
|
|
);
|
|
|
|
|
var roomIndex = payload.roomIndex;
|
|
|
|
|
if (allRooms[roomIndex]) {
|
2015-12-10 16:26:36 +00:00
|
|
|
|
this._viewRoom(allRooms[roomIndex].roomId);
|
2015-09-18 17:39:16 +00:00
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
case 'view_user_settings':
|
2015-12-10 21:53:14 +00:00
|
|
|
|
this._setPage(this.PageTypes.UserSettings);
|
2015-11-11 01:01:48 +00:00
|
|
|
|
this.notifyNewScreen('settings');
|
2015-09-18 17:39:16 +00:00
|
|
|
|
break;
|
|
|
|
|
case 'view_create_room':
|
2016-01-17 03:59:31 +00:00
|
|
|
|
//this._setPage(this.PageTypes.CreateRoom);
|
|
|
|
|
//this.notifyNewScreen('new');
|
|
|
|
|
|
2016-06-08 22:03:46 +00:00
|
|
|
|
createRoom().done();
|
2015-09-18 17:39:16 +00:00
|
|
|
|
break;
|
|
|
|
|
case 'view_room_directory':
|
2015-12-10 21:53:14 +00:00
|
|
|
|
this._setPage(this.PageTypes.RoomDirectory);
|
2015-11-11 01:01:48 +00:00
|
|
|
|
this.notifyNewScreen('directory');
|
2015-09-18 17:39:16 +00:00
|
|
|
|
break;
|
|
|
|
|
case 'notifier_enabled':
|
|
|
|
|
this.forceUpdate();
|
2015-06-25 16:41:55 +00:00
|
|
|
|
break;
|
2015-10-11 12:49:44 +00:00
|
|
|
|
case 'hide_left_panel':
|
|
|
|
|
this.setState({
|
|
|
|
|
collapse_lhs: true,
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
case 'show_left_panel':
|
|
|
|
|
this.setState({
|
|
|
|
|
collapse_lhs: false,
|
|
|
|
|
});
|
|
|
|
|
break;
|
2015-10-11 15:07:01 +00:00
|
|
|
|
case 'hide_right_panel':
|
|
|
|
|
this.setState({
|
|
|
|
|
collapse_rhs: true,
|
|
|
|
|
});
|
|
|
|
|
break;
|
|
|
|
|
case 'show_right_panel':
|
|
|
|
|
this.setState({
|
|
|
|
|
collapse_rhs: false,
|
|
|
|
|
});
|
|
|
|
|
break;
|
2016-04-12 16:18:32 +00:00
|
|
|
|
case 'ui_opacity':
|
|
|
|
|
this.setState({
|
|
|
|
|
sideOpacity: payload.sideOpacity,
|
|
|
|
|
middleOpacity: payload.middleOpacity,
|
|
|
|
|
});
|
|
|
|
|
break;
|
2015-06-12 16:34:17 +00:00
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2015-12-10 21:53:14 +00:00
|
|
|
|
_setPage: function(pageType) {
|
|
|
|
|
// record the scroll state if we're in a room view.
|
|
|
|
|
this._updateScrollMap();
|
|
|
|
|
|
|
|
|
|
this.setState({
|
2015-12-14 11:07:59 +00:00
|
|
|
|
page_type: pageType,
|
2015-12-10 21:53:14 +00:00
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2016-02-01 16:31:12 +00:00
|
|
|
|
// switch view to the given room
|
|
|
|
|
//
|
|
|
|
|
// eventId is optional and will cause a switch to the context of that
|
|
|
|
|
// particular event.
|
2016-03-17 18:38:25 +00:00
|
|
|
|
// @param {Object} thirdPartyInvite Object containing data about the third party
|
|
|
|
|
// we received to join the room, if any.
|
2016-03-18 16:04:58 +00:00
|
|
|
|
// @param {string} thirdPartyInvite.inviteSignUrl 3pid invite sign URL
|
|
|
|
|
// @param {string} thirdPartyInvite.invitedwithEmail The email address the invite was sent to
|
2016-03-02 14:01:21 +00:00
|
|
|
|
// @param {Object} oob_data Object of additional data about the room
|
2016-03-01 18:23:57 +00:00
|
|
|
|
// that has been passed out-of-band (eg.
|
|
|
|
|
// room name and avatar from an invite email)
|
2016-03-17 18:38:25 +00:00
|
|
|
|
_viewRoom: function(roomId, roomAlias, showSettings, eventId, thirdPartyInvite, oob_data) {
|
2015-12-10 16:26:36 +00:00
|
|
|
|
// before we switch room, record the scroll state of the current room
|
|
|
|
|
this._updateScrollMap();
|
|
|
|
|
|
|
|
|
|
this.focusComposer = true;
|
2016-02-01 16:31:12 +00:00
|
|
|
|
|
2015-12-10 16:26:36 +00:00
|
|
|
|
var newState = {
|
2016-02-01 16:31:12 +00:00
|
|
|
|
initialEventId: eventId,
|
|
|
|
|
highlightedEventId: eventId,
|
|
|
|
|
initialEventPixelOffset: undefined,
|
2015-12-10 16:26:36 +00:00
|
|
|
|
page_type: this.PageTypes.RoomView,
|
2016-03-17 18:38:25 +00:00
|
|
|
|
thirdPartyInvite: thirdPartyInvite,
|
2016-03-01 18:23:57 +00:00
|
|
|
|
roomOobData: oob_data,
|
2016-06-14 10:57:07 +00:00
|
|
|
|
currentRoomAlias: roomAlias,
|
|
|
|
|
currentRoomId: roomId,
|
2015-12-10 16:26:36 +00:00
|
|
|
|
};
|
2016-02-01 16:31:12 +00:00
|
|
|
|
|
|
|
|
|
// if we aren't given an explicit event id, look for one in the
|
|
|
|
|
// scrollStateMap.
|
|
|
|
|
if (!eventId) {
|
|
|
|
|
var scrollState = this.scrollStateMap[roomId];
|
|
|
|
|
if (scrollState) {
|
|
|
|
|
newState.initialEventId = scrollState.focussedEvent;
|
|
|
|
|
newState.initialEventPixelOffset = scrollState.pixelOffset;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2015-12-10 16:26:36 +00:00
|
|
|
|
if (this.sdkReady) {
|
|
|
|
|
// if the SDK is not ready yet, remember what room
|
|
|
|
|
// we're supposed to be on but don't notify about
|
|
|
|
|
// the new screen yet (we won't be showing it yet)
|
|
|
|
|
// The normal case where this happens is navigating
|
|
|
|
|
// to the room in the URL bar on page load.
|
2016-03-15 00:49:44 +00:00
|
|
|
|
var presentedId = roomAlias || roomId;
|
2015-12-10 16:26:36 +00:00
|
|
|
|
var room = MatrixClientPeg.get().getRoom(roomId);
|
|
|
|
|
if (room) {
|
|
|
|
|
var theAlias = MatrixTools.getCanonicalAliasForRoom(room);
|
|
|
|
|
if (theAlias) presentedId = theAlias;
|
2016-01-08 03:22:38 +00:00
|
|
|
|
|
2016-04-16 00:00:10 +00:00
|
|
|
|
// No need to do this given RoomView triggers it itself...
|
|
|
|
|
// var color_scheme_event = room.getAccountData("org.matrix.room.color_scheme");
|
|
|
|
|
// var color_scheme = {};
|
|
|
|
|
// if (color_scheme_event) {
|
|
|
|
|
// color_scheme = color_scheme_event.getContent();
|
|
|
|
|
// // XXX: we should validate the event
|
|
|
|
|
// }
|
|
|
|
|
// console.log("Tinter.tint from _viewRoom");
|
|
|
|
|
// Tinter.tint(color_scheme.primary_color, color_scheme.secondary_color);
|
2015-12-10 16:26:36 +00:00
|
|
|
|
}
|
2016-01-08 03:22:38 +00:00
|
|
|
|
|
2016-02-01 16:31:12 +00:00
|
|
|
|
if (eventId) {
|
|
|
|
|
presentedId += "/"+eventId;
|
|
|
|
|
}
|
2015-12-10 16:26:36 +00:00
|
|
|
|
this.notifyNewScreen('room/'+presentedId);
|
|
|
|
|
newState.ready = true;
|
|
|
|
|
}
|
|
|
|
|
this.setState(newState);
|
2016-02-01 16:31:12 +00:00
|
|
|
|
|
2016-01-17 03:59:31 +00:00
|
|
|
|
if (this.refs.roomView && showSettings) {
|
|
|
|
|
this.refs.roomView.showSettings(true);
|
|
|
|
|
}
|
2015-12-10 16:26:36 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
// update scrollStateMap according to the current scroll state of the
|
|
|
|
|
// room view.
|
|
|
|
|
_updateScrollMap: function() {
|
2015-12-10 21:44:30 +00:00
|
|
|
|
if (!this.refs.roomView) {
|
2015-12-10 16:26:36 +00:00
|
|
|
|
return;
|
|
|
|
|
}
|
2015-12-10 21:44:30 +00:00
|
|
|
|
var roomview = this.refs.roomView;
|
2016-04-12 18:25:07 +00:00
|
|
|
|
var roomId = this.refs.roomView.getRoomId();
|
|
|
|
|
if (!roomId) {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-12-10 16:26:36 +00:00
|
|
|
|
var state = roomview.getScrollState();
|
2016-04-12 18:25:07 +00:00
|
|
|
|
this.scrollStateMap[roomId] = state;
|
2015-12-10 16:26:36 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-11-12 15:15:00 +00:00
|
|
|
|
onLoggedIn: function(credentials) {
|
2015-12-04 15:28:35 +00:00
|
|
|
|
credentials.guest = Boolean(credentials.guest);
|
|
|
|
|
console.log("onLoggedIn => %s (guest=%s)", credentials.userId, credentials.guest);
|
2015-11-20 11:57:04 +00:00
|
|
|
|
MatrixClientPeg.replaceUsingAccessToken(
|
|
|
|
|
credentials.homeserverUrl, credentials.identityServerUrl,
|
2015-12-04 15:28:35 +00:00
|
|
|
|
credentials.userId, credentials.accessToken, credentials.guest
|
2015-11-20 11:57:04 +00:00
|
|
|
|
);
|
2015-07-13 18:14:02 +00:00
|
|
|
|
this.setState({
|
2015-07-15 18:25:36 +00:00
|
|
|
|
screen: undefined,
|
2015-07-13 18:14:02 +00:00
|
|
|
|
logged_in: true
|
|
|
|
|
});
|
2015-06-12 13:59:33 +00:00
|
|
|
|
this.startMatrixClient();
|
2015-07-15 18:25:36 +00:00
|
|
|
|
this.notifyNewScreen('');
|
2015-06-12 13:59:33 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
startMatrixClient: function() {
|
2015-07-02 12:18:03 +00:00
|
|
|
|
var cli = MatrixClientPeg.get();
|
2015-09-15 12:34:36 +00:00
|
|
|
|
var self = this;
|
2015-12-15 14:23:58 +00:00
|
|
|
|
cli.on('sync', function(state, prevState) {
|
2016-03-15 23:58:31 +00:00
|
|
|
|
self.updateFavicon(state, prevState);
|
2015-12-15 14:23:58 +00:00
|
|
|
|
if (state === "SYNCING" && prevState === "SYNCING") {
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-11-12 15:15:00 +00:00
|
|
|
|
console.log("MatrixClient sync state => %s", state);
|
|
|
|
|
if (state !== "PREPARED") { return; }
|
2015-09-18 17:39:16 +00:00
|
|
|
|
self.sdkReady = true;
|
2015-09-25 16:22:42 +00:00
|
|
|
|
|
2016-03-04 17:37:06 +00:00
|
|
|
|
if (self.starting_room_alias_payload) {
|
|
|
|
|
dis.dispatch(self.starting_room_alias_payload);
|
|
|
|
|
delete self.starting_room_alias_payload;
|
2015-11-11 01:32:16 +00:00
|
|
|
|
} else if (!self.state.page_type) {
|
2016-06-14 10:37:04 +00:00
|
|
|
|
if (!self.state.currentRoomId) {
|
2015-09-25 16:22:42 +00:00
|
|
|
|
var firstRoom = null;
|
|
|
|
|
if (cli.getRooms() && cli.getRooms().length) {
|
|
|
|
|
firstRoom = RoomListSorter.mostRecentActivityFirst(
|
|
|
|
|
cli.getRooms()
|
|
|
|
|
)[0].roomId;
|
2016-06-14 10:37:04 +00:00
|
|
|
|
self.setState({ready: true, currentRoomId: firstRoom, page_type: self.PageTypes.RoomView});
|
2015-09-25 16:22:42 +00:00
|
|
|
|
} else {
|
|
|
|
|
self.setState({ready: true, page_type: self.PageTypes.RoomDirectory});
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
self.setState({ready: true, page_type: self.PageTypes.RoomView});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// we notifyNewScreen now because now the room will actually be displayed,
|
|
|
|
|
// and (mostly) now we can get the correct alias.
|
2016-06-14 10:37:04 +00:00
|
|
|
|
var presentedId = self.state.currentRoomId;
|
|
|
|
|
var room = MatrixClientPeg.get().getRoom(self.state.currentRoomId);
|
2015-09-25 16:22:42 +00:00
|
|
|
|
if (room) {
|
|
|
|
|
var theAlias = MatrixTools.getCanonicalAliasForRoom(room);
|
|
|
|
|
if (theAlias) presentedId = theAlias;
|
|
|
|
|
}
|
2016-03-05 18:06:24 +00:00
|
|
|
|
|
2016-03-07 15:46:35 +00:00
|
|
|
|
if (presentedId != undefined) {
|
2016-03-05 18:06:24 +00:00
|
|
|
|
self.notifyNewScreen('room/'+presentedId);
|
|
|
|
|
} else {
|
|
|
|
|
// There is no information on presentedId
|
|
|
|
|
// so point user to fallback like /directory
|
|
|
|
|
self.notifyNewScreen('directory');
|
|
|
|
|
}
|
|
|
|
|
|
2015-09-25 16:22:42 +00:00
|
|
|
|
dis.dispatch({action: 'focus_composer'});
|
2015-11-11 01:32:16 +00:00
|
|
|
|
} else {
|
|
|
|
|
self.setState({ready: true});
|
2015-10-05 14:31:08 +00:00
|
|
|
|
}
|
2015-06-12 13:59:33 +00:00
|
|
|
|
});
|
2015-09-18 17:39:16 +00:00
|
|
|
|
cli.on('Call.incoming', function(call) {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'incoming_call',
|
|
|
|
|
call: call
|
|
|
|
|
});
|
|
|
|
|
});
|
2016-03-15 10:48:16 +00:00
|
|
|
|
cli.on('Session.logged_out', function(call) {
|
|
|
|
|
var ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
|
|
|
|
|
Modal.createDialog(ErrorDialog, {
|
|
|
|
|
title: "Logged Out",
|
|
|
|
|
description: "For security, this session has been logged out. Please log in again."
|
|
|
|
|
});
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'logout'
|
|
|
|
|
});
|
|
|
|
|
});
|
2015-07-03 10:12:54 +00:00
|
|
|
|
Notifier.start();
|
2015-10-26 13:54:54 +00:00
|
|
|
|
UserActivity.start();
|
2015-09-18 17:39:16 +00:00
|
|
|
|
Presence.start();
|
2015-12-07 15:33:58 +00:00
|
|
|
|
cli.startClient({
|
2016-03-17 22:26:06 +00:00
|
|
|
|
pendingEventOrdering: "detached",
|
2016-02-24 16:42:23 +00:00
|
|
|
|
initialSyncLimit: this.props.config.sync_timeline_limit || 20,
|
2015-12-07 15:33:58 +00:00
|
|
|
|
});
|
2015-06-11 17:25:29 +00:00
|
|
|
|
},
|
2015-06-25 16:41:55 +00:00
|
|
|
|
|
2016-04-12 17:38:10 +00:00
|
|
|
|
// stop all the background processes related to the current client
|
|
|
|
|
_stopMatrixClient: function() {
|
|
|
|
|
Notifier.stop();
|
|
|
|
|
UserActivity.stop();
|
|
|
|
|
Presence.stop();
|
|
|
|
|
MatrixClientPeg.get().stopClient();
|
|
|
|
|
MatrixClientPeg.get().removeAllListeners();
|
|
|
|
|
MatrixClientPeg.unset();
|
|
|
|
|
},
|
|
|
|
|
|
2015-06-25 16:41:55 +00:00
|
|
|
|
onKeyDown: function(ev) {
|
2015-10-31 14:00:23 +00:00
|
|
|
|
/*
|
|
|
|
|
// Remove this for now as ctrl+alt = alt-gr so this breaks keyboards which rely on alt-gr for numbers
|
|
|
|
|
// Will need to find a better meta key if anyone actually cares about using this.
|
2016-04-05 12:14:11 +00:00
|
|
|
|
if (ev.altKey && ev.ctrlKey && ev.keyCode > 48 && ev.keyCode < 58) {
|
2015-09-18 17:39:16 +00:00
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'view_indexed_room',
|
|
|
|
|
roomIndex: ev.keyCode - 49,
|
|
|
|
|
});
|
|
|
|
|
ev.stopPropagation();
|
|
|
|
|
ev.preventDefault();
|
|
|
|
|
return;
|
|
|
|
|
}
|
2015-10-31 14:00:23 +00:00
|
|
|
|
*/
|
2016-04-05 12:14:11 +00:00
|
|
|
|
|
|
|
|
|
var handled = false;
|
|
|
|
|
|
|
|
|
|
switch (ev.keyCode) {
|
|
|
|
|
case KeyCode.UP:
|
|
|
|
|
case KeyCode.DOWN:
|
|
|
|
|
if (ev.altKey) {
|
|
|
|
|
var action = ev.keyCode == KeyCode.UP ?
|
|
|
|
|
'view_prev_room' : 'view_next_room';
|
|
|
|
|
dis.dispatch({action: action});
|
|
|
|
|
handled = true;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
|
|
|
|
|
case KeyCode.PAGE_UP:
|
|
|
|
|
case KeyCode.PAGE_DOWN:
|
|
|
|
|
this._onScrollKeyPressed(ev);
|
|
|
|
|
handled = true;
|
|
|
|
|
break;
|
|
|
|
|
|
|
|
|
|
case KeyCode.HOME:
|
|
|
|
|
case KeyCode.END:
|
|
|
|
|
if (ev.ctrlKey) {
|
|
|
|
|
this._onScrollKeyPressed(ev);
|
|
|
|
|
handled = true;
|
|
|
|
|
}
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (handled) {
|
|
|
|
|
ev.stopPropagation();
|
|
|
|
|
ev.preventDefault();
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
/** dispatch a page-up/page-down/etc to the appropriate component */
|
|
|
|
|
_onScrollKeyPressed(ev) {
|
|
|
|
|
if (this.refs.roomView) {
|
|
|
|
|
this.refs.roomView.handleScrollKey(ev);
|
2015-06-25 16:41:55 +00:00
|
|
|
|
}
|
2015-07-07 12:30:38 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onFocus: function(ev) {
|
|
|
|
|
dis.dispatch({action: 'focus_composer'});
|
2015-07-15 18:25:36 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-07-16 11:44:04 +00:00
|
|
|
|
showScreen: function(screen, params) {
|
2015-07-15 19:33:12 +00:00
|
|
|
|
if (screen == 'register') {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'start_registration',
|
|
|
|
|
params: params
|
|
|
|
|
});
|
|
|
|
|
} else if (screen == 'login') {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'start_login',
|
|
|
|
|
params: params
|
|
|
|
|
});
|
2015-11-06 11:21:13 +00:00
|
|
|
|
} else if (screen == 'token_login') {
|
2015-10-08 21:25:33 +00:00
|
|
|
|
dis.dispatch({
|
2015-11-06 11:21:13 +00:00
|
|
|
|
action: 'token_login',
|
2015-10-08 21:25:33 +00:00
|
|
|
|
params: params
|
|
|
|
|
});
|
2016-01-12 17:20:16 +00:00
|
|
|
|
} else if (screen == 'forgot_password') {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'start_password_recovery',
|
|
|
|
|
params: params
|
|
|
|
|
});
|
2015-11-11 01:01:48 +00:00
|
|
|
|
} else if (screen == 'new') {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'view_create_room',
|
|
|
|
|
});
|
|
|
|
|
} else if (screen == 'settings') {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'view_user_settings',
|
|
|
|
|
});
|
|
|
|
|
} else if (screen == 'directory') {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'view_room_directory',
|
|
|
|
|
});
|
2015-11-20 11:57:04 +00:00
|
|
|
|
} else if (screen == 'post_registration') {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'start_post_registration',
|
|
|
|
|
});
|
2015-09-18 17:39:16 +00:00
|
|
|
|
} else if (screen.indexOf('room/') == 0) {
|
2016-02-03 08:03:10 +00:00
|
|
|
|
var segments = screen.substring(5).split('/');
|
|
|
|
|
var roomString = segments[0];
|
|
|
|
|
var eventId = segments[1]; // undefined if no event id given
|
2016-03-01 18:23:57 +00:00
|
|
|
|
|
2016-03-17 18:38:25 +00:00
|
|
|
|
// FIXME: sort_out caseConsistency
|
|
|
|
|
var third_party_invite = {
|
|
|
|
|
inviteSignUrl: params.signurl,
|
|
|
|
|
invitedEmail: params.email,
|
|
|
|
|
};
|
2016-03-01 18:23:57 +00:00
|
|
|
|
var oob_data = {
|
|
|
|
|
name: params.room_name,
|
|
|
|
|
avatarUrl: params.room_avatar_url,
|
|
|
|
|
inviterName: params.inviter_name,
|
|
|
|
|
};
|
|
|
|
|
|
2016-06-10 14:12:42 +00:00
|
|
|
|
var payload = {
|
|
|
|
|
action: 'view_room',
|
|
|
|
|
event_id: eventId,
|
|
|
|
|
third_party_invite: third_party_invite,
|
|
|
|
|
oob_data: oob_data,
|
|
|
|
|
};
|
2015-09-18 17:39:16 +00:00
|
|
|
|
if (roomString[0] == '#') {
|
2016-06-10 14:12:42 +00:00
|
|
|
|
payload.room_alias = roomString;
|
2015-09-18 17:39:16 +00:00
|
|
|
|
} else {
|
2016-06-10 14:12:42 +00:00
|
|
|
|
payload.room_id = roomString;
|
2016-06-09 17:49:06 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// we can't view a room unless we're logged in
|
|
|
|
|
// (a guest account is fine)
|
|
|
|
|
if (!this.state.logged_in) {
|
|
|
|
|
this.starting_room_alias_payload = payload;
|
|
|
|
|
// Login is the default screen, so we'd do this anyway,
|
|
|
|
|
// but this will set the URL bar appropriately.
|
|
|
|
|
dis.dispatch({ action: 'start_login' });
|
|
|
|
|
return;
|
|
|
|
|
} else {
|
|
|
|
|
dis.dispatch(payload);
|
2015-09-25 16:22:42 +00:00
|
|
|
|
}
|
2015-07-15 19:33:12 +00:00
|
|
|
|
}
|
2015-11-20 14:26:49 +00:00
|
|
|
|
else {
|
2016-03-06 19:33:36 +00:00
|
|
|
|
console.info("Ignoring showScreen for '%s'", screen);
|
2015-11-20 14:26:49 +00:00
|
|
|
|
}
|
2015-07-15 18:25:36 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-12-17 15:12:09 +00:00
|
|
|
|
notifyNewScreen: function(screen) {
|
2015-07-15 18:25:36 +00:00
|
|
|
|
if (this.props.onNewScreen) {
|
2015-12-17 15:12:09 +00:00
|
|
|
|
this.props.onNewScreen(screen);
|
2015-07-15 18:25:36 +00:00
|
|
|
|
}
|
2015-11-30 18:11:04 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onAliasClick: function(event, alias) {
|
|
|
|
|
event.preventDefault();
|
2016-06-10 14:12:42 +00:00
|
|
|
|
dis.dispatch({action: 'view_room', room_alias: alias});
|
2015-11-30 18:11:04 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onUserClick: function(event, userId) {
|
|
|
|
|
event.preventDefault();
|
2016-01-18 01:26:15 +00:00
|
|
|
|
|
|
|
|
|
/*
|
2015-11-30 18:11:04 +00:00
|
|
|
|
var MemberInfo = sdk.getComponent('rooms.MemberInfo');
|
|
|
|
|
var member = new Matrix.RoomMember(null, userId);
|
|
|
|
|
ContextualMenu.createMenu(MemberInfo, {
|
|
|
|
|
member: member,
|
|
|
|
|
right: window.innerWidth - event.pageX,
|
|
|
|
|
top: event.pageY
|
|
|
|
|
});
|
2016-01-18 01:26:15 +00:00
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
var member = new Matrix.RoomMember(null, userId);
|
|
|
|
|
if (!member) { return; }
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'view_user',
|
|
|
|
|
member: member,
|
2016-04-12 16:18:32 +00:00
|
|
|
|
});
|
2015-11-30 18:11:04 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onLogoutClick: function(event) {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'logout'
|
|
|
|
|
});
|
|
|
|
|
event.stopPropagation();
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
handleResize: function(e) {
|
|
|
|
|
var hideLhsThreshold = 1000;
|
|
|
|
|
var showLhsThreshold = 1000;
|
|
|
|
|
var hideRhsThreshold = 820;
|
|
|
|
|
var showRhsThreshold = 820;
|
|
|
|
|
|
|
|
|
|
if (this.state.width > hideLhsThreshold && window.innerWidth <= hideLhsThreshold) {
|
|
|
|
|
dis.dispatch({ action: 'hide_left_panel' });
|
|
|
|
|
}
|
|
|
|
|
if (this.state.width <= showLhsThreshold && window.innerWidth > showLhsThreshold) {
|
|
|
|
|
dis.dispatch({ action: 'show_left_panel' });
|
|
|
|
|
}
|
|
|
|
|
if (this.state.width > hideRhsThreshold && window.innerWidth <= hideRhsThreshold) {
|
|
|
|
|
dis.dispatch({ action: 'hide_right_panel' });
|
|
|
|
|
}
|
|
|
|
|
if (this.state.width <= showRhsThreshold && window.innerWidth > showRhsThreshold) {
|
|
|
|
|
dis.dispatch({ action: 'show_right_panel' });
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.setState({width: window.innerWidth});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onRoomCreated: function(room_id) {
|
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: "view_room",
|
|
|
|
|
room_id: room_id,
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onRegisterClick: function() {
|
|
|
|
|
this.showScreen("register");
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onLoginClick: function() {
|
|
|
|
|
this.showScreen("login");
|
|
|
|
|
},
|
|
|
|
|
|
2016-01-12 17:20:16 +00:00
|
|
|
|
onForgotPasswordClick: function() {
|
|
|
|
|
this.showScreen("forgot_password");
|
|
|
|
|
},
|
|
|
|
|
|
2016-03-15 21:04:11 +00:00
|
|
|
|
onReturnToGuestClick: function() {
|
|
|
|
|
// reanimate our guest login
|
|
|
|
|
this.onLoggedIn(this.state.guestCreds);
|
2016-03-16 11:48:32 +00:00
|
|
|
|
this.setState({ guestCreds: null });
|
2016-03-15 21:04:11 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-11-30 18:11:04 +00:00
|
|
|
|
onRegistered: function(credentials) {
|
|
|
|
|
this.onLoggedIn(credentials);
|
|
|
|
|
// do post-registration stuff
|
2016-01-15 18:58:18 +00:00
|
|
|
|
// This now goes straight to user settings
|
|
|
|
|
// We use _setPage since if we wait for
|
|
|
|
|
// showScreen to do the dispatch loop,
|
2016-01-18 14:23:31 +00:00
|
|
|
|
// the showScreen dispatch will race with the
|
|
|
|
|
// sdk sync finishing and we'll probably see
|
|
|
|
|
// the page type still unset when the MatrixClient
|
|
|
|
|
// is started and show the Room Directory instead.
|
2016-01-15 18:58:18 +00:00
|
|
|
|
//this.showScreen("view_user_settings");
|
|
|
|
|
this._setPage(this.PageTypes.UserSettings);
|
2015-11-30 18:11:04 +00:00
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
onFinishPostRegistration: function() {
|
|
|
|
|
// Don't confuse this with "PageType" which is the middle window to show
|
|
|
|
|
this.setState({
|
|
|
|
|
screen: undefined
|
|
|
|
|
});
|
|
|
|
|
this.showScreen("settings");
|
|
|
|
|
},
|
|
|
|
|
|
2016-02-03 16:51:53 +00:00
|
|
|
|
onVersion: function(current, latest) {
|
2016-02-03 16:16:52 +00:00
|
|
|
|
this.setState({
|
2016-02-03 16:51:53 +00:00
|
|
|
|
version: current,
|
|
|
|
|
hasNewVersion: current !== latest
|
2016-02-03 16:16:52 +00:00
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
|
2016-03-15 23:58:31 +00:00
|
|
|
|
updateFavicon: function(state, prevState) {
|
2015-12-21 12:55:13 +00:00
|
|
|
|
var notifCount = 0;
|
|
|
|
|
|
|
|
|
|
var rooms = MatrixClientPeg.get().getRooms();
|
|
|
|
|
for (var i = 0; i < rooms.length; ++i) {
|
2016-01-13 13:00:03 +00:00
|
|
|
|
if (rooms[i].hasMembershipState(MatrixClientPeg.get().credentials.userId, 'invite')) {
|
2016-05-17 10:14:12 +00:00
|
|
|
|
notifCount++;
|
2016-01-21 10:23:18 +00:00
|
|
|
|
} else if (rooms[i].getUnreadNotificationCount()) {
|
2016-05-17 10:14:12 +00:00
|
|
|
|
// if we were summing unread notifs:
|
|
|
|
|
// notifCount += rooms[i].getUnreadNotificationCount();
|
|
|
|
|
// instead, we just count the number of rooms with notifs.
|
|
|
|
|
notifCount++;
|
2016-01-07 10:38:44 +00:00
|
|
|
|
}
|
2015-12-21 12:55:13 +00:00
|
|
|
|
}
|
2016-01-27 15:19:25 +00:00
|
|
|
|
try {
|
|
|
|
|
// This needs to be in in a try block as it will throw
|
|
|
|
|
// if there are more than 100 badge count changes in
|
|
|
|
|
// its internal queue
|
2016-03-16 18:58:04 +00:00
|
|
|
|
var bgColor = "#d00",
|
2016-03-16 01:02:49 +00:00
|
|
|
|
notif = notifCount;
|
|
|
|
|
|
|
|
|
|
if(state === "ERROR") {
|
|
|
|
|
notif = notif || "×";
|
2016-03-16 18:58:04 +00:00
|
|
|
|
bgColor = "#f00";
|
2016-03-16 01:02:49 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
this.favicon.badge(notif, {
|
|
|
|
|
bgColor: bgColor
|
|
|
|
|
});
|
2016-01-27 15:19:25 +00:00
|
|
|
|
} catch (e) {
|
|
|
|
|
console.warn("Failed to set badge count: "+e.message);
|
|
|
|
|
}
|
2016-03-16 01:02:49 +00:00
|
|
|
|
document.title = `Vector ${state === "ERROR" ? " [offline]" : ""}${notifCount > 0 ? ` [${notifCount}]` : ""}`;
|
2015-12-21 12:55:13 +00:00
|
|
|
|
},
|
|
|
|
|
|
2015-12-23 11:47:56 +00:00
|
|
|
|
onUserSettingsClose: function() {
|
|
|
|
|
// XXX: use browser history instead to find the previous room?
|
2016-04-15 21:16:19 +00:00
|
|
|
|
// or maintain a this.state.pageHistory in _setPage()?
|
2016-06-14 10:37:04 +00:00
|
|
|
|
if (this.state.currentRoomId) {
|
2015-12-23 11:47:56 +00:00
|
|
|
|
dis.dispatch({
|
|
|
|
|
action: 'view_room',
|
2016-06-14 10:37:04 +00:00
|
|
|
|
room_id: this.state.currentRoomId,
|
2015-12-23 11:47:56 +00:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
dis.dispatch({
|
2016-05-05 14:30:56 +00:00
|
|
|
|
action: 'view_room_directory',
|
2015-12-23 11:47:56 +00:00
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
|
2015-11-30 18:11:04 +00:00
|
|
|
|
render: function() {
|
2015-12-01 15:45:11 +00:00
|
|
|
|
var LeftPanel = sdk.getComponent('structures.LeftPanel');
|
2015-11-30 18:11:04 +00:00
|
|
|
|
var RoomView = sdk.getComponent('structures.RoomView');
|
2015-12-01 15:45:11 +00:00
|
|
|
|
var RightPanel = sdk.getComponent('structures.RightPanel');
|
2015-11-30 18:11:04 +00:00
|
|
|
|
var UserSettings = sdk.getComponent('structures.UserSettings');
|
|
|
|
|
var CreateRoom = sdk.getComponent('structures.CreateRoom');
|
2015-12-01 15:45:11 +00:00
|
|
|
|
var RoomDirectory = sdk.getComponent('structures.RoomDirectory');
|
2015-12-01 11:19:25 +00:00
|
|
|
|
var MatrixToolbar = sdk.getComponent('globals.MatrixToolbar');
|
2016-01-28 12:59:51 +00:00
|
|
|
|
var GuestWarningBar = sdk.getComponent('globals.GuestWarningBar');
|
2016-02-03 16:16:52 +00:00
|
|
|
|
var NewVersionBar = sdk.getComponent('globals.NewVersionBar');
|
2016-01-12 17:20:16 +00:00
|
|
|
|
var ForgotPassword = sdk.getComponent('structures.login.ForgotPassword');
|
2015-11-30 18:11:04 +00:00
|
|
|
|
|
2016-04-12 16:18:32 +00:00
|
|
|
|
// work out the HS URL prompts we should show for
|
2016-03-06 19:33:36 +00:00
|
|
|
|
|
2015-11-30 18:11:04 +00:00
|
|
|
|
// needs to be before normal PageTypes as you are logged in technically
|
|
|
|
|
if (this.state.screen == 'post_registration') {
|
|
|
|
|
return (
|
|
|
|
|
<PostRegistration
|
|
|
|
|
onComplete={this.onFinishPostRegistration} />
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
else if (this.state.logged_in && this.state.ready) {
|
|
|
|
|
var page_element;
|
|
|
|
|
var right_panel = "";
|
|
|
|
|
|
|
|
|
|
switch (this.state.page_type) {
|
|
|
|
|
case this.PageTypes.RoomView:
|
|
|
|
|
page_element = (
|
|
|
|
|
<RoomView
|
2015-12-10 21:44:30 +00:00
|
|
|
|
ref="roomView"
|
2016-06-14 10:57:07 +00:00
|
|
|
|
roomAddress={this.state.currentRoomAlias || this.state.currentRoomId}
|
2016-02-01 16:31:12 +00:00
|
|
|
|
eventId={this.state.initialEventId}
|
2016-03-17 18:38:25 +00:00
|
|
|
|
thirdPartyInvite={this.state.thirdPartyInvite}
|
2016-03-01 18:23:57 +00:00
|
|
|
|
oobData={this.state.roomOobData}
|
2016-02-01 16:31:12 +00:00
|
|
|
|
highlightedEventId={this.state.highlightedEventId}
|
|
|
|
|
eventPixelOffset={this.state.initialEventPixelOffset}
|
2016-06-14 10:37:04 +00:00
|
|
|
|
key={this.state.currentRoomId || this.state.currentRoomAlias}
|
2016-04-12 16:18:32 +00:00
|
|
|
|
opacity={this.state.middleOpacity}
|
2015-11-30 18:11:04 +00:00
|
|
|
|
ConferenceHandler={this.props.ConferenceHandler} />
|
|
|
|
|
);
|
2016-06-14 10:37:04 +00:00
|
|
|
|
right_panel = <RightPanel roomId={this.state.currentRoomId} collapsed={this.state.collapse_rhs} opacity={this.state.sideOpacity} />
|
2015-11-30 18:11:04 +00:00
|
|
|
|
break;
|
|
|
|
|
case this.PageTypes.UserSettings:
|
2016-06-08 13:54:34 +00:00
|
|
|
|
page_element = <UserSettings onClose={this.onUserSettingsClose} version={this.state.version} brand={this.props.config.brand} />
|
2016-04-12 16:18:32 +00:00
|
|
|
|
right_panel = <RightPanel collapsed={this.state.collapse_rhs} opacity={this.state.sideOpacity}/>
|
2015-11-30 18:11:04 +00:00
|
|
|
|
break;
|
|
|
|
|
case this.PageTypes.CreateRoom:
|
|
|
|
|
page_element = <CreateRoom onRoomCreated={this.onRoomCreated}/>
|
2016-04-12 16:18:32 +00:00
|
|
|
|
right_panel = <RightPanel collapsed={this.state.collapse_rhs} opacity={this.state.sideOpacity}/>
|
2015-11-30 18:11:04 +00:00
|
|
|
|
break;
|
|
|
|
|
case this.PageTypes.RoomDirectory:
|
|
|
|
|
page_element = <RoomDirectory />
|
2016-04-12 16:18:32 +00:00
|
|
|
|
right_panel = <RightPanel collapsed={this.state.collapse_rhs} opacity={this.state.sideOpacity}/>
|
2015-11-30 18:11:04 +00:00
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
|
2016-02-08 17:20:52 +00:00
|
|
|
|
var topBar;
|
2016-03-23 18:05:40 +00:00
|
|
|
|
if (this.state.hasNewVersion) {
|
|
|
|
|
topBar = <NewVersionBar />;
|
|
|
|
|
}
|
|
|
|
|
else if (MatrixClientPeg.get().isGuest()) {
|
2016-02-08 17:20:52 +00:00
|
|
|
|
topBar = <GuestWarningBar />;
|
2015-11-30 18:11:04 +00:00
|
|
|
|
}
|
2016-02-08 17:20:52 +00:00
|
|
|
|
else if (Notifier.supportsDesktopNotifications() && !Notifier.isEnabled() && !Notifier.isToolbarHidden()) {
|
|
|
|
|
topBar = <MatrixToolbar />;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var bodyClasses = "mx_MatrixChat";
|
|
|
|
|
if (topBar) {
|
|
|
|
|
bodyClasses += " mx_MatrixChat_toolbarShowing";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className="mx_MatrixChat_wrapper">
|
|
|
|
|
{topBar}
|
|
|
|
|
<div className={bodyClasses}>
|
2016-06-14 10:37:04 +00:00
|
|
|
|
<LeftPanel selectedRoom={this.state.currentRoomId} collapsed={this.state.collapse_lhs} opacity={this.state.sideOpacity}/>
|
2016-02-08 17:20:52 +00:00
|
|
|
|
<main className="mx_MatrixChat_middlePanel">
|
|
|
|
|
{page_element}
|
|
|
|
|
</main>
|
|
|
|
|
{right_panel}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
2015-12-04 11:34:50 +00:00
|
|
|
|
} else if (this.state.logged_in || (!this.state.logged_in && this._autoRegisterAsGuest)) {
|
2015-11-30 18:11:04 +00:00
|
|
|
|
var Spinner = sdk.getComponent('elements.Spinner');
|
2015-12-04 11:34:50 +00:00
|
|
|
|
var logoutLink;
|
|
|
|
|
if (this.state.logged_in) {
|
|
|
|
|
logoutLink = (
|
|
|
|
|
<a href="#" className="mx_MatrixChat_splashButtons" onClick={ this.onLogoutClick }>
|
|
|
|
|
Logout
|
|
|
|
|
</a>
|
|
|
|
|
);
|
|
|
|
|
}
|
2015-11-30 18:11:04 +00:00
|
|
|
|
return (
|
|
|
|
|
<div className="mx_MatrixChat_splash">
|
|
|
|
|
<Spinner />
|
2015-12-04 11:34:50 +00:00
|
|
|
|
{logoutLink}
|
2015-11-30 18:11:04 +00:00
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
} else if (this.state.screen == 'register') {
|
|
|
|
|
return (
|
|
|
|
|
<Registration
|
|
|
|
|
clientSecret={this.state.register_client_secret}
|
|
|
|
|
sessionId={this.state.register_session_id}
|
|
|
|
|
idSid={this.state.register_id_sid}
|
2015-12-17 14:56:55 +00:00
|
|
|
|
email={this.props.startingQueryParams.email}
|
2016-01-07 17:23:32 +00:00
|
|
|
|
username={this.state.upgradeUsername}
|
|
|
|
|
guestAccessToken={this.state.guestAccessToken}
|
2016-03-06 19:33:36 +00:00
|
|
|
|
defaultHsUrl={this.props.config.default_hs_url}
|
|
|
|
|
defaultIsUrl={this.props.config.default_is_url}
|
2016-06-02 10:50:00 +00:00
|
|
|
|
brand={this.props.config.brand}
|
2016-03-15 13:48:46 +00:00
|
|
|
|
customHsUrl={this.getCurrentHsUrl()}
|
|
|
|
|
customIsUrl={this.getCurrentIsUrl()}
|
2015-11-30 18:11:04 +00:00
|
|
|
|
registrationUrl={this.props.registrationUrl}
|
|
|
|
|
onLoggedIn={this.onRegistered}
|
2016-03-06 19:33:36 +00:00
|
|
|
|
onLoginClick={this.onLoginClick}
|
2016-03-15 21:04:11 +00:00
|
|
|
|
onRegisterClick={this.onRegisterClick}
|
2016-03-16 11:48:32 +00:00
|
|
|
|
onCancelClick={ this.state.guestCreds ? this.onReturnToGuestClick : null }
|
2016-03-15 21:04:11 +00:00
|
|
|
|
/>
|
2015-11-30 18:11:04 +00:00
|
|
|
|
);
|
2016-01-12 17:20:16 +00:00
|
|
|
|
} else if (this.state.screen == 'forgot_password') {
|
|
|
|
|
return (
|
|
|
|
|
<ForgotPassword
|
2016-03-06 19:33:36 +00:00
|
|
|
|
defaultHsUrl={this.props.config.default_hs_url}
|
|
|
|
|
defaultIsUrl={this.props.config.default_is_url}
|
2016-03-15 13:48:46 +00:00
|
|
|
|
customHsUrl={this.getCurrentHsUrl()}
|
|
|
|
|
customIsUrl={this.getCurrentIsUrl()}
|
2016-03-06 19:33:36 +00:00
|
|
|
|
onComplete={this.onLoginClick}
|
|
|
|
|
onLoginClick={this.onLoginClick} />
|
2016-01-12 17:20:16 +00:00
|
|
|
|
);
|
2015-11-30 18:11:04 +00:00
|
|
|
|
} else {
|
|
|
|
|
return (
|
|
|
|
|
<Login
|
|
|
|
|
onLoggedIn={this.onLoggedIn}
|
|
|
|
|
onRegisterClick={this.onRegisterClick}
|
2016-03-06 19:33:36 +00:00
|
|
|
|
defaultHsUrl={this.props.config.default_hs_url}
|
|
|
|
|
defaultIsUrl={this.props.config.default_is_url}
|
2016-03-15 13:48:46 +00:00
|
|
|
|
customHsUrl={this.getCurrentHsUrl()}
|
|
|
|
|
customIsUrl={this.getCurrentIsUrl()}
|
2016-05-27 13:57:43 +00:00
|
|
|
|
fallbackHsUrl={this.getFallbackHsUrl()}
|
2016-04-22 16:05:48 +00:00
|
|
|
|
onForgotPasswordClick={this.onForgotPasswordClick}
|
2016-03-15 23:01:59 +00:00
|
|
|
|
onLoginAsGuestClick={this.props.enableGuest && this.props.config && this.props.config.default_hs_url ? this._registerAsGuest.bind(this, true) : undefined}
|
2016-03-16 11:48:32 +00:00
|
|
|
|
onCancelClick={ this.state.guestCreds ? this.onReturnToGuestClick : null }
|
2016-02-15 18:44:13 +00:00
|
|
|
|
/>
|
2015-11-30 18:11:04 +00:00
|
|
|
|
);
|
|
|
|
|
}
|
2015-06-25 16:41:55 +00:00
|
|
|
|
}
|
2015-11-30 18:11:04 +00:00
|
|
|
|
});
|