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

Related Files Dialog Box Interaction Improvement (#3179)

Browse Source 
* Related Files Dialog Box Interaction Improvement

* Modify ralated file dialog and select dialog style

* Add markdow-editor.js
This commit is contained in:
zxj96
2019-03-28 17:34:01 +08:00
committed by Daniel Pan
parent c04c5d2044
commit a13e2a3519
6 changed files with 166 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
frontend/src/components/toolbar/mutilple-dir-operation-toolbar.js
View File

@@ -1,6 +1,6 @@
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import { Button , ButtonGroup } from 'reactstrap';
import { Button , ButtonGroup , Modal } from 'reactstrap';
import { gettext } from '../../utils/constants';
import { Utils } from '../../utils/utils';
import { seafileAPI } from '../../utils/seafile-api';
@@ -50,6 +50,7 @@ class MutipleDirOperationToolbar extends React.Component {
showListRelatedFileDialog: false,
fileTagList: [],
multiFileTagList: [],
isRelatedFileDialogShow: false,
};
this.zipToken = null;
}
@@ -203,10 +204,12 @@ class MutipleDirOperationToolbar extends React.Component {
});
if (res.data.related_files.length > 0) {
this.setState({
isRelatedFileDialogShow: true,
showListRelatedFileDialog: true,
});
} else {
this.setState({
isRelatedFileDialogShow: true,
showAddRelatedFileDialog: true,
});
}
@@ -220,6 +223,7 @@ class MutipleDirOperationToolbar extends React.Component {
showEditFileTagDialog: false,
showAddRelatedFileDialog: false,
showListRelatedFileDialog: false,
isRelatedFileDialogShow: false,
});
}
@@ -355,29 +359,32 @@ class MutipleDirOperationToolbar extends React.Component {
/>
</ModalPortal>
}
{this.state.showListRelatedFileDialog &&
{this.state.isRelatedFileDialogShow && (
<ModalPortal>
<ListRelatedFileDialog
repoID={repoID}
filePath={direntPath}
relatedFiles={this.state.relatedFiles}
toggleCancel={this.toggleCancel}
addRelatedFileToggle={this.addRelatedFileToggle}
onRelatedFileChange={this.onRelatedFileChange}
/>
<Modal isOpen={true} toggle={this.toggleCancel} size='lg' style={{width: '650px'}}>
{this.state.showListRelatedFileDialog &&
<ListRelatedFileDialog
repoID={repoID}
filePath={direntPath}
relatedFiles={this.state.relatedFiles}
toggleCancel={this.toggleCancel}
addRelatedFileToggle={this.addRelatedFileToggle}
onRelatedFileChange={this.onRelatedFileChange}
/>
}
{this.state.showAddRelatedFileDialog &&
<AddRelatedFileDialog
repoID={repoID}
filePath={direntPath}
toggleCancel={this.closeAddRelatedFileDialog}
onClose={this.toggleCancel}
dirent={this.props.selectedDirentList[0]}
onRelatedFileChange={this.onRelatedFileChange}
/>
}
</Modal>
</ModalPortal>
}
{this.state.showAddRelatedFileDialog &&
<ModalPortal>
<AddRelatedFileDialog
repoID={repoID}
filePath={direntPath}
toggleCancel={this.closeAddRelatedFileDialog}
dirent={this.props.selectedDirentList[0]}
onRelatedFileChange={this.onRelatedFileChange}
/>
</ModalPortal>
}
)}
</Fragment>
)}
</Fragment>