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

File view details panel (#6938)

Browse Source 
* [PDF file view] replaced the current 'details' panel with a new one(which can display meta data details)

* ['file view' with 'third party editor'] fixup for the 'title' of the page

* ['file view'] replaced the 'details' panel with a new one(which can display meta data details) for the other types of files

- file types: IMAGE VIDEO AUDIO SVG XMIND TEXT DOCUMENT(HAS_OFFICE_CONVERTER) SPREADSHEET(HAS_OFFICE_CONVERTER)
This commit is contained in:
llj
2024-10-24 22:34:50 +08:00
committed by GitHub
parent 9f3158f8f4
commit 4c4a11fb03
4 changed files with 13 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
frontend/src/components/file-view/file-view.js
View File

@@ -9,7 +9,6 @@ import IconButton from '../icon-button';
import FileInfo from './file-info';
import FileToolbar from './file-toolbar';
import OnlyofficeFileToolbar from './onlyoffice-file-toolbar';
import FileDetails from '../dirent-detail/old-file-details';
import EmbeddedFileDetails from '../dirent-detail/embedded-file-details';
import { CollaboratorsProvider, EnableMetadataProvider } from '../../metadata';
@@ -22,12 +21,12 @@ const propTypes = {
needSave: PropTypes.bool,
isOnlyofficeFile: PropTypes.bool,
participants: PropTypes.array,
onParticipantsChange: PropTypes.func,
onParticipantsChange: PropTypes.func
};
const { isStarred, isLocked, lockedByMe,
repoID, filePath, filePerm, enableWatermark, userNickName,
repoName, parentDir, fileName
fileName
} = window.app.pageOptions;
class FileView extends React.Component {
@@ -146,29 +145,17 @@ class FileView extends React.Component {
}
{this.props.content}
{isDetailsPanelOpen && (
<>
{isOnlyofficeFile ?
<EnableMetadataProvider repoID={repoID} >
<CollaboratorsProvider repoID={repoID}>
<EmbeddedFileDetails
repoID={repoID}
path={filePath}
dirent={{ 'name': fileName, type: 'file' }}
repoInfo={{ permission: filePerm }}
onClose={this.toggleDetailsPanel}
/>
</CollaboratorsProvider>
</EnableMetadataProvider>
:
<FileDetails
<EnableMetadataProvider repoID={repoID} >
<CollaboratorsProvider repoID={repoID}>
<EmbeddedFileDetails
repoID={repoID}
repoName={repoName}
path={parentDir}
path={filePath}
dirent={{ 'name': fileName, type: 'file' }}
togglePanel={this.toggleDetailsPanel}
repoInfo={{ permission: filePerm }}
onClose={this.toggleDetailsPanel}
/>
}
</>
</CollaboratorsProvider>
</EnableMetadataProvider>
)}
</div>
</div>