mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-06 09:21:54 +00:00
[dir view] improved code for 'file tags'
This commit is contained in:
@@ -138,12 +138,11 @@ class DirentGridItem extends React.Component {
|
|||||||
let iconUrl = Utils.getDirentIcon(dirent, true);
|
let iconUrl = Utils.getDirentIcon(dirent, true);
|
||||||
let fileUrl = dirent.encoded_thumbnail_src ? this.getFileUrl(dirent.encoded_thumbnail_src) : '';
|
let fileUrl = dirent.encoded_thumbnail_src ? this.getFileUrl(dirent.encoded_thumbnail_src) : '';
|
||||||
|
|
||||||
let toolTipID = MD5(dirent.name).slice(0, 7);
|
let toolTipID = '';
|
||||||
let tagTitle = '';
|
let tagTitle = '';
|
||||||
if (dirent.file_tags && dirent.file_tags.length > 0) {
|
if (dirent.file_tags && dirent.file_tags.length > 0) {
|
||||||
dirent.file_tags.forEach(item => {
|
toolTipID = MD5(dirent.name).slice(0, 7);
|
||||||
tagTitle += item.name + ' ';
|
tagTitle = dirent.file_tags.map(item => item.name).join(' ');
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
let dirHref = '';
|
let dirHref = '';
|
||||||
@@ -179,7 +178,7 @@ class DirentGridItem extends React.Component {
|
|||||||
{dirent.is_locked && <img className="grid-file-locked-icon" src={mediaUrl + 'img/file-locked-32.png'} alt={gettext('locked')} title={lockedInfo}/>}
|
{dirent.is_locked && <img className="grid-file-locked-icon" src={mediaUrl + 'img/file-locked-32.png'} alt={gettext('locked')} title={lockedInfo}/>}
|
||||||
</div>
|
</div>
|
||||||
<div className="grid-file-name" onDragStart={this.onGridItemDragStart} draggable="true" >
|
<div className="grid-file-name" onDragStart={this.onGridItemDragStart} draggable="true" >
|
||||||
{(dirent.type !== 'dir' && dirent.file_tags) && (
|
{(dirent.type !== 'dir' && dirent.file_tags && dirent.file_tags.length > 0) && (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<div id={`tag-list-title-${toolTipID}`} className="dirent-item tag-list tag-list-stacked d-inline-flex">
|
<div id={`tag-list-title-${toolTipID}`} className="dirent-item tag-list tag-list-stacked d-inline-flex">
|
||||||
{dirent.file_tags.map((fileTag, index) => {
|
{dirent.file_tags.map((fileTag, index) => {
|
||||||
|
@@ -555,12 +555,12 @@ class DirentListItem extends React.Component {
|
|||||||
dirHref = siteRoot + 'library/' + this.props.repoID + '/' + this.props.currentRepoInfo.repo_name + Utils.encodePath(direntPath);
|
dirHref = siteRoot + 'library/' + this.props.repoID + '/' + this.props.currentRepoInfo.repo_name + Utils.encodePath(direntPath);
|
||||||
}
|
}
|
||||||
let fileHref = siteRoot + 'lib/' + this.props.repoID + '/file' + Utils.encodePath(direntPath);
|
let fileHref = siteRoot + 'lib/' + this.props.repoID + '/file' + Utils.encodePath(direntPath);
|
||||||
let toolTipID = MD5(dirent.name).slice(0, 7);
|
|
||||||
|
let toolTipID = '';
|
||||||
let tagTitle = '';
|
let tagTitle = '';
|
||||||
if (dirent.file_tags && dirent.file_tags.length > 0) {
|
if (dirent.file_tags && dirent.file_tags.length > 0) {
|
||||||
dirent.file_tags.forEach(item => {
|
toolTipID = MD5(dirent.name).slice(0, 7);
|
||||||
tagTitle += item.name + ' ';
|
tagTitle = dirent.file_tags.map(item => item.name).join(' ');
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
let iconUrl = Utils.getDirentIcon(dirent);
|
let iconUrl = Utils.getDirentIcon(dirent);
|
||||||
@@ -613,7 +613,7 @@ class DirentListItem extends React.Component {
|
|||||||
}
|
}
|
||||||
</td>
|
</td>
|
||||||
<td className="tag-list-title">
|
<td className="tag-list-title">
|
||||||
{(dirent.type !== 'dir' && dirent.file_tags) && (
|
{(dirent.type !== 'dir' && dirent.file_tags && dirent.file_tags.length > 0) && (
|
||||||
<Fragment>
|
<Fragment>
|
||||||
<div id={`tag-list-title-${toolTipID}`} className="dirent-item tag-list tag-list-stacked">
|
<div id={`tag-list-title-${toolTipID}`} className="dirent-item tag-list tag-list-stacked">
|
||||||
{dirent.file_tags.map((fileTag, index) => {
|
{dirent.file_tags.map((fileTag, index) => {
|
||||||
|
Reference in New Issue
Block a user