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

[shared file view] markdown: modifie UI for the 'head' & outline

Browse Source
This commit is contained in:
llj 2022-05-27 12:37:10 +08:00
parent 41d072f6e9
commit 7db323a63a
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/shared-file-view/shared-file-view.js
View File

@ -12,7 +12,8 @@ import watermark from 'watermark-dom';
import '../../css/shared-file-view.css'; import '../../css/shared-file-view.css';
const propTypes = { const propTypes = {
content: PropTypes.object.isRequired content: PropTypes.object.isRequired,
fileType: PropTypes.string
}; };
let loginUser = window.app.pageOptions.name; let loginUser = window.app.pageOptions.name;
@ -96,6 +97,7 @@ class SharedFileView extends React.Component {
} }
render() { render() {
const { fileType } = this.props;
return ( return (
<div className="shared-file-view-md"> <div className="shared-file-view-md">
<div className="shared-file-view-md-header d-flex"> <div className="shared-file-view-md-header d-flex">
@ -107,7 +109,7 @@ class SharedFileView extends React.Component {
{ loginUser && <Account /> } { loginUser && <Account /> }
</div> </div>
<div className="shared-file-view-md-main"> <div className="shared-file-view-md-main">
<div className="shared-file-view-head"> <div className={`shared-file-view-head ${fileType == 'md' ? 'w-100 px-4' : ''}`}>
<div className="float-left"> <div className="float-left">
<h2 className="ellipsis" title={fileName}>{fileName}</h2> <h2 className="ellipsis" title={fileName}>{fileName}</h2>
{zipped ? {zipped ?

3
frontend/src/shared-file-view-markdown.js
View File

@ -13,7 +13,7 @@ const { repoID, sharedToken, rawPath, err } = window.shared.pageOptions;
class SharedFileViewMarkdown extends React.Component { class SharedFileViewMarkdown extends React.Component {
render() { render() {
return <SharedFileView content={<FileContent />} />; return <SharedFileView content={<FileContent />} fileType="md" />;
} }
} }
@ -81,6 +81,7 @@ class FileContent extends React.Component {
scriptSource={mediaUrl + 'js/mathjax/tex-svg.js'} scriptSource={mediaUrl + 'js/mathjax/tex-svg.js'}
markdownContent={this.state.markdownContent} markdownContent={this.state.markdownContent}
showTOC={true} showTOC={true}
activeTitleIndex={''}
serviceURL={serviceURL} serviceURL={serviceURL}
sharedToken={sharedToken} sharedToken={sharedToken}
repoID={repoID} repoID={repoID}