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