public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 09:46:22 +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) {
const currentScreenState = !Object.assign({}, this.state).fullScreen
this.setState({ fullScreen: currentScreenState })
const noteDetail = document.querySelector('.NoteDetail')
const mainBody = document.querySelector('#main-body')
const sliderRight = document.querySelector('#slider-right')
const sliderLeft = document.querySelector('#slider-left')
if (currentScreenState) {
this.state.widthOfNoteDetail = noteDetail.style.left
this.state.widthOfMainBody = mainBody.style.left
noteDetail.style.left = '0px'
mainBody.style.left = '0px'
sliderRight.style.display = 'none'
sliderLeft.style.display = 'none'
} else {
noteDetail.style.left = this.state.widthOfNoteDetail
mainBody.style.left = this.state.widthOfMainBody
sliderRight.style.display = 'block'
sliderLeft.style.display = 'block'
}
this.setState({ fullScreen: !this.state.fullScreen }, () => {
const noteDetail = document.querySelector('.NoteDetail')
const mainBody = document.querySelector('#main-body')
const sliderRight = document.querySelector('#slider-right')
const sliderLeft = document.querySelector('#slider-left')
if (this.state.fullScreen) {
this.state.widthOfNoteDetail = noteDetail.style.left
this.state.widthOfMainBody = mainBody.style.left
noteDetail.style.left = '0px'
mainBody.style.left = '0px'
sliderRight.style.display = 'none'
sliderLeft.style.display = 'none'
} else {
noteDetail.style.left = this.state.widthOfNoteDetail
mainBody.style.left = this.state.widthOfMainBody
sliderRight.style.display = 'block'
sliderLeft.style.display = 'block'
}
})
}
handleLockButtonMouseDown (e) {
@@ -317,7 +315,7 @@ class MarkdownNoteDetail extends React.Component {
<button styleName='control-fullScreenButton'
onMouseDown={(e) => this.handleFullScreenButton(e)}
>
<i className={'fa fa-arrows-alt'} styleName='fullScreen-button' />
<i className='fa fa-arrows-alt' styleName='fullScreen-button' />
</button>
</div>
</div>

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

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