haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-03 07:55:36 +00:00
Code Issues Releases Wiki Activity

[shared dir view] file tags: fixup & improvement

Browse Source
This commit is contained in:
llj
2022-03-14 16:48:57 +08:00
parent 893a8eebd8
commit aa1adbfb91
3 changed files with 63 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/components/repo-info-bar.js
View File

@@ -15,8 +15,10 @@ const propTypes = {
usedRepoTags: PropTypes.array.isRequired,
readmeMarkdown: PropTypes.object,
draftCounts: PropTypes.number,
updateUsedRepoTags: PropTypes.func.isRequired,
onFileTagChanged: PropTypes.func.isRequired,
updateUsedRepoTags: PropTypes.func,
onFileTagChanged: PropTypes.func,
className: PropTypes.string,
shareLinkToken: PropTypes.string
};
class RepoInfoBar extends React.Component {
@@ -57,11 +59,20 @@ class RepoInfoBar extends React.Component {
}
render() {
let {repoID, currentPath, usedRepoTags, readmeMarkdown} = this.props;
let { repoID, currentPath, usedRepoTags, readmeMarkdown, draftCounts, className } = this.props;
// to be compatible with the existing code
if (readmeMarkdown === undefined) {
readmeMarkdown = null;
}
if (draftCounts === undefined) {
draftCounts = 0;
}
let href = readmeMarkdown !== null ? siteRoot + 'lib/' + repoID + '/file' + Utils.joinPath(currentPath, readmeMarkdown.name) + '?mode=edit' : '';
let filePath = readmeMarkdown !== null ? currentPath + readmeMarkdown.name : '';
return (
<div className="repo-info-bar">
<div className={`repo-info-bar ${className ? className : ''}`}>
{usedRepoTags.length > 0 && (
<ul className="used-tag-list">
{usedRepoTags.map((usedRepoTag) => {
@@ -87,15 +98,15 @@ class RepoInfoBar extends React.Component {
{(readmeMarkdown !== null && parseInt(readmeMarkdown.size) < 2) &&
<span className="file-info">
<span className="info-icon sf2-icon-readme"></span>
<a className="used-tag-name" href={href} target='_blank'>{readmeMarkdown.name}</a>
<a className="used-tag-name" href={href} target='_blank' rel="noreferrer">{readmeMarkdown.name}</a>
</span>
}
{this.props.draftCounts > 0 &&
{draftCounts > 0 &&
<span className="file-info">
<span className="info-icon sf2-icon-drafts"></span>
<span className="used-tag-name">{gettext('draft')}</span>
<button type="button" className="used-tag-files border-0 bg-transparent" onClick={this.toggleDrafts}>
{this.props.draftCounts > 1 ? this.props.draftCounts + ' files' : this.props.draftCounts + ' file'}
{draftCounts > 1 ? draftCounts + ' files' : draftCounts + ' file'}
</button>
</span>
}
@@ -109,6 +120,7 @@ class RepoInfoBar extends React.Component {
toggleCancel={this.onListTaggedFiles}
updateUsedRepoTags={this.props.updateUsedRepoTags}
onFileTagChanged={this.props.onFileTagChanged}
shareLinkToken={this.props.shareLinkToken}
/>
</ModalPortal>
)}