Removed MemberList
Этот коммит содержится в:
hmhealey
коммит произвёл
Harrison Healey
Harrison Healey
родитель
fe21798872
Коммит
998d621155
@@ -1,56 +0,0 @@
|
||||
// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import MemberListItem from './member_list_item.jsx';
|
||||
|
||||
import {FormattedMessage} from 'mm-intl';
|
||||
|
||||
export default class MemberList extends React.Component {
|
||||
render() {
|
||||
var members = [];
|
||||
|
||||
if (this.props.memberList !== null) {
|
||||
members = this.props.memberList;
|
||||
}
|
||||
|
||||
var message = null;
|
||||
if (members.length === 0) {
|
||||
message = (
|
||||
<tr><td>
|
||||
<FormattedMessage
|
||||
id='member_list.noUsersAdd'
|
||||
defaultMessage='No users to add.'
|
||||
/>
|
||||
</td></tr>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<table className='table more-table member-list-holder'>
|
||||
<tbody>
|
||||
{members.map(function mymembers(member) {
|
||||
return (
|
||||
<MemberListItem
|
||||
key={member.id}
|
||||
member={member}
|
||||
isAdmin={this.props.isAdmin}
|
||||
handleInvite={this.props.handleInvite}
|
||||
handleRemove={this.props.handleRemove}
|
||||
handleMakeAdmin={this.props.handleMakeAdmin}
|
||||
/>
|
||||
);
|
||||
}, this)}
|
||||
{message}
|
||||
</tbody>
|
||||
</table>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
MemberList.propTypes = {
|
||||
memberList: React.PropTypes.array,
|
||||
isAdmin: React.PropTypes.bool,
|
||||
handleInvite: React.PropTypes.func,
|
||||
handleRemove: React.PropTypes.func,
|
||||
handleMakeAdmin: React.PropTypes.func
|
||||
};
|
||||
@@ -1,142 +0,0 @@
|
||||
// Copyright (c) 2015 Mattermost, Inc. All Rights Reserved.
|
||||
// See License.txt for license information.
|
||||
|
||||
import UserStore from '../stores/user_store.jsx';
|
||||
import * as Utils from '../utils/utils.jsx';
|
||||
|
||||
import {FormattedMessage} from 'mm-intl';
|
||||
|
||||
export default class MemberListItem extends React.Component {
|
||||
constructor(props) {
|
||||
super(props);
|
||||
|
||||
this.handleInvite = this.handleInvite.bind(this);
|
||||
this.handleRemove = this.handleRemove.bind(this);
|
||||
this.handleMakeAdmin = this.handleMakeAdmin.bind(this);
|
||||
}
|
||||
handleInvite(e) {
|
||||
e.preventDefault();
|
||||
this.props.handleInvite(this.props.member.id);
|
||||
}
|
||||
handleRemove(e) {
|
||||
e.preventDefault();
|
||||
this.props.handleRemove(this.props.member.id);
|
||||
}
|
||||
handleMakeAdmin(e) {
|
||||
e.preventDefault();
|
||||
this.props.handleMakeAdmin(this.props.member.id);
|
||||
}
|
||||
render() {
|
||||
var member = this.props.member;
|
||||
var isAdmin = this.props.isAdmin;
|
||||
var isMemberAdmin = Utils.isAdmin(member.roles);
|
||||
var timestamp = UserStore.getCurrentUser().update_at;
|
||||
|
||||
var invite;
|
||||
if (this.props.handleInvite) {
|
||||
invite = (
|
||||
<a
|
||||
onClick={this.handleInvite}
|
||||
className='btn btn-sm btn-primary'
|
||||
>
|
||||
<i className='glyphicon glyphicon-envelope'/>
|
||||
<FormattedMessage
|
||||
id='member_item.add'
|
||||
defaultMessage=' Add'
|
||||
/>
|
||||
</a>
|
||||
);
|
||||
} else if (isAdmin && !isMemberAdmin && (member.id !== UserStore.getCurrentId())) {
|
||||
var self = this;
|
||||
|
||||
let makeAdminOption = null;
|
||||
if (this.props.handleMakeAdmin) {
|
||||
makeAdminOption = (
|
||||
<li role='presentation'>
|
||||
<a
|
||||
href=''
|
||||
role='menuitem'
|
||||
onClick={self.handleMakeAdmin}
|
||||
>
|
||||
<FormattedMessage
|
||||
id='member_item.makeAdmin'
|
||||
defaultMessage='Make Admin'
|
||||
/>
|
||||
</a>
|
||||
</li>);
|
||||
}
|
||||
|
||||
let handleRemoveOption = null;
|
||||
if (this.props.handleRemove) {
|
||||
handleRemoveOption = (
|
||||
<li role='presentation'>
|
||||
<a
|
||||
href=''
|
||||
role='menuitem'
|
||||
onClick={self.handleRemove}
|
||||
>
|
||||
<FormattedMessage
|
||||
id='member_item.removeMember'
|
||||
defaultMessage='Remove Member'
|
||||
/>
|
||||
</a>
|
||||
</li>);
|
||||
}
|
||||
|
||||
invite = (
|
||||
<div className='dropdown member-drop'>
|
||||
<a
|
||||
href='#'
|
||||
className='dropdown-toggle theme'
|
||||
type='button'
|
||||
data-toggle='dropdown'
|
||||
aria-expanded='true'
|
||||
>
|
||||
<span className='fa fa-pencil'></span>
|
||||
<span className='text-capitalize'>
|
||||
{member.roles ||
|
||||
<FormattedMessage
|
||||
id='member_item.member'
|
||||
defaultMessage='Member'
|
||||
/>
|
||||
}
|
||||
</span>
|
||||
</a>
|
||||
<ul
|
||||
className='dropdown-menu member-menu'
|
||||
role='menu'
|
||||
>
|
||||
{makeAdminOption}
|
||||
{handleRemoveOption}
|
||||
</ul>
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
invite = (<div className='member-role text-capitalize'><span className='fa fa-pencil hidden'></span>{member.roles || <FormattedMessage id='member_item.member'/>}</div>);
|
||||
}
|
||||
|
||||
return (
|
||||
<tr>
|
||||
<td className='direct-channel'>
|
||||
<img
|
||||
className='profile-img pull-left'
|
||||
src={'/api/v1/users/' + member.id + '/image?time=' + timestamp + '&' + Utils.getSessionIndex()}
|
||||
height='36'
|
||||
width='36'
|
||||
/>
|
||||
<div className='more-name'>{Utils.displayUsername(member.id)}</div>
|
||||
<div className='more-description'>{member.email}</div>
|
||||
</td>
|
||||
<td className='td--action lg'>{invite}</td>
|
||||
</tr>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
MemberListItem.propTypes = {
|
||||
handleInvite: React.PropTypes.func,
|
||||
handleRemove: React.PropTypes.func,
|
||||
handleMakeAdmin: React.PropTypes.func,
|
||||
member: React.PropTypes.object,
|
||||
isAdmin: React.PropTypes.bool
|
||||
};
|
||||
Ссылка в новой задаче
Block a user