Add read-only inputs to UI plus Copy to Clipboard buttons (#3095)

* Adds readOnly prop to Input, convert disabled props to it (#3066)

* WIP

* Adds copy icon to readOnly Input (#3009)

* Added Copy to Clipboard buttons on the UI (#3009)

* copiable to allowCopy props #3095

* Padded copy icons (#3095)

* Fixed password width in account creation

* Copyable value in MethodDecoding
This commit is contained in:
Nicolas Gotchac
2016-11-02 17:25:34 +01:00
committed by Jaco Greeff
parent f3d4aa43f3
commit e4c75bde4c
23 changed files with 314 additions and 95 deletions

View File

@@ -16,7 +16,6 @@
import BigNumber from 'bignumber.js';
import React, { Component, PropTypes } from 'react';
import Chip from 'material-ui/Chip';
import LinearProgress from 'material-ui/LinearProgress';
import { Card, CardActions, CardTitle, CardText } from 'material-ui/Card';
@@ -104,13 +103,21 @@ export default class InputQuery extends Component {
display: this.renderValue(results[index])
}))
.sort((outA, outB) => outA.display.length - outB.display.length)
.map((out, index) => (<div key={ index }>
<div className={ styles.queryResultName }>{ out.name }</div>
<Chip className={ styles.queryValue }>
{ out.display }
</Chip>
<br />
</div>));
.map((out, index) => (
<div key={ index }>
<div className={ styles.queryResultName }>
{ out.name }
</div>
<Input
className={ styles.queryValue }
readOnly
allowCopy
value={ out.display }
/>
<br />
</div>
));
}
renderInput (input) {