diff --git a/app/components/SimpleEditor/panes/Notes/Notes.js b/app/components/SimpleEditor/panes/Notes/Notes.js index f991bebd6dc2ba4479a7783a2d18e87c7e076eab..1c6c11be7870228041db7d0517a94b96842e1880 100644 --- a/app/components/SimpleEditor/panes/Notes/Notes.js +++ b/app/components/SimpleEditor/panes/Notes/Notes.js @@ -17,25 +17,6 @@ class Notes extends Component { this.context.editorSession.onUpdate('document', this.onNotesUpdated, this) } - initResize (e) { - window.addEventListener('mousemove', this.resize, false) - window.addEventListener('mouseup', this.stopResize, false) - } - - resize (e) { - const height = (this.el.el.offsetHeight + this.el.el.offsetTop - e.clientY) - const scrollPane = document.getElementById('mini-editor-content-panel').children - scrollPane[0].style.minHeight = height - 40 + 'px' - const mainScrollPane = document.getElementById('content-panel').children - mainScrollPane[0].style.maxHeight = this.el.el.offsetTop - 140 + 'px' - this.el.el.style.height = height + 'px' - } - - stopResize (e) { - window.removeEventListener('mousemove', this.resize, false) - window.removeEventListener('mouseup', this.stopResize, false) - } - render ($$) { const miniSessionConf = this._initMiniEditor() const resizer = $$('div').addClass('resize-area') @@ -92,18 +73,23 @@ class Notes extends Component { } } - getProvider () { - return this.context.notesProvider + initResize (e) { + window.addEventListener('mousemove', this.resize, false) + window.addEventListener('mouseup', this.stopResize, false) } - getSurface () { - const provider = this.getProvider() - return provider.config.miniEditorContext.surfaceManager.getSurface('mini') + resize (e) { + const height = (this.el.el.offsetHeight + this.el.el.offsetTop - e.clientY) + const scrollPane = document.getElementById('mini-editor-content-panel').children + scrollPane[0].style.minHeight = height - 40 + 'px' + const mainScrollPane = document.getElementById('content-panel').children + mainScrollPane[0].style.maxHeight = this.el.el.offsetTop - 140 + 'px' + this.el.el.style.height = height + 'px' } - getMiniEditor () { - const provider = this.getProvider() - return provider.config.miniEditorContext.editor + stopResize (e) { + window.removeEventListener('mousemove', this.resize, false) + window.removeEventListener('mouseup', this.stopResize, false) } onNotesUpdated (change) { @@ -143,6 +129,20 @@ class Notes extends Component { } } + getProvider () { + return this.context.notesProvider + } + + getSurface () { + const provider = this.getProvider() + return provider.config.miniEditorContext.surfaceManager.getSurface('mini') + } + + getMiniEditor () { + const provider = this.getProvider() + return provider.config.miniEditorContext.editor + } + dispose () { const provider = this.getProvider() provider.off(this)