Make enode available on Status page

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

View File

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

View File

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