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

[Wiki] Support show folder (#2334)

Browse Source
This commit is contained in:
shanshuirenjia
2018-09-04 17:16:50 +08:00
committed by Daniel Pan
parent b8662376a1
commit 681a4235a4
22 changed files with 1019 additions and 785 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,10 +44,7 @@ class TreeNodeView extends React.Component {
handleCollapse = (e) => {
e.stopPropagation();
const { node } = this.props;
if (this.props.treeView.toggleCollapse) {
this.props.treeView.toggleCollapse(node);
}
this.props.onDirCollapse(e, this.props.node);
}
onDragStart = (e) => {
@@ -69,12 +66,12 @@ class TreeNodeView extends React.Component {
}
componentDidMount() {
document.addEventListener('click', this.hideMenuIcon);
}
document.addEventListener('click', this.hideMenuIcon);
}
componentWillUnmount() {
document.removeEventListener('click', this.hideMenuIcon);
}
componentWillUnmount() {
document.removeEventListener('click', this.hideMenuIcon);
}
renderCollapse = () => {
const { node } = this.props;
@@ -115,6 +112,7 @@ class TreeNodeView extends React.Component {
isNodeItemFrezee={this.props.isNodeItemFrezee}
permission={this.props.permission}
currentFilePath={this.props.currentFilePath}
onDirCollapse={this.props.onDirCollapse}
/>
);
})}
@@ -127,10 +125,11 @@ class TreeNodeView extends React.Component {
renderMenuController() {
if (this.props.permission === "rw") {
let isShow = (this.props.node.path === this.props.currentFilePath);
return (
<div className="right-icon">
<MenuControl
isShow={this.state.isMenuIconShow}
isShow={this.state.isMenuIconShow || isShow}
onClick={this.onMenuControlClick}
/>
</div>
@@ -176,16 +175,15 @@ class TreeNodeView extends React.Component {
if (node.path === this.props.currentFilePath) {
hlClass = "tree-node-hight-light";
}
let customClass = "tree-node " + hlClass;
return (
<div type={type} className={customClass} style={styles}>
<div type={type} className="tree-node" style={styles}>
<div
onMouseLeave={this.onMouseLeave}
onMouseEnter={this.onMouseEnter}
onClick={this.onClick}
type={type}
className={`tree-node-inner text-nowrap ${node.name === '/'? 'hide': ''}`}
className={`tree-node-inner text-nowrap ${hlClass} ${node.name === '/'? 'hide': ''}`}
>
<div className="tree-node-text" type={type} draggable="true" onDragStart={this.onDragStart}>{node.name}</div>
<div className="left-icon">