mirror of https://github.com/vector-im/riot-web
Add ability to remove people from invite list
parent
68d60aadd1
commit
98160c3947
|
@ -26,17 +26,19 @@ module.exports = React.createClass({
|
||||||
|
|
||||||
onAddUserId: function() {
|
onAddUserId: function() {
|
||||||
this.addUser(this.refs.user_id_input.getDOMNode().value);
|
this.addUser(this.refs.user_id_input.getDOMNode().value);
|
||||||
|
this.refs.user_id_input.getDOMNode().value = "";
|
||||||
},
|
},
|
||||||
|
|
||||||
render: function() {
|
render: function() {
|
||||||
|
var self = this;
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<ul className="mx_UserSelector_UserIdList" ref="list">
|
<ul className="mx_UserSelector_UserIdList" ref="list">
|
||||||
{this.props.selected_users.map(function(user_id, i) {
|
{this.props.selected_users.map(function(user_id, i) {
|
||||||
return <li key={user_id}>{user_id}</li>
|
return <li key={user_id}>{user_id} - <span onClick={function() {self.removeUser(user_id);}}>X</span></li>
|
||||||
})}
|
})}
|
||||||
</ul>
|
</ul>
|
||||||
<input type="text" ref="user_id_input" className="mx_UserSelector_userIdInput" placeholder="ex. @bob:example.com"/>
|
<input type="text" ref="user_id_input" defaultValue="" className="mx_UserSelector_userIdInput" placeholder="ex. @bob:example.com"/>
|
||||||
<button onClick={this.onAddUserId} className="mx_UserSelector_AddUserId">Add User</button>
|
<button onClick={this.onAddUserId} className="mx_UserSelector_AddUserId">Add User</button>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
@ -38,7 +38,7 @@ module.exports = {
|
||||||
},
|
},
|
||||||
|
|
||||||
removeUser: function(user_id) {
|
removeUser: function(user_id) {
|
||||||
this.props.onChange(this.state.selected_users.filter(function(e) {
|
this.props.onChange(this.props.selected_users.filter(function(e) {
|
||||||
return e != user_id;
|
return e != user_id;
|
||||||
}));
|
}));
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue