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

Use state change directory array

Browse Source
This commit is contained in:
zxj96
2019-04-23 14:43:47 +08:00
parent 002c3a0dcc
commit 624871fc9c
7 changed files with 50 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/dir-view-mode/dir-column-view.js
View File

@@ -67,6 +67,8 @@ const propTypes = {
onItemsCopy: PropTypes.func.isRequired,
onItemsDelete: PropTypes.func.isRequired,
onFileTagChanged: PropTypes.func,
scrollPage: PropTypes.func.isRequired,
isCurrentPage: PropTypes.bool.isRequired,
};
class DirColumnView extends React.Component {
@@ -224,6 +226,8 @@ class DirColumnView extends React.Component {
onItemsCopy={this.props.onItemsCopy}
onItemsDelete={this.props.onItemsDelete}
onFileTagChanged={this.props.onFileTagChanged}
isCurrentPage={this.props.isCurrentPage}
scrollPage={this.props.scrollPage}
/>
)}
</div>

4
frontend/src/components/dir-view-mode/dir-grid-view.js
View File

@@ -30,6 +30,8 @@ const propTypes = {
showDirentDetail: PropTypes.func.isRequired,
onAddFolder: PropTypes.func.isRequired,
onFileTagChanged: PropTypes.func,
scrollPage: PropTypes.func.isRequired,
isCurrentPage: PropTypes.bool.isRequired
};
class DirGridView extends React.Component {
@@ -78,6 +80,8 @@ class DirGridView extends React.Component {
isDirentDetailShow={this.props.isDirentDetailShow}
onItemRename={this.props.onItemRename}
onAddFolder={this.props.onAddFolder}
isCurrentPage={this.props.isCurrentPage}
scrollPage={this.props.scrollPage}
/>
</Fragment>
);

4
frontend/src/components/dir-view-mode/dir-list-view.js
View File

@@ -38,6 +38,8 @@ const propTypes = {
onItemsCopy: PropTypes.func.isRequired,
onItemsDelete: PropTypes.func.isRequired,
onFileTagChanged: PropTypes.func,
scrollPage: PropTypes.func.isRequired,
isCurrentPage: PropTypes.bool.isRequired
};
class DirListView extends React.Component {
@@ -97,6 +99,8 @@ class DirListView extends React.Component {
onAddFile={this.props.onAddFile}
onAddFolder={this.props.onAddFolder}
onFileTagChanged={this.props.onFileTagChanged}
isCurrentPage={this.props.isCurrentPage}
scrollPage={this.props.scrollPage}
/>
</Fragment>
);

25
frontend/src/components/dirent-grid-view/dirent-grid-view.js
View File

@@ -40,6 +40,8 @@ const propTypes = {
isDirentDetailShow: PropTypes.bool.isRequired,
onGridItemClick: PropTypes.func,
onAddFolder: PropTypes.func.isRequired,
scrollPage: PropTypes.func.isRequired,
isCurrentPage: PropTypes.bool.isRequired
};
class DirentGridView extends React.Component{
@@ -61,7 +63,6 @@ class DirentGridView extends React.Component{
isMutipleOperation: false,
isGridItemFreezed: false,
activeDirent: null,
direntItemsList: [],
itemIdex: 100,
}
this.isRepoOwner = props.currentRepoInfo.owner_email === username;
@@ -72,10 +73,9 @@ class DirentGridView extends React.Component{
}
componentWillReceiveProps(nextProps) {
let direntItemsList = nextProps.direntList.filter((item, index) => {
return index < 100
})
this.setState({direntItemsList: direntItemsList, itemIdex: 100,})
if (this.props.isCurrentPage) {
this.setState({itemIdex: 100})
}
}
componentWillUnmount() {
@@ -97,16 +97,11 @@ class DirentGridView extends React.Component{
let target = e.target;
let itemIdex = this.state.itemIdex;
const { direntList } = this.props;
if (target.scrollTop + document.documentElement.clientHeight - target.offsetTop >= target.scrollHeight) {
itemIdex += 100;
let direntItemsList = direntList.filter((item, index) => {
return index < itemIdex
})
this.setState({direntItemsList: direntItemsList, itemIdex: itemIdex})
itemIdex += 100
this.setState({itemIdex: itemIdex})
}
this.props.scrollPage();
}
onMoveToggle = () => {
@@ -511,11 +506,9 @@ class DirentGridView extends React.Component{
let direntPath = Utils.joinPath(path, dirent.name);
let direntItemsList = direntList.filter((item, index) => {
return index < 100
return index < this.state.itemIdex;
})
direntItemsList = this.state.direntItemsList.length === 0 ? direntItemsList : this.state.direntItemsList;
if (this.props.isDirentListLoading) {
return (<Loading />);
}

26
frontend/src/components/dirent-list-view/dirent-list-view.js
View File

@@ -45,6 +45,8 @@ const propTypes = {
onItemsCopy: PropTypes.func.isRequired,
onItemsDelete: PropTypes.func.isRequired,
onFileTagChanged: PropTypes.func,
scrollPage: PropTypes.func.isRequired,
isCurrentPage: PropTypes.bool.isRequired,
};
class DirentListView extends React.Component {
@@ -65,7 +67,6 @@ class DirentListView extends React.Component {
progress: 0,
isMutipleOperation: true,
activeDirent: null,
direntItemsList: [],
itemIdex: 100,
};
@@ -89,11 +90,9 @@ class DirentListView extends React.Component {
}
componentWillReceiveProps(nextProps) {
let direntItemsList = nextProps.direntList.filter((item, index) => {
return index < 100
})
this.setState({direntItemsList: direntItemsList, itemIdex: 100,})
if (this.props.isCurrentPage) {
this.setState({itemIdex: 100})
}
}
componentWillUnmount() {
@@ -543,27 +542,20 @@ class DirentListView extends React.Component {
let target = e.target;
let itemIdex = this.state.itemIdex;
const { direntList } = this.props;
if (target.scrollTop + document.documentElement.clientHeight - target.offsetTop >= target.scrollHeight) {
itemIdex += 100;
let direntItemsList = direntList.filter((item, index) => {
return index < itemIdex
})
this.setState({direntItemsList: direntItemsList, itemIdex: itemIdex})
itemIdex += 100
this.setState({itemIdex: itemIdex})
}
this.props.scrollPage();
}
render() {
const { direntList, sortBy, sortOrder } = this.props;
let direntItemsList = direntList.filter((item, index) => {
return index < 100
return index < this.state.itemIdex;
})
direntItemsList = this.state.direntItemsList.length === 0 ? direntItemsList : this.state.direntItemsList
if (this.props.isDirentListLoading) {
return (<Loading />);
}