Added image upload indicator
This commit is contained in:
@@ -34,10 +34,6 @@ class DocumentEdit extends Component {
|
||||
params: React.PropTypes.object,
|
||||
}
|
||||
|
||||
state = {
|
||||
scrollTop: 0,
|
||||
}
|
||||
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.store = new DocumentEditStore(
|
||||
@@ -45,6 +41,10 @@ class DocumentEdit extends Component {
|
||||
);
|
||||
}
|
||||
|
||||
state = {
|
||||
scrollTop: 0,
|
||||
}
|
||||
|
||||
componentDidMount = () => {
|
||||
if (this.props.route.newDocument) {
|
||||
this.store.collectionId = this.props.params.id;
|
||||
@@ -70,7 +70,7 @@ class DocumentEdit extends Component {
|
||||
if (this.store.hasPendingChanges) {
|
||||
return confirm(DISREGARD_CHANGES);
|
||||
}
|
||||
return;
|
||||
return null;
|
||||
});
|
||||
}
|
||||
|
||||
@@ -154,7 +154,7 @@ class DocumentEdit extends Component {
|
||||
title={ title }
|
||||
titleText={ titleText }
|
||||
fixed
|
||||
loading={ this.store.isSaving }
|
||||
loading={ this.store.isSaving || this.store.isUploading }
|
||||
search={ false }
|
||||
>
|
||||
{ (this.store.isFetching || !('Editor' in this.state)) ? (
|
||||
|
||||
@@ -32,6 +32,7 @@ class DocumentEditStore {
|
||||
@observable preview;
|
||||
@observable isFetching;
|
||||
@observable isSaving;
|
||||
@observable isUploading;
|
||||
|
||||
/* Actions */
|
||||
|
||||
@@ -122,6 +123,10 @@ class DocumentEditStore {
|
||||
this.text = '# Lets start with a title\n\nAnd continue from there...';
|
||||
}
|
||||
|
||||
@action toggleUploadingIndicator = () => {
|
||||
this.isUploading = !this.isUploading;
|
||||
}
|
||||
|
||||
// Generic
|
||||
|
||||
persistSettings = () => {
|
||||
|
||||
@@ -25,6 +25,7 @@ const Editor = observer((props) => {
|
||||
onSave={ props.onSave }
|
||||
onCancel={ props.onCancel }
|
||||
togglePreview={ props.togglePreview }
|
||||
toggleUploadingIndicator={ store.toggleUploadingIndicator }
|
||||
/>
|
||||
</EditorPane>
|
||||
{ store.preview ? (
|
||||
|
||||
Reference in New Issue
Block a user