element-web/src/pages/MatrixChat.js

61 lines
1.4 KiB
JavaScript
Raw Normal View History

var React = require('react');
2015-06-12 13:59:33 +00:00
var RoomList = require('../organisms/RoomList');
2015-06-12 14:01:36 +00:00
var RoomView = require('../organisms/RoomView');
2015-06-12 13:59:33 +00:00
var Loader = require("react-loader");
var Login = require('../templates/Login');
var mxCliPeg = require("../MatrixClientPeg");
//var dis = require("../dispatcher");
module.exports = React.createClass({
getInitialState: function() {
return {
2015-06-12 13:59:33 +00:00
logged_in: !!(mxCliPeg.get() && mxCliPeg.get().credentials),
ready: false
};
},
2015-06-12 13:59:33 +00:00
componentDidMount: function() {
if (this.state.logged_in) {
this.startMatrixClient();
}
},
onLoggedIn: function() {
this.setState({logged_in: true});
2015-06-12 13:59:33 +00:00
this.startMatrixClient();
},
startMatrixClient: function() {
var cli = mxCliPeg.get();
var that = this;
cli.on('syncComplete', function() {
that.setState({ready: true});
});
cli.startClient();
},
render: function() {
2015-06-12 13:59:33 +00:00
if (this.state.logged_in && this.state.ready) {
return (
<div>
2015-06-12 13:59:33 +00:00
<RoomList />
2015-06-12 14:01:36 +00:00
<RoomView />
</div>
);
2015-06-12 13:59:33 +00:00
} else if (this.state.logged_in) {
return (
<Loader />
);
} else {
return (
<Login onLoggedIn={this.onLoggedIn} />
);
}
}
});