2015-10-08 12:27:09 -04:00
|
|
|
// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
|
2015-06-14 23:53:32 -08:00
|
|
|
// See License.txt for license information.
|
|
|
|
|
|
|
|
|
|
var MemberListItem = require('./member_list_item.jsx');
|
|
|
|
|
|
2015-09-01 17:06:31 -07:00
|
|
|
export default class MemberList extends React.Component {
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
render() {
|
2015-06-14 23:53:32 -08:00
|
|
|
var members = [];
|
|
|
|
|
|
2015-09-01 17:06:31 -07:00
|
|
|
if (this.props.memberList !== null) {
|
2015-06-14 23:53:32 -08:00
|
|
|
members = this.props.memberList;
|
|
|
|
|
}
|
|
|
|
|
|
2015-09-01 17:06:31 -07:00
|
|
|
var message = '';
|
|
|
|
|
if (members.length === 0) {
|
2015-07-30 14:13:34 -04:00
|
|
|
message = <span>No users to add.</span>;
|
2015-09-01 17:06:31 -07:00
|
|
|
}
|
2015-06-14 23:53:32 -08:00
|
|
|
|
|
|
|
|
return (
|
2015-09-01 17:06:31 -07:00
|
|
|
<div className='member-list-holder'>
|
|
|
|
|
{members.map(function mymembers(member) {
|
2015-09-03 10:49:36 -04:00
|
|
|
return (
|
|
|
|
|
<MemberListItem
|
|
|
|
|
key={member.id}
|
|
|
|
|
member={member}
|
|
|
|
|
isAdmin={this.props.isAdmin}
|
|
|
|
|
handleInvite={this.props.handleInvite}
|
|
|
|
|
handleRemove={this.props.handleRemove}
|
|
|
|
|
handleMakeAdmin={this.props.handleMakeAdmin}
|
|
|
|
|
/>
|
|
|
|
|
);
|
2015-06-14 23:53:32 -08:00
|
|
|
}, this)}
|
|
|
|
|
{message}
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
2015-09-01 17:06:31 -07:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
MemberList.propTypes = {
|
|
|
|
|
memberList: React.PropTypes.array,
|
|
|
|
|
isAdmin: React.PropTypes.bool,
|
|
|
|
|
handleInvite: React.PropTypes.func,
|
|
|
|
|
handleRemove: React.PropTypes.func,
|
|
|
|
|
handleMakeAdmin: React.PropTypes.func
|
|
|
|
|
};
|