haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 18:30:53 +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"> <li className="operation-group-item">
<ItemDropdownMenu <ItemDropdownMenu
item={this.props.dirent} item={this.props.dirent}
menuClass={'sf2-icon-caret-down'} toggleClass={'sf2-icon-caret-down'}
isHandleContextMenuEvent={true} isHandleContextMenuEvent={true}
getMenuList={this.props.getDirentItemMenuList} getMenuList={this.props.getDirentItemMenuList}
onMenuItemClick={this.onMenuItemClick} onMenuItemClick={this.onMenuItemClick}
@@ -461,7 +461,7 @@ class DirentListItem extends React.Component {
<li className="operation-group-item"> <li className="operation-group-item">
<ItemDropdownMenu <ItemDropdownMenu
item={this.props.dirent} item={this.props.dirent}
menuClass={'sf2-icon-caret-down'} toggleClass={'sf2-icon-caret-down'}
isHandleContextMenuEvent={true} isHandleContextMenuEvent={true}
getMenuList={this.props.getDirentItemMenuList} getMenuList={this.props.getDirentItemMenuList}
onMenuItemClick={this.onMenuItemClick} 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 = { const propTypes = {
tagName: PropTypes.string, tagName: PropTypes.string,
item: PropTypes.object.isRequired, item: PropTypes.object.isRequired,
menuClass: PropTypes.string, toggleClass: PropTypes.string,
isHandleContextMenuEvent: PropTypes.bool, isHandleContextMenuEvent: PropTypes.bool,
getMenuList: PropTypes.func.isRequired, getMenuList: PropTypes.func.isRequired,
onMenuItemClick: PropTypes.func.isRequired, onMenuItemClick: PropTypes.func.isRequired,
@@ -19,7 +19,7 @@ class ItemDropdownMenu extends React.Component {
static defaultProps = { static defaultProps = {
isHandleContextMenuEvent: true, isHandleContextMenuEvent: true,
menuClass: 'sf2-icon-caret-down' toggleClass: 'sf2-icon-caret-down'
}; };
constructor(props) { constructor(props) {
@@ -94,8 +94,8 @@ class ItemDropdownMenu extends React.Component {
render() { render() {
let menuList = this.state.menuList; let menuList = this.state.menuList;
let { menuClass, tagName } = this.props; let { toggleClass, tagName } = this.props;
menuClass = 'sf-dropdown-toggle ' + menuClass; toggleClass = 'sf-dropdown-toggle ' + toggleClass;
if (!menuList.length) { if (!menuList.length) {
return ''; return '';
@@ -105,7 +105,7 @@ class ItemDropdownMenu extends React.Component {
return ( return (
<ButtonDropdown isOpen={this.state.isItemMenuShow} toggle={this.onDropdownToggleClick} title={gettext('More Operations')}> <ButtonDropdown isOpen={this.state.isItemMenuShow} toggle={this.onDropdownToggleClick} title={gettext('More Operations')}>
<DropdownToggle <DropdownToggle
className={menuClass} className={toggleClass}
data-toggle="dropdown" data-toggle="dropdown"
title={gettext('More Operations')} title={gettext('More Operations')}
aria-expanded={this.state.isItemMenuShow} aria-expanded={this.state.isItemMenuShow}
@@ -131,7 +131,7 @@ class ItemDropdownMenu extends React.Component {
<Dropdown isOpen={this.state.isItemMenuShow} toggle={this.onDropdownToggleClick}> <Dropdown isOpen={this.state.isItemMenuShow} toggle={this.onDropdownToggleClick}>
<DropdownToggle <DropdownToggle
tag={tagName || 'i'} tag={tagName || 'i'}
className={menuClass} className={toggleClass}
title={gettext('More Operations')} title={gettext('More Operations')}
data-toggle="dropdown" data-toggle="dropdown"
aria-expanded={this.state.isItemMenuShow} 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 <ItemDropdownMenu
tagName={'button'} tagName={'button'}
item={this.props.selectedDirentList[0]} item={this.props.selectedDirentList[0]}
menuClass={'fas fa-ellipsis-v dirents-more-menu'} toggleClass={'fas fa-ellipsis-v dirents-more-menu'}
onMenuItemClick={this.onMenuItemClick} onMenuItemClick={this.onMenuItemClick}
getMenuList={this.getDirentMenuList} 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) && ( {((this.props.repoPermission || permission) && this.state.isShowOperationMenu) && (
<ItemDropdownMenu <ItemDropdownMenu
item={this.props.node} item={this.props.node}
menuClass={'fas fa-ellipsis-v'} toggleClass={'fas fa-ellipsis-v'}
getMenuList={this.caculateMenuList} getMenuList={this.caculateMenuList}
onMenuItemClick={this.onMenuItemClick} onMenuItemClick={this.onMenuItemClick}
freezeItem={this.props.freezeItem} freezeItem={this.props.freezeItem}