public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-15 02:36:36 +00:00
Code Issues Releases Wiki Activity

Multi tab WIP

Browse Source
This commit is contained in:
gregueiras
2018-11-26 20:11:11 +00:00
parent a26d4fb499
commit aa38b1f859
3 changed files with 204 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
browser/main/modals/PreferencesModal/UiTab.js
View File

@@ -12,7 +12,6 @@ import _ from 'lodash'
import i18n from 'browser/lib/i18n'
import { getLanguages } from 'browser/lib/Languages'
import normalizeEditorFontFamily from 'browser/lib/normalizeEditorFontFamily'
const OSX = global.process.platform === 'darwin'
const electron = require('electron')
@@ -163,6 +162,20 @@ class UiTab extends React.Component {
}, 2000)()
}
handleSlider (number) {
const sliderID = 'rs-range-line-' + number
const bulletID = 'rs-bullet-' + number
const rangeSlider = document.getElementById(sliderID)
const rangeBullet = document.getElementById(bulletID)
if (rangeSlider && rangeBullet) {
rangeBullet.innerHTML = Math.floor(rangeSlider.value / 60) + ':' + rangeSlider.value % 60
const bulletPosition = (rangeSlider.value / rangeSlider.max)
rangeBullet.style.left = (bulletPosition * 578) + 'px'
}
}
render () {
const UiAlert = this.state.UiAlert
const UiAlertElement = UiAlert != null
@@ -199,6 +212,23 @@ class UiTab extends React.Component {
</select>
</div>
</div>
<div styleName='group-section'>
<div styleName='container'>
<div styleName='range-slider' id='firstRow'>
<span id='rs-bullet-1' styleName='rs-label'>00:00</span>
<input id='rs-range-line-1' styleName='rs-range' type='range' value={config.ui.scheduleStart} min='0' max='1440' step='5'
onChange={() => this.handleSlider(1)} />
</div>
<div styleName='range-slider' id='secondRow'>
<span id='rs-bullet-2' styleName='rs-label'>24:00</span>
<input id='rs-range-line-2' styleName='rs-range' type='range' value={config.ui.scheduleEnd} min='0' max='1440' step='5'
onInput={() => this.handleSlider(2)} />
</div>
<div styleName='box-minmax'>
<span>00:00</span><span>24:00</span>
</div>
</div>
</div>
<div styleName='group-section'>
<div styleName='group-section-label'>