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

package text-dropdown-menu for text-button dropdown menu

Browse Source
This commit is contained in:
shanshuirenjia
2019-04-21 16:27:20 +08:00
parent a3c9ae98b7
commit 79462f5fd3
3 changed files with 129 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/toolbar/view-file-toolbar.js
View File

@@ -4,10 +4,12 @@ import { DropdownToggle, Dropdown, DropdownMenu, DropdownItem, Tooltip} from 're
import { Utils } from '../../utils/utils';
import { gettext, siteRoot } from '../../utils/constants';
import { seafileAPI } from '../../utils/seafile-api';
import TextTranslation from '../../utils/text-translation';
import ModalPotal from '../modal-portal';
import ShareDialog from '../dialog/share-dialog';
import EditFileTagDialog from '../dialog/edit-filetag-dialog';
import RelatedFileDialogs from '../dialog/related-file-dialogs';
import TextDropDownMenu from '../dropdown-menu/text-dropdown-menu';
const propTypes = {
path: PropTypes.string.isRequired,
@@ -31,7 +33,6 @@ class ViewFileToolbar extends React.Component {
super(props);
this.state = {
isDraftMessageShow: false,
isMoreMenuShow: false,
isShareDialogShow: false,
isEditTagDialogShow: false,
isRelatedFileDialogShow: false,
@@ -58,8 +59,20 @@ class ViewFileToolbar extends React.Component {
this.setState({isDraftMessageShow: !this.state.isDraftMessageShow});
}
toggleMore = () => {
this.setState({isMoreMenuShow: !this.state.isMoreMenuShow});
onMenuItemClick = (operation) => {
switch (operation) {
case 'Share':
this.onShareToggle();
break;
case 'Tags':
this.onEditFileTagToggle();
break;
case 'Related Files':
this.onListRelatedFileToggle();
break;
default:
break;
}
}
onShareToggle = () => {
@@ -104,16 +117,13 @@ class ViewFileToolbar extends React.Component {
</Fragment>
)}
{filePermission === 'rw' && (
<Dropdown isOpen={this.state.isMoreMenuShow} toggle={this.toggleMore}>
<DropdownToggle className='btn btn-secondary operation-item'>
{gettext('More')}
</DropdownToggle>
<DropdownMenu>
<DropdownItem onClick={this.onShareToggle}>{gettext('Share')}</DropdownItem>
<DropdownItem onClick={this.onEditFileTagToggle}>{gettext('Tags')}</DropdownItem>
<DropdownItem onClick={this.onListRelatedFileToggle}>{gettext('Related Files')}</DropdownItem>
</DropdownMenu>
</Dropdown>
<TextDropDownMenu
menuClass={'btn btn-secondary operation-item'}
menuType={'pc'}
menuChildren={gettext('More')}
menuList={[TextTranslation.SHARE, TextTranslation.TAGS, TextTranslation.RELATED_FILES]}
onMenuItemClick={this.onMenuItemClick}
/>
)}
</div>
{this.state.isShareDialogShow && (