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

add save button (#3270)

Browse Source
This commit is contained in:
Michael An
2019-04-13 14:51:41 +08:00
committed by Daniel Pan
parent 46d0c72be2
commit 6eb071e7bd
2 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/components/toolbar/markdown-viewer-toolbar.js
View File

@@ -24,6 +24,8 @@ const propTypes = {
toggleCommentList: PropTypes.func.isRequired,
editorMode: PropTypes.string.isRequired,
readOnly: PropTypes.bool.isRequired,
contentChanged: PropTypes.bool.isRequired,
saving: PropTypes.bool.isRequired,
};
const MoreMenuPropTypes = {
@@ -84,6 +86,7 @@ class MarkdownViewerToolbar extends React.Component {
}
render() {
let { contentChanged, saving } = this.props;
if (this.props.editorMode === 'rich') {
return (
@@ -122,6 +125,13 @@ class MarkdownViewerToolbar extends React.Component {
this.props.showFileHistory && <IconButton id={'historyButton'}
text={gettext('File History')} onMouseDown={this.props.toggleHistory} icon={'fa fa-history'}/>
}
{ saving ?
<button type={'button'} className={'btn btn-icon btn-secondary btn-active'}>
<i className={'fa fa-spin fa-spinner'}/></button>
:
<IconButton text={gettext('Save')} id={'saveButton'} icon={'fa fa-save'} disabled={!contentChanged}
onMouseDown={window.seafileEditor && window.seafileEditor.onPlainEditorSave} isActive={contentChanged}/>
}
</ButtonGroup>
<MoreMenu
readOnly={this.props.readOnly}
@@ -142,6 +152,14 @@ class MarkdownViewerToolbar extends React.Component {
<div className="topbar-btn-container">
{this.props.collabUsers.length > 0 && <CollabUsersButton className={'collab-users-dropdown'}
users={this.props.collabUsers} id={'usersButton'} />}
<ButtonGroup>
{ saving ?
<button type={'button'} className={'btn btn-icon btn-secondary btn-active'}>
<i className={'fa fa-spin fa-spinner'}/></button>
:
<IconButton id={'saveButton'} text={gettext('Save')} icon={'fa fa-save'} onMouseDown={window.seafileEditor && window.seafileEditor.onPlainEditorSave} disabled={!contentChanged} isActive={contentChanged} />
}
</ButtonGroup>
<MoreMenu
readOnly={this.props.readOnly}
openDialogs={this.props.openDialogs}