Added image upload indicator

This commit is contained in:
Jori Lallo
2016-09-21 23:58:33 -07:00
parent 6184eb2617
commit d2acc014e6
4 changed files with 20 additions and 6 deletions

View File

@@ -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)) ? (

View File

@@ -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 = () => {

View File

@@ -25,6 +25,7 @@ const Editor = observer((props) => {
onSave={ props.onSave }
onCancel={ props.onCancel }
togglePreview={ props.togglePreview }
toggleUploadingIndicator={ store.toggleUploadingIndicator }
/>
</EditorPane>
{ store.preview ? (