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

repush published repo

Browse Source
This commit is contained in:
Michael An
2019-05-30 16:18:06 +08:00
parent f9953d1be4
commit c37b59fe15
2 changed files with 68 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dialog/wiki-delete-dialog.js
View File

@@ -16,7 +16,7 @@ class WikiDeleteDialog extends React.Component {
render() {
return (
<Modal isOpen={true}>
<Modal isOpen={true} toggle={this.toggle}>
<ModalHeader toggle={this.toggle}>{gettext('Unpublish Library')}</ModalHeader>
<ModalBody>
<p>{gettext('Are you sure you want to unpublish this library?')}</p>

162
frontend/src/components/wiki-list-view/wiki-list-item.js
View File

@@ -1,20 +1,18 @@
import React, { Component, Fragment } from 'react';
import PropTypes from 'prop-types';
import moment from 'moment';
import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
import { gettext, siteRoot } from '../../utils/constants';
import { seafileAPI } from '../../utils/seafile-api';
import WikiPermissionEditor from '../select-editor/wiki-permission-editor.js';
import Toast from '../toast';
import { siteRoot } from '../../utils/constants';
// import { seafileAPI } from '../../utils/seafile-api';
// import Toast from '../toast';
import ModalPortal from '../modal-portal';
import WikiDeleteDialog from '../dialog/wiki-delete-dialog';
import Rename from '../rename';
// import Rename from '../rename';
import { Utils } from '../../utils/utils';
const propTypes = {
wiki: PropTypes.object.isRequired,
renameWiki: PropTypes.func.isRequired,
// renameWiki: PropTypes.func.isRequired,
deleteWiki: PropTypes.func.isRequired,
isItemFreezed: PropTypes.bool.isRequired,
onFreezedItem: PropTypes.func.isRequired,
@@ -25,98 +23,84 @@ class WikiListItem extends Component {
constructor(props) {
super(props);
this.state = {
isShowWikiMenu: false,
isShowDeleteDialog: false,
isShowMenuControl: false,
isRenameing: false,
// isRenameing: false,
highlight: false,
permission: this.props.wiki.permission,
showOpIcon: false,
// permission: this.props.wiki.permission,
};
this.permissions = ['private', 'public'];
}
clickMenuToggle = (e) => {
e.preventDefault();
this.onMenuToggle(e);
}
// clickMenuToggle = (e) => {
// e.preventDefault();
// this.onMenuToggle(e);
// }
onMenuToggle = (e) => {
let targetType = e.target.dataset.toggle;
if (targetType !== 'item') {
if (this.props.isItemFreezed) {
this.setState({
highlight: false,
isShowMenuControl: false,
isShowWikiMenu: !this.state.isShowWikiMenu
});
this.props.onUnfreezedItem();
} else {
this.setState({
isShowWikiMenu: !this.state.isShowWikiMenu
});
this.props.onFreezedItem();
}
}
}
// onMenuToggle = (e) => {
// let targetType = e.target.dataset.toggle;
// if (targetType !== 'item') {
// if (this.props.isItemFreezed) {
// this.setState({
// highlight: false,
// isShowMenuControl: false,
// isShowWikiMenu: !this.state.isShowWikiMenu
// });
// this.props.onUnfreezedItem();
// } else {
// this.setState({
// isShowWikiMenu: !this.state.isShowWikiMenu
// });
// this.props.onFreezedItem();
// }
// }
// }
onMouseEnter = () => {
if (!this.props.isItemFreezed) {
this.setState({
isShowMenuControl: true,
highlight: true,
showOpIcon: true,
});
this.setState({ highlight: true });
}
}
onMouseLeave = () => {
if (!this.props.isItemFreezed) {
this.setState({
isShowMenuControl: false,
highlight: false,
showOpIcon: false,
});
this.setState({ highlight: false });
}
}
changePerm = (permission) => {
let wiki = this.props.wiki;
seafileAPI.updateWikiPermission(wiki.slug, permission).then(() => {
this.setState({permission: permission});
}).catch((error) => {
if(error.response) {
let errorMsg = error.response.data.error_msg;
Toast.danger(errorMsg);
}
});
}
// changePerm = (permission) => {
// let wiki = this.props.wiki;
// seafileAPI.updateWikiPermission(wiki.slug, permission).then(() => {
// this.setState({permission: permission});
// }).catch((error) => {
// if(error.response) {
// let errorMsg = error.response.data.error_msg;
// Toast.danger(errorMsg);
// }
// });
// }
onRenameToggle = (e) => {
this.props.onFreezedItem();
this.setState({
isShowWikiMenu: false,
isShowMenuControl: false,
isRenameing: true,
});
}
// onRenameToggle = (e) => {
// this.props.onFreezedItem();
// this.setState({
// isShowWikiMenu: false,
// isShowMenuControl: false,
// isRenameing: true,
// });
// }
onRenameConfirm = (newName) => {
this.renameWiki(newName);
this.onRenameCancel();
}
// onRenameConfirm = (newName) => {
// this.renameWiki(newName);
// this.onRenameCancel();
// }
onRenameCancel = () => {
this.props.onUnfreezedItem();
this.setState({isRenameing: false});
}
// onRenameCancel = () => {
// this.props.onUnfreezedItem();
// this.setState({isRenameing: false});
// }
onDeleteToggle = () => {
this.props.onUnfreezedItem();
this.setState({
isShowDeleteDialog: !this.state.isShowDeleteDialog,
isShowWikiMenu: false,
isShowMenuControl: false,
});
}
@@ -127,10 +111,10 @@ class WikiListItem extends Component {
});
}
renameWiki = (newName) => {
let wiki = this.props.wiki;
this.props.renameWiki(wiki, newName);
}
// renameWiki = (newName) => {
// let wiki = this.props.wiki;
// this.props.renameWiki(wiki, newName);
// }
deleteWiki = () => {
let wiki = this.props.wiki;
@@ -144,35 +128,23 @@ class WikiListItem extends Component {
let wiki = this.props.wiki;
let userProfileURL = `${siteRoot}profile/${encodeURIComponent(wiki.owner)}/`;
let fileIconUrl = Utils.getDefaultLibIconUrl(false);
let deleteIcon = `action-icon sf2-icon-x3 ${this.state.highlight ? '' : 'invisible'}`;
return (
<Fragment>
<tr className={this.state.highlight ? 'tr-highlight' : ''} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave}>
<td><img src={fileIconUrl} width="24" alt="" /></td>
<td className="name">
{this.state.isRenameing ?
<a href={wiki.link}>{wiki.name}</a>
{/*this.state.isRenameing ?
<Rename wiki={wiki} name={wiki.name} onRenameConfirm={this.onRenameConfirm} onRenameCancel={this.onRenameCancel}/> :
<a href={wiki.link}>{wiki.name}</a>
}
*/}
</td>
<td><a href={userProfileURL} target='_blank'>{wiki.owner_nickname}</a></td>
<td>{moment(wiki.updated_at).fromNow()}</td>
<td className="text-center cursor-pointer">
{this.state.isShowMenuControl && (
<Dropdown isOpen={this.state.isShowWikiMenu} toggle={this.onMenuToggle}>
<DropdownToggle
tag="i"
className="fas fa-ellipsis-v attr-action-icon"
title={gettext('More Operations')}
data-toggle="dropdown"
aria-expanded={this.state.isShowWikiMenu}
onClick={this.clickMenuToggle}
/>
<DropdownMenu>
<DropdownItem onClick={this.onDeleteToggle}>{gettext('Unpublish')}</DropdownItem>
</DropdownMenu>
</Dropdown>
)}
<span className={deleteIcon} onClick={this.onDeleteToggle}></span>
</td>
</tr>
{this.state.isShowDeleteDialog &&