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

Move livescrollToggle function out into a class method instead of an anonymous function.

Browse Source 
Adjust code accordingly ( event.target vs document.getElementByClassname )
This commit is contained in:
David Bolack
2024-07-30 03:09:25 -05:00
parent dcdc8b4943
commit b34027699f
1 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
shared/naturalcrit/splitPane/splitPane.jsx
View File

@@ -105,6 +105,21 @@ const SplitPane = createClass({
userSetDividerPos : newSize userSetDividerPos : newSize
}); });
}, },
liveScrollToggle : function(e) {
const flipLiveScroll = !this.state.liveScroll;
const toggle = e.target;
const toggleDiv = toggle.parentElement;
if(flipLiveScroll) {
toggle.className = 'fas fa-lock';
toggleDiv.className = 'arrow lock';
} else {
toggle.className = 'fas fa-unlock';
toggleDiv.className = 'arrow unlock';
}
window.localStorage.setItem('liveScroll', String(flipLiveScroll));
this.setState({ liveScroll: flipLiveScroll });
},
/* /*
unFocus : function() { unFocus : function() {
if(document.selection){ if(document.selection){
@@ -138,20 +153,7 @@ const SplitPane = createClass({
</div> </div>
<div id='scrollToggleDiv' className={`arrow lock`} <div id='scrollToggleDiv' className={`arrow lock`}
style={{ left: this.state.currentDividerPos-4 }} style={{ left: this.state.currentDividerPos-4 }}
onClick={()=>{ onClick={this.liveScrollToggle} >
const flipLiveScroll = !this.state.liveScroll;
const toggle = document.getElementById('scrollToggle');
const toggleDiv = document.getElementById('scrollToggleDiv');
if(flipLiveScroll) {
toggle.className = 'fas fa-lock';
toggleDiv.className = 'arrow lock';
} else {
toggle.className = 'fas fa-unlock';
toggleDiv.className = 'arrow unlock';
}
window.localStorage.setItem('liveScroll', String(flipLiveScroll));
this.setState({ liveScroll: flipLiveScroll });
}} >
<i id='scrollToggle' className={`fas fa-lock`} /> <i id='scrollToggle' className={`fas fa-lock`} />
</div> </div>
</>; </>;