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

Draft dashboard optimized (#2384)

Browse Source 
* create a common toolbar component

* optimized code

* combine side-panel

* add change state
This commit is contained in:
shanshuirenjia
2018-09-19 21:19:11 -05:00
committed by Daniel Pan
parent 7a17e908b0
commit ba583d6efd
22 changed files with 278 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/pages/dashboard/main-panel.js
View File

@@ -1,4 +1,5 @@
import React, { Component } from 'react';
import CommonToolbar from '../../components/toolbar/common-toolbar';
import FilesActivities from '../../components/files-activities';
class MainPanel extends Component {
@@ -9,19 +10,24 @@ class MainPanel extends Component {
onMenuClick = () => {
this.props.isOpen();
}
onSearchedClick = () => {
//todos;
}
render() {
const { children } = this.props
return (
<div className="main-panel o-hidden">
<div className="main-panel-top panel-top">
<span className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none" title="Side Nav Menu" onClick={this.onMenuClick}></span>
<div className="common-toolbar">
{children}
<div className="main-panel-north">
<div className="cur-view-toolbar">
<span className="sf2-icon-menu side-nav-toggle hidden-md-up d-md-none" title="Side Nav Menu" onClick={this.onMenuClick}></span>
</div>
<CommonToolbar onSearchedClick={this.onSearchedClick}/>
</div>
<div className="main-panel-center">
<FilesActivities />
</div>
</div>
<FilesActivities />
</div>
)
}

24
frontend/src/pages/dashboard/side-panel.js
View File

@@ -1,24 +0,0 @@
import React, { Component } from 'react';
import SideNavFooter from '../../components/side-nav-footer';
import MainSideNav from '../../components/main-side-nav';
import { siteRoot, logoPath, mediaUrl, siteTitle, logoWidth, logoHeight } from '../../components/constants';
class SidePanel extends Component {
render() {
return (
<div className={`side-panel ${this.props.isOpen ? "left-zero": ""}`}>
<div className="side-panel-top panel-top">
<a href={siteRoot} id="logo">
<img src={mediaUrl + logoPath} title={siteTitle} alt="logo" width={logoWidth} height={logoHeight} />
</a>
<a href="#" title="Close" aria-label="Close" onClick={this.props.toggleClose} className="sf2-icon-x1 sf-popover-close side-panel-close op-icon d-md-none "></a>
</div>
<MainSideNav />
<SideNavFooter />
</div>
)
}
}
export default SidePanel;