f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-15 19:12:38 +00:00
Code Wiki Activity

update editor ref's in edit, home, and new pages.

Browse Source
This commit is contained in:
Gazook89
2024-05-16 23:29:30 -05:00
parent 78ce8aa6e3
commit 7c9cc25923
3 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/homebrew/pages/editPage/editPage.jsx
View File

@@ -54,6 +54,8 @@ const EditPage = createClass({
currentEditorPage : 0 currentEditorPage : 0
}; };
}, },
editor : React.createRef(null),
savedBrew : null, savedBrew : null,
componentDidMount : function(){ componentDidMount : function(){
@@ -101,7 +103,7 @@ const EditPage = createClass({
}, },
handleSplitMove : function(){ handleSplitMove : function(){
this.refs.editor.update(); this.editor.current.update();
}, },
handleTextChange : function(text){ handleTextChange : function(text){
@@ -113,7 +115,7 @@ const EditPage = createClass({
brew : { ...prevState.brew, text: text }, brew : { ...prevState.brew, text: text },
isPending : true, isPending : true,
htmlErrors : htmlErrors, htmlErrors : htmlErrors,
currentEditorPage : this.refs.editor.getCurrentPage() - 1 //Offset index since Marked starts pages at 0 currentEditorPage : this.editor.current.getCurrentPage() - 1 //Offset index since Marked starts pages at 0
}), ()=>{if(this.state.autoSave) this.trySave();}); }), ()=>{if(this.state.autoSave) this.trySave();});
}, },
@@ -392,7 +394,7 @@ const EditPage = createClass({
<div className='content'> <div className='content'>
<SplitPane onDragFinish={this.handleSplitMove}> <SplitPane onDragFinish={this.handleSplitMove}>
<Editor <Editor
ref='editor' ref={this.editor}
brew={this.state.brew} brew={this.state.brew}
onTextChange={this.handleTextChange} onTextChange={this.handleTextChange}
onStyleChange={this.handleStyleChange} onStyleChange={this.handleStyleChange}

9
client/homebrew/pages/homePage/homePage.jsx
View File

@@ -37,6 +37,9 @@ const HomePage = createClass({
currentEditorPage : 0 currentEditorPage : 0
}; };
}, },
editor : React.createRef(null),
handleSave : function(){ handleSave : function(){
request.post('/api') request.post('/api')
.send(this.state.brew) .send(this.state.brew)
@@ -50,12 +53,12 @@ const HomePage = createClass({
}); });
}, },
handleSplitMove : function(){ handleSplitMove : function(){
this.refs.editor.update(); this.editor.current.update();
}, },
handleTextChange : function(text){ handleTextChange : function(text){
this.setState((prevState)=>({ this.setState((prevState)=>({
brew : { ...prevState.brew, text: text }, brew : { ...prevState.brew, text: text },
currentEditorPage : this.refs.editor.getCurrentPage() - 1 //Offset index since Marked starts pages at 0 currentEditorPage : this.editor.current.getCurrentPage() - 1 //Offset index since Marked starts pages at 0
})); }));
}, },
renderNavbar : function(){ renderNavbar : function(){
@@ -81,7 +84,7 @@ const HomePage = createClass({
<div className='content'> <div className='content'>
<SplitPane onDragFinish={this.handleSplitMove}> <SplitPane onDragFinish={this.handleSplitMove}>
<Editor <Editor
ref='editor' ref={this.editor}
brew={this.state.brew} brew={this.state.brew}
onTextChange={this.handleTextChange} onTextChange={this.handleTextChange}
renderer={this.state.brew.renderer} renderer={this.state.brew.renderer}

8
client/homebrew/pages/newPage/newPage.jsx
View File

@@ -47,6 +47,8 @@ const NewPage = createClass({
}; };
}, },
editor : React.createRef(null),
componentDidMount : function() { componentDidMount : function() {
document.addEventListener('keydown', this.handleControlKeys); document.addEventListener('keydown', this.handleControlKeys);
@@ -96,7 +98,7 @@ const NewPage = createClass({
}, },
handleSplitMove : function(){ handleSplitMove : function(){
this.refs.editor.update(); this.editor.current.update();
}, },
handleTextChange : function(text){ handleTextChange : function(text){
@@ -107,7 +109,7 @@ const NewPage = createClass({
this.setState((prevState)=>({ this.setState((prevState)=>({
brew : { ...prevState.brew, text: text }, brew : { ...prevState.brew, text: text },
htmlErrors : htmlErrors, htmlErrors : htmlErrors,
currentEditorPage : this.refs.editor.getCurrentPage() - 1 //Offset index since Marked starts pages at 0 currentEditorPage : this.editor.current.getCurrentPage() - 1 //Offset index since Marked starts pages at 0
})); }));
localStorage.setItem(BREWKEY, text); localStorage.setItem(BREWKEY, text);
}, },
@@ -215,7 +217,7 @@ const NewPage = createClass({
<div className='content'> <div className='content'>
<SplitPane onDragFinish={this.handleSplitMove}> <SplitPane onDragFinish={this.handleSplitMove}>
<Editor <Editor
ref='editor' ref={this.editor}
brew={this.state.brew} brew={this.state.brew}
onTextChange={this.handleTextChange} onTextChange={this.handleTextChange}
onStyleChange={this.handleStyleChange} onStyleChange={this.handleStyleChange}