mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-26 20:55:56 +03:00
Code Issues Projects Releases Packages Wiki Activity

Basic ChatInviteDialog functionality - Creates new room, and tries to invite the address typed into the text box, and reports errors, if any

Browse source
This commit is contained in:
wmwragg 2016-09-05 14:16:21 +01:00
parent 9c0f51fb82
commit 3d66dff0aa
1 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
src/components/views/dialogs/ChatInviteDialog.js
View file

@ -15,10 +15,13 @@ limitations under the License.
*/ */
var React = require("react"); var React = require("react");
var sdk = require('../../../index'); var sdk = require("../../../index");
var Invite = require("../../../Invite");
var createRoom = require("../../../createRoom");
var Modal = require('../../../Modal');
module.exports = React.createClass({ module.exports = React.createClass({
displayName: 'ChatInviteDialog', displayName: "ChatInviteDialog",
propTypes: { propTypes: {
title: React.PropTypes.string, title: React.PropTypes.string,
description: React.PropTypes.oneOfType([ description: React.PropTypes.oneOfType([
@ -48,8 +51,24 @@ module.exports = React.createClass({
} }
}, },
onOk: function() { onStartChat: function() {
this.props.onFinished(true, this.refs.textinput.value); this._startChat(this.refs.textinput.value);
},
_startChat: function(addr) {
createRoom().then(function(roomId) {
return Invite.inviteToRoom(roomId, addr);
})
.catch(function(err) {
var ErrorDialog = sdk.getComponent("dialogs.ErrorDialog");
Modal.createDialog(ErrorDialog, {
title: "Failure to invite " + addr,
description: err.toString()
});
return null;
})
.done();
this.props.onFinished(true, addr);
}, },
onCancel: function() { onCancel: function() {
@ -65,12 +84,12 @@ module.exports = React.createClass({
else if (e.keyCode === 13) { // enter else if (e.keyCode === 13) { // enter
e.stopPropagation(); e.stopPropagation();
e.preventDefault(); e.preventDefault();
this.props.onFinished(true, this.refs.textinput.value); this._startChat(this.refs.textinput.value);
} }
}, },
render: function() { render: function() {
var TintableSvg = sdk.getComponent('elements.TintableSvg'); var TintableSvg = sdk.getComponent("elements.TintableSvg");
return ( return (
<div className="mx_ChatInviteDialog"> <div className="mx_ChatInviteDialog">
<div className="mx_Dialog_title"> <div className="mx_Dialog_title">
@ -88,7 +107,7 @@ module.exports = React.createClass({
</div> </div>
</div> </div>
<div className="mx_Dialog_buttons"> <div className="mx_Dialog_buttons">
<button className="mx_Dialog_primary" onClick={this.onOk}> <button className="mx_Dialog_primary" onClick={this.onStartChat}>
{this.props.button} {this.props.button}
</button> </button>
</div> </div>