element-web/src/controllers/pages/MatrixChat.js

73 lines
1.9 KiB
JavaScript

// should be atomised
var Loader = require("react-loader");
var mxCliPeg = require("../../MatrixClientPeg");
var dis = require("../../dispatcher");
module.exports = {
getInitialState: function() {
return {
logged_in: !!(mxCliPeg.get() && mxCliPeg.get().credentials),
ready: false
};
},
componentDidMount: function() {
this.dispatcherRef = dis.register(this.onAction);
if (this.state.logged_in) {
this.startMatrixClient();
}
this.focusComposer = false;
},
componentWillUnmount: function() {
dis.unregister(this.dispatcherRef);
},
componentDidUpdate: function() {
if (this.focusComposer) {
dis.dispatch({action: 'focus_composer'});
this.focusComposer = false;
}
},
onAction: function(payload) {
switch (payload.action) {
case 'logout':
this.setState({
logged_in: false,
ready: false
});
mxCliPeg.get().removeAllListeners();
mxCliPeg.replace(null);
break;
case 'view_room':
this.setState({
currentRoom: payload.room_id
});
this.focusComposer = true;
break;
}
},
onLoggedIn: function() {
this.setState({logged_in: true});
this.startMatrixClient();
},
startMatrixClient: function() {
var cli = mxCliPeg.get();
var that = this;
cli.on('syncComplete', function() {
var firstRoom = null;
if (cli.getRooms() && cli.getRooms().length) {
firstRoom = cli.getRooms()[0].roomId;
}
that.setState({ready: true, currentRoom: firstRoom});
dis.dispatch({action: 'focus_composer'});
});
cli.startClient();
},
};