rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: correctly switch between editors

Browse Source
This commit is contained in:
Baptiste Grob
2020-08-19 12:31:42 +02:00
parent e201d438c1
commit ee837ea077
2 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/javascripts/views/editor/editor-view.pug
View File

@@ -134,18 +134,18 @@
action="self.selectedMenuItem(true); self.toggleWebPrefKey(self.prefKeyMonospace)"
circle="self.state.monospaceFont ? 'success' : 'neutral'",
desc="'Toggles the font style for the default editor'",
disabled='self.activeEditorComponent',
disabled='self.state.editorComponent',
label="'Monospace Font'",
subtitle="self.activeEditorComponent ? 'Not available with editor extensions' : null"
subtitle="self.state.editorComponent ? 'Not available with editor extensions' : null"
)
menu-row(
action="self.selectedMenuItem(true); self.toggleWebPrefKey(self.prefKeySpellcheck)"
circle="self.state.spellcheck ? 'success' : 'neutral'",
desc="'Toggles spellcheck for the default editor'",
disabled='self.activeEditorComponent',
disabled='self.state.editorComponent',
label="'Spellcheck'",
subtitle=`
self.activeEditorComponent
self.state.editorComponent
? 'Not available with editor extensions'
: (self.state.isDesktop ? 'May degrade editor performance' : null)
`)
@@ -167,7 +167,7 @@
callback='self.editorMenuOnSelect',
current-item='self.note',
ng-if='self.state.showEditorMenu',
selected-editor-uuid='self.activeEditorComponent && self.activeEditorComponent.uuid',
selected-editor-uuid='self.state.editorComponent && self.state.editorComponent.uuid',
application='self.application'
)
.sk-app-bar-item(
@@ -204,8 +204,8 @@
property="'left'"
)
component-view.component-view(
component-uuid='self.activeEditorComponent.uuid',
ng-if='self.activeEditorComponent && !self.state.editorComponentUnloading',
component-uuid='self.state.editorComponent.uuid',
ng-if='self.state.editorComponent && !self.state.editorComponentUnloading',
on-load='self.onEditorLoad',
application='self.application'
)
@@ -215,7 +215,7 @@
ng-change='self.contentChanged()',
ng-click='self.clickedTextArea()',
ng-focus='self.onContentFocus()',
ng-if='!self.activeEditorComponent && !self.state.textareaUnloading',
ng-if='!self.state.editorComponent && !self.state.textareaUnloading',
ng-model='self.editorValues.text',
ng-model-options='{ debounce: self.state.editorDebounce}',
ng-readonly='self.noteLocked',

7
app/assets/javascripts/views/editor/editor_view.ts
View File

@@ -344,21 +344,24 @@ class EditorViewCtrl extends PureViewCtrl<{}, EditorState> {
const newEditor = this.application.componentManager!.editorForNote(this.note);
const currentEditor = this.state.editorComponent;
if (currentEditor?.uuid !== newEditor?.uuid) {
if (currentEditor) {
await this.application.componentManager!.deactivateComponent(currentEditor.uuid);
}
await this.setState({
editorComponent: newEditor,
/** Unload current component view so that we create a new one */
editorUnloading: true
});
if (newEditor && !newEditor.active) {
await this.application.componentManager?.activateComponent(newEditor.uuid);
await this.application.componentManager!.activateComponent(newEditor.uuid);
}
await this.setState({
/** Reload component view */
editorUnloading: false
});
this.reloadFont();
this.application.componentManager!.contextItemDidChangeInArea(ComponentArea.Editor);
}
this.application.componentManager!.contextItemDidChangeInArea(ComponentArea.Editor);
}
setMenuState(menu: string, state: boolean) {