haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-01 15:09:14 +00:00
Code Issues Releases Wiki Activity

Repair eslint wraning (#2453)

Browse Source
This commit is contained in:
山水人家
2018-10-16 18:19:51 +08:00
committed by Daniel Pan
parent 80b7e562a0
commit fdbb39a6d3
43 changed files with 498 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/.eslintrc.json
View File

@@ -17,7 +17,8 @@
"sourceType": "module"
},
"plugins": [
"react"
"react",
"jsx-a11y"
],
"rules": {
"indent": [
@@ -51,7 +52,9 @@
"react/jsx-indent": ["warn", 2],
"react/prop-types": "warn",
"react/display-name": "warn"
"react/display-name": "warn",
"jsx-a11y/anchor-has-content": "off",
"jsx-a11y/href-no-hash": "off"
}
}

6
frontend/src/components/common/account.js
View File

@@ -95,11 +95,11 @@ class Account extends Component {
renderAvatar = () => {
if (this.state.avatarURL) {
return (
<img src={this.state.avatarURL} width="36" height="36" className="avatar" />
<img src={this.state.avatarURL} width="36" height="36" className="avatar" alt={gettext('avatar')} />
);
}
return (
<img src="" width="36" height="36" className="avatar" />
<img src="" width="36" height="36" className="avatar" alt={gettext('avatar')} />
);
}
@@ -107,7 +107,7 @@ class Account extends Component {
return (
<div id="account">
<a id="my-info" onClick={this.onClickAccount} className="account-toggle no-deco d-none d-md-block" aria-label="View profile and more">
<span><img src={this.state.avatarURL} width="36" height="36" className="avatar" /></span>
<span><img src={this.state.avatarURL} width="36" height="36" className="avatar" alt={gettext('avatar')} /></span>
<span className="fas fa-caret-down vam"></span>
</a>
<span className="account-toggle sf2-icon-more mobile-icon d-md-none" aria-label="View profile and more" onClick={this.onClickAccount}></span>

17
frontend/src/components/common/notification.js
View File

@@ -8,20 +8,20 @@ class Notification extends React.Component {
this.state = {
showNotice: false,
notice_html: ''
}
};
}
onClick = () => {
this.setState({
showNotice: !this.state.showNotice
})
});
if (!this.state.showNotice) {
this.loadNotices()
this.loadNotices();
}
if (this.state.showNotice) {
seafileAPI.updateNotifications()
seafileAPI.updateNotifications();
}
}
@@ -29,8 +29,8 @@ class Notification extends React.Component {
seafileAPI.listPopupNotices().then(res => {
this.setState({
notice_html: res.data.notice_html
})
})
});
});
}
render() {
@@ -49,13 +49,12 @@ class Notification extends React.Component {
<a href="#" onClick={this.onClick} title={gettext('Close')} aria-label={gettext('Close')} className="sf-popover-close js-close sf2-icon-x1 op-icon float-right"></a>
</div>
<div className="sf-popover-con">
<ul className="notice-list" dangerouslySetInnerHTML={{__html: notice_html}}>
</ul>
<ul className="notice-list" dangerouslySetInnerHTML={{__html: notice_html}}></ul>
<a href="/notification/list/" className="view-all">{gettext('See All Notifications')}</a>
</div>
</div>
</div>
)
);
}
}

32
frontend/src/components/dialog/create-file-dialog.js
View File

@@ -1,7 +1,15 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label, Col, FormText } from 'reactstrap';
import { gettext } from '../../utils/constants';
const propTypes = {
fileType: PropTypes.string,
parentPath: PropTypes.string.isRequired,
onAddFile: PropTypes.func.isRequired,
addFileCancel: PropTypes.func.isRequired,
};
class CreateFile extends React.Component {
constructor(props) {
super(props);
@@ -9,17 +17,17 @@ class CreateFile extends React.Component {
parentPath: '',
childName: props.fileType,
};
this.newInput = React.createRef()
this.newInput = React.createRef();
}
handleChange = (e) => {
this.setState({
childName: e.target.value,
})
}) ;
}
handleSubmit = () => {
let path = this.state.parentPath + this.state.childName
let path = this.state.parentPath + this.state.childName;
this.props.onAddFile(path);
}
@@ -34,10 +42,10 @@ class CreateFile extends React.Component {
}
componentDidMount() {
if (this.props.parentPath === "/") {
if (this.props.parentPath === '/') {
this.setState({parentPath: this.props.parentPath});
} else {
this.setState({parentPath: this.props.parentPath + "/"});
this.setState({parentPath: this.props.parentPath + '/'});
}
this.newInput.focus();
this.newInput.setSelectionRange(0,0);
@@ -46,7 +54,7 @@ class CreateFile extends React.Component {
render() {
return (
<Modal isOpen={true} toggle={this.toggle}>
<ModalHeader toggle={this.toggle}>{gettext("New File")}</ModalHeader>
<ModalHeader toggle={this.toggle}>{gettext('New File')}</ModalHeader>
<ModalBody>
<Form>
<FormGroup row>
@@ -54,20 +62,22 @@ class CreateFile extends React.Component {
<Col sm={9} className="parent-path"><FormText>{this.state.parentPath}</FormText></Col>
</FormGroup>
<FormGroup row>
<Label for="fileName" sm={3}>{gettext("Name")}: </Label>
<Label for="fileName" sm={3}>{gettext('Name')}: </Label>
<Col sm={9}>
<Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input}} id="fileName" placeholder={gettext("newName")} value={this.state.childName} onChange={this.handleChange}/>
<Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input;}} id="fileName" placeholder={gettext('newName')} value={this.state.childName} onChange={this.handleChange}/>
</Col>
</FormGroup>
</Form>
</ModalBody>
<ModalFooter>
<Button color="primary" onClick={this.handleSubmit}>{gettext("Submit")}</Button>
<Button color="secondary" onClick={this.toggle}>{gettext("Cancel")}</Button>
<Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
<Button color="secondary" onClick={this.toggle}>{gettext('Cancel')}</Button>
</ModalFooter>
</Modal>
)
);
}
}
CreateFile.propTypes = propTypes;
export default CreateFile;

32
frontend/src/components/dialog/create-folder-dialog.js
View File

