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

Feat metadata detail location display (#6612)

Browse Source 
* feat: metadata location display in detail

* feat: optimize code

---------

Co-authored-by: 杨国璇 <ygx@Hello-word.local>
This commit is contained in:
杨国璇
2024-08-22 11:46:19 +08:00
committed by GitHub
parent c8011a6ba3
commit 04129d4e7e
7 changed files with 38 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/components/dirent-detail/detail-item/index.css
View File

@@ -80,7 +80,8 @@
.dirent-detail-item .dirent-detail-item-value .text-formatter,
.dirent-detail-item .dirent-detail-item-value .ctime-formatter,
.dirent-detail-item .dirent-detail-item-value .mtime-formatter,
.dirent-detail-item .dirent-detail-item-value .date-formatter {
.dirent-detail-item .dirent-detail-item-value .date-formatter,
.dirent-detail-item .dirent-detail-item-value .geolocation-formatter {
padding: 6.5px 6px;
line-height: 1.5;
}

15
frontend/src/components/dirent-detail/dirent-details/file-details.js
View File

@@ -2,6 +2,7 @@ import React, { useCallback, useMemo, useState } from 'react';
import PropTypes from 'prop-types';
import { v4 as uuidV4 } from 'uuid';
import { Formatter } from '@seafile/sf-metadata-ui-component';
import classnames from 'classnames';
import { getDirentPath } from './utils';
import DetailItem from '../detail-item';
import { CellType } from '../../../metadata/metadata-view/_basic';
@@ -51,9 +52,13 @@ const FileDetails = React.memo(({ repoID, repoInfo, dirent, path, direntDetail,
<DetailItem field={lastModifiedTimeField} className="sf-metadata-property-detail-formatter">
<Formatter field={lastModifiedTimeField} value={direntDetail.last_modified}/>
</DetailItem>
{!window.app.pageOptions.enableMetadataManagement && enableMetadata && (
{window.app.pageOptions.enableFileTags && !enableMetadata && (
<DetailItem field={tagsField} className="sf-metadata-property-detail-formatter">
<div className="" id={tagListTitleID} onClick={onEditFileTagToggle}>
<div
className={classnames('sf-metadata-property-detail-tags', { 'tags-empty': !Array.isArray(fileTagList) || fileTagList.length === 0 })}
id={tagListTitleID}
onClick={onEditFileTagToggle}
>
{Array.isArray(fileTagList) && fileTagList.length > 0 ? (
<FileTagList fileTagList={fileTagList} />
) : (
@@ -79,13 +84,15 @@ const FileDetails = React.memo(({ repoID, repoInfo, dirent, path, direntDetail,
</>
);
}, (props, nextProps) => {
const { repoID, repoInfo, dirent, path, direntDetail } = props;
const { repoID, repoInfo, dirent, path, direntDetail, repoTags, fileTagList } = props;
const isChanged = (
repoID !== nextProps.repoID ||
path !== nextProps.path ||
!ObjectUtils.isSameObject(repoInfo, nextProps.repoInfo) ||
!ObjectUtils.isSameObject(dirent, nextProps.dirent) ||
!ObjectUtils.isSameObject(direntDetail, nextProps.direntDetail)
!ObjectUtils.isSameObject(direntDetail, nextProps.direntDetail) ||
repoTags !== nextProps.repoTags ||
fileTagList !== nextProps.fileTagList
);
return !isChanged;
});

15
frontend/src/components/dirent-detail/dirent-details/index.css
View File

@@ -27,3 +27,18 @@
.detail-body .empty-tip-text {
color: #666;
}
.detail-body .sf-metadata-property-detail-tags {
padding: 7px 6px;
width: 100%;
cursor: pointer;
}
.detail-body .sf-metadata-property-detail-tags .file-tag-list {
width: 100%;
overflow-x: hidden;
}
.detail-body .sf-metadata-property-detail-tags.tags-empty {
padding: 6.5px 6px;;
}