haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-13 22:01:06 +00:00
Code Issues Releases Wiki Activity

style (#3043)

Browse Source
This commit is contained in:
Michael An
2019-03-05 11:49:24 +08:00
committed by Daniel Pan
parent 3323ce1753
commit 6d922f80d4
2 changed files with 43 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/dialog/list-related-file-dialog.js
View File

@@ -5,6 +5,7 @@ import Dirent from '../../models/dirent';
import { gettext, siteRoot } from '../../utils/constants'; import { gettext, siteRoot } from '../../utils/constants';
import { Utils } from '../../utils/utils'; import { Utils } from '../../utils/utils';
import { seafileAPI } from '../../utils/seafile-api'; import { seafileAPI } from '../../utils/seafile-api';
import '../../css/list-related-file-dialog.css';
const propTypes = { const propTypes = {
relatedFiles: PropTypes.array.isRequired, relatedFiles: PropTypes.array.isRequired,
@@ -71,11 +72,9 @@ class ListRelatedFileDialog extends React.Component {
render() { render() {
return ( return (
<Modal isOpen={true} toggle={this.toggle} size={this.state.direntList.length > 0 ? 'lg' : 'sm'}> <Modal isOpen={true} toggle={this.toggle} size='lg'>
<ModalHeader toggle={this.toggle}>{gettext('Related Files')}</ModalHeader> <ModalHeader toggle={this.toggle}>{gettext('Related Files')}</ModalHeader>
<ModalBody className={this.state.direntList.length > 0 ? 'list-related-file-body' : ''}> <ModalBody className={this.state.direntList.length > 0 ? 'list-related-file-body' : ''}>
{
this.state.direntList.length > 0 ?
<Table hover size="sm" className="list-related-file-table"> <Table hover size="sm" className="list-related-file-table">
<thead> <thead>
<tr> <tr>
@@ -98,13 +97,10 @@ class ListRelatedFileDialog extends React.Component {
} }
</tbody> </tbody>
</Table> </Table>
: <a href="#" className="add-related-file-link" onClick={this.props.addRelatedFileToggle}>{gettext('Add File')}</a>
<div className="no-related-file">{gettext('No related file yet.')}</div>
}
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button color="secondary" onClick={this.toggle}>{gettext('Close')}</Button> <Button color="secondary" onClick={this.toggle}>{gettext('Close')}</Button>
<Button color="primary" onClick={this.props.addRelatedFileToggle}>{gettext('Add File')}</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>
); );

18
frontend/src/css/list-related-file-dialog.css Normal file
View File

@@ -0,0 +1,18 @@
.add-related-file-link {
display: block;
color: #666;
padding: 10px;
text-decoration: underline;
}
.add-related-file-link:hover {
color: #444;
}
.list-related-file-table {
margin-bottom: 0;
}
.list-related-file-table td, .list-related-file-table th {
padding: 10px;
}