grassrootseconomics/openethereum
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Make enode available on Status page

Browse Source
This commit is contained in:
Jaco Greeff 2016-12-14 13:41:29 +01:00
parent d1653567d9
commit d28ec2ff97
2 changed files with 30 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
js/src/views/Status/components/Status/status.css
View File

@ -20,13 +20,13 @@
.row { .row {
margin: 0 -1em; margin: 0 -1em;
}
.row::after { &::after {
display: table; display: table;
clear: both; clear: both;
content: ''; content: '';
} }
}
.blockInfo { .blockInfo {
color: #aaa; color: #aaa;
@ -44,7 +44,7 @@
} }
.col, .col,
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { .col3, .col4_5, .col6, .col12 {
float: left; float: left;
padding: 0 1em; padding: 0 1em;
box-sizing: border-box; box-sizing: border-box;
@ -57,18 +57,11 @@
width: calc(100% / 12 * 3); width: calc(100% / 12 * 3);
} }
.col4 { .col4_5 {
width: 33.33333%; width: 37.5%;
width: -webkit-calc(100% / 12 * 4); width: -webkit-calc(100% / 12 * 4.5);
width: -moz-calc(100% / 12 * 4); width: -moz-calc(100% / 12 * 4.5);
width: calc(100% / 12 * 4); width: calc(100% / 12 * 4.5);
}
.col5 {
width: 41.66665%;
width: -webkit-calc(100% / 12 * 5);
width: -moz-calc(100% / 12 * 5);
width: calc(100% / 12 * 5);
} }
.col6 { .col6 {

21
js/src/views/Status/components/Status/status.js
View File

@ -68,13 +68,13 @@ export default class Status extends Component {
</div> </div>
</div> </div>
</div> </div>
<div className={ styles.col5 }> <div className={ styles.col4_5 }>
<MiningSettings <MiningSettings
{ ...this._test('mining') } { ...this._test('mining') }
nodeStatus={ nodeStatus } nodeStatus={ nodeStatus }
actions={ this.props.actions } /> actions={ this.props.actions } />
</div> </div>
<div className={ styles.col4 }> <div className={ styles.col4_5 }>
{ this.renderSettings() } { this.renderSettings() }
</div> </div>
</div> </div>
@ -102,6 +102,7 @@ export default class Status extends Component {
<div { ...this._test('settings') }> <div { ...this._test('settings') }>
<ContainerTitle title='network settings' /> <ContainerTitle title='network settings' />
<Input <Input
allowCopy
readOnly readOnly
label='chain' label='chain'
value={ nodeStatus.netChain } value={ nodeStatus.netChain }
@ -109,6 +110,7 @@ export default class Status extends Component {
<div className={ styles.row }> <div className={ styles.row }>
<div className={ styles.col6 }> <div className={ styles.col6 }>
<Input <Input
allowCopy
readOnly readOnly
label='peers' label='peers'
value={ peers } value={ peers }
@ -116,6 +118,7 @@ export default class Status extends Component {
</div> </div>
<div className={ styles.col6 }> <div className={ styles.col6 }>
<Input <Input
allowCopy
readOnly readOnly
label='network port' label='network port'
value={ nodeStatus.netPort.toString() } value={ nodeStatus.netPort.toString() }
@ -124,6 +127,7 @@ export default class Status extends Component {
</div> </div>
<Input <Input
allowCopy
readOnly readOnly
label='rpc enabled' label='rpc enabled'
value={ rpcSettings.enabled ? 'yes' : 'no' } value={ rpcSettings.enabled ? 'yes' : 'no' }
@ -131,6 +135,7 @@ export default class Status extends Component {
<div className={ styles.row }> <div className={ styles.row }>
<div className={ styles.col6 }> <div className={ styles.col6 }>
<Input <Input
allowCopy
readOnly readOnly
label='rpc interface' label='rpc interface'
value={ rpcSettings.interface } value={ rpcSettings.interface }
@ -138,12 +143,24 @@ export default class Status extends Component {
</div> </div>
<div className={ styles.col6 }> <div className={ styles.col6 }>
<Input <Input
allowCopy
readOnly readOnly
label='rpc port' label='rpc port'
value={ rpcSettings.port.toString() } value={ rpcSettings.port.toString() }
{ ...this._test('rpc-port') } /> { ...this._test('rpc-port') } />
</div> </div>
</div> </div>
<div className={ styles.row }>
<div className={ styles.col12 }>
<Input
allowCopy
readOnly
label='enode'
value={ nodeStatus.enode }
{ ...this._test('node-enode') } />
</div>
</div>
</div> </div>
); );
} }