Add ability to remove people from invite list

pull/1/head
Erik Johnston 2015-07-16 17:30:10 +01:00
parent 68d60aadd1
commit 98160c3947
2 changed files with 5 additions and 3 deletions

View File

@ -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>
); );

View File

@ -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;
})); }));
}, },