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

Update org management interface (#6040)

Browse Source 
* add trash to org admin interface

* update get_org_trash_repo_list

* update

* update-team-admin-trash-libraries

* update trash repo frontend

* update

* update

* Update seafile_db.py

---------

Co-authored-by: 孙永强 <11704063+s-yongqiang@user.noreply.gitee.com>
Co-authored-by: r350178982 <32759763+r350178982@users.noreply.github.com>
This commit is contained in:
awu0403
2024-05-06 09:43:37 +08:00
committed by GitHub
parent 7793339426
commit 599f73b438
9 changed files with 1150 additions and 343 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/pages/org-admin/index.js
View File

@@ -24,7 +24,8 @@ import OrgGroupsSearchGroups from './org-groups-search-groups';
import OrgGroupInfo from './org-group-info';
import OrgGroupRepos from './org-group-repos';
import OrgGroupMembers from './org-group-members';
import OrgLibraries from './org-libraries';
import OrgAllRepos from './libraries/org-all-repos';
import OrgTrashRepos from './libraries/org-repo-trash';
import OrgInfo from './org-info';
import OrgLinks from './org-links';
import OrgDepartments from './org-departments';
@@ -106,7 +107,8 @@ class Org extends React.Component {
<OrgGroupInfo path={siteRoot + 'org/groupadmin/:groupID/'} />
<OrgGroupRepos path={siteRoot + 'org/groupadmin/:groupID/repos/'} />
<OrgGroupMembers path={siteRoot + 'org/groupadmin/:groupID/members/'} />
<OrgLibraries path={siteRoot + 'org/repoadmin'}/>
<OrgAllRepos path={siteRoot + 'org/repoadmin'}/>
<OrgTrashRepos path={siteRoot + 'org/repoadmin-trash'}/>
<OrgLinks path={siteRoot + 'org/publinkadmin'}/>
<OrgDepartments path={siteRoot + 'org/departmentadmin'}>
<OrgDepartmentsList path='/'/>

427
frontend/src/pages/org-admin/libraries/org-all-repos.js Normal file
View File

@@ -0,0 +1,427 @@
import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
import { Utils } from '../../../utils/utils';
import { seafileAPI } from '../../../utils/seafile-api';
import { gettext, siteRoot, mediaUrl, orgID } from '../../../utils/constants';
import toaster from '../../../components/toast/index';
import EmptyTip from '../../../components/empty-tip';
import Loading from '../../../components/loading';
import Paginator from '../../../components/paginator';
import ModalPortal from '../../../components/modal-portal';
import TransferDialog from '../../../components/dialog/transfer-dialog';
import { navigate } from '@gatsbyjs/reach-router';
import OrgAdminRepo from '../../../models/org-admin-repo';
import MainPanelTopbar from '../main-panel-topbar';
import ReposNav from './org-repo-nav';
class Content extends Component {
constructor(props) {
super(props);
this.state = {
isItemFreezed: false
};
}
onFreezedItem = () => {
this.setState({isItemFreezed: true});
};
onUnfreezedItem = () => {
this.setState({isItemFreezed: false});
};
getPreviousPageList = () => {
this.props.getListByPage(this.props.pageInfo.current_page - 1);
};
getNextPageList = () => {
this.props.getListByPage(this.props.pageInfo.current_page + 1);
};
sortByFileCount = (e) => {
e.preventDefault();
this.props.sortItems('file_count');
};
sortBySize = (e) => {
e.preventDefault();
this.props.sortItems('size');
};
render() {
// offer 'sort' only for 'all repos'
const { loading, errorMsg, items, pageInfo, curPerPage, sortBy } = this.props;
if (loading) {
return <Loading />;
} else if (errorMsg) {
return <p className="error text-center">{errorMsg}</p>;
} else {
const emptyTip = (
<EmptyTip>
<h2>{gettext('No libraries')}</h2>
</EmptyTip>
);
const initialSortIcon = <span className="fas fa-sort"></span>;
const sortIcon = <span className="fas fa-caret-down"></span>;
const table = (
<Fragment>
<table>
<thead>
<tr>
<th width="5%">{/*icon*/}</th>
<th width="25%">{gettext('Name')}</th>
<th width="15%">
{sortBy != undefined ?
<Fragment>
<a className="d-inline-block table-sort-op" href="#" onClick={this.sortByFileCount}>{gettext('Files')} {sortBy == 'file_count' ? sortIcon : initialSortIcon}</a>{' / '}
<a className="d-inline-block table-sort-op" href="#" onClick={this.sortBySize}>{gettext('Size')} {sortBy == 'size' ? sortIcon : initialSortIcon}</a>
</Fragment> :
gettext('Files') / gettext('Size')
}
</th>
<th width="32%">ID</th>
<th width="18%">{gettext('Owner')}</th>
<th width="5%">{/*Operations*/}</th>
</tr>
</thead>
<tbody>
{items.map((item, index) => {
return (<RepoItem
key={index}
repo={item}
isItemFreezed={this.state.isItemFreezed}
onFreezedItem={this.onFreezedItem}
onUnfreezedItem={this.onUnfreezedItem}
onDeleteRepo={this.props.onDeleteRepo}
transferRepoItem={this.props.transferRepoItem}
/>);
})}
</tbody>
</table>
{pageInfo &&
<Paginator
gotoPreviousPage={this.getPreviousPageList}
gotoNextPage={this.getNextPageList}
currentPage={pageInfo.current_page}
hasNextPage={pageInfo.has_next_page}
curPerPage={curPerPage}
resetPerPage={this.props.resetPerPage}
/>
}
</Fragment>
);
return items.length ? table : emptyTip;
}
}
}
Content.propTypes = {
loading: PropTypes.bool.isRequired,
errorMsg: PropTypes.string.isRequired,
items: PropTypes.array.isRequired,
deleteItem: PropTypes.func,
onDeleteRepo: PropTypes.func.isRequired,
onRestoreRepo: PropTypes.func,
getListByPage: PropTypes.func.isRequired,
resetPerPage: PropTypes.func,
pageInfo: PropTypes.object,
curPerPage: PropTypes.number,
sortItems: PropTypes.func,
sortBy: PropTypes.string,
transferRepoItem: PropTypes.func.isRequired,
};
const propTypes = {
repo: PropTypes.object.isRequired,
isItemFreezed: PropTypes.bool,
onFreezedItem: PropTypes.func.isRequired,
onUnfreezedItem: PropTypes.func.isRequired,
onDeleteRepo: PropTypes.func.isRequired,
transferRepoItem: PropTypes.func.isRequired,
};
class RepoItem extends React.Component {
constructor(props) {
super(props);
this.state = {
highlight: false,
showMenu: false,
isItemMenuShow: false,
isTransferDialogShow: false,
};
}
onMouseEnter = () => {
if (!this.props.isItemFreezed) {
this.setState({
showMenu: true,
highlight: true,
});
}
};
onMouseLeave = () => {
if (!this.props.isItemFreezed) {
this.setState({
showMenu: false,
highlight: false
});
}
};
onDropdownToggleClick = (e) => {
e.preventDefault();
this.toggleOperationMenu(e);
};
toggleOperationMenu = (e) => {
e.stopPropagation();
this.setState(
{isItemMenuShow: !this.state.isItemMenuShow }, () => {
if (this.state.isItemMenuShow) {
this.props.onFreezedItem();
} else {
this.setState({
highlight: false,
showMenu: false,
});
this.props.onUnfreezedItem();
}
}
);
};
toggleDelete = () => {
this.props.onDeleteRepo(this.props.repo);
};
renderLibIcon = (repo) => {
let href;
let iconTitle;
if (repo.encrypted) {
href = mediaUrl + 'img/lib/48/lib-encrypted.png';
iconTitle = gettext('Encrypted library');
} else {
href = mediaUrl + 'img/lib/48/lib.png';
iconTitle = gettext('Read-Write library');
}
return <img src={href} title={iconTitle} alt={iconTitle} width="24" />;
};
renderRepoOwnerHref = (repo) => {
let href;
if (repo.isDepartmentRepo) {
href = siteRoot + 'org/groupadmin/' + repo.groupID + '/';
} else {
href = siteRoot + 'org/useradmin/info/' + repo.ownerEmail + '/';
}
return href;
};
toggleTransfer = () => {
this.setState({isTransferDialogShow: !this.state.isTransferDialogShow});
};
onTransferRepo = (user) => {
let repo = this.props.repo;
seafileAPI.orgAdminTransferOrgRepo(orgID, repo.repoID, user.email).then(res => {
this.props.transferRepoItem(repo.repoID, user);
let msg = gettext('Successfully transferred the library.');
toaster.success(msg);
}).catch(error => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
this.toggleTransfer();
};
render() {
let { repo } = this.props;
let isOperationMenuShow = this.state.showMenu;
return (
<Fragment>
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td>{this.renderLibIcon(repo)}</td>
<td>{repo.repoName}</td>
<td>{`${repo.file_count} / ${Utils.bytesToSize(repo.size)}`}</td>
<td>{repo.repoID}</td>
<td><a href={this.renderRepoOwnerHref(repo)}>{repo.ownerName}</a></td>
<td className="text-center cursor-pointer">
{isOperationMenuShow &&
<Dropdown isOpen={this.state.isItemMenuShow} toggle={this.toggleOperationMenu}>
<DropdownToggle
tag="a"
className="attr-action-icon fas fa-ellipsis-v"
title={gettext('More operations')}
aria-label={gettext('More operations')}
data-toggle="dropdown"
aria-expanded={this.state.isItemMenuShow}
onClick={this.onDropdownToggleClick}
/>
<DropdownMenu>
<DropdownItem onClick={this.toggleDelete}>{gettext('Delete')}</DropdownItem>
<DropdownItem onClick={this.toggleTransfer}>{gettext('Transfer')}</DropdownItem>
</DropdownMenu>
</Dropdown>
}
</td>
</tr>
{this.state.isTransferDialogShow && (
<ModalPortal>
<TransferDialog
itemName={repo.repoName}
submit={this.onTransferRepo}
toggleDialog={this.toggleTransfer}
isOrgAdmin={true}
/>
</ModalPortal>
)}
</Fragment>
);
}
}
RepoItem.propTypes = propTypes;
class OrgAllRepos extends Component {
constructor(props) {
super(props);
this.state = {
loading: true,
errorMsg: '',
repos: [],
pageInfo: {},
perPage: 25,
sortBy: '',
};
}
componentDidMount () {
let urlParams = (new URL(window.location)).searchParams;
const { currentPage = 1, perPage, sortBy } = this.state;
this.setState({
sortBy: urlParams.get('order_by') || sortBy,
perPage: parseInt(urlParams.get('per_page') || perPage),
currentPage: parseInt(urlParams.get('page') || currentPage)
}, () => {
this.getReposByPage(this.state.currentPage);
});
}
getReposByPage = (page) => {
let { perPage } = this.state;
seafileAPI.orgAdminListOrgRepos(orgID, page, perPage, this.state.sortBy).then((res) => {
let orgRepos = res.data.repo_list.map(item => {
return new OrgAdminRepo(item);
});
let page_info = {};
if(res.data.page_info === undefined){
let page = res.data.page;
let has_next_page = res.data.page_next;
page_info = {
'current_page': page,
'has_next_page': has_next_page
};
}else{
page_info = res.data.page_info;
}
this.setState({
loading: false,
repos: orgRepos,
pageInfo: page_info
});
}).catch((error) => {
this.setState({
loading: false,
errorMsg: Utils.getErrorMsg(error, true) // true: show login tip if 403
});
});
};
sortItems = (sortBy) => {
this.setState({
currentPage: 1,
sortBy: sortBy
}, () => {
let url = new URL(location.href);
let searchParams = new URLSearchParams(url.search);
const { currentPage, sortBy } = this.state;
searchParams.set('page', currentPage);
searchParams.set('order_by', sortBy);
url.search = searchParams.toString();
navigate(url.toString());
this.getReposByPage(currentPage);
});
};
resetPerPage = (perPage) => {
this.setState({
perPage: perPage
}, () => {
this.getReposByPage(1);
});
};
deleteRepoItem = (repo) => {
seafileAPI.orgAdminDeleteOrgRepo(orgID, repo.repoID).then(res => {
this.setState({
repos: this.state.repos.filter(item => item.repoID !== repo.repoID)
});
let msg = gettext('Successfully deleted {name}');
msg = msg.replace('{name}', repo.repoName);
toaster.success(msg);
}).catch(error => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
};
transferRepoItem = (repoID, user) => {
this.setState({
repos: this.state.repos.map(item =>{
if (item.repoID == repoID) {
item.ownerEmail = user.email;
item.ownerName = user.value;
}
return item;
})
});
};
render() {
return (
<Fragment>
<MainPanelTopbar />
<div className="main-panel-center flex-row">
<div className="cur-view-container">
<ReposNav currentItem="all" />
<div className="cur-view-content">
<Content
loading={this.state.loading}
errorMsg={this.state.errorMsg}
items={this.state.repos}
sortBy={this.state.sortBy}
sortItems={this.sortItems}
pageInfo={this.state.pageInfo}
curPerPage={this.state.perPage}
getListByPage={this.getReposByPage}
resetPerPage={this.resetPerPage}
onDeleteRepo={this.deleteRepoItem}
transferRepoItem={this.transferRepoItem}
/>
</div>
</div>
</div>
</Fragment>
);
}
}
export default OrgAllRepos;

40
frontend/src/pages/org-admin/libraries/org-repo-nav.js Normal file
View File

@@ -0,0 +1,40 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Link } from '@gatsbyjs/reach-router';
import { siteRoot, gettext } from '../../../utils/constants';
const propTypes = {
currentItem: PropTypes.string.isRequired
};
class Nav extends React.Component {
constructor(props) {
super(props);
this.navItems = [
{name: 'all', urlPart: 'repoadmin', text: gettext('All')},
{name: 'trash', urlPart: 'repoadmin-trash', text: gettext('Trash')}
];
}
render() {
const { currentItem } = this.props;
return (
<div className="cur-view-path tab-nav-container">
<ul className="nav">
{this.navItems.map((item, index) => {
return (
<li className="nav-item" key={index}>
<Link to={`${siteRoot}org/${item.urlPart}/`} className={`nav-link${currentItem == item.name ? ' active' : ''}`}>{item.text}</Link>
</li>
);
})}
</ul>
</div>
);
}
}
Nav.propTypes = propTypes;
export default Nav;

411
frontend/src/pages/org-admin/libraries/org-repo-trash.js Normal file
View File

@@ -0,0 +1,411 @@
import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import { Button } from 'reactstrap';
import moment from 'moment';
import { Utils } from '../../../utils/utils';
import { seafileAPI } from '../../../utils/seafile-api';
import { gettext, orgID } from '../../../utils/constants';
import toaster from '../../../components/toast/index';
import EmptyTip from '../../../components/empty-tip';
import Loading from '../../../components/loading';
import Paginator from '../../../components/paginator';
import ModalPortal from '../../../components/modal-portal';
import OpMenu from '../../../components/dialog/op-menu';
import CommonOperationConfirmationDialog from '../../../components/dialog/common-operation-confirmation-dialog';
import MainPanelTopbar from '../main-panel-topbar';
import UserLink from '../user-link';
import ReposNav from './org-repo-nav';
class Content extends Component {
constructor(props) {
super(props);
this.state = {
isItemFreezed: false
};
}
onFreezedItem = () => {
this.setState({isItemFreezed: true});
};
onUnfreezedItem = () => {
this.setState({isItemFreezed: false});
};
getPreviousPageList = () => {
this.props.getListByPage(this.props.pageInfo.current_page - 1);
};
getNextPageList = () => {
this.props.getListByPage(this.props.pageInfo.current_page + 1);
};
render() {
const { loading, errorMsg, items, pageInfo, curPerPage } = this.props;
if (loading) {
return <Loading />;
} else if (errorMsg) {
return <p className="error text-center mt-4">{errorMsg}</p>;
} else {
const emptyTip = (
<EmptyTip>
<h2>{gettext('No deleted libraries')}</h2>
</EmptyTip>
);
const table = (
<Fragment>
{/* <p className="mt-4 small text-secondary">{gettext('Tip: libraries deleted {trashReposExpireDays} days ago will be cleaned automatically.').replace('{trashReposExpireDays}', trashReposExpireDays)}</p> */}
<table className="table-hover">
<thead>
<tr>
<th width="5%">{/*icon*/}</th>
<th width="43%">{gettext('Name')}</th>
<th width="27%">{gettext('Owner')}</th>
<th width="20%">{gettext('Deleted Time')}</th>
<th width="5%">{/*Operations*/}</th>
</tr>
</thead>
<tbody>
{items.map((item, index) => {
return (<Item
key={index}
repo={item}
isItemFreezed={this.state.isItemFreezed}
onFreezedItem={this.onFreezedItem}
onUnfreezedItem={this.onUnfreezedItem}
onDeleteRepo={this.props.onDeleteRepo}
onRestoreRepo={this.props.onRestoreRepo}
/>);
})}
</tbody>
</table>
{pageInfo &&
<Paginator
gotoPreviousPage={this.getPreviousPageList}
gotoNextPage={this.getNextPageList}
currentPage={pageInfo.current_page}
hasNextPage={pageInfo.has_next_page}
curPerPage={curPerPage}
resetPerPage={this.props.resetPerPage}
/>
}
</Fragment>
);
return items.length ? table : emptyTip;
}
}
}
Content.propTypes = {
loading: PropTypes.bool.isRequired,
errorMsg: PropTypes.string.isRequired,
items: PropTypes.array.isRequired,
deleteItem: PropTypes.func,
onDeleteRepo: PropTypes.func.isRequired,
onRestoreRepo: PropTypes.func,
getListByPage: PropTypes.func.isRequired,
resetPerPage: PropTypes.func,
pageInfo: PropTypes.object,
curPerPage: PropTypes.number,
};
class Item extends Component {
constructor(props) {
super(props);
this.state = {
highlight: false,
isOpIconShown: false,
isDeleteRepoDialogOpen: false,
isRestoreRepoDialogOpen: false
};
}
handleMouseOver = () => {
if (!this.props.isItemFreezed) {
this.setState({
isOpIconShown: true,
highlight: true
});
}
};
handleMouseOut = () => {
if (!this.props.isItemFreezed) {
this.setState({
isOpIconShown: false,
highlight: false
});
}
};
onUnfreezedItem = () => {
this.setState({
highlight: false,
isOpIconShow: false
});
this.props.onUnfreezedItem();
};
onDeleteRepo = () => {
const repo = this.props.repo;
seafileAPI.orgAdminDeleteTrashRepo(orgID, repo.id).then((res) => {
this.props.onDeleteRepo(repo);
const msg = gettext('Successfully deleted {name}.').replace('{name}', repo.name);
toaster.success(msg);
}).catch((error) => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
};
onRestoreRepo = () => {
const repo = this.props.repo;
seafileAPI.orgAdminRestoreTrashRepo(orgID, repo.id).then((res) => {
this.props.onRestoreRepo(repo);
let message = gettext('Successfully restored the library.');
toaster.success(message);
}).catch((error) => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
};
toggleDeleteRepoDialog = (e) => {
if (e) {
e.preventDefault();
}
this.setState({isDeleteRepoDialogOpen: !this.state.isDeleteRepoDialogOpen});
};
toggleRestoreRepoDialog = (e) => {
if (e) {
e.preventDefault();
}
this.setState({isRestoreRepoDialogOpen: !this.state.isRestoreRepoDialogOpen});
};
translateOperations = (item) => {
let translateResult = '';
switch(item) {
case 'Restore':
translateResult = gettext('Restore');
break;
case 'Delete':
translateResult = gettext('Delete');
break;
default:
break;
}
return translateResult;
};
onMenuItemClick = (operation) => {
switch(operation) {
case 'Restore':
this.toggleRestoreRepoDialog();
break;
case 'Delete':
this.toggleDeleteRepoDialog();
break;
default:
break;
}
};
render () {
const { repo } = this.props;
const { isOpIconShown, isDeleteRepoDialogOpen, isRestoreRepoDialogOpen } = this.state;
const iconUrl = Utils.getLibIconUrl(repo);
const iconTitle = Utils.getLibIconTitle(repo);
const repoName = '<span class="op-target">' + Utils.HTMLescape(repo.name) + '</span>';
return (
<Fragment>
<tr onMouseEnter={this.handleMouseOver} onMouseLeave={this.handleMouseOut}>
<td><img src={iconUrl} title={iconTitle} alt={iconTitle} width="24" /></td>
<td>{repo.name}</td>
<td>
{repo.owner.indexOf('@seafile_group') == -1 ?
<UserLink email={repo.owner} name={repo.owner_name} /> :
repo.group_name}
</td>
<td>{moment(repo.delete_time).fromNow()}</td>
<td>
{isOpIconShown && (
<OpMenu
operations={['Restore', 'Delete']}
translateOperations={this.translateOperations}
onMenuItemClick={this.onMenuItemClick}
onFreezedItem={this.props.onFreezedItem}
onUnfreezedItem={this.onUnfreezedItem}
/>
)}
</td>
</tr>
{isDeleteRepoDialogOpen &&
<ModalPortal>
<CommonOperationConfirmationDialog
title={gettext('Delete Library')}
message={gettext('Are you sure you want to delete {placeholder} completely?').replace('{placeholder}', repoName)}
executeOperation={this.onDeleteRepo}
confirmBtnText={gettext('Delete')}
toggleDialog={this.toggleDeleteRepoDialog}
/>
</ModalPortal>
}
{isRestoreRepoDialogOpen &&
<ModalPortal>
<CommonOperationConfirmationDialog
title={gettext('Restore Library')}
message={gettext('Are you sure you want to restore {placeholder}?').replace('{placeholder}', repoName)}
executeOperation={this.onRestoreRepo}
confirmBtnText={gettext('Restore')}
toggleDialog={this.toggleRestoreRepoDialog}
/>
</ModalPortal>
}
</Fragment>
);
}
}
Item.propTypes = {
repo: PropTypes.object.isRequired,
isItemFreezed: PropTypes.bool.isRequired,
onFreezedItem: PropTypes.func.isRequired,
onUnfreezedItem: PropTypes.func.isRequired,
onDeleteRepo: PropTypes.func.isRequired,
onRestoreRepo: PropTypes.func,
};
class TrashRepos extends Component {
constructor(props) {
super(props);
this.state = {
loading: true,
errorMsg: '',
repos: [],
pageInfo: {},
perPage: 25,
isCleanTrashDialogOpen: false
};
}
componentDidMount () {
let urlParams = (new URL(window.location)).searchParams;
const { currentPage = 1, perPage } = this.state;
this.setState({
perPage: parseInt(urlParams.get('per_page') || perPage),
currentPage: parseInt(urlParams.get('page') || currentPage)
}, () => {
this.getReposByPage(this.state.currentPage);
});
}
toggleCleanTrashDialog = () => {
this.setState({isCleanTrashDialogOpen: !this.state.isCleanTrashDialogOpen});
};
getReposByPage = (page) => {
let { perPage } = this.state;
seafileAPI.orgAdminListTrashRepos(orgID, page, perPage).then((res) => {
this.setState({
repos: res.data.repos,
pageInfo: res.data.page_info,
loading: false
});
}).catch((error) => {
this.setState({
loading: false,
errorMsg: Utils.getErrorMsg(error, true) // true: show login tip if 403
});
});
};
resetPerPage = (perPage) => {
this.setState({
perPage: perPage
}, () => {
this.getReposByPage(1);
});
};
onDeleteRepo = (targetRepo) => {
let repos = this.state.repos.filter(repo => {
return repo.id != targetRepo.id;
});
this.setState({
repos: repos
});
};
onRestoreRepo = (targetRepo) => {
let repos = this.state.repos.filter(repo => {
return repo.id != targetRepo.id;
});
this.setState({
repos: repos
});
};
cleanTrash = () => {
seafileAPI.orgAdminCleanTrashRepo(orgID).then(res => {
this.setState({repos: []});
toaster.success(gettext('Successfully cleared trash.'));
}).catch(error => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
};
render() {
const { isCleanTrashDialogOpen } = this.state;
// enable 'search': <MainPanelTopbar search={this.getSearch()}>
return (
<Fragment>
{this.state.repos.length ? (
<MainPanelTopbar {...this.props}>
<Button className="operation-item" onClick={this.toggleCleanTrashDialog}>{gettext('Clean')}</Button>
</MainPanelTopbar>
) : <MainPanelTopbar {...this.props} />
}
<div className="main-panel-center flex-row">
<div className="cur-view-container">
<ReposNav currentItem="trash" />
<div className="cur-view-content">
<Content
loading={this.state.loading}
errorMsg={this.state.errorMsg}
items={this.state.repos}
pageInfo={this.state.pageInfo}
onDeleteRepo={this.onDeleteRepo}
onRestoreRepo={this.onRestoreRepo}
getListByPage={this.getReposByPage}
resetPerPage={this.resetPerPage}
curPerPage={this.state.perPage}
/>
</div>
</div>
</div>
{isCleanTrashDialogOpen &&
<CommonOperationConfirmationDialog
title={gettext('Clear Trash')}
message={gettext('Are you sure you want to clear trash?')}
executeOperation={this.cleanTrash}
confirmBtnText={gettext('Clear')}
toggleDialog={this.toggleCleanTrashDialog}
/>
}
</Fragment>
);
}
}
export default TrashRepos;

341
frontend/src/pages/org-admin/org-libraries.js
View File

@@ -1,341 +0,0 @@
import React, { Fragment, Component } from 'react';
import { navigate } from '@gatsbyjs/reach-router';
import PropTypes from 'prop-types';
import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
import MainPanelTopbar from './main-panel-topbar';
import OrgAdminRepo from '../../models/org-admin-repo';
import toaster from '../../components/toast';
import TransferDialog from '../../components/dialog/transfer-dialog';
import ModalPortal from '../../components/modal-portal';
import { seafileAPI } from '../../utils/seafile-api';
import { Utils } from '../../utils/utils';
import { mediaUrl, siteRoot, gettext, orgID } from '../../utils/constants';
class OrgLibraries extends Component {
constructor(props) {
super(props);
this.state = {
page: 1,
pageNext: false,
orgRepos: [],
sortBy: '',
isItemFreezed: false
};
}
componentDidMount() {
let urlParams = (new URL(window.location)).searchParams;
const { page, /*currentPage = 1, perPage, */sortBy } = this.state;
this.setState({
sortBy: urlParams.get('order_by') || sortBy,
//perPage: parseInt(urlParams.get('per_page') || perPage),
//currentPage: parseInt(urlParams.get('page') || currentPage)
page: parseInt(urlParams.get('page') || page)
}, () => {
this.listRepos(this.state.page);
});
}
listRepos = (page) => {
seafileAPI.orgAdminListOrgRepos(orgID, page, this.state.sortBy).then(res => {
let orgRepos = res.data.repo_list.map(item => {
return new OrgAdminRepo(item);
});
this.setState({
orgRepos: orgRepos,
pageNext: res.data.page_next,
page: res.data.page,
});
}).catch(error => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
};
onChangePageNum = (e, num) => {
e.preventDefault();
let page = this.state.page;
if (num == 1) {
page = page + 1;
} else {
page = page - 1;
}
this.listRepos(page);
};
onFreezedItem = () => {
this.setState({isItemFreezed: true});
};
onUnfreezedItem = () => {
this.setState({isItemFreezed: false});
};
deleteRepoItem = (repo) => {
seafileAPI.orgAdminDeleteOrgRepo(orgID, repo.repoID).then(res => {
this.setState({
orgRepos: this.state.orgRepos.filter(item => item.repoID != repo.repoID)
});
let msg = gettext('Successfully deleted {name}');
msg = msg.replace('{name}', repo.repoName);
toaster.success(msg);
}).catch(error => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
};
transferRepoItem = (repoID, user) => {
this.setState({
orgRepos: this.state.orgRepos.map(item =>{
if (item.repoID == repoID) {
item.ownerEmail = user.email;
item.ownerName = user.value;
}
return item;
})
});
};
sortItems = (sortBy) => {
this.setState({
page: 1,
sortBy: sortBy
}, () => {
let url = new URL(location.href);
let searchParams = new URLSearchParams(url.search);
const { page, sortBy } = this.state;
searchParams.set('page', page);
searchParams.set('order_by', sortBy);
url.search = searchParams.toString();
navigate(url.toString());
this.listRepos(page);
});
};
sortByFileCount = (e) => {
e.preventDefault();
this.sortItems('file_count');
};
sortBySize = (e) => {
e.preventDefault();
this.sortItems('size');
};
render() {
const { orgRepos, sortBy } = this.state;
const initialSortIcon = <span className="fas fa-sort"></span>;
const sortIcon = <span className="fas fa-caret-down"></span>;
return (
<Fragment>
<MainPanelTopbar />
<div className="main-panel-center flex-row">
<div className="cur-view-container">
<div className="cur-view-path">
<h3 className="sf-heading">{gettext('All Libraries')}</h3>
</div>
<div className="cur-view-content">
<table>
<thead>
<tr>
<th width="5%">{/*icon*/}</th>
<th width="25%">{gettext('Name')}</th>
<th width="15%">
<a className="d-inline-block table-sort-op" href="#" onClick={this.sortByFileCount}>{gettext('Files')} {sortBy == 'file_count' ? sortIcon : initialSortIcon}</a>{' / '}
<a className="d-inline-block table-sort-op" href="#" onClick={this.sortBySize}>{gettext('Size')} {sortBy == 'size' ? sortIcon : initialSortIcon}</a>
</th>
<th width="32%">ID</th>
<th width="18%">{gettext('Owner')}</th>
<th width="5%">{/*Operations*/}</th>
</tr>
</thead>
<tbody>
{orgRepos.map(item => {
return (
<RepoItem
key={item.repoID}
repo={item}
isItemFreezed={this.state.isItemFreezed}
onFreezedItem={this.onFreezedItem}
onUnfreezedItem={this.onUnfreezedItem}
deleteRepoItem={this.deleteRepoItem}
transferRepoItem={this.transferRepoItem}
/>
);}
)}
</tbody>
</table>
<div className="paginator">
{this.state.page != 1 && <a href="#" onClick={(e) => this.onChangePageNum(e, -1)}>{gettext('Previous')}</a>}
{(this.state.page != 1 && this.state.pageNext) && <span> | </span>}
{this.state.pageNext && <a href="#" onClick={(e) => this.onChangePageNum(e, 1)}>{gettext('Next')}</a>}
</div>
</div>
</div>
</div>
</Fragment>
);
}
}
const propTypes = {
repo: PropTypes.object.isRequired,
isItemFreezed: PropTypes.bool,
onFreezedItem: PropTypes.func.isRequired,
onUnfreezedItem: PropTypes.func.isRequired,
deleteRepoItem: PropTypes.func.isRequired,
transferRepoItem: PropTypes.func.isRequired,
};
class RepoItem extends React.Component {
constructor(props) {
super(props);
this.state = {
highlight: false,
showMenu: false,
isItemMenuShow: false,
isTransferDialogShow: false,
orgAdmin: true
};
}
onMouseEnter = () => {
if (!this.props.isItemFreezed) {
this.setState({
showMenu: true,
highlight: true,
});
}
};
onMouseLeave = () => {
if (!this.props.isItemFreezed) {
this.setState({
showMenu: false,
highlight: false
});
}
};
onDropdownToggleClick = (e) => {
e.preventDefault();
this.toggleOperationMenu(e);
};
toggleOperationMenu = (e) => {
e.stopPropagation();
this.setState(
{isItemMenuShow: !this.state.isItemMenuShow }, () => {
if (this.state.isItemMenuShow) {
this.props.onFreezedItem();
} else {
this.setState({
highlight: false,
showMenu: false,
});
this.props.onUnfreezedItem();
}
}
);
};
toggleDelete = () => {
this.props.deleteRepoItem(this.props.repo);
};
renderLibIcon = (repo) => {
let href;
let iconTitle;
if (repo.encrypted) {
href = mediaUrl + 'img/lib/48/lib-encrypted.png';
iconTitle = gettext('Encrypted library');
} else {
href = mediaUrl + 'img/lib/48/lib.png';
iconTitle = gettext('Read-Write library');
}
return <img src={href} title={iconTitle} alt={iconTitle} width="24" />;
};
renderRepoOwnerHref = (repo) => {
let href;
if (repo.isDepartmentRepo) {
href = siteRoot + 'org/admin/#address-book/groups/' + repo.groupID + '/';
} else {
href = siteRoot + 'org/useradmin/info/' + repo.ownerEmail + '/';
}
return href;
};
toggleTransfer = () => {
this.setState({isTransferDialogShow: !this.state.isTransferDialogShow});
};
onTransferRepo = (user) => {
let repo = this.props.repo;
seafileAPI.orgAdminTransferOrgRepo(orgID, repo.repoID, user.email).then(res => {
this.props.transferRepoItem(repo.repoID, user);
let msg = gettext('Successfully transferred the library.');
toaster.success(msg);
}).catch(error => {
let errMessage = Utils.getErrorMsg(error);
toaster.danger(errMessage);
});
this.toggleTransfer();
};
render() {
let { repo } = this.props;
let isOperationMenuShow = this.state.showMenu;
return (
<Fragment>
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td>{this.renderLibIcon(repo)}</td>
<td>{repo.repoName}</td>
<td>{`${repo.file_count} / ${Utils.bytesToSize(repo.size)}`}</td>
<td>{repo.repoID}</td>
<td><a href={this.renderRepoOwnerHref(repo)}>{repo.ownerName}</a></td>
<td className="text-center cursor-pointer">
{isOperationMenuShow &&
<Dropdown isOpen={this.state.isItemMenuShow} toggle={this.toggleOperationMenu}>
<DropdownToggle
tag="a"
className="attr-action-icon fas fa-ellipsis-v"
title={gettext('More operations')}
aria-label={gettext('More operations')}
data-toggle="dropdown"
aria-expanded={this.state.isItemMenuShow}
onClick={this.onDropdownToggleClick}
/>
<DropdownMenu>
<DropdownItem onClick={this.toggleDelete}>{gettext('Delete')}</DropdownItem>
<DropdownItem onClick={this.toggleTransfer}>{gettext('Transfer')}</DropdownItem>
</DropdownMenu>
</Dropdown>
}
</td>
</tr>
{this.state.isTransferDialogShow && (
<ModalPortal>
<TransferDialog
itemName={repo.repoName}
submit={this.onTransferRepo}
toggleDialog={this.toggleTransfer}
isOrgAdmin={true}
/>
</ModalPortal>
)}
</Fragment>
);
}
}
RepoItem.propTypes = propTypes;
export default OrgLibraries;

175
seahub/organizations/api/admin/trash_libraries.py Normal file
View File

@@ -0,0 +1,175 @@
import logging
from rest_framework.authentication import SessionAuthentication
from rest_framework.response import Response
from rest_framework.views import APIView
from rest_framework import status
from seaserv import seafile_api, ccnet_api
from pysearpc import SearpcError
from seahub.utils import is_valid_username
from seahub.utils.db_api import SeafileDB
from seahub.utils.timeutils import timestamp_to_isoformat_timestr
from seahub.api2.permissions import IsProVersion, IsOrgAdminUser
from seahub.api2.authentication import TokenAuthentication
from seahub.api2.throttling import UserRateThrottle
from seahub.api2.utils import api_error
from seahub.base.templatetags.seahub_tags import email2nickname
from seahub.group.utils import group_id_to_name
from seahub.api2.endpoints.group_owned_libraries import get_group_id_by_repo_owner
from seahub.organizations.views import org_user_exists
logger = logging.getLogger(__name__)
def get_trash_repo_info(repo):
result = {}
owner = repo.owner_id
result['name'] = repo.repo_name
result['id'] = repo.repo_id
result['owner'] = owner
result['owner_name'] = email2nickname(owner)
result['delete_time'] = timestamp_to_isoformat_timestr(repo.del_time)
if '@seafile_group' in owner:
group_id = get_group_id_by_repo_owner(owner)
result['group_name'] = group_id_to_name(group_id)
return result
class OrgAdminTrashLibraries(APIView):
authentication_classes = (TokenAuthentication, SessionAuthentication)
throttle_classes = (UserRateThrottle,)
permission_classes = (IsProVersion, IsOrgAdminUser )
def get(self, request, org_id):
""" List deleted repos (by team admin)
Permission checking:
1. only admin can perform this action.
"""
org_id = int(org_id)
# list by page
try:
current_page = int(request.GET.get('page', '1'))
per_page = int(request.GET.get('per_page', '100'))
except ValueError:
current_page = 1
per_page = 100
start = (current_page - 1) * per_page
limit = per_page + 1
try:
db_api = SeafileDB()
repos_all = db_api.get_org_trash_repo_list(int(org_id), start, limit)
except Exception as e:
logger.error(e)
error_msg = 'Internal Server Error'
return api_error(status.HTTP_500_INTERNAL_SERVER_ERROR, error_msg)
if len(repos_all) > per_page:
repos_all = repos_all[:per_page]
has_next_page = True
else:
has_next_page = False
return_results = []
for repo in repos_all:
repo_info = get_trash_repo_info(repo)
return_results.append(repo_info)
page_info = {
'has_next_page': has_next_page,
'current_page': current_page
}
return Response({"page_info": page_info, "repos": return_results})
def delete(self, request, org_id):
""" clean all deleted org libraries(by team admin)
Permission checking:
1. only org admin can perform this action.
"""
org_id = int(org_id)
try:
db_api = SeafileDB()
db_api.empty_org_repo_trash(int(org_id))
except Exception as e:
logger.error(e)
error_msg = 'Internal Server Error'
return api_error(status.HTTP_500_INTERNAL_SERVER_ERROR, error_msg)
return Response({'success': True})
class OrgAdminTrashLibrary(APIView):
authentication_classes = (TokenAuthentication, SessionAuthentication)
throttle_classes = (UserRateThrottle,)
permission_classes = (IsProVersion, IsOrgAdminUser )
def put(self, request, org_id, repo_id):
""" restore a deleted library
Permission checking:
1. only org admin can perform this action.
"""
org_id = int(org_id)
owner = seafile_api.get_trash_repo_owner(repo_id)
if not owner:
error_msg = "Library does not exist in trash."
return api_error(status.HTTP_404_NOT_FOUND, error_msg)
if '@seafile_group' in owner:
group_org_id = ccnet_api.get_org_id_by_group(int(owner.split('@')[0]))
if group_org_id != org_id:
return api_error(status.HTTP_403_FORBIDDEN, 'Permission denied.')
else:
if not org_user_exists(org_id, owner):
return api_error(status.HTTP_403_FORBIDDEN, 'Permission denied.')
try:
seafile_api.restore_repo_from_trash(repo_id)
except SearpcError as e:
logger.error(e)
error_msg = 'Internal Server Error'
return api_error(status.HTTP_500_INTERNAL_SERVER_ERROR, error_msg)
return Response({'success': True})
def delete(self, request, org_id, repo_id):
""" permanently delete a deleted library
Permission checking:
1. only org admin can perform this action.
"""
org_id = int(org_id)
owner = seafile_api.get_trash_repo_owner(repo_id)
if not owner:
error_msg = "Library does not exist in trash."
return api_error(status.HTTP_404_NOT_FOUND, error_msg)
if '@seafile_group' in owner:
group_org_id = ccnet_api.get_org_id_by_group(int(owner.split('@')[0]))
if group_org_id != org_id:
return api_error(status.HTTP_403_FORBIDDEN, 'Permission denied.')
else:
if not org_user_exists(org_id, owner):
return api_error(status.HTTP_403_FORBIDDEN, 'Permission denied.')
try:
seafile_api.del_repo_from_trash(repo_id)
except SearpcError as e:
logger.error(e)
error_msg = 'Internal Server Error'
return api_error(status.HTTP_500_INTERNAL_SERVER_ERROR, error_msg)
return Response({'success': True})

3
seahub/organizations/api_urls.py
View File

@@ -15,6 +15,7 @@ from .api.admin.users import OrgAdminUser, OrgAdminUsers, OrgAdminSearchUser, \
from .api.admin.user_set_password import OrgAdminUserSetPassword
from .api.admin.groups import OrgAdminGroups, OrgAdminGroup, OrgAdminSearchGroup, OrgAdminDepartments
from .api.admin.repos import OrgAdminRepos, OrgAdminRepo
from .api.admin.trash_libraries import OrgAdminTrashLibraries, OrgAdminTrashLibrary
from .api.admin.info import OrgAdminInfo
from .api.admin.links import OrgAdminLinks, OrgAdminLink
from .api.admin.web_settings import OrgAdminWebSettings
@@ -87,6 +88,8 @@ urlpatterns = [
path('<int:org_id>/admin/users/<str:email>/repos/', OrgAdminUserRepos.as_view(), name='api-v2.1-org-admin-user-repos'),
path('<int:org_id>/admin/users/<str:email>/beshared-repos/', OrgAdminUserBesharedRepos.as_view(), name='api-v2.1-org-admin-user-beshared-repos'),
path('<int:org_id>/admin/repos/', OrgAdminRepos.as_view(), name='api-v2.1-org-admin-repos'),
re_path(r'^(?P<org_id>\d+)/admin/trash-libraries/$', OrgAdminTrashLibraries.as_view(), name='api-v2.1-org-admin-trash-libraries'),
re_path(r'^(?P<org_id>\d+)/admin/trash-libraries/(?P<repo_id>[-0-9a-f]{36})/$', OrgAdminTrashLibrary.as_view(), name='api-v2.1-org-admin-trash-librarie'),
re_path(r'^(?P<org_id>\d+)/admin/repos/(?P<repo_id>[-0-9a-f]{36})/$', OrgAdminRepo.as_view(), name='api-v2.1-org-admin-repo'),
path('<int:org_id>/admin/web-settings/', OrgAdminWebSettings.as_view(), name='api-v2.1-org-admin-web-settings'),
path('admin/info/', OrgAdminInfo.as_view(), name='api-v2.1-org-admin-info'),

1
seahub/organizations/urls.py
View File

@@ -24,6 +24,7 @@ urlpatterns = [
path('useradmin/info/<str:email>/repos/', react_fake_view, name='org_user_repos'),
path('useradmin/info/<str:email>/shared-repos/', react_fake_view, name='org_user_shared_repos'),
path('repoadmin/', react_fake_view, name='org_repo_admin'),
path('repoadmin-trash/', react_fake_view, name='org_repo_trash'),
path('groupadmin/', react_fake_view, name='org_group_admin'),
path('groupadmin/search-groups/', react_fake_view, name='org_group_admin_search_groups'),

89
seahub/utils/db_api.py
View File

@@ -3,6 +3,17 @@ import configparser
from django.db import connection
class RepoTrash(object):
def __init__(self, **kwargs):
self.repo_id = kwargs.get('repo_id')
self.repo_name = kwargs.get('repo_name')
self.head_id = kwargs.get('head_id')
self.owner_id = kwargs.get('owner_id')
self.size = kwargs.get('size')
self.del_time = kwargs.get('del_time')
class SeafileDB:
def __init__(self):
@@ -259,3 +270,81 @@ class SeafileDB:
return device_errors
def get_org_trash_repo_list(self, org_id, start, limit):
sql = f"""
SELECT repo_id, repo_name, head_id, owner_id, `size`, del_time
FROM `{self.db_name}`.`RepoTrash`
WHERE org_id = {org_id}
ORDER BY del_time DESC
LIMIT {limit} OFFSET {start}
"""
trash_repo_list = []
with connection.cursor() as cursor:
cursor.execute(sql)
for item in cursor.fetchall():
repo_id = item[0]
repo_name = item[1]
head_id = item[2]
owner_id = item[3]
size = item[4]
del_time = item[5]
params = {
'repo_id': repo_id,
'repo_name': repo_name,
'head_id': head_id,
'owner_id': owner_id,
'size': size,
'del_time': del_time,
}
trash_repo_obj = RepoTrash(**params)
trash_repo_list.append(trash_repo_obj)
cursor.close()
return trash_repo_list
def empty_org_repo_trash(self, org_id):
"""
empty org repo trash
"""
def del_repo_trash(cursor,repo_ids):
del_file_count_sql = """
DELETE FROM
`%s`.`RepoFileCount`
WHERE
repo_id in %%s;
""" % self.db_name
cursor.execute(del_file_count_sql, (repo_ids, ))
del_repo_info_sql = """
DELETE FROM
`%s`.`RepoInfo`
WHERE
repo_id in %%s;
""" % self.db_name
cursor.execute(del_repo_info_sql, (repo_ids, ))
del_trash_sql = """
DELETE FROM
`%s`.`RepoTrash`
WHERE
repo_id in %%s;
""" % self.db_name
cursor.execute(del_trash_sql, (repo_ids,))
sql_list_repo_id = f"""
SELECT
t.repo_id
FROM
`{self.db_name}`.`RepoTrash` t
WHERE
org_id={org_id};
"""
with connection.cursor() as cursor:
cursor.execute(sql_list_repo_id)
repo_ids = []
for item in cursor.fetchall():
repo_id = item[0]
repo_ids.append(repo_id)
del_repo_trash(cursor, repo_ids)
cursor.close()