@@ -1,7 +1,15 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter, Form, FormGroup, Label, Col, FormText } from 'reactstrap';
import { gettext } from '../../utils/constants';
const propTypes = {
fileType: PropTypes.string,
parentPath: PropTypes.string.isRequired,
onAddFolder: PropTypes.func.isRequired,
addFolderCancel: PropTypes.func.isRequired,
};
class CreateForder extends React.Component {
constructor(props) {
super(props);
@@ -9,17 +17,17 @@ class CreateForder extends React.Component {
parentPath: '',
childName: ''
};
this.newInput = React.createRef()
this.newInput = React.createRef();
}
handleChange = (e) => {
this.setState({
childName: e.target.value,
})
});
}
handleSubmit = () => {
let path = this.state.parentPath + this.state.childName
let path = this.state.parentPath + this.state.childName;
this.props.onAddFolder(path);
}
@@ -34,10 +42,10 @@ class CreateForder extends React.Component {
}
componentDidMount() {
if (this.props.parentPath === "/") {
if (this.props.parentPath === '/') {
this.setState({parentPath: this.props.parentPath});
} else {
this.setState({parentPath: this.props.parentPath + "/"});
this.setState({parentPath: this.props.parentPath + '/'});
}
this.newInput.focus();
this.newInput.setSelectionRange(0,0);
@@ -46,7 +54,7 @@ class CreateForder extends React.Component {
render() {
return (
<Modal isOpen={true} toggle={this.toggle}>
<ModalHeader toggle={this.toggle}>{gettext("New Folder")}</ModalHeader>
<ModalHeader toggle={this.toggle}>{gettext('New Folder')}</ModalHeader>
<ModalBody>
<Form>
<FormGroup row>
@@ -54,20 +62,22 @@ class CreateForder extends React.Component {
<Col sm={9} className="parent-path"><FormText>{this.state.parentPath}</FormText></Col>
</FormGroup>
<FormGroup row>
<Label for="fileName" sm={3}>{gettext("Name")}: </Label>
<Label for="fileName" sm={3}>{gettext('Name')}: </Label>
<Col sm={9}>
<Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input}} id="fileName" placeholder={gettext("newName")} value={this.state.childName} onChange={this.handleChange}/>
<Input onKeyPress={this.handleKeyPress} innerRef={input => {this.newInput = input;}} id="fileName" placeholder={gettext('newName')} value={this.state.childName} onChange={this.handleChange}/>
</Col>
</FormGroup>
</Form>
</ModalBody>
<ModalFooter>
<Button color="primary" onClick={this.handleSubmit}>{gettext("Submit")}</Button>
<Button color="secondary" onClick={this.toggle}>{gettext("Cancel")}</Button>
<Button color="primary" onClick={this.handleSubmit}>{gettext('Submit')}</Button>
<Button color="secondary" onClick={this.toggle}>{gettext('Cancel')}</Button>
</ModalFooter>
</Modal>
)
);
}
}
CreateForder.propTypes = propTypes;
export default CreateForder;

9
frontend/src/components/dialog/rename-dialog.js
View File

@@ -1,7 +1,14 @@
import React from 'react';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
import { Button, Modal, ModalHeader, Input, ModalBody, ModalFooter } from 'reactstrap';
const propTypes = {
currentNode: PropTypes.object,
onRename: PropTypes.func.isRequired,
toggleCancel: PropTypes.func.isRequired,
};
class Rename extends React.Component {
constructor(props) {
super(props);
@@ -75,4 +82,6 @@ class Rename extends React.Component {
}
}
Rename.propTypes = propTypes;
export default Rename;

2
frontend/src/components/dirent-operation/operation-menu.js
View File

@@ -29,7 +29,7 @@ class OperationMenu extends React.Component {
repo: repo,
is_repo_owner: is_repo_owner
});
})
});
});
}

7
frontend/src/components/draft-list-view/draft-list-item.js
View File

@@ -8,6 +8,7 @@ moment.locale(lang);
const propTypes = {
isItemFreezed: PropTypes.bool.isRequired,
onMenuToggleClick: PropTypes.func.isRequired,
draft: PropTypes.object.isRequired,
};
class DraftListItem extends React.Component {
@@ -49,14 +50,14 @@ class DraftListItem extends React.Component {
let filePath = draft.draft_file_path;
let repoID = draft.origin_repo_id;
let url = siteRoot + 'lib/' + repoID + '/file' + filePath + '?mode=edit&draft_id=' + draft.id;
window.open(url)
window.open(url);
}
onLibraryClick = () => {
let draft = this.props.draft;
let repoID = draft.origin_repo_id;
let url = siteRoot + '#common/lib/' + repoID;
window.open(url)
window.open(url);
}
onReviewClick = () => {
@@ -77,7 +78,7 @@ class DraftListItem extends React.Component {
localTime = moment(localTime).fromNow();
return (
<tr className={this.state.highlight} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td className="icon"><img src={siteRoot + 'media/img/file/192/txt.png'} /></td>
<td className="icon"><img src={siteRoot + 'media/img/file/192/txt.png'} alt='icon' /></td>
<td className="name a-simulate" onClick={this.onDraftEditClick}>{fileName}</td>
<td className="library a-simulate" onClick={this.onLibraryClick}>{draft.repo_name}</td>
<td className="review">

4
frontend/src/components/draft-list-view/draft-list-menu.js
View File

@@ -3,10 +3,12 @@ import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
const propTypes = {
currentDraft: PropTypes.object.isRequired,
isMenuShow: PropTypes.bool.isRequired,
menuPosition: PropTypes.object.isRequired,
onDeleteHandler: PropTypes.func.isRequired,
onPublishHandler: PropTypes.func.isRequired
onPublishHandler: PropTypes.func.isRequired,
onReviewHandler: PropTypes.func.isRequired,
};
class DraftListMenu extends React.Component {

32
frontend/src/components/logo.js
View File

@@ -1,9 +1,9 @@
import React from 'react';
import PropsType from 'prop-types';
import PropTypes from 'prop-types';
import { siteRoot, mediaUrl, logoPath, logoWidth, logoHeight, siteTitle } from '../utils/constants';
const propsType = {
onCloseSidePanel: PropsType.func.isRequired,
const propTypes = {
onCloseSidePanel: PropTypes.func.isRequired,
};
class Logo extends React.Component {
@@ -14,22 +14,22 @@ class Logo extends React.Component {
render() {
return (
<div className="top-logo">
<a href={siteRoot} id="logo">
<img src={mediaUrl + logoPath} height={logoHeight} width={logoWidth} title={siteTitle} alt="logo" />
</a>
<a
className="sf2-icon-x1 sf-popover-close side-panel-close op-icon d-md-none"
onClick={this.closeSide}
title="Close"
aria-label="Close"
>
</a>
</div>
<div className="top-logo">
<a href={siteRoot} id="logo">
<img src={mediaUrl + logoPath} height={logoHeight} width={logoWidth} title={siteTitle} alt="logo" />
</a>
<a
className="sf2-icon-x1 sf-popover-close side-panel-close op-icon d-md-none"
onClick={this.closeSide}
title="Close"
aria-label="Close"
>
</a>
</div>
);
}
}
Logo.propsType = propsType;
Logo.propTypes = propTypes;
export default Logo;

8
frontend/src/components/main-panel.js
View File

@@ -1,6 +1,12 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import CommonToolbar from './toolbar/common-toolbar';
const propTypes = {
children: PropTypes.object.isRequired,
onShowSidePanel: PropTypes.func.isRequired,
};
class MainPanel extends Component {
onSearchedClick = () => {
@@ -24,4 +30,6 @@ class MainPanel extends Component {
}
}
MainPanel.propTypes = propTypes;
export default MainPanel;

39
frontend/src/components/main-side-nav.js
View File

@@ -1,8 +1,13 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from '@reach/router';
import { gettext, siteRoot } from '../utils/constants';
import { seafileAPI } from '../utils/seafile-api';
const propTypes = {
currentTab: PropTypes.string.isRequired,
};
class MainSideNav extends React.Component {
constructor(props) {
super(props);
@@ -23,14 +28,14 @@ class MainSideNav extends React.Component {
grpsExtend = () => {
this.setState({
groupsExtended: !this.state.groupsExtended,
})
});
this.loadGroups();
}
shExtend = () => {
this.setState({
sharedExtended: !this.state.sharedExtended,
})
});
}
loadGroups = () => {
@@ -40,14 +45,14 @@ class MainSideNav extends React.Component {
this.groupsHeight = (data.length + 1) * _this.listHeight;
_this.setState({
groupItems: data
})
})
});
});
}
tabItemClick = (param) => {
this.setState({
currentTab: param
})
});
}
renderSharedGroups() {
@@ -59,8 +64,8 @@ class MainSideNav extends React.Component {
<ul className={`grp-list ${this.state.groupsExtended ? 'side-panel-slide' : 'side-panel-slide-up'}`} style={style}>
<li className={this.state.currentTab === 'groups' ? 'tab-cur' : ''}>
<a href={siteRoot + '#groups/'} onClick={() => this.tabItemClick('groups')}>
<span className="sharp" aria-hidden="true">#</span>
All Groups
<span className="sharp" aria-hidden="true">#</span>
{gettext('All Groups')}
</a>
</li>
{this.state.groupItems.map(item => {
@@ -71,10 +76,10 @@ class MainSideNav extends React.Component {
{item.name}
</a>
</li>
)
);
})}
</ul>
)
);
}
renderSharedAdmin() {
@@ -107,7 +112,7 @@ class MainSideNav extends React.Component {
</a>
</li>
</ul>
)
);
}
render() {
@@ -129,13 +134,13 @@ class MainSideNav extends React.Component {
</a>
</li>
<li className={`tab ${this.state.currentTab === 'org' ? 'tab-cur' : ''}`} onClick={() => this.tabItemClick('org')}>
<a href={ siteRoot + '#org/' } className="ellipsis" title={gettext('Shared with all')}>
<span className="sf2-icon-organization" aria-hidden="true"></span>
{gettext('Shared with all')}
<a href={ siteRoot + '#org/' } className="ellipsis" title={gettext('Shared with all')}>
<span className="sf2-icon-organization" aria-hidden="true"></span>
{gettext('Shared with all')}
</a>
</li>
<li className="tab" id="group-nav">
<a href="#" className="ellipsis user-select-no" title={gettext('Shared with groups')} onClick={this.grpsExtend}>
<a className="ellipsis user-select-no" title={gettext('Shared with groups')} onClick={this.grpsExtend}>
<span className={`toggle-icon float-right fas ${this.state.groupsExtended ?'fa-caret-down':'fa-caret-left'}`} aria-hidden="true"></span>
<span className="sf2-icon-group" aria-hidden="true"></span>
{gettext('Shared with groups')}
@@ -171,7 +176,7 @@ class MainSideNav extends React.Component {
</Link>
</li>
<li className="tab" id="share-admin-nav">
<a href="#" className="ellipsis user-select-no" title={gettext('Share Admin')} onClick={this.shExtend}>
<a className="ellipsis user-select-no" title={gettext('Share Admin')} onClick={this.shExtend}>
<span className={`toggle-icon float-right fas ${this.state.sharedExtended ? 'fa-caret-down':'fa-caret-left'}`} aria-hidden="true"></span>
<span aria-hidden="true" className="sf2-icon-wrench"></span>
{gettext('Share Admin')}
@@ -181,8 +186,10 @@ class MainSideNav extends React.Component {
</ul>
</div>
</div>
)
);
}
}
MainSideNav.propTypes = propTypes;
export default MainSideNav;

