public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-17 19:51:42 +00:00
Code Issues Releases Wiki Activity

fixed the state change and cleaned up code for eslint

Browse Source
This commit is contained in:
Kevin Nadro
2017-05-28 02:08:11 -05:00
committed by asmsuechan
parent afc729b1c3
commit cbe58b9437
2 changed files with 40 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
browser/main/Detail/MarkdownNoteDetail.js
View File

@@ -200,27 +200,25 @@ class MarkdownNoteDetail extends React.Component {
} }
handleFullScreenButton (e) { handleFullScreenButton (e) {
const currentScreenState = !Object.assign({}, this.state).fullScreen this.setState({ fullScreen: !this.state.fullScreen }, () => {
this.setState({ fullScreen: currentScreenState }) const noteDetail = document.querySelector('.NoteDetail')
const mainBody = document.querySelector('#main-body')
const noteDetail = document.querySelector('.NoteDetail') const sliderRight = document.querySelector('#slider-right')
const mainBody = document.querySelector('#main-body') const sliderLeft = document.querySelector('#slider-left')
const sliderRight = document.querySelector('#slider-right') if (this.state.fullScreen) {
const sliderLeft = document.querySelector('#slider-left') this.state.widthOfNoteDetail = noteDetail.style.left
this.state.widthOfMainBody = mainBody.style.left
if (currentScreenState) { noteDetail.style.left = '0px'
this.state.widthOfNoteDetail = noteDetail.style.left mainBody.style.left = '0px'
this.state.widthOfMainBody = mainBody.style.left sliderRight.style.display = 'none'
noteDetail.style.left = '0px' sliderLeft.style.display = 'none'
mainBody.style.left = '0px' } else {
sliderRight.style.display = 'none' noteDetail.style.left = this.state.widthOfNoteDetail
sliderLeft.style.display = 'none' mainBody.style.left = this.state.widthOfMainBody
} else { sliderRight.style.display = 'block'
noteDetail.style.left = this.state.widthOfNoteDetail sliderLeft.style.display = 'block'
mainBody.style.left = this.state.widthOfMainBody }
sliderRight.style.display = 'block' })
sliderLeft.style.display = 'block'
}
} }
handleLockButtonMouseDown (e) { handleLockButtonMouseDown (e) {
@@ -317,7 +315,7 @@ class MarkdownNoteDetail extends React.Component {
<button styleName='control-fullScreenButton' <button styleName='control-fullScreenButton'
onMouseDown={(e) => this.handleFullScreenButton(e)} onMouseDown={(e) => this.handleFullScreenButton(e)}
> >
<i className={'fa fa-arrows-alt'} styleName='fullScreen-button' /> <i className='fa fa-arrows-alt' styleName='fullScreen-button' />
</button> </button>
</div> </div>
</div> </div>

43
browser/main/Detail/SnippetNoteDetail.js
View File

@@ -52,7 +52,6 @@ class SnippetNoteDetail extends React.Component {
fullScreen: false, fullScreen: false,
widthOfNoteDetail: 0, widthOfNoteDetail: 0,
widthOfMainBody: 0 widthOfMainBody: 0
} }
} }
@@ -195,27 +194,25 @@ class SnippetNoteDetail extends React.Component {
} }
handleFullScreenButton (e) { handleFullScreenButton (e) {
const currentScreenState = !Object.assign({}, this.state).fullScreen this.setState({ fullScreen: !this.state.fullScreen }, () => {
this.setState({ fullScreen: currentScreenState }) const noteDetail = document.querySelector('.NoteDetail')
const mainBody = document.querySelector('#main-body')
const noteDetail = document.querySelector('.NoteDetail') const sliderRight = document.querySelector('#slider-right')
const mainBody = document.querySelector('#main-body') const sliderLeft = document.querySelector('#slider-left')
const sliderRight = document.querySelector('#slider-right') if (this.state.fullScreen) {
const sliderLeft = document.querySelector('#slider-left') this.state.widthOfNoteDetail = noteDetail.style.left
this.state.widthOfMainBody = mainBody.style.left
if (currentScreenState) { noteDetail.style.left = '0px'
this.state.widthOfNoteDetail = noteDetail.style.left mainBody.style.left = '0px'
this.state.widthOfMainBody = mainBody.style.left sliderRight.style.display = 'none'
noteDetail.style.left = '0px' sliderLeft.style.display = 'none'
mainBody.style.left = '0px' } else {
sliderRight.style.display = 'none' noteDetail.style.left = this.state.widthOfNoteDetail
sliderLeft.style.display = 'none' mainBody.style.left = this.state.widthOfMainBody
} else { sliderRight.style.display = 'block'
noteDetail.style.left = this.state.widthOfNoteDetail sliderLeft.style.display = 'block'
mainBody.style.left = this.state.widthOfMainBody }
sliderRight.style.display = 'block' })
sliderLeft.style.display = 'block'
}
} }
handleTabPlusButtonClick (e) { handleTabPlusButtonClick (e) {
@@ -558,7 +555,7 @@ class SnippetNoteDetail extends React.Component {
<button styleName='control-fullScreenButton' <button styleName='control-fullScreenButton'
onMouseDown={(e) => this.handleFullScreenButton(e)} onMouseDown={(e) => this.handleFullScreenButton(e)}
> >
<i className={'fa fa-arrows-alt'} styleName='fullScreen-button' /> <i className='fa fa-arrows-alt' styleName='fullScreen-button' />
</button> </button>
</div> </div>
</div> </div>