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

fix share TabPane (#4287)

Browse Source
This commit is contained in:
sniper-py
2019-11-22 14:36:37 +08:00
committed by Daniel Pan
parent ae14afe04e
commit 04c4ba55c4
1 changed files with 51 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/src/components/dialog/share-dialog.js
View File

@@ -51,7 +51,7 @@ class ShareDialog extends React.Component {
}
getInitialActiveTab = () => {
const {repoEncrypted, userPerm, enableDirPrivateShare} = this.props;
const { repoEncrypted, userPerm, enableDirPrivateShare } = this.props;
const enableShareLink = !repoEncrypted && canGenerateShareLink;
const enableUploadLink = !repoEncrypted && canGenerateUploadLink && userPerm == 'rw';
@@ -66,7 +66,7 @@ class ShareDialog extends React.Component {
toggle = (tab) => {
if (this.state.activeTab !== tab) {
this.setState({activeTab: tab});
this.setState({ activeTab: tab });
}
}
@@ -77,7 +77,7 @@ class ShareDialog extends React.Component {
}
let activeTab = this.state.activeTab;
const {repoEncrypted, userPerm, enableDirPrivateShare, itemType} = this.props;
const { repoEncrypted, userPerm, enableDirPrivateShare, itemType } = this.props;
const enableShareLink = !repoEncrypted && canGenerateShareLink;
const enableUploadLink = !repoEncrypted && canGenerateUploadLink && userPerm == 'rw';
@@ -131,7 +131,7 @@ class ShareDialog extends React.Component {
</div>
<div className="share-dialog-main">
<TabContent activeTab={this.state.activeTab}>
{enableShareLink &&
{(enableShareLink && activeTab === 'shareLink') &&
<TabPane tabId="shareLink">
<GenerateShareLink
itemPath={this.props.itemPath}
@@ -141,7 +141,7 @@ class ShareDialog extends React.Component {
/>
</TabPane>
}
{enableUploadLink &&
{(enableUploadLink && activeTab === 'uploadLink') &&
<TabPane tabId="uploadLink">
<GenerateUploadLink
itemPath={this.props.itemPath}
@@ -150,7 +150,7 @@ class ShareDialog extends React.Component {
/>
</TabPane>
}
{itemType === 'dir' && activeTab === 'internalLink' &&
{(itemType === 'dir' && activeTab === 'internalLink') &&
<InternalLink
path={this.props.itemPath}
repoID={this.props.repoID}
@@ -159,17 +159,21 @@ class ShareDialog extends React.Component {
}
{enableDirPrivateShare &&
<Fragment>
{activeTab === 'shareToUser' &&
<TabPane tabId="shareToUser">
<ShareToUser itemType={this.props.itemType} isGroupOwnedRepo={this.props.isGroupOwnedRepo} itemPath={this.props.itemPath} repoID={this.props.repoID} isRepoOwner={this.state.isRepoOwner}/>
</TabPane>
{canInvitePeople &&
<TabPane tabId="invitePeople">
<ShareToInvitePeople itemPath={this.props.itemPath} repoID={this.props.repoID}/>
<ShareToUser itemType={this.props.itemType} isGroupOwnedRepo={this.props.isGroupOwnedRepo} itemPath={this.props.itemPath} repoID={this.props.repoID} isRepoOwner={this.state.isRepoOwner} />
</TabPane>
}
{activeTab === 'shareToGroup' &&
<TabPane tabId="shareToGroup">
<ShareToGroup itemType={this.props.itemType} isGroupOwnedRepo={this.props.isGroupOwnedRepo} itemPath={this.props.itemPath} repoID={this.props.repoID} isRepoOwner={this.state.isRepoOwner}/>
<ShareToGroup itemType={this.props.itemType} isGroupOwnedRepo={this.props.isGroupOwnedRepo} itemPath={this.props.itemPath} repoID={this.props.repoID} isRepoOwner={this.state.isRepoOwner} />
</TabPane>
}
{(canInvitePeople && activeTab === 'invitePeople') &&
<TabPane tabId="invitePeople">
<ShareToInvitePeople itemPath={this.props.itemPath} repoID={this.props.repoID} />
</TabPane>
}
</Fragment>
}
</TabContent>
@@ -200,6 +204,7 @@ class ShareDialog extends React.Component {
</div>
<div className="share-dialog-main">
<TabContent activeTab={this.state.activeTab}>
{activeTab === 'shareLink' &&
<TabPane tabId="shareLink">
<GenerateShareLink
itemPath={this.props.itemPath}
@@ -208,6 +213,7 @@ class ShareDialog extends React.Component {
itemType={itemType}
/>
</TabPane>
}
{activeTab === 'internalLink' &&
<InternalLink
path={this.props.itemPath}
@@ -225,7 +231,7 @@ class ShareDialog extends React.Component {
const enableShareLink = !repoEncrypted && canGenerateShareLink;
return (
<div>
<Modal isOpen={true} style={{maxWidth: '720px'}} className="share-dialog" toggle={this.props.toggleDialog}>
<Modal isOpen={true} style={{ maxWidth: '720px' }} className="share-dialog" toggle={this.props.toggleDialog}>
<ModalHeader toggle={this.props.toggleDialog}>{gettext('Share')} <span className="op-target" title={itemName}>{itemName}</span></ModalHeader>
<ModalBody className="share-dialog-content">
{(itemType === 'library' || itemType === 'dir') && this.renderDirContent()}