58
frontend/src/components/markdown-viewer.js
View File

@@ -1,4 +1,5 @@
import React from 'react';
import PropTypes from 'prop-types';
import { processor, processorGetAST } from '@seafile/seafile-editor/dist/utils/seafile-markdown2html';
import Prism from 'prismjs';
import WikiOutline from './wiki-outline';
@@ -9,7 +10,13 @@ const gettext = window.gettext;
require('@seafile/seafile-editor/dist/editor/code-hight-package');
const contentClass = "wiki-md-viewer-rendered-content";
const contentClass = 'wiki-md-viewer-rendered-content';
const contentPropTypes = {
html: PropTypes.string,
renderingContent: PropTypes.bool.isRequired,
onLinkClick: PropTypes.func.isRequired
};
class MarkdownViewerContent extends React.Component {
@@ -20,7 +27,7 @@ class MarkdownViewerContent extends React.Component {
componentDidUpdate () {
Prism.highlightAll();
var links = document.querySelectorAll(`.${contentClass} a`);
links.forEach((li) => {li.addEventListener("click", this.onLinkClick); });
links.forEach((li) => {li.addEventListener('click', this.onLinkClick); });
}
onLinkClick = (event) => {
@@ -32,17 +39,28 @@ class MarkdownViewerContent extends React.Component {
return (
<div>
{ this.props.renderingContent ? (
<div className={contentClass + " article"}>Loading...</div>
<div className={contentClass + ' article'}>Loading...</div>
) : (
<div ref={(mdContent) => {this.mdContentRef = mdContent;} }
className={contentClass + " article"}
className={contentClass + ' article'}
dangerouslySetInnerHTML={{ __html: this.props.html }}/>
)}
</div>
)
);
}
}
MarkdownViewerContent.propTypes = contentPropTypes;
const viewerPropTypes = {
isFileLoading: PropTypes.bool.isRequired,
lastModified: PropTypes.string,
latestContributor: PropTypes.string,
markdownContent: PropTypes.string,
onLinkClick: PropTypes.func.isRequired
};
class MarkdownViewer extends React.Component {
constructor(props) {
@@ -91,7 +109,7 @@ class MarkdownViewer extends React.Component {
if (currentId !== this.state.activeId) {
this.setState({
activeId: currentId
})
});
}
}
@@ -115,7 +133,7 @@ class MarkdownViewer extends React.Component {
window.location.href = window.location.href;
}
}, 100);
})
});
}
componentDidMount() {
@@ -139,11 +157,11 @@ class MarkdownViewer extends React.Component {
_this.setState({
navItems: navItems,
activeId: currentId
})
});
}else {
_this.setState({
navItems: []
})
});
}
});
}
@@ -155,12 +173,12 @@ class MarkdownViewer extends React.Component {
});
for (let i = 0; i < headingList.length; i++) {
navItems[i] = {};
navItems[i].id = '#user-content-' + headingList[i].data.id
navItems[i].id = '#user-content-' + headingList[i].data.id;
navItems[i].key = i;
navItems[i].clazz = '';
navItems[i].depth = headingList[i].depth;
for (let child of headingList[i].children) {
if (child.type === "text") {
if (child.type === 'text') {
navItems[i].text = child.value;
break;
}
@@ -173,7 +191,7 @@ class MarkdownViewer extends React.Component {
if (this.props.isFileLoading) {
return (
<span className="loading-icon loading-tip"></span>
)
);
}
return (
<div className="markdown-container" onScroll={this.scrollHandler}>
@@ -182,18 +200,20 @@ class MarkdownViewer extends React.Component {
renderingContent={this.state.renderingContent} html={this.state.html}
onLinkClick={this.props.onLinkClick}
/>
<p id="wiki-page-last-modified">{gettext("Last modified by")} {this.props.latestContributor}, <span>{this.props.lastModified}</span></p>
<p id="wiki-page-last-modified">{gettext('Last modified by')} {this.props.latestContributor}, <span>{this.props.lastModified}</span></p>
</div>
<div className="markdown-outline">
<WikiOutline
navItems={this.state.navItems}
handleNavItemClick={this.handleNavItemClick}
activeId={this.state.activeId}
/>
<WikiOutline
navItems={this.state.navItems}
handleNavItemClick={this.handleNavItemClick}
activeId={this.state.activeId}
/>
</div>
</div>
)
);
}
}
MarkdownViewer.propTypes = viewerPropTypes;
export default MarkdownViewer;

1
frontend/src/components/menu-control.js
View File

@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
const propTypes = {
isShow: PropTypes.bool.isRequired,
onClick: PropTypes.func.isRequired,
};
class MenuControl extends React.Component {

15
frontend/src/components/review-list-view/review-list-item.js
View File

@@ -6,7 +6,9 @@ import { siteRoot, lang } from '../../utils/constants';
moment.locale(lang);
const propTypes = {
isItemFreezed: PropTypes.bool.isRequired,
}
item: PropTypes.object.isRequired,
};
class ReviewListItem extends React.Component {
constructor(props) {
@@ -34,13 +36,12 @@ class ReviewListItem extends React.Component {
onReviewsClick = () => {
let item = this.props.item;
let filePath = item.draft_file_path;
let itemID = item.id;
window.open(siteRoot + 'drafts/review/' + itemID);
}
getFileName(filePath) {
let lastIndex = filePath.lastIndexOf("/");
let lastIndex = filePath.lastIndexOf('/');
return filePath.slice(lastIndex+1);
}
@@ -52,11 +53,11 @@ class ReviewListItem extends React.Component {
return (
<tr className={this.state.highlight} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td className="icon" style={{width: "4%"}}><img src={siteRoot + "media/img/file/192/txt.png"} /></td>
<td className="name a-simulate" style={{width: "46%"}} onClick={this.onReviewsClick}>{fileName}</td>
<td className="icon" style={{width: '4%'}}><img src={siteRoot + 'media/img/file/192/txt.png'} alt="icon"/></td>
<td className="name a-simulate" style={{width: '46%'}} onClick={this.onReviewsClick}>{fileName}</td>
<td className='library'>{item.draft_origin_repo_name}</td>
<td className="status" style={{width: "20%"}}>{item.status}</td>
<td className="update" style={{width: "20%"}}>{localTime}</td>
<td className="status" style={{width: '20%'}}>{item.status}</td>
<td className="update" style={{width: '20%'}}>{localTime}</td>
<td className="menu-toggle"></td>
</tr>
);

2
frontend/src/components/review-list-view/review-list-view.js
View File

@@ -37,7 +37,7 @@ class ReviewListView extends React.Component {
})}
</tbody>
</table>
</div>
</div>
);
}
}

