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:
@@ -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() {
|
||||
|
@@ -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}
|
||||
|
@@ -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}
|
||||
|
@@ -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);
|
||||
|
@@ -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}
|
||||
|
@@ -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}
|
||||
/>
|
||||
}
|
||||
|
@@ -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}
|
||||
|
@@ -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,
|
||||
|
@@ -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}
|
||||
|
@@ -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">
|
||||
|
Reference in New Issue
Block a user