1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-16 15:19:06 +00:00

optimize save button's status

This commit is contained in:
LeoSirius
2019-04-19 11:57:07 +08:00
parent cdc9d4865e
commit fad00989f1
3 changed files with 39 additions and 14 deletions

View File

@@ -11,6 +11,8 @@ const propTypes = {
isLocked: PropTypes.bool.isRequired,
lockedByMe: PropTypes.bool.isRequired,
onSaveChangedContent: PropTypes.func.isRequired,
isSaving: PropTypes.bool.isRequired,
isContentChangedButNotSaved: PropTypes.bool.isRequired,
toggleLockFile: PropTypes.func.isRequired,
toggleCommentPanel: PropTypes.func.isRequired
};
@@ -95,17 +97,24 @@ class FileToolbar extends React.Component {
/>
)}
{(canEditFile && !err) &&
(<IconButton
text={gettext('Save')}
id={'saveButton'}
icon={'fa fa-save'}
// button imported in this file does not have functionalities of
// disabled, isActive as button imported in markdowneditor has
//disabled={isContentChanged}
//isActive={!isContentChanged}
onClick={this.props.onSaveChangedContent}
/>
)}
( this.props.isSaving ?
<button type={'button'} className={'btn btn-icon btn-secondary btn-active'}>
<i className={'fa fa-spin fa-spinner'}/></button> :
(
this.props.isContentChangedButNotSaved ?
<IconButton
text={gettext('Save')}
id={'saveButton'}
icon={'fa fa-save'}
// button imported in this file does not have functionalities of
// isActive as button imported in markdowneditor has
//isActive={!isContentChanged}
onClick={this.props.onSaveChangedContent}
/> :
<button type={'button'} className={'btn btn-icon btn-secondary btn-active'} disabled>
<i className={'fa fa-save'}/></button>
)
)}
{canDownloadFile && (
<IconButton
id="download-file"