wiki optimized (#2348)

frontend/src/components/tree-dir-view/tree-dir-list.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-
+import { serviceUrl } from '../constance';
 class TreeDirList extends React.Component {
 
   constructor(props) {
@@ -18,7 +18,7 @@ class TreeDirList extends React.Component {
     return (
       <tr className='row' onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
         <td className="dirent-icon" style={{width: "5%"}}>
-          <img src={node.type === "dir" ? "/media/img/folder-192.png" : "/media/img/file/192/txt.png"}></img>
+          <img src={node.type === "dir" ? serviceUrl + "/media/img/folder-192.png" : serviceUrl + "/media/img/file/192/txt.png"}></img>
         </td>
         <td style={{width: "60%"}}>
           <a className="custom-link" onClick={this.onMainNodeClick}>{node.name}</a>

frontend/src/components/tree-view/tree.js

@@ -94,8 +94,7 @@ class Tree {
     return findNode;
   }
 
-  setNodeToActivated(node) {
-    this.setTreeToUnActivated();
+  expandNode(node) {
     let treeNode = this.findNodeFromTree(node);
     if (treeNode) {
       treeNode.isExpanded = true;
@@ -108,7 +107,16 @@ class Tree {
     return false;
   }
 
-  setTreeToUnActivated() {
+  collapseNode(node) {
+    let treeNode = this.findNodeFromTree(node);
+    if (treeNode) {
+      treeNode.isExpanded = false;
+      return true;
+    }
+    return false;
+  }
+
+  resetTreeState() {
     function cb(treeNode) {
       treeNode.isExpanded = false;
       return false;