public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-16 03:06:27 +00:00
Code Issues Releases Wiki Activity

fixing some code from the comments

Browse Source
This commit is contained in:
Kevin Nadro
2017-05-28 01:10:32 -05:00
committed by asmsuechan
parent 5d0cb0302e
commit afc729b1c3
3 changed files with 41 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -31,13 +31,9 @@ class MarkdownNoteDetail extends React.Component {
}, props.note), }, props.note),
isLockButtonShown: false, isLockButtonShown: false,
isLocked: false, isLocked: false,
fullScreen: { fullScreen: false,
status: false, widthOfNoteDetail: 0,
oldState: { widthOfMainBody: 0
nd : 0,
mb : 0
}
}
} }
this.dispatchTimer = null this.dispatchTimer = null
@@ -204,31 +200,27 @@ class MarkdownNoteDetail extends React.Component {
} }
handleFullScreenButton (e) { handleFullScreenButton (e) {
const currentScreenState = !Object.assign({}, this.state).fullScreen
this.setState({ fullScreen: currentScreenState })
this.state.fullScreen.status = !this.state.fullScreen.status const noteDetail = document.querySelector('.NoteDetail')
const noteDetail = document.querySelector(".NoteDetail") const mainBody = document.querySelector('#main-body')
const mainBody = document.querySelector(".Main__body___browser-main-") const sliderRight = document.querySelector('#slider-right')
const sliderRight = document.querySelector(".Main__slider-right___browser-main-") const sliderLeft = document.querySelector('#slider-left')
const slider = document.querySelector(".Main__slider___browser-main-")
if(this.state.fullScreen.status) { if (currentScreenState) {
this.state.widthOfNoteDetail = noteDetail.style.left
this.state.fullScreen.oldState.nd = noteDetail.style.left this.state.widthOfMainBody = mainBody.style.left
this.state.fullScreen.oldState.mb = mainBody.style.left noteDetail.style.left = '0px'
noteDetail.style.left = "0px" mainBody.style.left = '0px'
mainBody.style.left = "0px"
sliderRight.style.display = 'none' sliderRight.style.display = 'none'
slider.style.display = 'none' sliderLeft.style.display = 'none'
} else {
}else { noteDetail.style.left = this.state.widthOfNoteDetail
mainBody.style.left = this.state.widthOfMainBody
noteDetail.style.left = this.state.fullScreen.oldState.nd
mainBody.style.left = this.state.fullScreen.oldState.mb
sliderRight.style.display = 'block' sliderRight.style.display = 'block'
slider.style.display = 'block' sliderLeft.style.display = 'block'
} }
} }
handleLockButtonMouseDown (e) { handleLockButtonMouseDown (e) {

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

@@ -49,13 +49,9 @@ class SnippetNoteDetail extends React.Component {
}, props.note, { }, props.note, {
snippets: props.note.snippets.map((snippet) => Object.assign({}, snippet)) snippets: props.note.snippets.map((snippet) => Object.assign({}, snippet))
}), }),
fullScreen: { fullScreen: false,
status: false, widthOfNoteDetail: 0,
oldState: { widthOfMainBody: 0
nd : 0,
mb : 0
}
}
} }
} }
@@ -199,31 +195,27 @@ class SnippetNoteDetail extends React.Component {
} }
handleFullScreenButton (e) { handleFullScreenButton (e) {
const currentScreenState = !Object.assign({}, this.state).fullScreen
this.setState({ fullScreen: currentScreenState })
this.state.fullScreen.status = !this.state.fullScreen.status const noteDetail = document.querySelector('.NoteDetail')
const noteDetail = document.querySelector(".NoteDetail") const mainBody = document.querySelector('#main-body')
const mainBody = document.querySelector(".Main__body___browser-main-") const sliderRight = document.querySelector('#slider-right')
const sliderRight = document.querySelector(".Main__slider-right___browser-main-") const sliderLeft = document.querySelector('#slider-left')
const slider = document.querySelector(".Main__slider___browser-main-")
if(this.state.fullScreen.status) { if (currentScreenState) {
this.state.widthOfNoteDetail = noteDetail.style.left
this.state.fullScreen.oldState.nd = noteDetail.style.left this.state.widthOfMainBody = mainBody.style.left
this.state.fullScreen.oldState.mb = mainBody.style.left noteDetail.style.left = '0px'
noteDetail.style.left = "0px" mainBody.style.left = '0px'
mainBody.style.left = "0px"
sliderRight.style.display = 'none' sliderRight.style.display = 'none'
slider.style.display = 'none' sliderLeft.style.display = 'none'
} else {
}else { noteDetail.style.left = this.state.widthOfNoteDetail
mainBody.style.left = this.state.widthOfMainBody
noteDetail.style.left = this.state.fullScreen.oldState.nd
mainBody.style.left = this.state.fullScreen.oldState.mb
sliderRight.style.display = 'block' sliderRight.style.display = 'block'
slider.style.display = 'block' sliderLeft.style.display = 'block'
} }
} }
handleTabPlusButtonClick (e) { handleTabPlusButtonClick (e) {

3
browser/main/Main.js
View File

@@ -168,6 +168,7 @@ class Main extends React.Component {
/> />
{!config.isSideNavFolded && {!config.isSideNavFolded &&
<div styleName={this.state.isLeftSliderFocused ? 'slider--active' : 'slider'} <div styleName={this.state.isLeftSliderFocused ? 'slider--active' : 'slider'}
id='slider-left'
style={{left: this.state.navWidth}} style={{left: this.state.navWidth}}
onMouseDown={(e) => this.handleLeftSlideMouseDown(e)} onMouseDown={(e) => this.handleLeftSlideMouseDown(e)}
draggable='false' draggable='false'
@@ -176,6 +177,7 @@ class Main extends React.Component {
</div> </div>
} }
<div styleName={config.isSideNavFolded ? 'body--expanded' : 'body'} <div styleName={config.isSideNavFolded ? 'body--expanded' : 'body'}
id='main-body'
ref='body' ref='body'
style={{left: config.isSideNavFolded ? 44 : this.state.navWidth}} style={{left: config.isSideNavFolded ? 44 : this.state.navWidth}}
> >
@@ -198,6 +200,7 @@ class Main extends React.Component {
])} ])}
/> />
<div styleName={this.state.isRightSliderFocused ? 'slider-right--active' : 'slider-right'} <div styleName={this.state.isRightSliderFocused ? 'slider-right--active' : 'slider-right'}
id='slider-right'
style={{left: this.state.listWidth - 1}} style={{left: this.state.listWidth - 1}}
onMouseDown={(e) => this.handleRightSlideMouseDown(e)} onMouseDown={(e) => this.handleRightSlideMouseDown(e)}
draggable='false' draggable='false'