1 var Api = require('./api.js').Api;
2 var App = require('./app.js');
3 var classNames = require('classnames');
5 module.exports.PoloniexForm = React.createClass({
6 getInitialState: function() {
7 return {'hideMsg': true, 'msg': '', 'msgOk': false, 'apiSecret': this.props.apiSecret, 'apiKey': this.props.apiKey};
9 handleSubmit: function(e) {
10 Api.Call('UPDATE_MARKET', {'key': this.state.apiKey, 'secret': this.state.apiSecret, 'name': 'poloniex'}, function(err, status, data) {
12 console.error(err, data);
13 this.displayMessage(App.errorCodeToMessage(err.code), false);
17 this.displayMessage('OK', true);
22 handleApiKeyChange: function(event) {
23 this.setState({'apiKey': event.target.value});
25 handleApiSecretChange: function(event) {
26 this.setState({'apiSecret': event.target.value});
28 hideMessage: function() {
29 this.setState({'hideMsg': true});
31 displayMessage: function(msg, ok) {
32 this.setState({'msg': msg, 'msgOk': ok, 'hideMsg': false});
35 var cName = classNames('form-message', {'hidden': this.state.hideMsg, 'message-ok': this.state.msgOk});
37 <div className='row justify-content-center api-credentials-form'>
38 <div className='col-lg-offset-4 col-lg-4 col-md-offset-4 col-md-4 col-sm-offset-4 col-sm-4 col-xs-offset-1 col-xs-10'>
39 <form role='form' onSubmit={this.handleSubmit}>
40 <input className='form-control' type='text' placeholder='apiKey' value={this.state.apiKey} onChange={this.handleApiKeyChange} />
41 <input className='form-control' type='text' placeholder='apiSecret' value={this.state.apiSecret} onChange={this.handleApiSecretChange} />
42 <input className='form-control submit' type='submit' value='Save' />
43 <div className={cName} ref='message'>{this.state.msg}</div>