mirror of
https://github.com/haiwen/seahub.git
synced 2025-04-27 19:05:16 +00:00
[group, org admin - info] added missing files (#6251)
This commit is contained in:
parent
8bcc05a6cd
commit
fad0b49a0e
35
frontend/src/components/dialog/group-members-dialog.js
Normal file
35
frontend/src/components/dialog/group-members-dialog.js
Normal file
@ -0,0 +1,35 @@
|
||||
import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
import { Modal, ModalHeader, ModalBody } from 'reactstrap';
|
||||
import { gettext } from '../../utils/constants';
|
||||
|
||||
const propTypes = {
|
||||
members: PropTypes.array.isRequired,
|
||||
toggleDialog: PropTypes.func.isRequired
|
||||
};
|
||||
|
||||
class GroupMembers extends React.Component {
|
||||
|
||||
render() {
|
||||
const { members } = this.props;
|
||||
return (
|
||||
<Modal isOpen={true} toggle={this.props.toggleDialog}>
|
||||
<ModalHeader toggle={this.props.toggleDialog}>{`${gettext('Group members')} (${members.length})`}</ModalHeader>
|
||||
<ModalBody className="px-0">
|
||||
<ul className="list-unstyled">
|
||||
{members.map((item, index) => {
|
||||
return <li key={index} className="group-member px-4 py-2 d-flex align-items-center">
|
||||
<img src={item.avatar_url} alt={item.name} className="avatar" />
|
||||
<span className="ml-2 text-truncate" title={item.name}>{item.name}</span>
|
||||
</li>;
|
||||
})}
|
||||
</ul>
|
||||
</ModalBody>
|
||||
</Modal>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
GroupMembers.propTypes = propTypes;
|
||||
|
||||
export default GroupMembers;
|
BIN
media/img/info-id.png
Normal file
BIN
media/img/info-id.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
BIN
media/img/info-organization.png
Normal file
BIN
media/img/info-organization.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.2 KiB |
Loading…
Reference in New Issue
Block a user