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

style (#3112)

Browse Source
This commit is contained in:
Michael An
2019-03-14 18:14:11 +08:00
committed by Daniel Pan
parent ff453cb3fb
commit 2050d9f1b9
7 changed files with 181 additions and 183 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
frontend/src/components/markdown-view/outline.js
View File

@@ -2,11 +2,11 @@ import React from 'react';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
const propTypes = {
const OutlineItempropTypes = {
scrollToNode: PropTypes.func.isRequired,
isViewer: PropTypes.bool.isRequired,
document: PropTypes.object.isRequired,
editor: PropTypes.object.isRequired,
node: PropTypes.object.isRequired,
active: PropTypes.string.isRequired,
};
class OutlineItem extends React.PureComponent {
@@ -35,6 +35,17 @@ class OutlineItem extends React.PureComponent {
}
}
OutlineItem.propTypes = OutlineItempropTypes;
const propTypes = {
scrollToNode: PropTypes.func.isRequired,
isViewer: PropTypes.bool.isRequired,
document: PropTypes.object.isRequired,
editor: PropTypes.object.isRequired,
activeTitleIndex: PropTypes.number,
value: PropTypes.object,
};
class OutlineView extends React.PureComponent {
render() {
@@ -46,19 +57,19 @@ class OutlineView extends React.PureComponent {
return (
<div className="seafile-editor-outline">
{headerList.size > 0 ?
headerList.map((node, index) => {
let active = (index === this.props.activeTitleIndex) ? ' active' : '';
return (
<OutlineItem
key={node.key}
editor={this.props.editor}
value={this.props.value}
node={node}
active={active}
scrollToNode={this.props.scrollToNode}
/>
);
}) : <div className={'size-panel-no-content'}>{gettext('No out line.')}</div>}
headerList.map((node, index) => {
let active = (index === this.props.activeTitleIndex) ? ' active' : '';
return (
<OutlineItem
key={node.key}
editor={this.props.editor}
value={this.props.value}
node={node}
active={active}
scrollToNode={this.props.scrollToNode}
/>
);
}) : <div className={'size-panel-no-content'}>{gettext('No outline')}</div>}
</div>
);
}