1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00

refactor: Change UI according requested changes.

NOTE:
Just a simple section with title Wakatime and bellow is a check box saying enable wakatime? and below it is the text box for wakatime key.
This commit is contained in:
Luis Reinoso
2020-06-07 11:17:02 -05:00
parent 76da76ae76
commit 8ede1a4989

View File

@@ -157,25 +157,26 @@ class PluginsTab extends React.Component {
<div styleName='root'> <div styleName='root'>
<div styleName='group'> <div styleName='group'>
<div styleName='group-header'>{i18n.__('Plugins')}</div> <div styleName='group-header'>{i18n.__('Plugins')}</div>
<div styleName='group-header2'>{i18n.__('Wakatime')}</div>
<div styleName='group-checkBoxSection'>
<label>
<input
onChange={e => this.handleIsWakatimePluginActiveChange(e)}
checked={config.wakatime.isActive}
ref='wakatimeIsActive'
type='checkbox'
/>
&nbsp;
{i18n.__('Enable Wakatime')}
</label>
</div>
<div styleName='group-section'> <div styleName='group-section'>
<div styleName='group-section-label'> <div styleName='group-section-label'>{i18n.__('Wakatime key')}</div>
<div styleName='group-checkBoxSection'>
<label>
<input
onChange={e => this.handleIsWakatimePluginActiveChange(e)}
checked={config.wakatime.isActive}
ref='wakatimeIsActive'
type='checkbox'
/>
&nbsp;
{i18n.__('Wakatime key')}
</label>
</div>
</div>
<div styleName='group-section-control'> <div styleName='group-section-control'>
<input <input
styleName='group-section-control-input' styleName='group-section-control-input'
onChange={e => this.handleWakatimeKeyChange(e)} onChange={e => this.handleWakatimeKeyChange(e)}
disabled={!config.wakatime.isActive}
ref='wakatimeKey' ref='wakatimeKey'
value={config.wakatime.key} value={config.wakatime.key}
type='text' type='text'