haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 02:10:24 +00:00
Code Issues Releases Wiki Activity

remove markdown viewer dialog (#7052)

Browse Source
This commit is contained in:
Michael An
2024-11-18 12:07:03 +08:00
committed by GitHub
parent 9c3e828bf6
commit 559d8c52ca
7 changed files with 19 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/common/event-bus-type.js
View File

@@ -4,5 +4,5 @@ export const EVENT_BUS_TYPE = {
SEARCH_LIBRARY_CONTENT: 'search_library_content',
RESTORE_IMAGE: 'restore_image',
OPEN_MARKDOWN_DIALOG: 'open_markdown_dialog',
OPEN_MARKDOWN: 'open_markdown',
};

16
frontend/src/components/dir-view-mode/dir-column-view.js
View File

@@ -1,7 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import DirColumnNav from './dir-column-nav';
import MarkdownViewerDialog from './markdown-viewer-dialog';
import DirListView from './dir-list-view';
import DirGridView from './dir-grid-view';
import { SIDE_PANEL_FOLDED_WIDTH } from '../../constants';
@@ -43,7 +42,6 @@ const propTypes = {
lastModified: PropTypes.string,
latestContributor: PropTypes.string,
onLinkClick: PropTypes.func.isRequired,
onCloseMarkdownViewDialog: PropTypes.func,
// repo content
isRepoInfoBarShow: PropTypes.bool.isRequired,
usedRepoTags: PropTypes.array.isRequired,
@@ -288,20 +286,6 @@ class DirColumnView extends React.Component {
eventBus={this.props.eventBus}
/>
}
{this.props.isViewFile &&
<MarkdownViewerDialog
repoID={this.props.repoID}
filePath={this.props.getMarkDownFilePath()}
fileName={this.props.getMarkDownFileName()}
openMarkdownFile={this.props.openMarkdownFile}
isFileLoading={this.props.isFileLoading}
content={this.props.content}
lastModified={this.props.lastModified}
latestContributor={this.props.latestContributor}
onLinkClick={this.props.onLinkClick}
onCloseMarkdownViewDialog={this.props.onCloseMarkdownViewDialog}
/>
}
</div>
</div>
);

56
frontend/src/components/dir-view-mode/markdown-viewer-dialog.css
View File

@@ -1,56 +0,0 @@
.seafile-markdown-viewer-modal {
max-width: 950px;
height: calc(100% - 56px);
}
.seafile-markdown-viewer-modal .seafile-markdown-viewer-modal-content {
height: 100%;
}
.seafile-markdown-viewer-modal-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e5e5e5;
padding: 0 16px;
height: 48px;
}
.seafile-markdown-viewer-modal-header .seafile-markdown-viewer-modal-header-left-name img {
margin-right: 6px;
}
.seafile-markdown-viewer-modal-header .seafile-markdown-viewer-modal-header-right-tool>span {
margin-left: 10px;
cursor: pointer;
color: #000;
opacity: 0.5;
}
.seafile-markdown-viewer-modal-header .seafile-markdown-viewer-modal-header-right-tool>span:hover {
opacity: 0.75;
}
.seafile-markdown-viewer-modal-body {
padding: 0;
height: calc(100vh / 2 + 130px);
overflow: auto;
}
.seafile-markdown-viewer-modal-body .wiki-page-container {
margin: 40px 60px 0px 60px;
}
.seafile-markdown-viewer-modal-body .wiki-page-container .empty-loading-page {
display: none;
}
.seafile-markdown-viewer-modal-body .loading-tip {
margin-top: 30%;
}
.seafile-markdown-viewer-modal-body .sf-slate-viewer-scroll-container {
background: #fff;
padding: 0px 0 0px;
overflow: hidden;
}

67
frontend/src/components/dir-view-mode/markdown-viewer-dialog.js
View File

@@ -1,67 +0,0 @@
import React from 'react';
import PropTypes from 'prop-types';
import { Modal, ModalBody } from 'reactstrap';
import { mediaUrl } from '../../utils/constants';
import SeafileMarkdownViewer from '../seafile-markdown-viewer';
import InternalLinkOperation from '../operations/internal-link-operation';
import { Utils } from '../../utils/utils';
import './markdown-viewer-dialog.css';
const propTypes = {
filePath: PropTypes.string.isRequired,
fileName: PropTypes.string.isRequired,
repoID: PropTypes.string.isRequired,
isFileLoading: PropTypes.bool.isRequired,
content: PropTypes.string,
lastModified: PropTypes.string,
latestContributor: PropTypes.string,
onLinkClick: PropTypes.func.isRequired,
onCloseMarkdownViewDialog: PropTypes.func,
openMarkdownFile: PropTypes.func,
};
class MarkdownViewerDialog extends React.Component {
render() {
const { repoID, filePath, fileName } = this.props;
return (
<Modal
isOpen={true}
className='seafile-markdown-viewer-modal'
toggle={this.props.onCloseMarkdownViewDialog}
contentClassName='seafile-markdown-viewer-modal-content'
zIndex={1046}
>
<div className='seafile-markdown-viewer-modal-header'>
<div className='seafile-markdown-viewer-modal-header-left-name d-flex align-items-center'>
<span><img src={`${mediaUrl}img/file/256/md.png`} width='24' alt='' /></span>
<span>{fileName}</span>
<InternalLinkOperation path={Utils.joinPath(filePath, fileName)} repoID={repoID} />
</div>
<div className='seafile-markdown-viewer-modal-header-right-tool'>
<span className='sf3-font sf3-font-new-page' onClick={this.props.openMarkdownFile}></span>
<span className='sf3-font sf3-font-x-01' onClick={this.props.onCloseMarkdownViewDialog}></span>
</div>
</div>
<ModalBody className='seafile-markdown-viewer-modal-body'>
<SeafileMarkdownViewer
isTOCShow={false}
isFileLoading={this.props.isFileLoading}
markdownContent={this.props.content}
lastModified = {this.props.lastModified}
latestContributor={this.props.latestContributor}
onLinkClick={this.props.onLinkClick}
repoID={repoID}
path={filePath}
>
</SeafileMarkdownViewer>
</ModalBody>
</Modal>
);
}
}
MarkdownViewerDialog.propTypes = propTypes;
export default MarkdownViewerDialog;