8
frontend/src/components/search/search.js
View File

@@ -1,9 +1,15 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { repoID, siteRoot } from '../../utils/constants';
import SearchResultItem from './search-result-item';
import editorUtilities from '../../utils/editor-utilties';
import More from '../more';
const propTypes = {
placeholder: PropTypes.string,
onSearchedClick: PropTypes.func.isRequired,
};
class Search extends Component {
constructor(props) {
@@ -237,4 +243,6 @@ class Search extends Component {
}
}
Search.propTypes = propTypes;
export default Search;

9
frontend/src/components/side-nav-footer.js
View File

@@ -1,7 +1,12 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Modal, ModalBody } from 'reactstrap';
import { gettext, siteRoot } from '../utils/constants';
const propTypes = {
className: PropTypes.string,
};
class About extends React.Component {
constructor(props) {
super(props);
@@ -34,11 +39,13 @@ class About extends React.Component {
}
}
About.propTypes = propTypes;
class SideNavFooter extends React.Component {
render() {
return (
<div className="side-nav-footer">
<a href={siteRoot + 'help/'} target="_blank" className="item">{gettext('Help')}</a>
<a href={siteRoot + 'help/'} target="_blank" rel="noopener noreferrer" className="item">{gettext('Help')}</a>
<About />
<a href={siteRoot + 'download_client_program/'} className="item last-item">
<span aria-hidden="true" className="sf2-icon-monitor vam"></span>{' '}

8
frontend/src/components/side-panel.js
View File

@@ -1,8 +1,14 @@
import React from 'react';
import PropTypes from 'prop-types';
import Logo from './logo';
import MainSideNav from './main-side-nav';
import SideNavFooter from './side-nav-footer';
const propTypes = {
isSidePanelClosed: PropTypes.bool.isRequired,
currentTab: PropTypes.string.isRequired,
onCloseSidePanel: PropTypes.func.isRequired,
};
class SidePanel extends React.Component {
@@ -23,4 +29,6 @@ class SidePanel extends React.Component {
}
}
SidePanel.propTypes = propTypes;
export default SidePanel;

2
frontend/src/components/toast/index.js
View File

@@ -1,3 +1,3 @@
import Toast from './toast'
import Toast from './toast';
export default Toast;

2
frontend/src/components/toast/notice-container.js
View File

@@ -7,7 +7,7 @@ class NoticeContainer extends React.Component {
constructor(props) {
super(props);
this.transitionTime = 300;
this.state = {notices: []}
this.state = {notices: []};
}
addNotice = (notice) => {

40
frontend/src/components/toast/toast.js
View File

@@ -4,37 +4,37 @@ import NoticeContainer from './notice-container';
import './toast.css';
function createNotieContainer() {
const div = document.createElement('div')
document.body.appendChild(div)
const noticeContainer = ReactDOM.render(<NoticeContainer />, div)
const div = document.createElement('div');
document.body.appendChild(div);
const noticeContainer = ReactDOM.render(<NoticeContainer />, div);
return {
addNotice(notice) {
return noticeContainer.addNotice(notice)
},
destroy() {
ReactDOM.unmountComponentAtNode(div)
document.body.removeChild(div)
}
}
addNotice(notice) {
return noticeContainer.addNotice(notice);
},
destroy() {
ReactDOM.unmountComponentAtNode(div);
document.body.removeChild(div);
}
};
}
let noticeContainer
let noticeContainer = null;
const notice = (type, content, duration = 2000, onClose) => {
if (!noticeContainer) noticeContainer = createNotieContainer()
return noticeContainer.addNotice({ type, content, duration, onClose })
}
if (!noticeContainer) noticeContainer = createNotieContainer();
return noticeContainer.addNotice({ type, content, duration, onClose });
};
export default {
info(content, duration, onClose) {
return notice('info', content, duration, onClose)
return notice('info', content, duration, onClose);
},
success(content, duration, onClose) {
return notice('success', content, duration, onClose)
return notice('success', content, duration, onClose);
},
warning(content, duration, onClose) {
return notice('warning', content, duration, onClose)
return notice('warning', content, duration, onClose);
},
error(content, duration, onClose) {
return notice('danger', content, duration, onClose)
return notice('danger', content, duration, onClose);
}
}
};

16
frontend/src/components/tree-dir-view/tree-dir-list.js
View File

@@ -1,7 +1,19 @@
import React from 'react';
import PropTypes from 'prop-types';
import { serviceUrl } from '../../utils/constants';
import OperationGroup from '../dirent-operation/operation-group';
const propTypes = {
isItemFreezed: PropTypes.bool.isRequired,
node: PropTypes.object.isRequired,
needOperationGroup: PropTypes.bool.isRequired,
onItemMenuHide: PropTypes.func.isRequired,
onItemMenuShow: PropTypes.func.isRequired,
onMainNodeClick: PropTypes.func.isRequired,
onDelete: PropTypes.func.isRequired,
onDownload: PropTypes.func.isRequired,
};
class TreeDirList extends React.Component {
constructor(props) {
@@ -68,7 +80,7 @@ class TreeDirList extends React.Component {
return (
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onMouseOver={this.onMouseOver}>
<td className="icon">
<img src={node.type === 'dir' ? serviceUrl + '/media/img/folder-192.png' : serviceUrl + '/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'} alt='icon'></img>
</td>
<td className="name a-simulate" onClick={this.onMainNodeClick}>{node.name}</td>
{
@@ -93,4 +105,6 @@ class TreeDirList extends React.Component {
}
}
TreeDirList.propTypes = propTypes;
export default TreeDirList;

2
frontend/src/components/tree-dir-view/tree-dir-view.js
View File

@@ -11,7 +11,7 @@ const propTypes = {
node: PropTypes.object.isRequired,
onMainNodeClick: PropTypes.func.isRequired,
onDeleteItem: PropTypes.func.isRequired,
}
};
class TreeDirView extends React.Component {

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

@@ -1,6 +1,16 @@
import React from 'react';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
const propTypes = {
menuPosition: PropTypes.object.isRequired,
currentNode: PropTypes.object.isRequired,
toggleRename: PropTypes.func.isRequired,
toggleDelete: PropTypes.func.isRequired,
toggleAddFile: PropTypes.func.isRequired,
toggleAddFolder: PropTypes.func.isRequired,
};
class NodeMenu extends React.Component {
toggleAddFile = () => {
@@ -64,4 +74,6 @@ class NodeMenu extends React.Component {
}
}
NodeMenu.propTypes = propTypes;
export default NodeMenu;

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

@@ -1,7 +1,17 @@
import React from 'react';
import PropTypes from 'prop-types';
import MenuControl from '../menu-control';
import { permission } from '../../utils/constants';
const propTypes = {
isNodeItemFrezee: PropTypes.bool.isRequired,
currentFilePath: PropTypes.string.isRequired,
paddingLeft: PropTypes.number.isRequired,
node: PropTypes.object.isRequired,
treeView: PropTypes.object.isRequired,
onDirCollapse: PropTypes.func.isRequired,
};
function sortByType(a, b) {
if (a.type == 'dir' && b.type != 'dir') {
return -1;
@@ -197,4 +207,6 @@ class TreeNodeView extends React.Component {
}
TreeNodeView.propTypes = propTypes;
export default TreeNodeView;

15
frontend/src/components/tree-view/tree-view.js
View File

@@ -1,7 +1,18 @@
import React from 'react';
import PropTypes from 'prop-types';
import TreeNodeView from './tree-node-view';
import editorUtilities from '../../utils/editor-utilties';
const propTypes = {
permission: PropTypes.string,
isNodeItemFrezee: PropTypes.bool.isRequired,
currentFilePath: PropTypes.string.isRequired,
treeData: PropTypes.object.isRequired,
onShowContextMenu: PropTypes.func.isRequired,
onNodeClick: PropTypes.func.isRequired,
onDirCollapse: PropTypes.func.isRequired,
};
class TreeView extends React.PureComponent {
change = (tree) => {
@@ -31,7 +42,7 @@ class TreeView extends React.PureComponent {
render() {
if (!this.props.treeData.root) {
return <div>Loading...</div>
return <div>Loading...</div>;
}
return (
@@ -52,4 +63,6 @@ class TreeView extends React.PureComponent {
}
TreeView.propTypes = propTypes;
export default TreeView;

22
frontend/src/components/wiki-outline.js
View File

@@ -11,15 +11,15 @@ class WikiOutlineItem extends React.Component {
handleNavItemClick = () => {
var activeId = this.props.item.id;
this.props.handleNavItemClick(activeId)
this.props.handleNavItemClick(activeId);
}
render() {
let item = this.props.item;
let activeIndex = parseInt(this.props.activeIndex);
let levelClass = item.depth === 3 ? " textindent-2" : '';
let levelClass = item.depth === 3 ? ' textindent-2' : '';
let activeClass = item.key === activeIndex ? ' wiki-outline-item-active' : '';
let clazz = "wiki-outline-item"+ levelClass + activeClass;
let clazz = 'wiki-outline-item'+ levelClass + activeClass;
return (
<li className={clazz} data-index={item.key} onClick={this.handleNavItemClick}>
<a href={item.id} title={item.text}>{item.text}</a>
@@ -33,8 +33,12 @@ WikiOutlineItem.propTypes = itemPropTypes;
const outlinePropTypes = {
navItems: PropTypes.array.isRequired,
activeId: PropTypes.oneOfType([
PropTypes.string,
PropTypes.number
]).isRequired,
handleNavItemClick: PropTypes.func.isRequired,
}
};
class WikiOutline extends React.Component {
@@ -43,7 +47,7 @@ class WikiOutline extends React.Component {
this.state = {
activeIndex : 0,
scrollTop: 0,
}
};
}
componentWillReceiveProps(nextProps) {
@@ -57,7 +61,7 @@ class WikiOutline extends React.Component {
if (item.id === activeId && item.key !== _this.state.activeIndex) {
let scrollTop = 0;
if (item.key > 20) {
scrollTop = - (item.key - 20)*27 + "px";
scrollTop = - (item.key - 20)*27 + 'px';
if (parseInt(scrollTop) > 0) { // handle scroll quickly;
scrollTop = 0;
}
@@ -65,7 +69,7 @@ class WikiOutline extends React.Component {
_this.setState({
activeIndex : item.key,
scrollTop: scrollTop
})
});
flag = true;
}
if (flag) {
@@ -86,10 +90,10 @@ class WikiOutline extends React.Component {
activeIndex={this.state.activeIndex}
handleNavItemClick={this.props.handleNavItemClick}
/>
)
);
})}
</ul>
)
);
}
}

25
frontend/src/draft-review.js
View File

@@ -1,7 +1,9 @@
import React from 'react';
import ReactDOM from 'react-dom';
/* eslint-disable */
import Prism from 'prismjs';
import { siteRoot, gettext, draftID, reviewID, draftOriginFilePath, draftFilePath, draftOriginRepoID, draftFileName, opStatus, publishFileVersion, originFileVersion } from './utils/constants';
/* eslint-enable */
import { siteRoot, gettext, reviewID, draftOriginFilePath, draftFilePath, draftOriginRepoID, draftFileName, opStatus, publishFileVersion, originFileVersion } from './utils/constants';
import { seafileAPI } from './utils/seafile-api';
import axios from 'axios';
import DiffViewer from '@seafile/seafile-editor/dist/viewer/diff-viewer';
@@ -31,9 +33,9 @@ class DraftReview extends React.Component {
componentDidMount() {
if (publishFileVersion == 'None') {
axios.all([
seafileAPI.getFileDownloadLink(draftOriginRepoID, draftFilePath),
seafileAPI.getFileDownloadLink(draftOriginRepoID, draftOriginFilePath)
axios.all([
seafileAPI.getFileDownloadLink(draftOriginRepoID, draftFilePath),
seafileAPI.getFileDownloadLink(draftOriginRepoID, draftOriginFilePath)
]).then(axios.spread((res1, res2) => {
axios.all([
seafileAPI.getFileContent(res1.data),
@@ -65,18 +67,18 @@ class DraftReview extends React.Component {
onCloseReview = () => {
seafileAPI.updateReviewStatus(reviewID, 'closed').then(res => {
this.setState({reviewStatus: 'closed'});
Toast.success('Review close succeeded.')
Toast.success('Review close succeeded.');
}).catch(() => {
Toast.error('Review close failed.')
Toast.error('Review close failed.');
});
}
onPublishReview = () => {
seafileAPI.updateReviewStatus(reviewID, 'finished').then(res => {
this.setState({reviewStatus: 'finished'});
Toast.success('Review publish succeeded.')
Toast.success('Review publish succeeded.');
}).catch(() => {
Toast.error('Review publish failed.')
Toast.error('Review publish failed.');
});
}
@@ -96,8 +98,8 @@ class DraftReview extends React.Component {
{
this.state.reviewStatus === 'open' &&
<div className="cur-file-operation">
<button className="btn btn-secondary file-operation-btn" title={gettext('Close Review')} onClick={this.onCloseReview}>{gettext("Close")}</button>
<button className="btn btn-success file-operation-btn" title={gettext('Publish Review')} onClick={this.onPublishReview}>{gettext("Publish")}</button>
<button className="btn btn-secondary file-operation-btn" title={gettext('Close Review')} onClick={this.onCloseReview}>{gettext('Close')}</button>
<button className="btn btn-success file-operation-btn" title={gettext('Publish Review')} onClick={this.onPublishReview}>{gettext('Publish')}</button>
</div>
}
{
@@ -113,8 +115,7 @@ class DraftReview extends React.Component {
<div className="cur-view-container content-container">
<div className="cur-view-content">
<div className="markdown-viewer-render-content article">
{
this.state.isLoading ?
{this.state.isLoading ?
<Loading /> :
<DiffViewer markdownContent={this.state.draftContent} markdownContent1={this.state.draftOriginContent} />
}

2
frontend/src/draw/draw-viewer.js
View File

@@ -15,7 +15,9 @@ class DrawViewer {
loadFile() {
seafileAPI.getFileContent(window.app.config.rawPath).then((res) => {
var doc = mxUtils.parseXml(res.data);
/* eslint-disable */
console.log(doc.documentElement);
/* eslint-enable */
this.setGraphXml(doc.documentElement);
});
}

6
frontend/src/draw/draw.js
View File

@@ -13,10 +13,8 @@ function loadFile(editorUi) {
}
function saveFile(content) {
return seafileAPI.getUpdateLink(window.app.config.repoID, window.app.config.parentDir)
.then((res) => {
return seafileAPI.updateFile(res.data, window.app.config.path,
window.app.config.filename, content);
return seafileAPI.getUpdateLink(window.app.config.repoID, window.app.config.parentDir).then((res) => {
return seafileAPI.updateFile(res.data, window.app.config.path, window.app.config.filename, content);
});
}

2
frontend/src/index.js
View File

@@ -10,7 +10,7 @@ import './assets/css/fontawesome.css';
import 'seafile-ui';
import './index.css';
let lang = window.app.pageOptions.lang
let lang = window.app.pageOptions.lang;
ReactDOM.render(
<I18nextProvider i18n={ i18n } initialLanguage={ lang } >

9
frontend/src/markdown-editor.js
View File

@@ -174,11 +174,10 @@ class EditorUtilities {
}
createDraftReview() {
return seafileAPI.createDraftReview(draftID)
.then(res => {
let url = serviceUrl + '/drafts/review/' + res.data.id;
return url;
})
return seafileAPI.createDraftReview(draftID).then(res => {
let url = serviceUrl + '/drafts/review/' + res.data.id;
return url;
});
}
}

163
frontend/src/pages/dashboard/files-activities.js
View File

@@ -1,7 +1,12 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { seafileAPI } from '../../utils/seafile-api';
import { gettext, siteRoot } from '../../utils/constants';
const contentPropTypes = {
data: PropTypes.object.isRequired,
};
class FileActivitiesContent extends Component {
render() {
@@ -33,11 +38,18 @@ class FileActivitiesContent extends Component {
}
}
FileActivitiesContent.propTypes = contentPropTypes;
const tablePropTypes = {
items: PropTypes.array.isRequired,
};
class TableBody extends Component {
encodePath(path) {
let path_arr = path.split('/'),
path_arr_ = [];
let path_arr = path.split('/');
let path_arr_ = [];
for (let i = 0, len = path_arr.length; i < len; i++) {
path_arr_.push(encodeURIComponent(path_arr[i]));
}
@@ -55,86 +67,86 @@ class TableBody extends Component {
if (item.obj_type == 'repo') {
switch(item.op_type) {
case 'create':
op = gettext("Created library");
details = <td>{libLink}</td>;
break;
case 'rename':
op = gettext("Renamed library");
details = <td>{item.old_repo_name} => {libLink}</td>;
break;
case 'delete':
op = gettext("Deleted library");
details = <td>{item.repo_name}</td>;
break;
case 'recover':
op = gettext("Restored library");
details = <td>{libLink}</td>;
break;
case 'clean-up-trash':
if (item.days == 0) {
op = gettext("Removed all items from trash.");
} else {
op = gettext("Removed items older than {n} days from trash.").replace('{n}', item.days);
}
details = <td>{libLink}</td>;
break;
case 'create':
op = gettext('Created library');
details = <td>{libLink}</td>;
break;
case 'rename':
op = gettext('Renamed library');
details = <td>{item.old_repo_name} => {libLink}</td>;
break;
case 'delete':
op = gettext('Deleted library');
details = <td>{item.repo_name}</td>;
break;
case 'recover':
op = gettext('Restored library');
details = <td>{libLink}</td>;
break;
case 'clean-up-trash':
if (item.days == 0) {
op = gettext('Removed all items from trash.');
} else {
op = gettext('Removed items older than {n} days from trash.').replace('{n}', item.days);
}
details = <td>{libLink}</td>;
break;
}
} else if (item.obj_type == 'file') {
let fileURL = `${siteRoot}lib/${item.repo_id}/file${this.encodePath(item.path)}`;
let fileLink = <a href={fileURL}>{item.name}</a>;
switch(item.op_type) {
case 'create':
op = gettext("Created file");
details = <td>{fileLink}<br />{smallLibLink}</td>;
break;
case 'delete':
op = gettext("Deleted file");
details = <td>{item.name}<br />{smallLibLink}</td>;
break;
case 'recover':
op = gettext("Restored file");
details = <td>{fileLink}<br />{smallLibLink}</td>;
break;
case 'rename':
op = gettext("Renamed file");
details = <td>{item.old_name} => {fileLink}<br />{smallLibLink}</td>;
break;
case 'move':
let filePathLink = <a href={fileURL}>{item.path}</a>;
op = gettext("Moved file");
details = <td>{item.old_path} => {filePathLink}<br />{smallLibLink}</td>;
break;
case 'edit': // update
op = gettext("Updated file");
details = <td>{fileLink}<br />{smallLibLink}</td>;
break;
case 'create':
op = gettext('Created file');
details = <td>{fileLink}<br />{smallLibLink}</td>;
break;
case 'delete':
op = gettext('Deleted file');
details = <td>{item.name}<br />{smallLibLink}</td>;
break;
case 'recover':
op = gettext('Restored file');
details = <td>{fileLink}<br />{smallLibLink}</td>;
break;
case 'rename':
op = gettext('Renamed file');
details = <td>{item.old_name} => {fileLink}<br />{smallLibLink}</td>;
break;
case 'move':
var filePathLink = <a href={fileURL}>{item.path}</a>;
op = gettext('Moved file');
details = <td>{item.old_path} => {filePathLink}<br />{smallLibLink}</td>;
break;
case 'edit': // update
op = gettext('Updated file');
details = <td>{fileLink}<br />{smallLibLink}</td>;
break;
}
} else { // dir
let dirURL = `${siteRoot}#common/lib/${item.repo_id}${this.encodePath(item.path)}`;
let dirLink = <a href={dirURL}>{item.name}</a>;
switch(item.op_type) {
case 'create':
op = gettext("Created folder");
details = <td>{dirLink}<br />{smallLibLink}</td>;
break;
case 'delete':
op = gettext("Deleted folder");
details = <td>{item.name}<br />{smallLibLink}</td>;
break;
case 'recover':
op = gettext("Restored folder");
details = <td>{dirLink}<br />{smallLibLink}</td>;
break;
case 'rename':
op = gettext("Renamed folder");
details = <td>{item.old_name} => {dirLink}<br />{smallLibLink}</td>;
break;
case 'move':
let dirPathLink = <a href={dirURL}>{item.path}</a>;
op = gettext("Moved folder");
details = <td>{item.old_path} => {dirPathLink}<br />{smallLibLink}</td>;
break;
case 'create':
op = gettext('Created folder');
details = <td>{dirLink}<br />{smallLibLink}</td>;
break;
case 'delete':
op = gettext('Deleted folder');
details = <td>{item.name}<br />{smallLibLink}</td>;
break;
case 'recover':
op = gettext('Restored folder');
details = <td>{dirLink}<br />{smallLibLink}</td>;
break;
case 'rename':
op = gettext('Renamed folder');
details = <td>{item.old_name} => {dirLink}<br />{smallLibLink}</td>;
break;
case 'move':
var dirPathLink = <a href={dirURL}>{item.path}</a>;
op = gettext('Moved folder');
details = <td>{item.old_path} => {dirPathLink}<br />{smallLibLink}</td>;
break;
}
}
@@ -159,6 +171,8 @@ class TableBody extends Component {
}
}
TableBody.propTypes = tablePropTypes;
class FilesActivities extends Component {
constructor(props) {
super(props);
@@ -177,13 +191,12 @@ class FilesActivities extends Component {
componentDidMount() {
const pageNum = 1;
const avatarSize = 72;
seafileAPI.listActivities(pageNum, avatarSize)
.then(res => {
seafileAPI.listActivities(pageNum, avatarSize).then(res => {
// not logged in
if (res.status == 403) {
this.setState({
loading: false,
error_msg: gettext("Permission denied")
error_msg: gettext('Permission denied')
});
} else {
// {"events":[...]}

7
frontend/src/pages/drafts/draft-content.js
View File

@@ -65,10 +65,9 @@ class DraftContent extends React.Component {
editUtilties.createDraftReview(draft.id).then(res => {
window.open(siteRoot + 'drafts/review/' + res.data.id);
})
.catch((error) => {
}).catch((error) => {
if (error.response.status == '409') {
Toast.error("The draft review is existing.");
Toast.error('The draft review is existing.');
}
});
}
@@ -129,7 +128,7 @@ class DraftContent extends React.Component {
/>
}
</div>
);
);
}
}

13
frontend/src/pages/drafts/drafts-view.js
View File

@@ -1,7 +1,16 @@
import React from 'react';
import PropTypes from 'prop-types';
import { siteRoot, gettext } from '../../utils/constants';
import { Link } from '@reach/router';
const propTypes = {
currentTab: PropTypes.string.isRequired,
children: PropTypes.oneOfType([
PropTypes.array,
PropTypes.object
]).isRequired,
};
class DraftsView extends React.Component {
constructor(props) {
@@ -14,7 +23,7 @@ class DraftsView extends React.Component {
tabItemClick = (param) => {
this.setState({
currentTab: param
})
});
}
render() {
@@ -40,4 +49,6 @@ class DraftsView extends React.Component {
}
}
DraftsView.propTypes = propTypes;
export default DraftsView;

24
frontend/src/pages/drafts/review-content.js
View File

@@ -32,18 +32,18 @@ class ReviewContent extends React.Component {
render() {
return (
<div className="cur-view-content" style={{padding: 0}}>
{this.state.isLoadingReviews && <Loading /> }
{(!this.state.isLoadingReviews && this.state.reviewsList.length !==0) &&
<ReviewListView
itemsList={this.state.reviewsList}
isItemFreezed={this.state.isItemFreezed}
/>
}
{(!this.state.isLoadingReviews && this.state.reviewsList.length === 0) &&
<div className="message empty-tip">
<h2>{gettext('There is no Review file existing')}</h2>
</div>
}
{this.state.isLoadingReviews && <Loading /> }
{(!this.state.isLoadingReviews && this.state.reviewsList.length !==0) &&
<ReviewListView
itemsList={this.state.reviewsList}
isItemFreezed={this.state.isItemFreezed}
/>
}
{(!this.state.isLoadingReviews && this.state.reviewsList.length === 0) &&
<div className="message empty-tip">
<h2>{gettext('There is no Review file existing')}</h2>
</div>
}
</div>
);
}

3
frontend/src/pages/file-history/side-panel.js
View File

@@ -7,7 +7,8 @@ import HistoryListView from '../../components/history-list-view/history-list-vie
import HistoryListMenu from '../../components/history-list-view/history-list-menu';
const propTypes = {
onHistoryItemClick: PropTypes.func.isRequired
onHistoryItemClick: PropTypes.func.isRequired,
setDiffContent: PropTypes.func.isRequired,
};
class SidePanel extends React.Component {

18
frontend/src/pages/repo-wiki-mode/main-panel.js
View File

@@ -18,12 +18,17 @@ const propTypes = {
filePath: PropTypes.string.isRequired,
isFileLoading: PropTypes.bool.isRequired,
isViewFileState: PropTypes.bool.isRequired,
changedNode: PropTypes.object,
onMenuClick: PropTypes.func.isRequired,
onSearchedClick: PropTypes.func.isRequired,
onMainNavBarClick: PropTypes.func.isRequired,
onLinkClick: PropTypes.func.isRequired,
onMainItemClick: PropTypes.func.isRequired,
onMainItemDelete: PropTypes.func.isRequired,
}
onMainAddFile: PropTypes.func.isRequired,
onMainAddFolder: PropTypes.func.isRequired,
switchViewMode: PropTypes.func.isRequired,
};
class MainPanel extends Component {
@@ -215,10 +220,10 @@ class MainPanel extends Component {
{
this.state.newMenuShow &&
<ul className="menu dropdown-menu" style={this.state.operationMenuStyle}>
<li className="dropdown-item" onClick={this.addFolder}>{gettext('New Folder')}</li>
<li className="dropdown-item" onClick={this.addFile}>{gettext('New File')}</li>
<li className="dropdown-item menu-inner-divider"></li>
<li className="dropdown-item" onClick={this.addMarkdownFile}>{gettext('New Markdown File')}</li>
<li className="dropdown-item" onClick={this.addFolder}>{gettext('New Folder')}</li>
<li className="dropdown-item" onClick={this.addFile}>{gettext('New File')}</li>
<li className="dropdown-item menu-inner-divider"></li>
<li className="dropdown-item" onClick={this.addMarkdownFile}>{gettext('New Markdown File')}</li>
</ul>
}
</div>
@@ -235,8 +240,7 @@ class MainPanel extends Component {
<div className="path-containter">
<a href={siteRoot + '#common/'} className="normal">{gettext('Libraries')}</a>
<span className="path-split">/</span>
{
this.props.filePath === '/' ?
{this.props.filePath === '/' ?
<span>{slug}</span> :
<a className="path-link" data-path="/" onClick={this.onMainNavBarClick}>{slug}</a>
}

18
frontend/src/pages/repo-wiki-mode/side-panel.js
View File

@@ -1,4 +1,5 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { gettext, siteRoot, logoPath, mediaUrl, siteTitle, logoWidth, logoHeight } from '../../utils/constants';
import TreeView from '../../components/tree-view/tree-view';
import NodeMenu from '../../components/tree-view/node-menu';
@@ -8,6 +9,20 @@ import Rename from '../../components/dialog/rename-dialog';
import CreateFolder from '../../components/dialog/create-folder-dialog';
import CreateFile from '../../components/dialog/create-file-dialog';
const propTypes = {
changedNode: PropTypes.object,
treeData: PropTypes.object.isRequired,
currentFilePath: PropTypes.string.isRequired,
closeSideBar: PropTypes.bool.isRequired,
onCloseSide: PropTypes.func.isRequired,
onDirCollapse: PropTypes.func.isRequired,
onNodeClick: PropTypes.func.isRequired,
onRenameNode: PropTypes.func.isRequired,
onDeleteNode: PropTypes.func.isRequired,
onAddFileNode: PropTypes.func.isRequired,
onAddFolderNode: PropTypes.func.isRequired,
};
class SidePanel extends Component {
constructor(props) {
@@ -239,4 +254,7 @@ class SidePanel extends Component {
);
}
}
SidePanel.propTypes = propTypes;
export default SidePanel;

21
frontend/src/pages/wiki/main-panel.js
View File

@@ -1,9 +1,28 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { gettext, repoID, serviceUrl, slug, siteRoot } from '../../utils/constants';
import CommonToolbar from '../../components/toolbar/common-toolbar';
import MarkdownViewer from '../../components/markdown-viewer';
import TreeDirView from '../../components/tree-dir-view/tree-dir-view';
const propTypes = {
content: PropTypes.string,
lastModified: PropTypes.string,
latestContributor: PropTypes.string,
permission: PropTypes.string,
filePath: PropTypes.string.isRequired,
isFileLoading: PropTypes.bool.isRequired,
isViewFileState: PropTypes.bool.isRequired,
changedNode: PropTypes.object,
onMenuClick: PropTypes.func.isRequired,
onSearchedClick: PropTypes.func.isRequired,
onMainNavBarClick: PropTypes.func.isRequired,
onMainNodeClick: PropTypes.func.isRequired,
onLinkClick: PropTypes.func.isRequired,
onDeleteNode: PropTypes.func.isRequired,
onRenameNode: PropTypes.func.isRequired,
};
class MainPanel extends Component {
constructor(props) {
@@ -103,4 +122,6 @@ class MainPanel extends Component {
}
}
MainPanel.propTypes = propTypes;
export default MainPanel;

18
frontend/src/pages/wiki/side-panel.js
View File

@@ -1,4 +1,5 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { gettext, siteRoot, logoPath, mediaUrl, siteTitle, logoWidth, logoHeight } from '../../utils/constants';
import TreeView from '../../components/tree-view/tree-view';
import NodeMenu from '../../components/tree-view/node-menu';
@@ -8,6 +9,20 @@ import Rename from '../../components/dialog/rename-dialog';
import CreateFolder from '../../components/dialog/create-folder-dialog';
import CreateFile from '../../components/dialog/create-file-dialog';
const propTypes = {
changedNode: PropTypes.object,
treeData: PropTypes.object.isRequired,
currentFilePath: PropTypes.string.isRequired,
closeSideBar: PropTypes.bool.isRequired,
onCloseSide: PropTypes.func.isRequired,
onDirCollapse: PropTypes.func.isRequired,
onNodeClick: PropTypes.func.isRequired,
onRenameNode: PropTypes.func.isRequired,
onDeleteNode: PropTypes.func.isRequired,
onAddFileNode: PropTypes.func.isRequired,
onAddFolderNode: PropTypes.func.isRequired,
};
class SidePanel extends Component {
constructor(props) {
@@ -238,4 +253,7 @@ class SidePanel extends Component {
);
}
}
SidePanel.propTypes = propTypes;
export default SidePanel;

10
frontend/src/utils/utils.js
View File

@@ -97,16 +97,16 @@ export const Utils = {
var file_ext;
if (filename.lastIndexOf('.') == -1) {
return mediaUrl + "img/file/" + size + "/"
return mediaUrl + 'img/file/' + size + '/'
+ this.FILEEXT_ICON_MAP['default'];
} else {
file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
}
if (this.FILEEXT_ICON_MAP[file_ext]) {
return mediaUrl + "img/file/" + size + "/" + this.FILEEXT_ICON_MAP[file_ext];
return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP[file_ext];
} else {
return mediaUrl + "img/file/" + size + "/" + this.FILEEXT_ICON_MAP['default'];
return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP['default'];
}
},
@@ -148,8 +148,8 @@ export const Utils = {
}).join('/');
*/
var path_arr = path.split('/'),
path_arr_ = [];
var path_arr = path.split('/');
var path_arr_ = [];
for (var i = 0, len = path_arr.length; i < len; i++) {
path_arr_.push(encodeURIComponent(path_arr[i]));
}