0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-02 10:42:44 +00:00
This commit is contained in:
Trevor Buckner
2024-09-14 18:58:23 -04:00
parent 5c2acf3183
commit 76c9f2ee71
4 changed files with 32 additions and 32 deletions

View File

@@ -57,7 +57,7 @@ const BrewRenderer = (props)=>{
errors : [], errors : [],
currentEditorCursorPageNum : 0, currentEditorCursorPageNum : 0,
currentEditorViewPageNum : 0, currentEditorViewPageNum : 0,
currentBrewRendererPageNum : 0, currentBrewRendererPageNum : 0,
themeBundle : {}, themeBundle : {},
onPageChange : ()=>{}, onPageChange : ()=>{},
...props ...props
@@ -89,13 +89,13 @@ const BrewRenderer = (props)=>{
})); }));
}; };
const updateCurrentPage = useCallback(_.throttle((e) => { const updateCurrentPage = useCallback(_.throttle((e)=>{
const { scrollTop, clientHeight, scrollHeight } = e.target; const { scrollTop, clientHeight, scrollHeight } = e.target;
const totalScrollableHeight = scrollHeight - clientHeight; const totalScrollableHeight = scrollHeight - clientHeight;
const currentPageNumber = Math.ceil(((scrollTop + 1) / totalScrollableHeight) * rawPages.length); const currentPageNumber = Math.ceil(((scrollTop + 1) / totalScrollableHeight) * rawPages.length);
props.onPageChange(currentPageNumber); props.onPageChange(currentPageNumber);
}, 200), []); }, 200), []);
const isInView = (index)=>{ const isInView = (index)=>{
if(!state.isMounted) if(!state.isMounted)

View File

@@ -117,30 +117,30 @@ const EditPage = createClass({
}, },
handleEditorViewPageChange : function(pageNumber){ handleEditorViewPageChange : function(pageNumber){
console.log(`editor view : ${pageNumber}`) console.log(`editor view : ${pageNumber}`);
this.setState({ currentEditorViewPageNum : pageNumber }); this.setState({ currentEditorViewPageNum: pageNumber });
}, },
handleEditorCursorPageChange : function(pageNumber){ handleEditorCursorPageChange : function(pageNumber){
console.log(`editor cursor : ${pageNumber}`) console.log(`editor cursor : ${pageNumber}`);
this.setState({ currentEditorCursorPageNum : pageNumber }); this.setState({ currentEditorCursorPageNum: pageNumber });
}, },
handleBrewRendererPageChange : function(pageNumber){ handleBrewRendererPageChange : function(pageNumber){
console.log(`brewRenderer view : ${pageNumber}`) console.log(`brewRenderer view : ${pageNumber}`);
this.setState({ currentBrewRendererPageNum : pageNumber }); this.setState({ currentBrewRendererPageNum: pageNumber });
}, },
handleTextChange : function(text){ handleTextChange : function(text){
//If there are errors, run the validator on every change to give quick feedback //If there are errors, run the validator on every change to give quick feedback
console.log("text change") console.log('text change');
let htmlErrors = this.state.htmlErrors; let htmlErrors = this.state.htmlErrors;
if(htmlErrors.length) htmlErrors = Markdown.validate(text); if(htmlErrors.length) htmlErrors = Markdown.validate(text);
this.setState((prevState)=>({ this.setState((prevState)=>({
brew : { ...prevState.brew, text: text }, brew : { ...prevState.brew, text: text },
isPending : true, isPending : true,
htmlErrors : htmlErrors, htmlErrors : htmlErrors,
}), ()=>{if(this.state.autoSave) this.trySave();}); }), ()=>{if(this.state.autoSave) this.trySave();});
}, },

View File

@@ -64,23 +64,23 @@ const HomePage = createClass({
}, },
handleEditorViewPageChange : function(pageNumber){ handleEditorViewPageChange : function(pageNumber){
console.log(`editor view : ${pageNumber}`) console.log(`editor view : ${pageNumber}`);
this.setState({ currentEditorViewPageNum : pageNumber }); this.setState({ currentEditorViewPageNum: pageNumber });
}, },
handleEditorCursorPageChange : function(pageNumber){ handleEditorCursorPageChange : function(pageNumber){
console.log(`editor cursor : ${pageNumber}`) console.log(`editor cursor : ${pageNumber}`);
this.setState({ currentEditorCursorPageNum : pageNumber }); this.setState({ currentEditorCursorPageNum: pageNumber });
}, },
handleBrewRendererPageChange : function(pageNumber){ handleBrewRendererPageChange : function(pageNumber){
console.log(`brewRenderer view : ${pageNumber}`) console.log(`brewRenderer view : ${pageNumber}`);
this.setState({ currentBrewRendererPageNum : pageNumber }); this.setState({ currentBrewRendererPageNum: pageNumber });
}, },
handleTextChange : function(text){ handleTextChange : function(text){
this.setState((prevState)=>({ this.setState((prevState)=>({
brew : { ...prevState.brew, text: text }, brew : { ...prevState.brew, text: text },
})); }));
}, },
renderNavbar : function(){ renderNavbar : function(){

View File

@@ -111,18 +111,18 @@ const NewPage = createClass({
}, },
handleEditorViewPageChange : function(pageNumber){ handleEditorViewPageChange : function(pageNumber){
console.log(`editor view : ${pageNumber}`) console.log(`editor view : ${pageNumber}`);
this.setState({ currentEditorViewPageNum : pageNumber }); this.setState({ currentEditorViewPageNum: pageNumber });
}, },
handleEditorCursorPageChange : function(pageNumber){ handleEditorCursorPageChange : function(pageNumber){
console.log(`editor cursor : ${pageNumber}`) console.log(`editor cursor : ${pageNumber}`);
this.setState({ currentEditorCursorPageNum : pageNumber }); this.setState({ currentEditorCursorPageNum: pageNumber });
}, },
handleBrewRendererPageChange : function(pageNumber){ handleBrewRendererPageChange : function(pageNumber){
console.log(`brewRenderer view : ${pageNumber}`) console.log(`brewRenderer view : ${pageNumber}`);
this.setState({ currentBrewRendererPageNum : pageNumber }); this.setState({ currentBrewRendererPageNum: pageNumber });
}, },
handleTextChange : function(text){ handleTextChange : function(text){
@@ -131,8 +131,8 @@ const NewPage = createClass({
if(htmlErrors.length) htmlErrors = Markdown.validate(text); if(htmlErrors.length) htmlErrors = Markdown.validate(text);
this.setState((prevState)=>({ this.setState((prevState)=>({
brew : { ...prevState.brew, text: text }, brew : { ...prevState.brew, text: text },
htmlErrors : htmlErrors, htmlErrors : htmlErrors,
})); }));
localStorage.setItem(BREWKEY, text); localStorage.setItem(BREWKEY, text);
}, },