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

improve class naming

Browse Source
This commit is contained in:
shanshuirenjia
2019-04-22 15:15:51 +08:00
parent 8b05873b37
commit c4165798c4
4 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/dirent-list-view/dirent-list-item.js
View File

@@ -431,7 +431,7 @@ class DirentListItem extends React.Component {
<li className="operation-group-item">
<ItemDropdownMenu
item={this.props.dirent}
menuClass={'sf2-icon-caret-down'}
toggleClass={'sf2-icon-caret-down'}
isHandleContextMenuEvent={true}
getMenuList={this.props.getDirentItemMenuList}
onMenuItemClick={this.onMenuItemClick}
@@ -461,7 +461,7 @@ class DirentListItem extends React.Component {
<li className="operation-group-item">
<ItemDropdownMenu
item={this.props.dirent}
menuClass={'sf2-icon-caret-down'}
toggleClass={'sf2-icon-caret-down'}
isHandleContextMenuEvent={true}
getMenuList={this.props.getDirentItemMenuList}
onMenuItemClick={this.onMenuItemClick}

12
frontend/src/components/dropdown-menu/item-dropdown-menu.js
View File

@@ -7,7 +7,7 @@ import { gettext } from '../../utils/constants';
const propTypes = {
tagName: PropTypes.string,
item: PropTypes.object.isRequired,
menuClass: PropTypes.string,
toggleClass: PropTypes.string,
isHandleContextMenuEvent: PropTypes.bool,
getMenuList: PropTypes.func.isRequired,
onMenuItemClick: PropTypes.func.isRequired,
@@ -19,7 +19,7 @@ class ItemDropdownMenu extends React.Component {
static defaultProps = {
isHandleContextMenuEvent: true,
menuClass: 'sf2-icon-caret-down'
toggleClass: 'sf2-icon-caret-down'
};
constructor(props) {
@@ -94,8 +94,8 @@ class ItemDropdownMenu extends React.Component {
render() {
let menuList = this.state.menuList;
let { menuClass, tagName } = this.props;
menuClass = 'sf-dropdown-toggle ' + menuClass;
let { toggleClass, tagName } = this.props;
toggleClass = 'sf-dropdown-toggle ' + toggleClass;
if (!menuList.length) {
return '';
@@ -105,7 +105,7 @@ class ItemDropdownMenu extends React.Component {
return (
<ButtonDropdown isOpen={this.state.isItemMenuShow} toggle={this.onDropdownToggleClick} title={gettext('More Operations')}>
<DropdownToggle
className={menuClass}
className={toggleClass}
data-toggle="dropdown"
title={gettext('More Operations')}
aria-expanded={this.state.isItemMenuShow}
@@ -131,7 +131,7 @@ class ItemDropdownMenu extends React.Component {
<Dropdown isOpen={this.state.isItemMenuShow} toggle={this.onDropdownToggleClick}>
<DropdownToggle
tag={tagName || 'i'}
className={menuClass}
className={toggleClass}
title={gettext('More Operations')}
data-toggle="dropdown"
aria-expanded={this.state.isItemMenuShow}

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

@@ -285,7 +285,7 @@ class MutipleDirOperationToolbar extends React.Component {
<ItemDropdownMenu
tagName={'button'}
item={this.props.selectedDirentList[0]}
menuClass={'fas fa-ellipsis-v dirents-more-menu'}
toggleClass={'fas fa-ellipsis-v dirents-more-menu'}
onMenuItemClick={this.onMenuItemClick}
getMenuList={this.getDirentMenuList}
/>

2
frontend/src/components/tree-view/tree-node-view.js
View File

@@ -255,7 +255,7 @@ class TreeNodeView extends React.Component {
{((this.props.repoPermission || permission) && this.state.isShowOperationMenu) && (
<ItemDropdownMenu
item={this.props.node}
menuClass={'fas fa-ellipsis-v'}
toggleClass={'fas fa-ellipsis-v'}
getMenuList={this.caculateMenuList}
onMenuItemClick={this.onMenuItemClick}
freezeItem={this.props.freezeItem}