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

add check for change to current viewport

Browse Source
This commit is contained in:
Gazook89
2021-11-17 09:47:51 -06:00
parent 9f05aae876
commit 8b13528661
2 changed files with 26 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
client/homebrew/editor/editor.jsx
View File

@@ -114,30 +114,40 @@ const Editor = createClass({
let editorPageCount = 2; // start counting from page 2
// get top and bottom line numbers currently in editor viewport
const viewportRect = codeMirror.getWrapperElement().getBoundingClientRect();
const topVisibleLine = codeMirror.lineAtHeight(viewportRect.top, "window");
const bottomVisibleLine = codeMirror.lineAtHeight(viewportRect.bottom, "window");
_.forEach(this.props.brew.text.split('\n'), (line, lineNumber)=>{
if(this.props.renderer == 'legacy') {
if(line.includes('\\page')) {
const testElement = Object.assign(document.createElement('div'), {
className : 'editor-page-count',
textContent : editorPageCount
});
codeMirror.addWidget({ line: lineNumber, ch: 0 }, testElement);
// testElement.style.top = `${parseInt(testElement.style.top) - 12.5}px`;
testElement.style.top = `${parseInt(testElement.style.top) - cm.defaultTextHeight()}px`;
testElement.style.left = null;
// add a check here to see if in current viewport, then create widget if true
if(lineNumber > topVisibleLine && lineNumber < bottomVisibleLine){
const testElement = Object.assign(document.createElement('div'), {
className : 'editor-page-count',
textContent : editorPageCount
});
codeMirror.addWidget({ line: lineNumber, ch: 0 }, testElement);
testElement.style.top = `${parseInt(testElement.style.top) - codeMirror.defaultTextHeight()}px`;
testElement.style.left = null;
}
// end createWidget process
editorPageCount = editorPageCount + 1;
}
}
if(this.props.renderer == 'V3') {
if(line.match(/^\\page$/)){
const testElement = Object.assign(document.createElement('div'), {
className : 'editor-page-count',
textContent : editorPageCount
});
codeMirror.addWidget({ line: lineNumber, ch: 0 }, testElement);
testElement.style.top = `${parseInt(testElement.style.top) - 12.5}px`;
testElement.style.left = null;
if(lineNumber > topVisibleLine && lineNumber < bottomVisibleLine){
const testElement = Object.assign(document.createElement('div'), {
className : 'editor-page-count',
textContent : editorPageCount
});
codeMirror.addWidget({ line: lineNumber, ch: 0 }, testElement);
testElement.style.top = `${parseInt(testElement.style.top) - codeMirror.defaultTextHeight()}px`;
testElement.style.left = null;
}
editorPageCount = editorPageCount + 1;
}
}

1
shared/naturalcrit/codeEditor/codeEditor.jsx
View File

@@ -80,6 +80,7 @@ const CodeEditor = createClass({
// Note: codeMirror passes a copy of itself in this callback. cm === this.codeMirror. Either one works.
this.codeMirror.on('change', (cm)=>{this.props.onChange(cm.getValue());});
this.codeMirror.on('viewportChange', _.debounce((cm)=>{this.props.onChange(cm.getValue());},200));
this.updateSize();
},