+ 
+
+ );
+ };
+
+ render() {
+ const { dirent, direntDetail, collaborators, collaboratorsCache } = this.state;
+ const { repoID, path, fileTags } = this.props;
+ const direntName = dirent?.name || '';
+ const smallIconUrl = Utils.getDirentIcon(dirent);
return (
-
-
- )}
- {direntDetail && (
+ {this.renderImage()}
+ {dirent && direntDetail && (
{dirent.type !== 'file' ? (
{
if (Utils.isMarkdownFile(path)) return path; // column mode: view file
- if (dirent.type === 'dir') return path;
return Utils.joinPath(path, dirent.name);
};
export const getFileParent = (dirent, path) => {
const direntPath = getDirentPath(dirent, path);
- if (direntPath === '/') return '/';
- const index = direntPath.lastIndexOf('/');
- const positionPath = direntPath.slice(0, index);
- return positionPath || '/';
+ let position = '';
+ if (direntPath !== '/') {
+ const index = direntPath.lastIndexOf('/');
+ const positionPath = direntPath.slice(0, index);
+ position = position + positionPath;
+ }
+ return position;
};
diff --git a/frontend/src/metadata/hooks/index.js b/frontend/src/metadata/hooks/index.js
new file mode 100644
index 00000000000..68b307d5488
--- /dev/null
+++ b/frontend/src/metadata/hooks/index.js
@@ -0,0 +1 @@
+export { MetadataStatusProvider, useMetadataStatus } from './metadata-status';
diff --git a/frontend/src/metadata/hooks/metadata-status.js b/frontend/src/metadata/hooks/metadata-status.js
new file mode 100644
index 00000000000..9a6b946b14d
--- /dev/null
+++ b/frontend/src/metadata/hooks/metadata-status.js
@@ -0,0 +1,50 @@
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
+import metadataAPI from '../api';
+import { Utils } from '../../utils/utils';
+import toaster from '../../components/toast';
+
+const MetadataStatusContext = React.createContext(null);
+
+export const MetadataStatusProvider = ({ repoID, children }) => {
+ const enableMetadataManagement = useMemo(() => {
+ return window.app.pageOptions.enableMetadataManagement;
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [window.app.pageOptions.enableMetadataManagement]);
+
+
+ const [enableExtendedProperties, setEnableExtendedProperties] = useState(false);
+
+ useEffect(() => {
+ if (!enableMetadataManagement) {
+ setEnableExtendedProperties(false);
+ return;
+ }
+ metadataAPI.getMetadataStatus(repoID).then(res => {
+ setEnableExtendedProperties(res.data.enabled);
+ }).catch(error => {
+ const errorMsg = Utils.getErrorMsg(error, true);
+ toaster.danger(errorMsg);
+ setEnableExtendedProperties(false);
+ });
+ }, [repoID, enableMetadataManagement]);
+
+ const updateEnableExtendedProperties = useCallback((newValue) => {
+ if (newValue === enableExtendedProperties) return;
+ setEnableExtendedProperties(newValue);
+ }, [enableExtendedProperties]);
+
+ return (
+
+ {children}
+
+ );
+};
+
+export const useMetadataStatus = () => {
+ const context = useContext(MetadataStatusContext);
+ if (!context) {
+ throw new Error('\'MetadataStatusContext\' is null');
+ }
+ const { enableExtendedProperties, updateEnableExtendedProperties } = context;
+ return { enableExtendedProperties, updateEnableExtendedProperties };
+};
diff --git a/frontend/src/metadata/index.js b/frontend/src/metadata/index.js
index dc4945471d0..4ad4264f278 100644
--- a/frontend/src/metadata/index.js
+++ b/frontend/src/metadata/index.js
@@ -2,8 +2,12 @@ import SeafileMetadata from './metadata-view';
import MetadataStatusManagementDialog from './metadata-status-manage-dialog';
import MetadataTreeView from './metadata-tree-view';
import MetadataDetails from './metadata-details';
+import metadataAPI from './api';
+
+export * from './hooks';
export {
+ metadataAPI,
SeafileMetadata,
MetadataStatusManagementDialog,
MetadataTreeView,
diff --git a/frontend/src/pages/lib-content-view/lib-content-container.js b/frontend/src/pages/lib-content-view/lib-content-container.js
index 8f4d2b067df..27f8dbc2781 100644
--- a/frontend/src/pages/lib-content-view/lib-content-container.js
+++ b/frontend/src/pages/lib-content-view/lib-content-container.js
@@ -1,10 +1,11 @@
-import React, { Fragment } from 'react';
+import React from 'react';
import PropTypes from 'prop-types';
import { gettext } from '../../utils/constants';
import CurDirPath from '../../components/cur-dir-path';
import Detail from '../../components/dirent-detail';
import DirColumnView from '../../components/dir-view-mode/dir-column-view';
import ToolbarForSelectedDirents from '../../components/toolbar/selected-dirents-toolbar';
+import { MetadataStatusProvider } from '../../metadata/hooks';
import '../../css/lib-content-view.css';
@@ -120,12 +121,10 @@ class LibContentContainer extends React.Component {
onPathClick = (path) => {
this.props.onMainNavBarClick(path);
- this.props.closeDirentDetail();
};
onItemClick = (dirent) => {
this.props.onItemClick(dirent);
- this.props.closeDirentDetail();
};
onDirentClick = (dirent, event) => {
@@ -181,7 +180,7 @@ class LibContentContainer extends React.Component {
}
return (
-
+
{this.props.currentRepoInfo.status === 'read-only' &&
@@ -253,7 +252,6 @@ class LibContentContainer extends React.Component {
-
+
);
}
}
diff --git a/frontend/src/utils/utils.js b/frontend/src/utils/utils.js
index bbd5951ab00..9abb6dd03fb 100644
--- a/frontend/src/utils/utils.js
+++ b/frontend/src/utils/utils.js
@@ -391,6 +391,7 @@ export const Utils = {
},
getDirentIcon: function (dirent, isBig) {
+ if (!dirent) return mediaUrl + 'img/file/256/' + this.FILEEXT_ICON_MAP['default'];
let size = this.isHiDPI() ? 48 : 24;
size = isBig ? 192 : size;
if (dirent.isDir()) {
{!this.props.pathExist && this.errMessage}
{this.props.pathExist && (
@@ -335,7 +333,7 @@ class LibContentContainer extends React.Component {
)}