1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-26 23:34:45 +00:00

Repo optimized (#2664)

This commit is contained in:
杨顺强
2018-12-18 17:21:01 +08:00
committed by Daniel Pan
parent 3b43d2d534
commit ed5439a4e3
15 changed files with 83 additions and 78 deletions

View File

@@ -25,7 +25,7 @@ class UserItem extends React.Component {
deleteShareItem = () => {
let item = this.props.item;
this.props.deleteShareItem(item.name);
this.props.deleteShareItem(item.user_info.name);
}
render() {

View File

@@ -1,8 +1,7 @@
import React, { Fragment } from 'react';
import PropTypes from 'prop-types';
import cookie from 'react-cookies';
import { gettext, siteRoot } from '../../utils/constants';
import { seafileAPI } from '../../utils/seafile-api';
import { gettext, siteRoot, username } from '../../utils/constants';
import CommonToolbar from '../toolbar/common-toolbar';
import ViewModeToolbar from '../toolbar/view-mode-toolbar';
import DirOperationToolBar from '../toolbar/dir-operation-toolbar';
@@ -15,7 +14,7 @@ import ModalPortal from '../modal-portal';
import LibDecryptDialog from '../dialog/lib-decrypt-dialog';
const propTypes = {
currentRepo: PropTypes.object,
currentRepoInfo: PropTypes.object,
pathPrefix: PropTypes.array.isRequired,
path: PropTypes.string.isRequired,
repoID: PropTypes.string.isRequired,
@@ -56,18 +55,15 @@ class DirPanel extends React.Component {
currentDirent: null,
currentMode: 'list',
isDirentDetailShow: false,
isRepoOwner: true,
isRepoOwner: false,
};
}
componentDidMount() {
let currentRepo = this.props.currentRepo;
if (currentRepo) {
seafileAPI.getAccountInfo().then(res => {
let user_email = res.data.email;
let isRepoOwner = currentRepo.owner_email === user_email;
this.setState({isRepoOwner: isRepoOwner});
});
let currentRepoInfo = this.props.currentRepoInfo;
if (currentRepoInfo) {
let isRepoOwner = currentRepoInfo.owner_email === username;
this.setState({isRepoOwner: isRepoOwner});
}
}
@@ -79,6 +75,7 @@ class DirPanel extends React.Component {
}
onItemDetailsClose = () => {
// todo there is bug when change item
this.setState({isDirentDetailShow: false});
}
@@ -171,7 +168,7 @@ class DirPanel extends React.Component {
path={this.props.path}
repoID={this.props.repoID}
direntList={this.props.direntList}
currentRepo={this.props.currentRepo}
currentRepoInfo={this.props.currentRepoInfo}
isDirentListLoading={this.props.isDirentListLoading}
isAllItemSelected={this.props.isAllDirentSelected}
isRepoOwner={this.state.isRepoOwner}

View File

@@ -8,7 +8,7 @@ import toaster from '../toast';
import DirPanel from './dir-panel';
import Dirent from '../../models/dirent';
import FileTag from '../../models/file-tag';
import Repo from '../../models/repo';
import RepoInfo from '../../models/repo-info';
const propTypes = {
pathPrefix: PropTypes.array.isRequired,
@@ -31,7 +31,7 @@ class DirView extends React.Component {
isDirentSelected: false,
isAllDirentSelected: false,
isDirentListLoading: true,
currentRepo: null,
currentRepoInfo: null,
direntList: [],
selectedDirentList: [],
};
@@ -50,16 +50,16 @@ class DirView extends React.Component {
let location = decodeURIComponent(window.location.href);
let repoID = this.props.repoID;
seafileAPI.getRepoInfo(repoID).then(res => {
let repo = new Repo(res.data);
let repoInfo = new RepoInfo(res.data);
this.setState({
repoID: repo.repo_id,
repoName: repo.repo_name,
permission: repo.permission === 'rw',
currentRepo: repo,
currentRepoInfo: repoInfo,
repoID: repoInfo.repo_id,
repoName: repoInfo.repo_name,
permission: repoInfo.permission === 'rw',
libNeedDecrypt: res.data.lib_need_decrypt,
});
let repoName = repo.repo_name;
let repoName = repoInfo.repo_name;
let index = location.indexOf(repoName);
let path = location.slice(index + repoName.length);
this.setState({path: path});
@@ -234,7 +234,11 @@ class DirView extends React.Component {
let repoID = this.state.repoID;
seafileAPI.moveDir(repoID, destRepo.repo_id, destDirentPath, this.state.path, dirNames).then(() => {
let direntList = this.deleteItems(dirNames);
this.setState({direntList: direntList});
this.setState({
direntList: direntList,
isDirentSelected: false,
selectedDirentList: [],
});
let message = gettext('Successfully moved %(name)s.');
message = message.replace('%(name)s', dirNames);
toaster.success(message);
@@ -264,7 +268,11 @@ class DirView extends React.Component {
let repoID = this.state.repoID;
seafileAPI.deleteMutipleDirents(repoID, this.state.path, dirNames).then(res => {
let direntList = this.deleteItems(dirNames);
this.setState({direntList: direntList});
this.setState({
direntList: direntList,
isDirentSelected: false,
selectedDirentList: [],
});
});
}
@@ -453,7 +461,7 @@ class DirView extends React.Component {
return (
<DirPanel
pathPrefix={this.props.pathPrefix}
currentRepo={this.state.currentRepo}
currentRepoInfo={this.state.currentRepoInfo}
path={this.state.path}
pathExist={this.state.pathExit}
repoID={this.state.repoID}

View File

@@ -6,7 +6,7 @@ import { Utils } from '../../utils/utils';
import EditFileTagDialog from '../dialog/edit-filetag-dialog';
const propTypes = {
repo: PropTypes.object.isRequired,
repoInfo: PropTypes.object.isRequired,
repoID: PropTypes.string.isRequired,
dirent: PropTypes.object.isRequired,
direntType: PropTypes.string.isRequired,
@@ -26,9 +26,9 @@ class DetailListView extends React.Component {
}
getDirentPostion = () => {
let { repo } = this.props;
let { repoInfo } = this.props;
let direntPath = this.getDirentPath();
let position = repo.repo_name;
let position = repoInfo.repo_name;
if (direntPath !== '/') {
let index = direntPath.lastIndexOf('/');
let path = direntPath.slice(0, index);

View File

@@ -4,7 +4,7 @@ import { Utils } from '../../utils/utils';
import { siteRoot } from '../../utils/constants';
import { seafileAPI } from '../../utils/seafile-api';
import DetailListView from './detail-list-view';
import Repo from '../../models/repo';
import RepoInfo from '../../models/repo-info';
import FileTag from '../../models/file-tag';
import '../../css/dirent-detail.css';
@@ -23,7 +23,7 @@ class DirentDetail extends React.Component {
this.state = {
direntType: '',
direntDetail: '',
repo: null,
repoInfo: null,
fileTagList: [],
};
}
@@ -32,8 +32,8 @@ class DirentDetail extends React.Component {
let { dirent, path, repoID } = this.props;
let direntPath = Utils.joinPath(path, dirent.name);
seafileAPI.getRepoInfo(repoID).then(res => {
let repo = new Repo(res.data);
this.setState({repo: repo});
let repoInfo = new RepoInfo(res.data);
this.setState({repoInfo: repoInfo});
this.updateDetailView(dirent, direntPath);
});
}
@@ -89,7 +89,7 @@ class DirentDetail extends React.Component {
{this.state.direntDetail &&
<div className="dirent-table-container">
<DetailListView
repo={this.state.repo}
repoInfo={this.state.repoInfo}
path={this.props.path}
repoID={this.props.repoID}
dirent={this.props.dirent}

View File

@@ -31,7 +31,7 @@ const propTypes = {
onItemCopy: PropTypes.func.isRequired,
onItemDetails: PropTypes.func.isRequired,
updateDirent: PropTypes.func.isRequired,
currentRepo: PropTypes.object,
currentRepoInfo: PropTypes.object,
isRepoOwner: PropTypes.bool,
};
@@ -455,7 +455,7 @@ class DirentListItem extends React.Component {
dirent={this.props.dirent}
menuPosition={this.state.menuPosition}
onMenuItemClick={this.onMenuItemClick}
currentRepo={this.props.currentRepo}
currentRepoInfo={this.props.currentRepoInfo}
isRepoOwner={this.props.isRepoOwner}
/>
}

View File

@@ -8,7 +8,7 @@ const propTypes = {
path: PropTypes.string.isRequired,
repoID: PropTypes.string.isRequired,
isRepoOwner: PropTypes.bool,
currentRepo: PropTypes.object,
currentRepoInfo: PropTypes.object,
isAllItemSelected: PropTypes.bool.isRequired,
isDirentListLoading: PropTypes.bool.isRequired,
direntList: PropTypes.array.isRequired,
@@ -80,7 +80,7 @@ class DirentListView extends React.Component {
dirent={dirent}
path={this.props.path}
repoID={this.props.repoID}
currentRepo={this.props.currentRepo}
currentRepoInfo={this.props.currentRepoInfo}
isRepoOwner={this.props.isRepoOwner}
onItemClick={this.props.onItemClick}
onItemRenameToggle={this.onItemRenameToggle}

View File

@@ -7,7 +7,7 @@ const propTypes = {
dirent: PropTypes.object.isRequired,
menuPosition: PropTypes.object.isRequired,
onMenuItemClick: PropTypes.func.isRequired,
currentRepo: PropTypes.object.isRequired,
currentRepoInfo: PropTypes.object.isRequired,
isRepoOwner: PropTypes.bool.isRequired,
};
@@ -21,8 +21,8 @@ class DirentMenu extends React.Component {
}
componentDidMount() {
let repo = this.props.currentRepo;
let menuList = this.calculateMenuList(repo);
let repoInfo = this.props.currentRepoInfo;
let menuList = this.calculateMenuList(repoInfo);
this.setState({
menuList: menuList,
menuHeight: menuList.length * 30,

View File

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import RepoListView from './repo-list-view';
import { seafileAPI } from '../../utils/seafile-api';
import { gettext } from '../../utils/constants';
import Repo from '../../models/repo';
import RepoInfo from '../../models/repo-info';
import '../../css/file-chooser.css';
@@ -22,7 +22,7 @@ class FileChooser extends React.Component {
isCurrentRepoShow: true,
isOtherRepoShow: false,
repoList: [],
currentRepo: null,
currentRepoInfo: null,
selectedRepo: null,
selectedPath: '',
};
@@ -31,22 +31,24 @@ class FileChooser extends React.Component {
componentDidMount() {
let repoID = this.props.repoID;
seafileAPI.getRepoInfo(repoID).then(res => {
let repo = new Repo(res.data);
// need to optimized
let repoInfo = new RepoInfo(res.data);
this.setState({
currentRepo: repo,
currentRepoInfo: repoInfo,
});
});
}
onOtherRepoToggle = () => {
if (!this.state.hasRequest) {
let { currentRepo } = this.state;
let { currentRepoInfo } = this.state;
seafileAPI.listRepos().then(res => {
// todo optimized code
let repos = res.data.repos;
let repoList = [];
let repoIdList = [];
for(let i = 0; i < repos.length; i++) {
if (repos[i].repo_name === currentRepo.repo_name || repos[i].permission !== 'rw') {
if (repos[i].repo_name === currentRepoInfo.repo_name || repos[i].permission !== 'rw') {
continue;
}
if (repoIdList.indexOf(repos[i].repo_id) > -1) {
@@ -94,10 +96,10 @@ class FileChooser extends React.Component {
<span className="library">{gettext('Current Library')}</span>
</div>
{
this.state.isCurrentRepoShow && this.state.currentRepo &&
this.state.isCurrentRepoShow && this.state.currentRepoInfo &&
<RepoListView
initToShowChildren={true}
repo={this.state.currentRepo}
currentRepoInfo={this.state.currentRepoInfo}
selectedRepo={this.state.selectedRepo}
selectedPath={this.state.selectedPath}
onRepoItemClick={this.onRepoItemClick}

View File

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import RepoListItem from './repo-list-item';
const propTypes = {
repo: PropTypes.object,
currentRepoInfo: PropTypes.object,
repoList: PropTypes.array,
selectedRepo: PropTypes.object,
initToShowChildren: PropTypes.bool.isRequired,
@@ -15,10 +15,10 @@ const propTypes = {
class RepoListView extends React.Component {
render() {
let { repo, repoList } = this.props;
if (repo) {
let { currentRepoInfo, repoList } = this.props;
if (currentRepoInfo) {
repoList = [];
repoList.push(repo);
repoList.push(currentRepoInfo);
}
return (
<ul className="list-view-content file-chooser-item">